app.wxss 144 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631
  1. /**
  2. * uni-app内置的常用样式变量
  3. */
  4. /* 行为相关颜色 */
  5. /* 文字基本颜色 */
  6. /* 背景颜色 */
  7. /* 边框颜色 */
  8. /* 尺寸变量 */
  9. /* 文字尺寸 */
  10. /* 图片尺寸 */
  11. /* Border Radius */
  12. /* 水平间距 */
  13. /* 垂直间距 */
  14. /* 透明度 */
  15. /* 文章场景相关 */
  16. /*
  17. ColorUi for uniApp v2.1.6 | by 文晓港 2019-05-31 10:44:24
  18. 仅供学习交流,如作它用所承受的法律责任一概与作者无关
  19. *使用ColorUi开发扩展与插件时,请注明基于ColorUi开发
  20. (QQ交流群:240787041)
  21. */
  22. /* ==================
  23. 初始化
  24. ==================== */
  25. body {
  26. background-color: #f1f1f1;
  27. font-size: 28rpx;
  28. color: #333333;
  29. font-family: Helvetica Neue, Helvetica, sans-serif;
  30. }
  31. view,
  32. scroll-view,
  33. swiper,
  34. button,
  35. input,
  36. textarea,
  37. label,
  38. navigator,
  39. image {
  40. box-sizing: border-box;
  41. }
  42. .round {
  43. border-radius: 5000rpx;
  44. }
  45. .radius {
  46. border-radius: 6rpx;
  47. }
  48. /* ==================
  49. 图片
  50. ==================== */
  51. image {
  52. max-width: 100%;
  53. display: inline-block;
  54. position: relative;
  55. z-index: 0;
  56. }
  57. image.loading::before {
  58. content: "";
  59. background-color: #f5f5f5;
  60. display: block;
  61. position: absolute;
  62. width: 100%;
  63. height: 100%;
  64. z-index: -2;
  65. }
  66. image.loading::after {
  67. content: "\e7f1";
  68. font-family: "cuIcon";
  69. position: absolute;
  70. top: 0;
  71. left: 0;
  72. width: 32rpx;
  73. height: 32rpx;
  74. line-height: 32rpx;
  75. right: 0;
  76. bottom: 0;
  77. z-index: -1;
  78. font-size: 32rpx;
  79. margin: auto;
  80. color: #ccc;
  81. animation: cuIcon-spin 2s infinite linear;
  82. display: block;
  83. }
  84. .response {
  85. width: 100%;
  86. }
  87. /* ==================
  88. 开关
  89. ==================== */
  90. switch,
  91. checkbox,
  92. radio {
  93. position: relative;
  94. }
  95. switch::after,
  96. switch::before {
  97. font-family: "cuIcon";
  98. content: "\e645";
  99. position: absolute;
  100. color: #ffffff !important;
  101. top: 0%;
  102. left: 0rpx;
  103. font-size: 26rpx;
  104. line-height: 26px;
  105. width: 50%;
  106. text-align: center;
  107. pointer-events: none;
  108. transform: scale(0, 0);
  109. transition: all 0.3s ease-in-out 0s;
  110. z-index: 9;
  111. bottom: 0;
  112. height: 26px;
  113. margin: auto;
  114. }
  115. switch::before {
  116. content: "\e646";
  117. right: 0;
  118. transform: scale(1, 1);
  119. left: auto;
  120. }
  121. switch[checked]::after,
  122. switch.checked::after {
  123. transform: scale(1, 1);
  124. }
  125. switch[checked]::before,
  126. switch.checked::before {
  127. transform: scale(0, 0);
  128. }
  129. radio::before,
  130. checkbox::before {
  131. font-family: "cuIcon";
  132. content: "\e645";
  133. position: absolute;
  134. color: #ffffff !important;
  135. top: 50%;
  136. margin-top: -8px;
  137. right: 5px;
  138. font-size: 32rpx;
  139. line-height: 16px;
  140. pointer-events: none;
  141. transform: scale(1, 1);
  142. transition: all 0.3s ease-in-out 0s;
  143. z-index: 9;
  144. }
  145. radio .wx-radio-input,
  146. checkbox .wx-checkbox-input,
  147. radio .uni-radio-input,
  148. checkbox .uni-checkbox-input {
  149. margin: 0;
  150. width: 24px;
  151. height: 24px;
  152. }
  153. checkbox.round .wx-checkbox-input,
  154. checkbox.round .uni-checkbox-input {
  155. border-radius: 100rpx;
  156. }
  157. switch[checked]::before {
  158. transform: scale(0, 0);
  159. }
  160. switch .wx-switch-input,
  161. switch .uni-switch-input {
  162. border: none;
  163. padding: 0 24px;
  164. width: 48px;
  165. height: 26px;
  166. margin: 0;
  167. border-radius: 100rpx;
  168. }
  169. switch .wx-switch-input:not([class*="bg-"]),
  170. switch .uni-switch-input:not([class*="bg-"]) {
  171. background: #8799a3 !important;
  172. }
  173. switch .wx-switch-input::after,
  174. switch .uni-switch-input::after {
  175. margin: auto;
  176. width: 26px;
  177. height: 26px;
  178. border-radius: 100rpx;
  179. left: 0rpx;
  180. top: 0rpx;
  181. bottom: 0rpx;
  182. position: absolute;
  183. transform: scale(0.9, 0.9);
  184. transition: all 0.1s ease-in-out 0s;
  185. }
  186. switch .wx-switch-input.wx-switch-input-checked::after,
  187. switch .uni-switch-input.uni-switch-input-checked::after {
  188. margin: auto;
  189. left: 22px;
  190. box-shadow: none;
  191. transform: scale(0.9, 0.9);
  192. }
  193. radio-group {
  194. display: inline-block;
  195. }
  196. switch.radius .wx-switch-input::after,
  197. switch.radius .wx-switch-input,
  198. switch.radius .wx-switch-input::before,
  199. switch.radius .uni-switch-input::after,
  200. switch.radius .uni-switch-input,
  201. switch.radius .uni-switch-input::before {
  202. border-radius: 10rpx;
  203. }
  204. switch .wx-switch-input::before,
  205. radio.radio::before,
  206. checkbox .wx-checkbox-input::before,
  207. radio .wx-radio-input::before,
  208. switch .uni-switch-input::before,
  209. radio.radio::before,
  210. checkbox .uni-checkbox-input::before,
  211. radio .uni-radio-input::before {
  212. display: none;
  213. }
  214. radio.radio[checked]::after,
  215. radio.radio .uni-radio-input-checked::after {
  216. content: "";
  217. background-color: transparent;
  218. display: block;
  219. position: absolute;
  220. width: 8px;
  221. height: 8px;
  222. z-index: 999;
  223. top: 0rpx;
  224. left: 0rpx;
  225. right: 0;
  226. bottom: 0;
  227. margin: auto;
  228. border-radius: 200rpx;
  229. border: 8px solid #ffffff !important;
  230. }
  231. .switch-sex::after {
  232. content: "\e71c";
  233. }
  234. .switch-sex::before {
  235. content: "\e71a";
  236. }
  237. .switch-sex .wx-switch-input,
  238. .switch-sex .uni-switch-input {
  239. background: #e54d42 !important;
  240. border-color: #e54d42 !important;
  241. }
  242. .switch-sex[checked] .wx-switch-input,
  243. .switch-sex.checked .uni-switch-input {
  244. background: #0081ff !important;
  245. border-color: #0081ff !important;
  246. }
  247. switch.red[checked] .wx-switch-input.wx-switch-input-checked,
  248. checkbox.red[checked] .wx-checkbox-input,
  249. radio.red[checked] .wx-radio-input,
  250. switch.red.checked .uni-switch-input.uni-switch-input-checked,
  251. checkbox.red.checked .uni-checkbox-input,
  252. radio.red.checked .uni-radio-input {
  253. background-color: #e54d42 !important;
  254. border-color: #e54d42 !important;
  255. color: #ffffff !important;
  256. }
  257. switch.orange[checked] .wx-switch-input,
  258. checkbox.orange[checked] .wx-checkbox-input,
  259. radio.orange[checked] .wx-radio-input,
  260. switch.orange.checked .uni-switch-input,
  261. checkbox.orange.checked .uni-checkbox-input,
  262. radio.orange.checked .uni-radio-input {
  263. background-color: #f37b1d !important;
  264. border-color: #f37b1d !important;
  265. color: #ffffff !important;
  266. }
  267. switch.yellow[checked] .wx-switch-input,
  268. checkbox.yellow[checked] .wx-checkbox-input,
  269. radio.yellow[checked] .wx-radio-input,
  270. switch.yellow.checked .uni-switch-input,
  271. checkbox.yellow.checked .uni-checkbox-input,
  272. radio.yellow.checked .uni-radio-input {
  273. background-color: #fbbd08 !important;
  274. border-color: #fbbd08 !important;
  275. color: #333333 !important;
  276. }
  277. switch.olive[checked] .wx-switch-input,
  278. checkbox.olive[checked] .wx-checkbox-input,
  279. radio.olive[checked] .wx-radio-input,
  280. switch.olive.checked .uni-switch-input,
  281. checkbox.olive.checked .uni-checkbox-input,
  282. radio.olive.checked .uni-radio-input {
  283. background-color: #8dc63f !important;
  284. border-color: #8dc63f !important;
  285. color: #ffffff !important;
  286. }
  287. switch.green[checked] .wx-switch-input,
  288. switch[checked] .wx-switch-input,
  289. checkbox.green[checked] .wx-checkbox-input,
  290. checkbox[checked] .wx-checkbox-input,
  291. radio.green[checked] .wx-radio-input,
  292. radio[checked] .wx-radio-input,
  293. switch.green.checked .uni-switch-input,
  294. switch.checked .uni-switch-input,
  295. checkbox.green.checked .uni-checkbox-input,
  296. checkbox.checked .uni-checkbox-input,
  297. radio.green.checked .uni-radio-input,
  298. radio.checked .uni-radio-input {
  299. background-color: #39b54a !important;
  300. border-color: #39b54a !important;
  301. color: #ffffff !important;
  302. border-color: #39B54A !important;
  303. }
  304. switch.cyan[checked] .wx-switch-input,
  305. checkbox.cyan[checked] .wx-checkbox-input,
  306. radio.cyan[checked] .wx-radio-input,
  307. switch.cyan.checked .uni-switch-input,
  308. checkbox.cyan.checked .uni-checkbox-input,
  309. radio.cyan.checked .uni-radio-input {
  310. background-color: #1cbbb4 !important;
  311. border-color: #1cbbb4 !important;
  312. color: #ffffff !important;
  313. }
  314. switch.blue[checked] .wx-switch-input,
  315. checkbox.blue[checked] .wx-checkbox-input,
  316. radio.blue[checked] .wx-radio-input,
  317. switch.blue.checked .uni-switch-input,
  318. checkbox.blue.checked .uni-checkbox-input,
  319. radio.blue.checked .uni-radio-input {
  320. background-color: #0081ff !important;
  321. border-color: #0081ff !important;
  322. color: #ffffff !important;
  323. }
  324. switch.purple[checked] .wx-switch-input,
  325. checkbox.purple[checked] .wx-checkbox-input,
  326. radio.purple[checked] .wx-radio-input,
  327. switch.purple.checked .uni-switch-input,
  328. checkbox.purple.checked .uni-checkbox-input,
  329. radio.purple.checked .uni-radio-input {
  330. background-color: #6739b6 !important;
  331. border-color: #6739b6 !important;
  332. color: #ffffff !important;
  333. }
  334. switch.mauve[checked] .wx-switch-input,
  335. checkbox.mauve[checked] .wx-checkbox-input,
  336. radio.mauve[checked] .wx-radio-input,
  337. switch.mauve.checked .uni-switch-input,
  338. checkbox.mauve.checked .uni-checkbox-input,
  339. radio.mauve.checked .uni-radio-input {
  340. background-color: #9c26b0 !important;
  341. border-color: #9c26b0 !important;
  342. color: #ffffff !important;
  343. }
  344. switch.pink[checked] .wx-switch-input,
  345. checkbox.pink[checked] .wx-checkbox-input,
  346. radio.pink[checked] .wx-radio-input,
  347. switch.pink.checked .uni-switch-input,
  348. checkbox.pink.checked .uni-checkbox-input,
  349. radio.pink.checked .uni-radio-input {
  350. background-color: #e03997 !important;
  351. border-color: #e03997 !important;
  352. color: #ffffff !important;
  353. }
  354. switch.brown[checked] .wx-switch-input,
  355. checkbox.brown[checked] .wx-checkbox-input,
  356. radio.brown[checked] .wx-radio-input,
  357. switch.brown.checked .uni-switch-input,
  358. checkbox.brown.checked .uni-checkbox-input,
  359. radio.brown.checked .uni-radio-input {
  360. background-color: #a5673f !important;
  361. border-color: #a5673f !important;
  362. color: #ffffff !important;
  363. }
  364. switch.grey[checked] .wx-switch-input,
  365. checkbox.grey[checked] .wx-checkbox-input,
  366. radio.grey[checked] .wx-radio-input,
  367. switch.grey.checked .uni-switch-input,
  368. checkbox.grey.checked .uni-checkbox-input,
  369. radio.grey.checked .uni-radio-input {
  370. background-color: #8799a3 !important;
  371. border-color: #8799a3 !important;
  372. color: #ffffff !important;
  373. }
  374. switch.gray[checked] .wx-switch-input,
  375. checkbox.gray[checked] .wx-checkbox-input,
  376. radio.gray[checked] .wx-radio-input,
  377. switch.gray.checked .uni-switch-input,
  378. checkbox.gray.checked .uni-checkbox-input,
  379. radio.gray.checked .uni-radio-input {
  380. background-color: #f0f0f0 !important;
  381. border-color: #f0f0f0 !important;
  382. color: #333333 !important;
  383. }
  384. switch.black[checked] .wx-switch-input,
  385. checkbox.black[checked] .wx-checkbox-input,
  386. radio.black[checked] .wx-radio-input,
  387. switch.black.checked .uni-switch-input,
  388. checkbox.black.checked .uni-checkbox-input,
  389. radio.black.checked .uni-radio-input {
  390. background-color: #333333 !important;
  391. border-color: #333333 !important;
  392. color: #ffffff !important;
  393. }
  394. switch.white[checked] .wx-switch-input,
  395. checkbox.white[checked] .wx-checkbox-input,
  396. radio.white[checked] .wx-radio-input,
  397. switch.white.checked .uni-switch-input,
  398. checkbox.white.checked .uni-checkbox-input,
  399. radio.white.checked .uni-radio-input {
  400. background-color: #ffffff !important;
  401. border-color: #ffffff !important;
  402. color: #333333 !important;
  403. }
  404. /* ==================
  405. 边框
  406. ==================== */
  407. /* -- 实线 -- */
  408. .solid,
  409. .solid-top,
  410. .solid-right,
  411. .solid-bottom,
  412. .solid-left,
  413. .solids,
  414. .solids-top,
  415. .solids-right,
  416. .solids-bottom,
  417. .solids-left,
  418. .dashed,
  419. .dashed-top,
  420. .dashed-right,
  421. .dashed-bottom,
  422. .dashed-left {
  423. position: relative;
  424. }
  425. .solid::after,
  426. .solid-top::after,
  427. .solid-right::after,
  428. .solid-bottom::after,
  429. .solid-left::after,
  430. .solids::after,
  431. .solids-top::after,
  432. .solids-right::after,
  433. .solids-bottom::after,
  434. .solids-left::after,
  435. .dashed::after,
  436. .dashed-top::after,
  437. .dashed-right::after,
  438. .dashed-bottom::after,
  439. .dashed-left::after {
  440. content: " ";
  441. width: 200%;
  442. height: 200%;
  443. position: absolute;
  444. top: 0;
  445. left: 0;
  446. border-radius: inherit;
  447. transform: scale(0.5);
  448. transform-origin: 0 0;
  449. pointer-events: none;
  450. box-sizing: border-box;
  451. }
  452. .solid::after {
  453. border: 1rpx solid rgba(0, 0, 0, 0.1);
  454. }
  455. .solid-top::after {
  456. border-top: 1rpx solid rgba(0, 0, 0, 0.1);
  457. }
  458. .solid-right::after {
  459. border-right: 1rpx solid rgba(0, 0, 0, 0.1);
  460. }
  461. .solid-bottom::after {
  462. border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
  463. }
  464. .solid-left::after {
  465. border-left: 1rpx solid rgba(0, 0, 0, 0.1);
  466. }
  467. .solids::after {
  468. border: 8rpx solid #eee;
  469. }
  470. .solids-top::after {
  471. border-top: 8rpx solid #eee;
  472. }
  473. .solids-right::after {
  474. border-right: 8rpx solid #eee;
  475. }
  476. .solids-bottom::after {
  477. border-bottom: 8rpx solid #eee;
  478. }
  479. .solids-left::after {
  480. border-left: 8rpx solid #eee;
  481. }
  482. /* -- 虚线 -- */
  483. .dashed::after {
  484. border: 1rpx dashed #ddd;
  485. }
  486. .dashed-top::after {
  487. border-top: 1rpx dashed #ddd;
  488. }
  489. .dashed-right::after {
  490. border-right: 1rpx dashed #ddd;
  491. }
  492. .dashed-bottom::after {
  493. border-bottom: 1rpx dashed #ddd;
  494. }
  495. .dashed-left::after {
  496. border-left: 1rpx dashed #ddd;
  497. }
  498. /* -- 阴影 -- */
  499. .shadow[class*='white'] {
  500. --ShadowSize: 0 1rpx 6rpx;
  501. }
  502. .shadow-lg {
  503. --ShadowSize: 0rpx 40rpx 100rpx 0rpx;
  504. }
  505. .shadow-warp {
  506. position: relative;
  507. box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.1);
  508. }
  509. .shadow-warp:before,
  510. .shadow-warp:after {
  511. position: absolute;
  512. content: "";
  513. top: 20rpx;
  514. bottom: 30rpx;
  515. left: 20rpx;
  516. width: 50%;
  517. box-shadow: 0 30rpx 20rpx rgba(0, 0, 0, 0.2);
  518. transform: rotate(-3deg);
  519. z-index: -1;
  520. }
  521. .shadow-warp:after {
  522. right: 20rpx;
  523. left: auto;
  524. transform: rotate(3deg);
  525. }
  526. .shadow-blur {
  527. position: relative;
  528. }
  529. .shadow-blur::before {
  530. content: "";
  531. display: block;
  532. background: inherit;
  533. filter: blur(10rpx);
  534. position: absolute;
  535. width: 100%;
  536. height: 100%;
  537. top: 10rpx;
  538. left: 10rpx;
  539. z-index: -1;
  540. opacity: 0.4;
  541. transform-origin: 0 0;
  542. border-radius: inherit;
  543. transform: scale(1, 1);
  544. }
  545. /* ==================
  546. 按钮
  547. ==================== */
  548. .cu-btn {
  549. position: relative;
  550. border: 0rpx;
  551. display: inline-flex;
  552. align-items: center;
  553. justify-content: center;
  554. box-sizing: border-box;
  555. padding: 0 30rpx;
  556. font-size: 28rpx;
  557. height: 64rpx;
  558. line-height: 1;
  559. text-align: center;
  560. text-decoration: none;
  561. overflow: visible;
  562. margin-left: initial;
  563. transform: translate(0rpx, 0rpx);
  564. margin-right: initial;
  565. }
  566. .cu-btn::after {
  567. display: none;
  568. }
  569. .cu-btn:not([class*="bg-"]) {
  570. background-color: #f0f0f0;
  571. }
  572. .cu-btn[class*="line"] {
  573. background-color: transparent;
  574. }
  575. .cu-btn[class*="line"]::after {
  576. content: " ";
  577. display: block;
  578. width: 200%;
  579. height: 200%;
  580. position: absolute;
  581. top: 0;
  582. left: 0;
  583. border: 1rpx solid currentColor;
  584. transform: scale(0.5);
  585. transform-origin: 0 0;
  586. box-sizing: border-box;
  587. border-radius: 12rpx;
  588. z-index: 1;
  589. pointer-events: none;
  590. }
  591. .cu-btn.round[class*="line"]::after {
  592. border-radius: 1000rpx;
  593. }
  594. .cu-btn[class*="lines"]::after {
  595. border: 6rpx solid currentColor;
  596. }
  597. .cu-btn[class*="bg-"]::after {
  598. display: none;
  599. }
  600. .cu-btn.sm {
  601. padding: 0 20rpx;
  602. font-size: 20rpx;
  603. height: 48rpx;
  604. }
  605. .cu-btn.lg {
  606. padding: 0 40rpx;
  607. font-size: 32rpx;
  608. height: 80rpx;
  609. }
  610. .cu-btn.cuIcon.sm {
  611. width: 48rpx;
  612. height: 48rpx;
  613. }
  614. .cu-btn.cuIcon {
  615. width: 64rpx;
  616. height: 64rpx;
  617. border-radius: 500rpx;
  618. padding: 0;
  619. }
  620. button.cuIcon.lg {
  621. width: 80rpx;
  622. height: 80rpx;
  623. }
  624. .cu-btn.shadow-blur::before {
  625. top: 4rpx;
  626. left: 4rpx;
  627. filter: blur(6rpx);
  628. opacity: 0.6;
  629. }
  630. .cu-btn.button-hover {
  631. transform: translate(1rpx, 1rpx);
  632. }
  633. .block {
  634. display: block;
  635. }
  636. .cu-btn.block {
  637. display: flex;
  638. }
  639. .cu-btn[disabled] {
  640. opacity: 0.6;
  641. color: #ffffff;
  642. }
  643. /* ==================
  644. 徽章
  645. ==================== */
  646. .cu-tag {
  647. font-size: 24rpx;
  648. vertical-align: middle;
  649. position: relative;
  650. display: inline-flex;
  651. align-items: center;
  652. justify-content: center;
  653. box-sizing: border-box;
  654. padding: 0rpx 16rpx;
  655. height: 48rpx;
  656. font-family: Helvetica Neue, Helvetica, sans-serif;
  657. white-space: nowrap;
  658. }
  659. .cu-tag:not([class*="bg"]):not([class*="line"]) {
  660. background-color: #f1f1f1;
  661. }
  662. .cu-tag[class*="line-"]::after {
  663. content: " ";
  664. width: 200%;
  665. height: 200%;
  666. position: absolute;
  667. top: 0;
  668. left: 0;
  669. border: 1rpx solid currentColor;
  670. transform: scale(0.5);
  671. transform-origin: 0 0;
  672. box-sizing: border-box;
  673. border-radius: inherit;
  674. z-index: 1;
  675. pointer-events: none;
  676. }
  677. .cu-tag.radius[class*="line"]::after {
  678. border-radius: 12rpx;
  679. }
  680. .cu-tag.round[class*="line"]::after {
  681. border-radius: 1000rpx;
  682. }
  683. .cu-tag[class*="line-"]::after {
  684. border-radius: 0;
  685. }
  686. .cu-tag+.cu-tag {
  687. margin-left: 10rpx;
  688. }
  689. .cu-tag.sm {
  690. font-size: 20rpx;
  691. padding: 0rpx 12rpx;
  692. height: 32rpx;
  693. }
  694. .cu-capsule {
  695. display: inline-flex;
  696. vertical-align: middle;
  697. }
  698. .cu-capsule+.cu-capsule {
  699. margin-left: 10rpx;
  700. }
  701. .cu-capsule .cu-tag {
  702. margin: 0;
  703. }
  704. .cu-capsule .cu-tag[class*="line-"]:last-child::after {
  705. border-left: 0rpx solid transparent;
  706. }
  707. .cu-capsule .cu-tag[class*="line-"]:first-child::after {
  708. border-right: 0rpx solid transparent;
  709. }
  710. .cu-capsule.radius .cu-tag:first-child {
  711. border-top-left-radius: 6rpx;
  712. border-bottom-left-radius: 6rpx;
  713. }
  714. .cu-capsule.radius .cu-tag:last-child::after,
  715. .cu-capsule.radius .cu-tag[class*="line-"] {
  716. border-top-right-radius: 12rpx;
  717. border-bottom-right-radius: 12rpx;
  718. }
  719. .cu-capsule.round .cu-tag:first-child {
  720. border-top-left-radius: 200rpx;
  721. border-bottom-left-radius: 200rpx;
  722. text-indent: 4rpx;
  723. }
  724. .cu-capsule.round .cu-tag:last-child::after,
  725. .cu-capsule.round .cu-tag:last-child {
  726. border-top-right-radius: 200rpx;
  727. border-bottom-right-radius: 200rpx;
  728. text-indent: -4rpx;
  729. }
  730. .cu-tag.badge {
  731. border-radius: 200rpx;
  732. position: absolute;
  733. top: -10rpx;
  734. right: -10rpx;
  735. font-size: 20rpx;
  736. padding: 0rpx 10rpx;
  737. height: 28rpx;
  738. color: #ffffff;
  739. }
  740. .cu-tag.badge:not([class*="bg-"]) {
  741. background-color: #dd514c;
  742. }
  743. .cu-tag:empty:not([class*="cuIcon-"]) {
  744. padding: 0rpx;
  745. width: 16rpx;
  746. height: 16rpx;
  747. top: -4rpx;
  748. right: -4rpx;
  749. }
  750. .cu-tag[class*="cuIcon-"] {
  751. width: 32rpx;
  752. height: 32rpx;
  753. top: -4rpx;
  754. right: -4rpx;
  755. }
  756. /* ==================
  757. 头像
  758. ==================== */
  759. .cu-avatar {
  760. font-variant: small-caps;
  761. margin: 0;
  762. padding: 0;
  763. display: inline-flex;
  764. text-align: center;
  765. justify-content: center;
  766. align-items: center;
  767. background-color: #ccc;
  768. color: #ffffff;
  769. white-space: nowrap;
  770. position: relative;
  771. width: 64rpx;
  772. height: 64rpx;
  773. background-size: cover;
  774. background-position: center;
  775. vertical-align: middle;
  776. font-size: 1.5em;
  777. }
  778. .cu-avatar.sm {
  779. width: 48rpx;
  780. height: 48rpx;
  781. font-size: 1em;
  782. }
  783. .cu-avatar.lg {
  784. width: 96rpx;
  785. height: 96rpx;
  786. font-size: 2em;
  787. }
  788. .cu-avatar.xl {
  789. width: 128rpx;
  790. height: 128rpx;
  791. font-size: 2.5em;
  792. }
  793. .cu-avatar .avatar-text {
  794. font-size: 0.4em;
  795. }
  796. .cu-avatar-group {
  797. direction: rtl;
  798. unicode-bidi: bidi-override;
  799. padding: 0 10rpx 0 40rpx;
  800. display: inline-block;
  801. }
  802. .cu-avatar-group .cu-avatar {
  803. margin-left: -30rpx;
  804. border: 4rpx solid #f1f1f1;
  805. vertical-align: middle;
  806. }
  807. .cu-avatar-group .cu-avatar.sm {
  808. margin-left: -20rpx;
  809. border: 1rpx solid #f1f1f1;
  810. }
  811. /* ==================
  812. 进度条
  813. ==================== */
  814. .cu-progress {
  815. overflow: hidden;
  816. height: 28rpx;
  817. background-color: #ebeef5;
  818. display: inline-flex;
  819. align-items: center;
  820. width: 100%;
  821. }
  822. .cu-progress+view,
  823. .cu-progress+text {
  824. line-height: 1;
  825. }
  826. .cu-progress.xs {
  827. height: 10rpx;
  828. }
  829. .cu-progress.sm {
  830. height: 20rpx;
  831. }
  832. .cu-progress view {
  833. width: 0;
  834. height: 100%;
  835. align-items: center;
  836. display: flex;
  837. justify-items: flex-end;
  838. justify-content: space-around;
  839. font-size: 20rpx;
  840. color: #ffffff;
  841. transition: width 0.6s ease;
  842. }
  843. .cu-progress text {
  844. align-items: center;
  845. display: flex;
  846. font-size: 20rpx;
  847. color: #333333;
  848. text-indent: 10rpx;
  849. }
  850. .cu-progress.text-progress {
  851. padding-right: 60rpx;
  852. }
  853. .cu-progress.striped view {
  854. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  855. background-size: 72rpx 72rpx;
  856. }
  857. .cu-progress.active view {
  858. animation: progress-stripes 2s linear infinite;
  859. }
  860. @keyframes progress-stripes {
  861. from {
  862. background-position: 72rpx 0;
  863. }
  864. to {
  865. background-position: 0 0;
  866. }
  867. }
  868. /* ==================
  869. 加载
  870. ==================== */
  871. .cu-load {
  872. display: block;
  873. line-height: 3em;
  874. text-align: center;
  875. }
  876. .cu-load::before {
  877. font-family: "cuIcon";
  878. display: inline-block;
  879. margin-right: 6rpx;
  880. }
  881. .cu-load.loading::before {
  882. content: "\e67a";
  883. animation: cuIcon-spin 2s infinite linear;
  884. }
  885. .cu-load.loading::after {
  886. content: "加载中...";
  887. }
  888. .cu-load.over::before {
  889. content: "\e64a";
  890. }
  891. .cu-load.over::after {
  892. content: "没有更多了";
  893. }
  894. .cu-load.erro::before {
  895. content: "\e658";
  896. }
  897. .cu-load.erro::after {
  898. content: "加载失败";
  899. }
  900. .cu-load.load-cuIcon::before {
  901. font-size: 32rpx;
  902. }
  903. .cu-load.load-cuIcon::after {
  904. display: none;
  905. }
  906. .cu-load.load-cuIcon.over {
  907. display: none;
  908. }
  909. .cu-load.load-modal {
  910. position: fixed;
  911. top: 0;
  912. right: 0;
  913. bottom: 140rpx;
  914. left: 0;
  915. margin: auto;
  916. width: 260rpx;
  917. height: 260rpx;
  918. background-color: #ffffff;
  919. border-radius: 10rpx;
  920. box-shadow: 0 0 0rpx 2000rpx rgba(0, 0, 0, 0.5);
  921. display: flex;
  922. align-items: center;
  923. flex-direction: column;
  924. justify-content: center;
  925. font-size: 28rpx;
  926. z-index: 9999;
  927. line-height: 2.4em;
  928. }
  929. .cu-load.load-modal [class*="cuIcon-"] {
  930. font-size: 60rpx;
  931. }
  932. .cu-load.load-modal image {
  933. width: 70rpx;
  934. height: 70rpx;
  935. }
  936. .cu-load.load-modal::after {
  937. content: "";
  938. position: absolute;
  939. background-color: #ffffff;
  940. border-radius: 50%;
  941. width: 200rpx;
  942. height: 200rpx;
  943. font-size: 10px;
  944. border-top: 6rpx solid rgba(0, 0, 0, 0.05);
  945. border-right: 6rpx solid rgba(0, 0, 0, 0.05);
  946. border-bottom: 6rpx solid rgba(0, 0, 0, 0.05);
  947. border-left: 6rpx solid #f37b1d;
  948. animation: cuIcon-spin 1s infinite linear;
  949. z-index: -1;
  950. }
  951. .load-progress {
  952. pointer-events: none;
  953. top: 0;
  954. position: fixed;
  955. width: 100%;
  956. left: 0;
  957. z-index: 2000;
  958. }
  959. .load-progress.hide {
  960. display: none;
  961. }
  962. .load-progress .load-progress-bar {
  963. position: relative;
  964. width: 100%;
  965. height: 4rpx;
  966. overflow: hidden;
  967. transition: all 200ms ease 0s;
  968. }
  969. .load-progress .load-progress-spinner {
  970. position: absolute;
  971. top: 10rpx;
  972. right: 10rpx;
  973. z-index: 2000;
  974. display: block;
  975. }
  976. .load-progress .load-progress-spinner::after {
  977. content: "";
  978. display: block;
  979. width: 24rpx;
  980. height: 24rpx;
  981. box-sizing: border-box;
  982. border: solid 4rpx transparent;
  983. border-top-color: inherit;
  984. border-left-color: inherit;
  985. border-radius: 50%;
  986. animation: load-progress-spinner 0.4s linear infinite;
  987. }
  988. @keyframes load-progress-spinner {
  989. 0% {
  990. transform: rotate(0);
  991. }
  992. 100% {
  993. transform: rotate(360deg);
  994. }
  995. }
  996. /* ==================
  997. 列表
  998. ==================== */
  999. .grayscale {
  1000. filter: grayscale(1);
  1001. }
  1002. .cu-list+.cu-list {
  1003. margin-top: 30rpx
  1004. }
  1005. .cu-list>.cu-item {
  1006. transition: all .6s ease-in-out 0s;
  1007. transform: translateX(0rpx)
  1008. }
  1009. .cu-list>.cu-item.move-cur {
  1010. transform: translateX(-260rpx)
  1011. }
  1012. .cu-list>.cu-item .move {
  1013. position: absolute;
  1014. right: 0;
  1015. display: flex;
  1016. width: 260rpx;
  1017. height: 100%;
  1018. transform: translateX(100%)
  1019. }
  1020. .cu-list>.cu-item .move view {
  1021. display: flex;
  1022. flex: 1;
  1023. justify-content: center;
  1024. align-items: center
  1025. }
  1026. .cu-list.menu-avatar {
  1027. overflow: hidden;
  1028. }
  1029. .cu-list.menu-avatar>.cu-item {
  1030. position: relative;
  1031. display: flex;
  1032. padding-right: 10rpx;
  1033. height: 140rpx;
  1034. background-color: #ffffff;
  1035. justify-content: flex-end;
  1036. align-items: center
  1037. }
  1038. .cu-list.menu-avatar>.cu-item>.cu-avatar {
  1039. position: absolute;
  1040. left: 30rpx
  1041. }
  1042. .cu-list.menu-avatar>.cu-item .flex .text-cut {
  1043. max-width: 510rpx
  1044. }
  1045. .cu-list.menu-avatar>.cu-item .content {
  1046. position: absolute;
  1047. left: 146rpx;
  1048. width: calc(100% - 96rpx - 60rpx - 120rpx - 20rpx);
  1049. line-height: 1.6em;
  1050. }
  1051. .cu-list.menu-avatar>.cu-item .content.flex-sub {
  1052. width: calc(100% - 96rpx - 60rpx - 20rpx);
  1053. }
  1054. .cu-list.menu-avatar>.cu-item .content>view:first-child {
  1055. font-size: 30rpx;
  1056. display: flex;
  1057. align-items: center
  1058. }
  1059. .cu-list.menu-avatar>.cu-item .content .cu-tag.sm {
  1060. display: inline-block;
  1061. margin-left: 10rpx;
  1062. height: 28rpx;
  1063. font-size: 16rpx;
  1064. line-height: 32rpx
  1065. }
  1066. .cu-list.menu-avatar>.cu-item .action {
  1067. width: 100rpx;
  1068. text-align: center
  1069. }
  1070. .cu-list.menu-avatar>.cu-item .action view+view {
  1071. margin-top: 10rpx
  1072. }
  1073. .cu-list.menu-avatar.comment>.cu-item .content {
  1074. position: relative;
  1075. left: 0;
  1076. width: auto;
  1077. flex: 1;
  1078. }
  1079. .cu-list.menu-avatar.comment>.cu-item {
  1080. padding: 30rpx 30rpx 30rpx 120rpx;
  1081. height: auto
  1082. }
  1083. .cu-list.menu-avatar.comment .cu-avatar {
  1084. align-self: flex-start
  1085. }
  1086. .cu-list.menu>.cu-item {
  1087. position: relative;
  1088. display: flex;
  1089. padding: 0 30rpx;
  1090. min-height: 100rpx;
  1091. background-color: #ffffff;
  1092. justify-content: space-between;
  1093. align-items: center
  1094. }
  1095. .cu-list.menu>.cu-item:last-child:after {
  1096. border: none
  1097. }
  1098. .cu-list.menu-avatar>.cu-item:after,
  1099. .cu-list.menu>.cu-item:after {
  1100. position: absolute;
  1101. top: 0;
  1102. left: 0;
  1103. box-sizing: border-box;
  1104. width: 200%;
  1105. height: 200%;
  1106. border-bottom: 1rpx solid #ddd;
  1107. border-radius: inherit;
  1108. content: " ";
  1109. transform: scale(.5);
  1110. transform-origin: 0 0;
  1111. pointer-events: none
  1112. }
  1113. .cu-list.menu>.cu-item.grayscale {
  1114. background-color: #f5f5f5
  1115. }
  1116. .cu-list.menu>.cu-item.cur {
  1117. background-color: #fcf7e9
  1118. }
  1119. .cu-list.menu>.cu-item.arrow {
  1120. padding-right: 90rpx
  1121. }
  1122. .cu-list.menu>.cu-item.arrow:before {
  1123. position: absolute;
  1124. top: 0;
  1125. right: 30rpx;
  1126. bottom: 0;
  1127. display: block;
  1128. margin: auto;
  1129. width: 30rpx;
  1130. height: 30rpx;
  1131. color: #8799a3;
  1132. content: "\e6a3";
  1133. text-align: center;
  1134. font-size: 34rpx;
  1135. font-family: cuIcon;
  1136. line-height: 30rpx
  1137. }
  1138. .cu-list.menu>.cu-item button.content {
  1139. padding: 0;
  1140. background-color: transparent;
  1141. justify-content: flex-start
  1142. }
  1143. .cu-list.menu>.cu-item button.content:after {
  1144. display: none
  1145. }
  1146. .cu-list.menu>.cu-item .cu-avatar-group .cu-avatar {
  1147. border-color: #ffffff
  1148. }
  1149. .cu-list.menu>.cu-item .content>view:first-child {
  1150. display: flex;
  1151. align-items: center
  1152. }
  1153. .cu-list.menu>.cu-item .content>text[class*=cuIcon] {
  1154. display: inline-block;
  1155. margin-right: 10rpx;
  1156. width: 1.6em;
  1157. text-align: center
  1158. }
  1159. .cu-list.menu>.cu-item .content>image {
  1160. display: inline-block;
  1161. margin-right: 10rpx;
  1162. width: 1.6em;
  1163. height: 1.6em;
  1164. vertical-align: middle
  1165. }
  1166. .cu-list.menu>.cu-item .content {
  1167. font-size: 30rpx;
  1168. line-height: 1.6em;
  1169. flex: 1
  1170. }
  1171. .cu-list.menu>.cu-item .content .cu-tag.sm {
  1172. display: inline-block;
  1173. margin-left: 10rpx;
  1174. height: 28rpx;
  1175. font-size: 16rpx;
  1176. line-height: 32rpx
  1177. }
  1178. .cu-list.menu>.cu-item .action .cu-tag:empty {
  1179. right: 10rpx
  1180. }
  1181. .cu-list.menu {
  1182. display: block;
  1183. overflow: hidden
  1184. }
  1185. .cu-list.menu.sm-border>.cu-item:after {
  1186. left: 30rpx;
  1187. width: calc(200% - 120rpx)
  1188. }
  1189. .cu-list.grid>.cu-item {
  1190. position: relative;
  1191. display: flex;
  1192. padding: 20rpx 0 30rpx;
  1193. transition-duration: 0s;
  1194. flex-direction: column
  1195. }
  1196. .cu-list.grid>.cu-item:after {
  1197. position: absolute;
  1198. top: 0;
  1199. left: 0;
  1200. box-sizing: border-box;
  1201. width: 200%;
  1202. height: 200%;
  1203. border-right: 1px solid rgba(0, 0, 0, .1);
  1204. border-bottom: 1px solid rgba(0, 0, 0, .1);
  1205. border-radius: inherit;
  1206. content: " ";
  1207. transform: scale(.5);
  1208. transform-origin: 0 0;
  1209. pointer-events: none
  1210. }
  1211. .cu-list.grid>.cu-item text {
  1212. display: block;
  1213. margin-top: 10rpx;
  1214. color: #888;
  1215. font-size: 26rpx;
  1216. line-height: 40rpx
  1217. }
  1218. .cu-list.grid>.cu-item [class*=cuIcon] {
  1219. position: relative;
  1220. display: block;
  1221. margin-top: 20rpx;
  1222. width: 100%;
  1223. font-size: 48rpx
  1224. }
  1225. .cu-list.grid>.cu-item .cu-tag {
  1226. right: auto;
  1227. left: 50%;
  1228. margin-left: 20rpx
  1229. }
  1230. .cu-list.grid {
  1231. background-color: #ffffff;
  1232. text-align: center
  1233. }
  1234. .cu-list.grid.no-border>.cu-item {
  1235. padding-top: 10rpx;
  1236. padding-bottom: 20rpx
  1237. }
  1238. .cu-list.grid.no-border>.cu-item:after {
  1239. border: none
  1240. }
  1241. .cu-list.grid.no-border {
  1242. padding: 20rpx 10rpx
  1243. }
  1244. .cu-list.grid.col-3>.cu-item:nth-child(3n):after,
  1245. .cu-list.grid.col-4>.cu-item:nth-child(4n):after,
  1246. .cu-list.grid.col-5>.cu-item:nth-child(5n):after {
  1247. border-right-width: 0
  1248. }
  1249. .cu-list.card-menu {
  1250. overflow: hidden;
  1251. margin-right: 30rpx;
  1252. margin-left: 30rpx;
  1253. border-radius: 20rpx
  1254. }
  1255. /* ==================
  1256. 操作条
  1257. ==================== */
  1258. .cu-bar {
  1259. display: flex;
  1260. position: relative;
  1261. align-items: center;
  1262. min-height: 100rpx;
  1263. justify-content: space-between;
  1264. }
  1265. .cu-bar .action {
  1266. display: flex;
  1267. align-items: center;
  1268. height: 100%;
  1269. justify-content: center;
  1270. max-width: 100%;
  1271. }
  1272. .cu-bar .action.border-title {
  1273. position: relative;
  1274. top: -10rpx;
  1275. }
  1276. .cu-bar .action.border-title text[class*="bg-"]:last-child {
  1277. position: absolute;
  1278. bottom: -0.5rem;
  1279. min-width: 2rem;
  1280. height: 6rpx;
  1281. left: 0;
  1282. }
  1283. .cu-bar .action.sub-title {
  1284. position: relative;
  1285. top: -0.2rem;
  1286. }
  1287. .cu-bar .action.sub-title text {
  1288. position: relative;
  1289. z-index: 1;
  1290. }
  1291. .cu-bar .action.sub-title text[class*="bg-"]:last-child {
  1292. position: absolute;
  1293. display: inline-block;
  1294. bottom: -0.2rem;
  1295. border-radius: 6rpx;
  1296. width: 100%;
  1297. height: 0.6rem;
  1298. left: 0.6rem;
  1299. opacity: 0.3;
  1300. z-index: 0;
  1301. }
  1302. .cu-bar .action.sub-title text[class*="text-"]:last-child {
  1303. position: absolute;
  1304. display: inline-block;
  1305. bottom: -0.7rem;
  1306. left: 0.5rem;
  1307. opacity: 0.2;
  1308. z-index: 0;
  1309. text-align: right;
  1310. font-weight: 900;
  1311. font-size: 36rpx;
  1312. }
  1313. .cu-bar.justify-center .action.border-title text:last-child,
  1314. .cu-bar.justify-center .action.sub-title text:last-child {
  1315. left: 0;
  1316. right: 0;
  1317. margin: auto;
  1318. text-align: center;
  1319. }
  1320. .cu-bar .action:first-child {
  1321. margin-left: 30rpx;
  1322. font-size: 30rpx;
  1323. }
  1324. .cu-bar .action text.text-cut {
  1325. text-align: left;
  1326. width: 100%;
  1327. }
  1328. .cu-bar .cu-avatar:first-child {
  1329. margin-left: 20rpx;
  1330. }
  1331. .cu-bar .action:first-child>text[class*="cuIcon-"] {
  1332. margin-left: -0.3em;
  1333. margin-right: 0.3em;
  1334. }
  1335. .cu-bar .action:last-child {
  1336. margin-right: 30rpx;
  1337. }
  1338. .cu-bar .action>text[class*="cuIcon-"],
  1339. .cu-bar .action>view[class*="cuIcon-"] {
  1340. font-size: 36rpx;
  1341. }
  1342. .cu-bar .action>text[class*="cuIcon-"]+text[class*="cuIcon-"] {
  1343. margin-left: 0.5em;
  1344. }
  1345. .cu-bar .content {
  1346. position: absolute;
  1347. text-align: center;
  1348. width: calc(100% - 340rpx);
  1349. left: 0;
  1350. right: 0;
  1351. bottom: 0;
  1352. top: 0;
  1353. margin: auto;
  1354. height: 60rpx;
  1355. font-size: 32rpx;
  1356. line-height: 60rpx;
  1357. cursor: none;
  1358. pointer-events: none;
  1359. text-overflow: ellipsis;
  1360. white-space: nowrap;
  1361. overflow: hidden;
  1362. }
  1363. .cu-bar.ios .content {
  1364. bottom: 7px;
  1365. height: 30px;
  1366. font-size: 32rpx;
  1367. line-height: 30px;
  1368. }
  1369. .cu-bar.btn-group {
  1370. justify-content: space-around;
  1371. }
  1372. .cu-bar.btn-group button {
  1373. padding: 20rpx 32rpx;
  1374. }
  1375. .cu-bar.btn-group button {
  1376. flex: 1;
  1377. margin: 0 20rpx;
  1378. max-width: 50%;
  1379. }
  1380. .cu-bar .search-form {
  1381. background-color: #f5f5f5;
  1382. line-height: 64rpx;
  1383. height: 64rpx;
  1384. font-size: 24rpx;
  1385. color: #333333;
  1386. flex: 1;
  1387. display: flex;
  1388. align-items: center;
  1389. margin: 0 30rpx;
  1390. }
  1391. .cu-bar .search-form+.action {
  1392. margin-right: 30rpx;
  1393. }
  1394. .cu-bar .search-form input {
  1395. flex: 1;
  1396. padding-right: 30rpx;
  1397. height: 64rpx;
  1398. line-height: 64rpx;
  1399. font-size: 26rpx;
  1400. background-color: transparent;
  1401. }
  1402. .cu-bar .search-form [class*="cuIcon-"] {
  1403. margin: 0 0.5em 0 0.8em;
  1404. }
  1405. .cu-bar .search-form [class*="cuIcon-"]::before {
  1406. top: 0rpx;
  1407. }
  1408. .cu-bar.fixed,
  1409. .nav.fixed {
  1410. position: fixed;
  1411. width: 100%;
  1412. top: 0;
  1413. z-index: 1024;
  1414. box-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0.1);
  1415. }
  1416. .cu-bar.foot {
  1417. position: fixed;
  1418. width: 100%;
  1419. bottom: 0;
  1420. z-index: 1024;
  1421. box-shadow: 0 -1rpx 6rpx rgba(0, 0, 0, 0.1);
  1422. }
  1423. .cu-bar.tabbar {
  1424. padding: 0;
  1425. height: calc(100rpx + env(safe-area-inset-bottom) / 2);
  1426. padding-bottom: calc(env(safe-area-inset-bottom) / 2);
  1427. }
  1428. .cu-tabbar-height {
  1429. min-height: 100rpx;
  1430. height: calc(100rpx + env(safe-area-inset-bottom) / 2);
  1431. }
  1432. .cu-bar.tabbar.shadow {
  1433. box-shadow: 0 -1rpx 6rpx rgba(0, 0, 0, 0.1);
  1434. }
  1435. .cu-bar.tabbar .action {
  1436. font-size: 22rpx;
  1437. position: relative;
  1438. flex: 1;
  1439. text-align: center;
  1440. padding: 0;
  1441. display: block;
  1442. height: auto;
  1443. line-height: 1;
  1444. margin: 0;
  1445. background-color: inherit;
  1446. overflow: initial;
  1447. }
  1448. .cu-bar.tabbar.shop .action {
  1449. width: 140rpx;
  1450. flex: initial;
  1451. }
  1452. .cu-bar.tabbar .action.add-action {
  1453. position: relative;
  1454. z-index: 2;
  1455. padding-top: 50rpx;
  1456. }
  1457. .cu-bar.tabbar .action.add-action [class*="cuIcon-"] {
  1458. position: absolute;
  1459. width: 70rpx;
  1460. z-index: 2;
  1461. height: 70rpx;
  1462. border-radius: 50%;
  1463. line-height: 70rpx;
  1464. font-size: 50rpx;
  1465. top: -35rpx;
  1466. left: 0;
  1467. right: 0;
  1468. margin: auto;
  1469. padding: 0;
  1470. }
  1471. .cu-bar.tabbar .action.add-action::after {
  1472. content: "";
  1473. position: absolute;
  1474. width: 100rpx;
  1475. height: 100rpx;
  1476. top: -50rpx;
  1477. left: 0;
  1478. right: 0;
  1479. margin: auto;
  1480. box-shadow: 0 -3rpx 8rpx rgba(0, 0, 0, 0.08);
  1481. border-radius: 50rpx;
  1482. background-color: inherit;
  1483. z-index: 0;
  1484. }
  1485. .cu-bar.tabbar .action.add-action::before {
  1486. content: "";
  1487. position: absolute;
  1488. width: 100rpx;
  1489. height: 30rpx;
  1490. bottom: 30rpx;
  1491. left: 0;
  1492. right: 0;
  1493. margin: auto;
  1494. background-color: inherit;
  1495. z-index: 1;
  1496. }
  1497. .cu-bar.tabbar .btn-group {
  1498. flex: 1;
  1499. display: flex;
  1500. justify-content: space-around;
  1501. align-items: center;
  1502. padding: 0 10rpx;
  1503. }
  1504. .cu-bar.tabbar button.action::after {
  1505. border: 0;
  1506. }
  1507. .cu-bar.tabbar .action [class*="cuIcon-"] {
  1508. width: 100rpx;
  1509. position: relative;
  1510. display: block;
  1511. height: auto;
  1512. margin: 0 auto 10rpx;
  1513. text-align: center;
  1514. font-size: 40rpx;
  1515. }
  1516. .cu-bar.tabbar .action .cuIcon-cu-image {
  1517. margin: 0 auto;
  1518. }
  1519. .cu-bar.tabbar .action .cuIcon-cu-image image {
  1520. width: 50rpx;
  1521. height: 50rpx;
  1522. display: inline-block;
  1523. }
  1524. .cu-bar.tabbar .submit {
  1525. align-items: center;
  1526. display: flex;
  1527. justify-content: center;
  1528. text-align: center;
  1529. position: relative;
  1530. flex: 2;
  1531. align-self: stretch;
  1532. }
  1533. .cu-bar.tabbar .submit:last-child {
  1534. flex: 2.6;
  1535. }
  1536. .cu-bar.tabbar .submit+.submit {
  1537. flex: 2;
  1538. }
  1539. .cu-bar.tabbar.border .action::before {
  1540. content: " ";
  1541. width: 200%;
  1542. height: 200%;
  1543. position: absolute;
  1544. top: 0;
  1545. left: 0;
  1546. transform: scale(0.5);
  1547. transform-origin: 0 0;
  1548. border-right: 1rpx solid rgba(0, 0, 0, 0.1);
  1549. z-index: 3;
  1550. }
  1551. .cu-bar.tabbar.border .action:last-child:before {
  1552. display: none;
  1553. }
  1554. .cu-bar.input {
  1555. padding-right: 20rpx;
  1556. background-color: #ffffff;
  1557. }
  1558. .cu-bar.input input {
  1559. overflow: initial;
  1560. line-height: 64rpx;
  1561. height: 64rpx;
  1562. min-height: 64rpx;
  1563. flex: 1;
  1564. font-size: 30rpx;
  1565. margin: 0 20rpx;
  1566. }
  1567. .cu-bar.input .action {
  1568. margin-left: 20rpx;
  1569. }
  1570. .cu-bar.input .action [class*="cuIcon-"] {
  1571. font-size: 48rpx;
  1572. }
  1573. .cu-bar.input input+.action {
  1574. margin-right: 20rpx;
  1575. margin-left: 0rpx;
  1576. }
  1577. .cu-bar.input .action:first-child [class*="cuIcon-"] {
  1578. margin-left: 0rpx;
  1579. }
  1580. .cu-custom {
  1581. display: block;
  1582. position: relative;
  1583. }
  1584. .cu-custom .cu-bar .content {
  1585. width: calc(100% - 440rpx);
  1586. }
  1587. .cu-custom .cu-bar .content image {
  1588. height: 60rpx;
  1589. width: 240rpx;
  1590. }
  1591. .cu-custom .cu-bar {
  1592. min-height: 0px;
  1593. padding-right: 220rpx;
  1594. box-shadow: 0rpx 0rpx 0rpx;
  1595. z-index: 9999;
  1596. }
  1597. .cu-custom .cu-bar .border-custom {
  1598. position: relative;
  1599. background: rgba(0, 0, 0, 0.15);
  1600. border-radius: 1000rpx;
  1601. height: 30px;
  1602. }
  1603. .cu-custom .cu-bar .border-custom::after {
  1604. content: " ";
  1605. width: 200%;
  1606. height: 200%;
  1607. position: absolute;
  1608. top: 0;
  1609. left: 0;
  1610. border-radius: inherit;
  1611. transform: scale(0.5);
  1612. transform-origin: 0 0;
  1613. pointer-events: none;
  1614. box-sizing: border-box;
  1615. border: 1rpx solid #ffffff;
  1616. opacity: 0.5;
  1617. }
  1618. .cu-custom .cu-bar .border-custom::before {
  1619. content: " ";
  1620. width: 1rpx;
  1621. height: 110%;
  1622. position: absolute;
  1623. top: 22.5%;
  1624. left: 0;
  1625. right: 0;
  1626. margin: auto;
  1627. transform: scale(0.5);
  1628. transform-origin: 0 0;
  1629. pointer-events: none;
  1630. box-sizing: border-box;
  1631. opacity: 0.6;
  1632. background-color: #ffffff;
  1633. }
  1634. .cu-custom .cu-bar .border-custom text {
  1635. display: block;
  1636. flex: 1;
  1637. margin: auto !important;
  1638. text-align: center;
  1639. font-size: 34rpx;
  1640. }
  1641. /* ==================
  1642. 导航栏
  1643. ==================== */
  1644. .nav {
  1645. white-space: nowrap;
  1646. }
  1647. ::-webkit-scrollbar {
  1648. display: none;
  1649. }
  1650. .nav .cu-item {
  1651. height: 90rpx;
  1652. display: inline-block;
  1653. line-height: 90rpx;
  1654. margin: 0 10rpx;
  1655. padding: 0 20rpx;
  1656. }
  1657. .nav .cu-item.cur {
  1658. border-bottom: 4rpx solid;
  1659. }
  1660. /* ==================
  1661. 时间轴
  1662. ==================== */
  1663. .cu-timeline {
  1664. display: block;
  1665. background-color: #ffffff;
  1666. }
  1667. .cu-timeline .cu-time {
  1668. width: 120rpx;
  1669. text-align: center;
  1670. padding: 20rpx 0;
  1671. font-size: 26rpx;
  1672. color: #888;
  1673. display: block;
  1674. }
  1675. .cu-timeline>.cu-item {
  1676. padding: 30rpx 30rpx 30rpx 120rpx;
  1677. position: relative;
  1678. display: block;
  1679. z-index: 0;
  1680. }
  1681. .cu-timeline>.cu-item:not([class*="text-"]) {
  1682. color: #ccc;
  1683. }
  1684. .cu-timeline>.cu-item::after {
  1685. content: "";
  1686. display: block;
  1687. position: absolute;
  1688. width: 1rpx;
  1689. background-color: #ddd;
  1690. left: 60rpx;
  1691. height: 100%;
  1692. top: 0;
  1693. z-index: 8;
  1694. }
  1695. .cu-timeline>.cu-item::before {
  1696. font-family: "cuIcon";
  1697. display: block;
  1698. position: absolute;
  1699. top: 36rpx;
  1700. z-index: 9;
  1701. background-color: #ffffff;
  1702. width: 50rpx;
  1703. height: 50rpx;
  1704. text-align: center;
  1705. border: none;
  1706. line-height: 50rpx;
  1707. left: 36rpx;
  1708. }
  1709. .cu-timeline>.cu-item:not([class*="cuIcon-"])::before {
  1710. content: "\e763";
  1711. }
  1712. .cu-timeline>.cu-item[class*="cuIcon-"]::before {
  1713. background-color: #ffffff;
  1714. width: 50rpx;
  1715. height: 50rpx;
  1716. text-align: center;
  1717. border: none;
  1718. line-height: 50rpx;
  1719. left: 36rpx;
  1720. }
  1721. .cu-timeline>.cu-item>.content {
  1722. padding: 30rpx;
  1723. border-radius: 6rpx;
  1724. display: block;
  1725. line-height: 1.6;
  1726. }
  1727. .cu-timeline>.cu-item>.content:not([class*="bg-"]) {
  1728. background-color: #f1f1f1;
  1729. color: #333333;
  1730. }
  1731. .cu-timeline>.cu-item>.content+.content {
  1732. margin-top: 20rpx;
  1733. }
  1734. /* ==================
  1735. 聊天
  1736. ==================== */
  1737. .cu-chat {
  1738. display: flex;
  1739. flex-direction: column;
  1740. }
  1741. .cu-chat .cu-item {
  1742. display: flex;
  1743. padding: 30rpx 30rpx 70rpx;
  1744. position: relative;
  1745. }
  1746. .cu-chat .cu-item>.cu-avatar {
  1747. width: 80rpx;
  1748. height: 80rpx;
  1749. }
  1750. .cu-chat .cu-item>.main {
  1751. max-width: calc(100% - 260rpx);
  1752. margin: 0 40rpx;
  1753. display: flex;
  1754. align-items: center;
  1755. }
  1756. .cu-chat .cu-item>image {
  1757. height: 320rpx;
  1758. }
  1759. .cu-chat .cu-item>.main .content {
  1760. padding: 20rpx;
  1761. border-radius: 6rpx;
  1762. display: inline-flex;
  1763. max-width: 100%;
  1764. align-items: center;
  1765. font-size: 30rpx;
  1766. position: relative;
  1767. min-height: 80rpx;
  1768. line-height: 40rpx;
  1769. text-align: left;
  1770. }
  1771. .cu-chat .cu-item>.main .content:not([class*="bg-"]) {
  1772. background-color: #ffffff;
  1773. color: #333333;
  1774. }
  1775. .cu-chat .cu-item .date {
  1776. position: absolute;
  1777. font-size: 24rpx;
  1778. color: #8799a3;
  1779. width: calc(100% - 320rpx);
  1780. bottom: 20rpx;
  1781. left: 160rpx;
  1782. }
  1783. .cu-chat .cu-item .action {
  1784. padding: 0 30rpx;
  1785. display: flex;
  1786. align-items: center;
  1787. }
  1788. .cu-chat .cu-item>.main .content::after {
  1789. content: "";
  1790. top: 27rpx;
  1791. transform: rotate(45deg);
  1792. position: absolute;
  1793. z-index: 100;
  1794. display: inline-block;
  1795. overflow: hidden;
  1796. width: 24rpx;
  1797. height: 24rpx;
  1798. left: -12rpx;
  1799. right: initial;
  1800. background-color: inherit;
  1801. }
  1802. .cu-chat .cu-item.self>.main .content::after {
  1803. left: auto;
  1804. right: -12rpx;
  1805. }
  1806. .cu-chat .cu-item>.main .content::before {
  1807. content: "";
  1808. top: 30rpx;
  1809. transform: rotate(45deg);
  1810. position: absolute;
  1811. z-index: -1;
  1812. display: inline-block;
  1813. overflow: hidden;
  1814. width: 24rpx;
  1815. height: 24rpx;
  1816. left: -12rpx;
  1817. right: initial;
  1818. background-color: inherit;
  1819. filter: blur(5rpx);
  1820. opacity: 0.3;
  1821. }
  1822. .cu-chat .cu-item>.main .content:not([class*="bg-"])::before {
  1823. background-color: #333333;
  1824. opacity: 0.1;
  1825. }
  1826. .cu-chat .cu-item.self>.main .content::before {
  1827. left: auto;
  1828. right: -12rpx;
  1829. }
  1830. .cu-chat .cu-item.self {
  1831. justify-content: flex-end;
  1832. text-align: right;
  1833. }
  1834. .cu-chat .cu-info {
  1835. display: inline-block;
  1836. margin: 20rpx auto;
  1837. font-size: 24rpx;
  1838. padding: 8rpx 12rpx;
  1839. background-color: rgba(0, 0, 0, 0.2);
  1840. border-radius: 6rpx;
  1841. color: #ffffff;
  1842. max-width: 400rpx;
  1843. line-height: 1.4;
  1844. }
  1845. /* ==================
  1846. 卡片
  1847. ==================== */
  1848. .cu-card {
  1849. display: block;
  1850. overflow: hidden;
  1851. }
  1852. .cu-card>.cu-item {
  1853. display: block;
  1854. background-color: #ffffff;
  1855. overflow: hidden;
  1856. border-radius: 10rpx;
  1857. margin: 30rpx;
  1858. }
  1859. .cu-card>.cu-item.shadow-blur {
  1860. overflow: initial;
  1861. }
  1862. .cu-card.no-card>.cu-item {
  1863. margin: 0rpx;
  1864. border-radius: 0rpx;
  1865. }
  1866. .cu-card .grid.grid-square {
  1867. margin-bottom: -20rpx;
  1868. }
  1869. .cu-card.case .image {
  1870. position: relative;
  1871. }
  1872. .cu-card.case .image image {
  1873. width: 100%;
  1874. }
  1875. .cu-card.case .image .cu-tag {
  1876. position: absolute;
  1877. right: 0;
  1878. top: 0;
  1879. }
  1880. .cu-card.case .image .cu-bar {
  1881. position: absolute;
  1882. bottom: 0;
  1883. width: 100%;
  1884. background-color: transparent;
  1885. padding: 0rpx 30rpx;
  1886. }
  1887. .cu-card.case.no-card .image {
  1888. margin: 30rpx 30rpx 0;
  1889. overflow: hidden;
  1890. border-radius: 10rpx;
  1891. }
  1892. .cu-card.dynamic {
  1893. display: block;
  1894. }
  1895. .cu-card.dynamic>.cu-item {
  1896. display: block;
  1897. background-color: #ffffff;
  1898. overflow: hidden;
  1899. }
  1900. .cu-card.dynamic>.cu-item>.text-content {
  1901. padding: 0 30rpx 0;
  1902. max-height: 6.4em;
  1903. overflow: hidden;
  1904. font-size: 30rpx;
  1905. margin-bottom: 20rpx;
  1906. }
  1907. .cu-card.dynamic>.cu-item .square-img {
  1908. width: 100%;
  1909. height: 200rpx;
  1910. border-radius: 6rpx;
  1911. }
  1912. .cu-card.dynamic>.cu-item .only-img {
  1913. width: 100%;
  1914. height: 320rpx;
  1915. border-radius: 6rpx;
  1916. }
  1917. /* card.dynamic>.cu-item .comment {
  1918. padding: 20upx;
  1919. background-color: #f1f1f1;
  1920. margin: 0 30upx 30upx;
  1921. border-radius: 6upx;
  1922. } */
  1923. .cu-card.article {
  1924. display: block;
  1925. }
  1926. .cu-card.article>.cu-item {
  1927. padding-bottom: 30rpx;
  1928. }
  1929. .cu-card.article>.cu-item .title {
  1930. font-size: 30rpx;
  1931. font-weight: 900;
  1932. color: #333333;
  1933. line-height: 100rpx;
  1934. padding: 0 30rpx;
  1935. }
  1936. .cu-card.article>.cu-item .content {
  1937. display: flex;
  1938. padding: 0 30rpx;
  1939. }
  1940. .cu-card.article>.cu-item .content>image {
  1941. width: 240rpx;
  1942. height: 6.4em;
  1943. margin-right: 20rpx;
  1944. border-radius: 6rpx;
  1945. }
  1946. .cu-card.article>.cu-item .content .desc {
  1947. flex: 1;
  1948. display: flex;
  1949. flex-direction: column;
  1950. justify-content: space-between;
  1951. }
  1952. .cu-card.article>.cu-item .content .text-content {
  1953. font-size: 28rpx;
  1954. color: #888;
  1955. height: 4.8em;
  1956. overflow: hidden;
  1957. }
  1958. /* ==================
  1959. 表单
  1960. ==================== */
  1961. .cu-form-group {
  1962. background-color: #ffffff;
  1963. padding: 1rpx 30rpx;
  1964. display: flex;
  1965. align-items: center;
  1966. min-height: 100rpx;
  1967. justify-content: space-between;
  1968. }
  1969. .cu-form-group+.cu-form-group {
  1970. border-top: 1rpx solid #eee;
  1971. }
  1972. .cu-form-group .title {
  1973. text-align: justify;
  1974. padding-right: 30rpx;
  1975. font-size: 30rpx;
  1976. position: relative;
  1977. height: 60rpx;
  1978. line-height: 60rpx;
  1979. }
  1980. .cu-form-group input {
  1981. flex: 1;
  1982. font-size: 30rpx;
  1983. color: #555;
  1984. padding-right: 20rpx;
  1985. }
  1986. .cu-form-group>text[class*="cuIcon-"] {
  1987. font-size: 36rpx;
  1988. padding: 0;
  1989. box-sizing: border-box;
  1990. }
  1991. .cu-form-group textarea {
  1992. margin: 32rpx 0 30rpx;
  1993. height: 4.6em;
  1994. width: 100%;
  1995. line-height: 1.2em;
  1996. flex: 1;
  1997. font-size: 28rpx;
  1998. padding: 0;
  1999. }
  2000. .cu-form-group.align-start .title {
  2001. height: 1em;
  2002. margin-top: 32rpx;
  2003. line-height: 1em;
  2004. }
  2005. .cu-form-group picker {
  2006. flex: 1;
  2007. padding-right: 40rpx;
  2008. overflow: hidden;
  2009. position: relative;
  2010. }
  2011. .cu-form-group picker .picker {
  2012. line-height: 100rpx;
  2013. font-size: 28rpx;
  2014. text-overflow: ellipsis;
  2015. white-space: nowrap;
  2016. overflow: hidden;
  2017. width: 100%;
  2018. text-align: right;
  2019. }
  2020. .cu-form-group picker::after {
  2021. font-family: cuIcon;
  2022. display: block;
  2023. content: "\e6a3";
  2024. position: absolute;
  2025. font-size: 34rpx;
  2026. color: #8799a3;
  2027. line-height: 100rpx;
  2028. width: 60rpx;
  2029. text-align: center;
  2030. top: 0;
  2031. bottom: 0;
  2032. right: -20rpx;
  2033. margin: auto;
  2034. }
  2035. .cu-form-group textarea[disabled],
  2036. .cu-form-group textarea[disabled] .placeholder {
  2037. color: transparent;
  2038. }
  2039. /* ==================
  2040. 模态窗口
  2041. ==================== */
  2042. .cu-modal {
  2043. position: fixed;
  2044. top: 0;
  2045. right: 0;
  2046. bottom: 0;
  2047. left: 0;
  2048. z-index: 1110;
  2049. opacity: 0;
  2050. outline: 0;
  2051. text-align: center;
  2052. transform: scale(1.185);
  2053. -webkit-backface-visibility: hidden;
  2054. backface-visibility: hidden;
  2055. perspective: 2000rpx;
  2056. background: rgba(0, 0, 0, 0.6);
  2057. transition: all 0.3s ease-in-out 0s;
  2058. pointer-events: none;
  2059. }
  2060. .cu-modal::before {
  2061. content: "\200B";
  2062. display: inline-block;
  2063. height: 100%;
  2064. vertical-align: middle;
  2065. }
  2066. .cu-modal.show {
  2067. opacity: 1;
  2068. transition-duration: 0.3s;
  2069. transform: scale(1);
  2070. overflow-x: hidden;
  2071. overflow-y: auto;
  2072. pointer-events: auto;
  2073. }
  2074. .cu-dialog {
  2075. position: relative;
  2076. display: inline-block;
  2077. vertical-align: middle;
  2078. margin-left: auto;
  2079. margin-right: auto;
  2080. width: 680rpx;
  2081. max-width: 100%;
  2082. background-color: #f8f8f8;
  2083. border-radius: 10rpx;
  2084. overflow: hidden;
  2085. }
  2086. .cu-modal.bottom-modal::before {
  2087. vertical-align: bottom;
  2088. }
  2089. .cu-modal.bottom-modal .cu-dialog {
  2090. width: 100%;
  2091. border-radius: 0;
  2092. }
  2093. .cu-modal.bottom-modal {
  2094. margin-bottom: -1000rpx;
  2095. }
  2096. .cu-modal.bottom-modal.show {
  2097. margin-bottom: 0;
  2098. }
  2099. .cu-modal.drawer-modal {
  2100. transform: scale(1);
  2101. display: flex;
  2102. }
  2103. .cu-modal.drawer-modal .cu-dialog {
  2104. height: 100%;
  2105. min-width: 200rpx;
  2106. border-radius: 0;
  2107. margin: initial;
  2108. transition-duration: 0.3s;
  2109. }
  2110. .cu-modal.drawer-modal.justify-start .cu-dialog {
  2111. transform: translateX(-100%);
  2112. }
  2113. .cu-modal.drawer-modal.justify-end .cu-dialog {
  2114. transform: translateX(100%);
  2115. }
  2116. .cu-modal.drawer-modal.show .cu-dialog {
  2117. transform: translateX(0%);
  2118. }
  2119. .cu-modal .cu-dialog>.cu-bar:first-child .action{
  2120. min-width: 100rpx;
  2121. margin-right: 0;
  2122. min-height: 100rpx;
  2123. }
  2124. /* ==================
  2125. 轮播
  2126. ==================== */
  2127. swiper .a-swiper-dot {
  2128. display: inline-block;
  2129. width: 16rpx;
  2130. height: 16rpx;
  2131. background: rgba(0, 0, 0, .3);
  2132. border-radius: 50%;
  2133. vertical-align: middle;
  2134. }
  2135. swiper[class*="-dot"] .wx-swiper-dots,
  2136. swiper[class*="-dot"] .a-swiper-dots,
  2137. swiper[class*="-dot"] .uni-swiper-dots {
  2138. display: flex;
  2139. align-items: center;
  2140. width: 100%;
  2141. justify-content: center;
  2142. }
  2143. swiper.square-dot .wx-swiper-dot,
  2144. swiper.square-dot .a-swiper-dot,
  2145. swiper.square-dot .uni-swiper-dot {
  2146. background-color: #ffffff;
  2147. opacity: 0.4;
  2148. width: 10rpx;
  2149. height: 10rpx;
  2150. border-radius: 20rpx;
  2151. margin: 0 8rpx !important;
  2152. }
  2153. swiper.square-dot .wx-swiper-dot.wx-swiper-dot-active,
  2154. swiper.square-dot .a-swiper-dot.a-swiper-dot-active,
  2155. swiper.square-dot .uni-swiper-dot.uni-swiper-dot-active {
  2156. opacity: 1;
  2157. width: 30rpx;
  2158. }
  2159. swiper.round-dot .wx-swiper-dot,
  2160. swiper.round-dot .a-swiper-dot,
  2161. swiper.round-dot .uni-swiper-dot {
  2162. width: 10rpx;
  2163. height: 10rpx;
  2164. position: relative;
  2165. margin: 4rpx 8rpx !important;
  2166. }
  2167. swiper.round-dot .wx-swiper-dot.wx-swiper-dot-active::after,
  2168. swiper.round-dot .a-swiper-dot.a-swiper-dot-active::after,
  2169. swiper.round-dot .uni-swiper-dot.uni-swiper-dot-active::after {
  2170. content: "";
  2171. position: absolute;
  2172. width: 10rpx;
  2173. height: 10rpx;
  2174. top: 0rpx;
  2175. left: 0rpx;
  2176. right: 0;
  2177. bottom: 0;
  2178. margin: auto;
  2179. background-color: #ffffff;
  2180. border-radius: 20rpx;
  2181. }
  2182. swiper.round-dot .wx-swiper-dot.wx-swiper-dot-active,
  2183. swiper.round-dot .a-swiper-dot.a-swiper-dot-active,
  2184. swiper.round-dot .uni-swiper-dot.uni-swiper-dot-active {
  2185. width: 18rpx;
  2186. height: 18rpx;
  2187. }
  2188. .screen-swiper {
  2189. min-height: 375rpx;
  2190. }
  2191. .screen-swiper image,
  2192. .screen-swiper video,
  2193. .swiper-item image,
  2194. .swiper-item video {
  2195. width: 100%;
  2196. display: block;
  2197. height: 100%;
  2198. margin: 0;
  2199. pointer-events: none;
  2200. }
  2201. .card-swiper {
  2202. height: 420rpx !important;
  2203. }
  2204. .card-swiper swiper-item {
  2205. width: 610rpx !important;
  2206. left: 70rpx;
  2207. box-sizing: border-box;
  2208. padding: 40rpx 0rpx 70rpx;
  2209. overflow: initial;
  2210. }
  2211. .card-swiper swiper-item .swiper-item {
  2212. width: 100%;
  2213. display: block;
  2214. height: 100%;
  2215. border-radius: 10rpx;
  2216. transform: scale(0.9);
  2217. transition: all 0.2s ease-in 0s;
  2218. overflow: hidden;
  2219. }
  2220. .card-swiper swiper-item.cur .swiper-item {
  2221. transform: none;
  2222. transition: all 0.2s ease-in 0s;
  2223. }
  2224. .tower-swiper {
  2225. height: 420rpx;
  2226. position: relative;
  2227. max-width: 750rpx;
  2228. overflow: hidden;
  2229. }
  2230. .tower-swiper .tower-item {
  2231. position: absolute;
  2232. width: 300rpx;
  2233. height: 380rpx;
  2234. top: 0;
  2235. bottom: 0;
  2236. left: 50%;
  2237. margin: auto;
  2238. transition: all 0.2s ease-in 0s;
  2239. opacity: 1;
  2240. }
  2241. .tower-swiper .tower-item.none {
  2242. opacity: 0;
  2243. }
  2244. .tower-swiper .tower-item .swiper-item {
  2245. width: 100%;
  2246. height: 100%;
  2247. border-radius: 6rpx;
  2248. overflow: hidden;
  2249. }
  2250. /* ==================
  2251. 步骤条
  2252. ==================== */
  2253. .cu-steps {
  2254. display: flex;
  2255. }
  2256. scroll-view.cu-steps {
  2257. display: block;
  2258. white-space: nowrap;
  2259. }
  2260. scroll-view.cu-steps .cu-item {
  2261. display: inline-block;
  2262. }
  2263. .cu-steps .cu-item {
  2264. flex: 1;
  2265. text-align: center;
  2266. position: relative;
  2267. min-width: 100rpx;
  2268. }
  2269. .cu-steps .cu-item:not([class*="text-"]) {
  2270. color: #8799a3;
  2271. }
  2272. .cu-steps .cu-item [class*="cuIcon-"],
  2273. .cu-steps .cu-item .num {
  2274. display: block;
  2275. font-size: 40rpx;
  2276. line-height: 80rpx;
  2277. }
  2278. .cu-steps .cu-item::before,
  2279. .cu-steps .cu-item::after,
  2280. .cu-steps.steps-arrow .cu-item::before,
  2281. .cu-steps.steps-arrow .cu-item::after {
  2282. content: "";
  2283. display: block;
  2284. position: absolute;
  2285. height: 0px;
  2286. width: calc(100% - 80rpx);
  2287. border-bottom: 1px solid #ccc;
  2288. left: calc(0px - (100% - 80rpx) / 2);
  2289. top: 40rpx;
  2290. z-index: 0;
  2291. }
  2292. .cu-steps.steps-arrow .cu-item::before,
  2293. .cu-steps.steps-arrow .cu-item::after {
  2294. content: "\e6a3";
  2295. font-family: 'cuIcon';
  2296. height: 30rpx;
  2297. border-bottom-width: 0px;
  2298. line-height: 30rpx;
  2299. top: 0;
  2300. bottom: 0;
  2301. margin: auto;
  2302. color: #ccc;
  2303. }
  2304. .cu-steps.steps-bottom .cu-item::before,
  2305. .cu-steps.steps-bottom .cu-item::after {
  2306. bottom: 40rpx;
  2307. top: initial;
  2308. }
  2309. .cu-steps .cu-item::after {
  2310. border-bottom: 1px solid currentColor;
  2311. width: 0px;
  2312. transition: all 0.3s ease-in-out 0s;
  2313. }
  2314. .cu-steps .cu-item[class*="text-"]::after {
  2315. width: calc(100% - 80rpx);
  2316. color: currentColor;
  2317. }
  2318. .cu-steps .cu-item:first-child::before,
  2319. .cu-steps .cu-item:first-child::after {
  2320. display: none;
  2321. }
  2322. .cu-steps .cu-item .num {
  2323. width: 40rpx;
  2324. height: 40rpx;
  2325. border-radius: 50%;
  2326. line-height: 40rpx;
  2327. margin: 20rpx auto;
  2328. font-size: 24rpx;
  2329. border: 1px solid currentColor;
  2330. position: relative;
  2331. overflow: hidden;
  2332. }
  2333. .cu-steps .cu-item[class*="text-"] .num {
  2334. background-color: currentColor;
  2335. }
  2336. .cu-steps .cu-item .num::before,
  2337. .cu-steps .cu-item .num::after {
  2338. content: attr(data-index);
  2339. position: absolute;
  2340. left: 0;
  2341. right: 0;
  2342. top: 0;
  2343. bottom: 0;
  2344. margin: auto;
  2345. transition: all 0.3s ease-in-out 0s;
  2346. transform: translateY(0rpx);
  2347. }
  2348. .cu-steps .cu-item[class*="text-"] .num::before {
  2349. transform: translateY(-40rpx);
  2350. color: #ffffff;
  2351. }
  2352. .cu-steps .cu-item .num::after {
  2353. transform: translateY(40rpx);
  2354. color: #ffffff;
  2355. transition: all 0.3s ease-in-out 0s;
  2356. }
  2357. .cu-steps .cu-item[class*="text-"] .num::after {
  2358. content: "\e645";
  2359. font-family: 'cuIcon';
  2360. color: #ffffff;
  2361. transform: translateY(0rpx);
  2362. }
  2363. .cu-steps .cu-item[class*="text-"] .num.err::after {
  2364. content: "\e646";
  2365. }
  2366. /* ==================
  2367. 布局
  2368. ==================== */
  2369. /* -- flex弹性布局 -- */
  2370. .flex {
  2371. display: flex;
  2372. }
  2373. .basis-xs {
  2374. flex-basis: 20%;
  2375. }
  2376. .basis-sm {
  2377. flex-basis: 40%;
  2378. }
  2379. .basis-df {
  2380. flex-basis: 50%;
  2381. }
  2382. .basis-lg {
  2383. flex-basis: 60%;
  2384. }
  2385. .basis-xl {
  2386. flex-basis: 80%;
  2387. }
  2388. .flex-sub {
  2389. flex: 1;
  2390. }
  2391. .flex-twice {
  2392. flex: 2;
  2393. }
  2394. .flex-treble {
  2395. flex: 3;
  2396. }
  2397. .flex-direction {
  2398. flex-direction: column;
  2399. }
  2400. .flex-wrap {
  2401. flex-wrap: wrap;
  2402. }
  2403. .align-start {
  2404. align-items: flex-start;
  2405. }
  2406. .align-end {
  2407. align-items: flex-end;
  2408. }
  2409. .align-center {
  2410. align-items: center;
  2411. }
  2412. .align-stretch {
  2413. align-items: stretch;
  2414. }
  2415. .self-start {
  2416. align-self: flex-start;
  2417. }
  2418. .self-center {
  2419. align-self: flex-center;
  2420. }
  2421. .self-end {
  2422. align-self: flex-end;
  2423. }
  2424. .self-stretch {
  2425. align-self: stretch;
  2426. }
  2427. .align-stretch {
  2428. align-items: stretch;
  2429. }
  2430. .justify-start {
  2431. justify-content: flex-start;
  2432. }
  2433. .justify-end {
  2434. justify-content: flex-end;
  2435. }
  2436. .justify-center {
  2437. justify-content: center;
  2438. }
  2439. .justify-between {
  2440. justify-content: space-between;
  2441. }
  2442. .justify-around {
  2443. justify-content: space-around;
  2444. }
  2445. /* grid布局 */
  2446. .grid {
  2447. display: flex;
  2448. flex-wrap: wrap;
  2449. }
  2450. .grid.grid-square {
  2451. overflow: hidden;
  2452. }
  2453. .grid.grid-square .cu-tag {
  2454. position: absolute;
  2455. right: 0;
  2456. top: 0;
  2457. border-bottom-left-radius: 6rpx;
  2458. padding: 6rpx 12rpx;
  2459. height: auto;
  2460. background-color: rgba(0, 0, 0, 0.5);
  2461. }
  2462. .grid.grid-square>view>text[class*="cuIcon-"] {
  2463. font-size: 52rpx;
  2464. position: absolute;
  2465. color: #8799a3;
  2466. margin: auto;
  2467. top: 0;
  2468. bottom: 0;
  2469. left: 0;
  2470. right: 0;
  2471. display: flex;
  2472. justify-content: center;
  2473. align-items: center;
  2474. flex-direction: column;
  2475. }
  2476. .grid.grid-square>view {
  2477. margin-right: 20rpx;
  2478. margin-bottom: 20rpx;
  2479. border-radius: 6rpx;
  2480. position: relative;
  2481. overflow: hidden;
  2482. }
  2483. .grid.grid-square>view.bg-img image {
  2484. width: 100%;
  2485. height: 100%;
  2486. position: absolute;
  2487. }
  2488. .grid.col-1.grid-square>view {
  2489. padding-bottom: 100%;
  2490. height: 0;
  2491. margin-right: 0;
  2492. }
  2493. .grid.col-2.grid-square>view {
  2494. padding-bottom: calc((100% - 20rpx)/2);
  2495. height: 0;
  2496. width: calc((100% - 20rpx)/2);
  2497. }
  2498. .grid.col-3.grid-square>view {
  2499. padding-bottom: calc((100% - 40rpx)/3);
  2500. height: 0;
  2501. width: calc((100% - 40rpx)/3);
  2502. }
  2503. .grid.col-4.grid-square>view {
  2504. padding-bottom: calc((100% - 60rpx)/4);
  2505. height: 0;
  2506. width: calc((100% - 60rpx)/4);
  2507. }
  2508. .grid.col-5.grid-square>view {
  2509. padding-bottom: calc((100% - 80rpx)/5);
  2510. height: 0;
  2511. width: calc((100% - 80rpx)/5);
  2512. }
  2513. .grid.col-2.grid-square>view:nth-child(2n),
  2514. .grid.col-3.grid-square>view:nth-child(3n),
  2515. .grid.col-4.grid-square>view:nth-child(4n),
  2516. .grid.col-5.grid-square>view:nth-child(5n) {
  2517. margin-right: 0;
  2518. }
  2519. .grid.col-1>view {
  2520. width: 100%;
  2521. }
  2522. .grid.col-2>view {
  2523. width: 50%;
  2524. }
  2525. .grid.col-3>view {
  2526. width: 33.33%;
  2527. }
  2528. .grid.col-4>view {
  2529. width: 25%;
  2530. }
  2531. .grid.col-5>view {
  2532. width: 20%;
  2533. }
  2534. /* -- 内外边距 -- */
  2535. .margin-0 {
  2536. margin: 0;
  2537. }
  2538. .margin-xs {
  2539. margin: 10rpx;
  2540. }
  2541. .margin-sm {
  2542. margin: 20rpx;
  2543. }
  2544. .margin {
  2545. margin: 30rpx;
  2546. }
  2547. .margin-lg {
  2548. margin: 40rpx;
  2549. }
  2550. .margin-xl {
  2551. margin: 50rpx;
  2552. }
  2553. .margin-top-xs {
  2554. margin-top: 10rpx;
  2555. }
  2556. .margin-top-sm {
  2557. margin-top: 20rpx;
  2558. }
  2559. .margin-top {
  2560. margin-top: 30rpx;
  2561. }
  2562. .margin-top-lg {
  2563. margin-top: 40rpx;
  2564. }
  2565. .margin-top-xl {
  2566. margin-top: 50rpx;
  2567. }
  2568. .margin-right-xs {
  2569. margin-right: 10rpx;
  2570. }
  2571. .margin-right-sm {
  2572. margin-right: 20rpx;
  2573. }
  2574. .margin-right {
  2575. margin-right: 30rpx;
  2576. }
  2577. .margin-right-lg {
  2578. margin-right: 40rpx;
  2579. }
  2580. .margin-right-xl {
  2581. margin-right: 50rpx;
  2582. }
  2583. .margin-bottom-xs {
  2584. margin-bottom: 10rpx;
  2585. }
  2586. .margin-bottom-sm {
  2587. margin-bottom: 20rpx;
  2588. }
  2589. .margin-bottom {
  2590. margin-bottom: 30rpx;
  2591. }
  2592. .margin-bottom-lg {
  2593. margin-bottom: 40rpx;
  2594. }
  2595. .margin-bottom-xl {
  2596. margin-bottom: 50rpx;
  2597. }
  2598. .margin-left-xs {
  2599. margin-left: 10rpx;
  2600. }
  2601. .margin-left-sm {
  2602. margin-left: 20rpx;
  2603. }
  2604. .margin-left {
  2605. margin-left: 30rpx;
  2606. }
  2607. .margin-left-lg {
  2608. margin-left: 40rpx;
  2609. }
  2610. .margin-left-xl {
  2611. margin-left: 50rpx;
  2612. }
  2613. .margin-lr-xs {
  2614. margin-left: 10rpx;
  2615. margin-right: 10rpx;
  2616. }
  2617. .margin-lr-sm {
  2618. margin-left: 20rpx;
  2619. margin-right: 20rpx;
  2620. }
  2621. .margin-lr {
  2622. margin-left: 30rpx;
  2623. margin-right: 30rpx;
  2624. }
  2625. .margin-lr-lg {
  2626. margin-left: 40rpx;
  2627. margin-right: 40rpx;
  2628. }
  2629. .margin-lr-xl {
  2630. margin-left: 50rpx;
  2631. margin-right: 50rpx;
  2632. }
  2633. .margin-tb-xs {
  2634. margin-top: 10rpx;
  2635. margin-bottom: 10rpx;
  2636. }
  2637. .margin-tb-sm {
  2638. margin-top: 20rpx;
  2639. margin-bottom: 20rpx;
  2640. }
  2641. .margin-tb {
  2642. margin-top: 30rpx;
  2643. margin-bottom: 30rpx;
  2644. }
  2645. .margin-tb-lg {
  2646. margin-top: 40rpx;
  2647. margin-bottom: 40rpx;
  2648. }
  2649. .margin-tb-xl {
  2650. margin-top: 50rpx;
  2651. margin-bottom: 50rpx;
  2652. }
  2653. .padding-0 {
  2654. padding: 0;
  2655. }
  2656. .padding-xs {
  2657. padding: 10rpx;
  2658. }
  2659. .padding-sm {
  2660. padding: 20rpx;
  2661. }
  2662. .padding {
  2663. padding: 30rpx;
  2664. }
  2665. .padding-lg {
  2666. padding: 40rpx;
  2667. }
  2668. .padding-xl {
  2669. padding: 50rpx;
  2670. }
  2671. .padding-top-xs {
  2672. padding-top: 10rpx;
  2673. }
  2674. .padding-top-sm {
  2675. padding-top: 20rpx;
  2676. }
  2677. .padding-top {
  2678. padding-top: 30rpx;
  2679. }
  2680. .padding-top-lg {
  2681. padding-top: 40rpx;
  2682. }
  2683. .padding-top-xl {
  2684. padding-top: 50rpx;
  2685. }
  2686. .padding-right-xs {
  2687. padding-right: 10rpx;
  2688. }
  2689. .padding-right-sm {
  2690. padding-right: 20rpx;
  2691. }
  2692. .padding-right {
  2693. padding-right: 30rpx;
  2694. }
  2695. .padding-right-lg {
  2696. padding-right: 40rpx;
  2697. }
  2698. .padding-right-xl {
  2699. padding-right: 50rpx;
  2700. }
  2701. .padding-bottom-xs {
  2702. padding-bottom: 10rpx;
  2703. }
  2704. .padding-bottom-sm {
  2705. padding-bottom: 20rpx;
  2706. }
  2707. .padding-bottom {
  2708. padding-bottom: 30rpx;
  2709. }
  2710. .padding-bottom-lg {
  2711. padding-bottom: 40rpx;
  2712. }
  2713. .padding-bottom-xl {
  2714. padding-bottom: 50rpx;
  2715. }
  2716. .padding-left-xs {
  2717. padding-left: 10rpx;
  2718. }
  2719. .padding-left-sm {
  2720. padding-left: 20rpx;
  2721. }
  2722. .padding-left {
  2723. padding-left: 30rpx;
  2724. }
  2725. .padding-left-lg {
  2726. padding-left: 40rpx;
  2727. }
  2728. .padding-left-xl {
  2729. padding-left: 50rpx;
  2730. }
  2731. .padding-lr-xs {
  2732. padding-left: 10rpx;
  2733. padding-right: 10rpx;
  2734. }
  2735. .padding-lr-sm {
  2736. padding-left: 20rpx;
  2737. padding-right: 20rpx;
  2738. }
  2739. .padding-lr {
  2740. padding-left: 30rpx;
  2741. padding-right: 30rpx;
  2742. }
  2743. .padding-lr-lg {
  2744. padding-left: 40rpx;
  2745. padding-right: 40rpx;
  2746. }
  2747. .padding-lr-xl {
  2748. padding-left: 50rpx;
  2749. padding-right: 50rpx;
  2750. }
  2751. .padding-tb-xs {
  2752. padding-top: 10rpx;
  2753. padding-bottom: 10rpx;
  2754. }
  2755. .padding-tb-sm {
  2756. padding-top: 20rpx;
  2757. padding-bottom: 20rpx;
  2758. }
  2759. .padding-tb {
  2760. padding-top: 30rpx;
  2761. padding-bottom: 30rpx;
  2762. }
  2763. .padding-tb-lg {
  2764. padding-top: 40rpx;
  2765. padding-bottom: 40rpx;
  2766. }
  2767. .padding-tb-xl {
  2768. padding-top: 50rpx;
  2769. padding-bottom: 50rpx;
  2770. }
  2771. /* -- 浮动 -- */
  2772. .cf::after,
  2773. .cf::before {
  2774. content: " ";
  2775. display: table;
  2776. }
  2777. .cf::after {
  2778. clear: both;
  2779. }
  2780. .fl {
  2781. float: left;
  2782. }
  2783. .fr {
  2784. float: right;
  2785. }
  2786. /* ==================
  2787. 背景
  2788. ==================== */
  2789. .line-red::after,
  2790. .lines-red::after {
  2791. border-color: #e54d42;
  2792. }
  2793. .line-orange::after,
  2794. .lines-orange::after {
  2795. border-color: #f37b1d;
  2796. }
  2797. .line-yellow::after,
  2798. .lines-yellow::after {
  2799. border-color: #fbbd08;
  2800. }
  2801. .line-olive::after,
  2802. .lines-olive::after {
  2803. border-color: #8dc63f;
  2804. }
  2805. .line-green::after,
  2806. .lines-green::after {
  2807. border-color: #39b54a;
  2808. }
  2809. .line-cyan::after,
  2810. .lines-cyan::after {
  2811. border-color: #1cbbb4;
  2812. }
  2813. .line-blue::after,
  2814. .lines-blue::after {
  2815. border-color: #0081ff;
  2816. }
  2817. .line-purple::after,
  2818. .lines-purple::after {
  2819. border-color: #6739b6;
  2820. }
  2821. .line-mauve::after,
  2822. .lines-mauve::after {
  2823. border-color: #9c26b0;
  2824. }
  2825. .line-pink::after,
  2826. .lines-pink::after {
  2827. border-color: #e03997;
  2828. }
  2829. .line-brown::after,
  2830. .lines-brown::after {
  2831. border-color: #a5673f;
  2832. }
  2833. .line-grey::after,
  2834. .lines-grey::after {
  2835. border-color: #8799a3;
  2836. }
  2837. .line-gray::after,
  2838. .lines-gray::after {
  2839. border-color: #aaaaaa;
  2840. }
  2841. .line-black::after,
  2842. .lines-black::after {
  2843. border-color: #333333;
  2844. }
  2845. .line-white::after,
  2846. .lines-white::after {
  2847. border-color: #ffffff;
  2848. }
  2849. .bg-red {
  2850. background-color: #e54d42;
  2851. color: #ffffff;
  2852. }
  2853. .bg-orange {
  2854. background-color: #f37b1d;
  2855. color: #ffffff;
  2856. }
  2857. .bg-yellow {
  2858. background-color: #fbbd08;
  2859. color: #333333;
  2860. }
  2861. .bg-olive {
  2862. background-color: #8dc63f;
  2863. color: #ffffff;
  2864. }
  2865. .bg-green {
  2866. background-color: #39b54a;
  2867. color: #ffffff;
  2868. }
  2869. .bg-cyan {
  2870. background-color: #1cbbb4;
  2871. color: #ffffff;
  2872. }
  2873. .bg-blue {
  2874. background-color: #0081ff;
  2875. color: #ffffff;
  2876. }
  2877. .bg-purple {
  2878. background-color: #6739b6;
  2879. color: #ffffff;
  2880. }
  2881. .bg-mauve {
  2882. background-color: #9c26b0;
  2883. color: #ffffff;
  2884. }
  2885. .bg-pink {
  2886. background-color: #e03997;
  2887. color: #ffffff;
  2888. }
  2889. .bg-brown {
  2890. background-color: #a5673f;
  2891. color: #ffffff;
  2892. }
  2893. .bg-grey {
  2894. background-color: #8799a3;
  2895. color: #ffffff;
  2896. }
  2897. .bg-gray {
  2898. background-color: #f0f0f0;
  2899. color: #333333;
  2900. }
  2901. .bg-black {
  2902. background-color: #333333;
  2903. color: #ffffff;
  2904. }
  2905. .bg-white {
  2906. background-color: #ffffff;
  2907. color: #666666;
  2908. }
  2909. .bg-shadeTop {
  2910. background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01));
  2911. color: #ffffff;
  2912. }
  2913. .bg-shadeBottom {
  2914. background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1));
  2915. color: #ffffff;
  2916. }
  2917. .bg-red.light {
  2918. color: #e54d42;
  2919. background-color: #fadbd9;
  2920. }
  2921. .bg-orange.light {
  2922. color: #f37b1d;
  2923. background-color: #fde6d2;
  2924. }
  2925. .bg-yellow.light {
  2926. color: #fbbd08;
  2927. background-color: #fef2ced2;
  2928. }
  2929. .bg-olive.light {
  2930. color: #8dc63f;
  2931. background-color: #e8f4d9;
  2932. }
  2933. .bg-green.light {
  2934. color: #39b54a;
  2935. background-color: #d7f0dbff;
  2936. }
  2937. .bg-cyan.light {
  2938. color: #1cbbb4;
  2939. background-color: #d2f1f0;
  2940. }
  2941. .bg-blue.light {
  2942. color: #0081ff;
  2943. background-color: #cce6ff;
  2944. }
  2945. .bg-purple.light {
  2946. color: #6739b6;
  2947. background-color: #e1d7f0;
  2948. }
  2949. .bg-mauve.light {
  2950. color: #9c26b0;
  2951. background-color: #ebd4ef;
  2952. }
  2953. .bg-pink.light {
  2954. color: #e03997;
  2955. background-color: #f9d7ea;
  2956. }
  2957. .bg-brown.light {
  2958. color: #a5673f;
  2959. background-color: #ede1d9;
  2960. }
  2961. .bg-grey.light {
  2962. color: #8799a3;
  2963. background-color: #e7ebed;
  2964. }
  2965. .bg-gradual-red {
  2966. background-image: linear-gradient(45deg, #f43f3b, #ec008c);
  2967. color: #ffffff;
  2968. }
  2969. .bg-gradual-orange {
  2970. background-image: linear-gradient(45deg, #ff9700, #ed1c24);
  2971. color: #ffffff;
  2972. }
  2973. .bg-gradual-green {
  2974. background-image: linear-gradient(45deg, #39b54a, #8dc63f);
  2975. color: #ffffff;
  2976. }
  2977. .bg-gradual-purple {
  2978. background-image: linear-gradient(45deg, #9000ff, #5e00ff);
  2979. color: #ffffff;
  2980. }
  2981. .bg-gradual-pink {
  2982. background-image: linear-gradient(45deg, #ec008c, #6739b6);
  2983. color: #ffffff;
  2984. }
  2985. .bg-gradual-blue {
  2986. background-image: linear-gradient(45deg, #0081ff, #1cbbb4);
  2987. color: #ffffff;
  2988. }
  2989. .shadow[class*="-red"] {
  2990. box-shadow: 6rpx 6rpx 8rpx rgba(204, 69, 59, 0.2);
  2991. }
  2992. .shadow[class*="-orange"] {
  2993. box-shadow: 6rpx 6rpx 8rpx rgba(217, 109, 26, 0.2);
  2994. }
  2995. .shadow[class*="-yellow"] {
  2996. box-shadow: 6rpx 6rpx 8rpx rgba(224, 170, 7, 0.2);
  2997. }
  2998. .shadow[class*="-olive"] {
  2999. box-shadow: 6rpx 6rpx 8rpx rgba(124, 173, 55, 0.2);
  3000. }
  3001. .shadow[class*="-green"] {
  3002. box-shadow: 6rpx 6rpx 8rpx rgba(48, 156, 63, 0.2);
  3003. }
  3004. .shadow[class*="-cyan"] {
  3005. box-shadow: 6rpx 6rpx 8rpx rgba(28, 187, 180, 0.2);
  3006. }
  3007. .shadow[class*="-blue"] {
  3008. box-shadow: 6rpx 6rpx 8rpx rgba(0, 102, 204, 0.2);
  3009. }
  3010. .shadow[class*="-purple"] {
  3011. box-shadow: 6rpx 6rpx 8rpx rgba(88, 48, 156, 0.2);
  3012. }
  3013. .shadow[class*="-mauve"] {
  3014. box-shadow: 6rpx 6rpx 8rpx rgba(133, 33, 150, 0.2);
  3015. }
  3016. .shadow[class*="-pink"] {
  3017. box-shadow: 6rpx 6rpx 8rpx rgba(199, 50, 134, 0.2);
  3018. }
  3019. .shadow[class*="-brown"] {
  3020. box-shadow: 6rpx 6rpx 8rpx rgba(140, 88, 53, 0.2);
  3021. }
  3022. .shadow[class*="-grey"] {
  3023. box-shadow: 6rpx 6rpx 8rpx rgba(114, 130, 138, 0.2);
  3024. }
  3025. .shadow[class*="-gray"] {
  3026. box-shadow: 6rpx 6rpx 8rpx rgba(114, 130, 138, 0.2);
  3027. }
  3028. .shadow[class*="-black"] {
  3029. box-shadow: 6rpx 6rpx 8rpx rgba(26, 26, 26, 0.2);
  3030. }
  3031. .shadow[class*="-white"] {
  3032. box-shadow: 6rpx 6rpx 8rpx rgba(26, 26, 26, 0.2);
  3033. }
  3034. .text-shadow[class*="-red"] {
  3035. text-shadow: 6rpx 6rpx 8rpx rgba(204, 69, 59, 0.2);
  3036. }
  3037. .text-shadow[class*="-orange"] {
  3038. text-shadow: 6rpx 6rpx 8rpx rgba(217, 109, 26, 0.2);
  3039. }
  3040. .text-shadow[class*="-yellow"] {
  3041. text-shadow: 6rpx 6rpx 8rpx rgba(224, 170, 7, 0.2);
  3042. }
  3043. .text-shadow[class*="-olive"] {
  3044. text-shadow: 6rpx 6rpx 8rpx rgba(124, 173, 55, 0.2);
  3045. }
  3046. .text-shadow[class*="-green"] {
  3047. text-shadow: 6rpx 6rpx 8rpx rgba(48, 156, 63, 0.2);
  3048. }
  3049. .text-shadow[class*="-cyan"] {
  3050. text-shadow: 6rpx 6rpx 8rpx rgba(28, 187, 180, 0.2);
  3051. }
  3052. .text-shadow[class*="-blue"] {
  3053. text-shadow: 6rpx 6rpx 8rpx rgba(0, 102, 204, 0.2);
  3054. }
  3055. .text-shadow[class*="-purple"] {
  3056. text-shadow: 6rpx 6rpx 8rpx rgba(88, 48, 156, 0.2);
  3057. }
  3058. .text-shadow[class*="-mauve"] {
  3059. text-shadow: 6rpx 6rpx 8rpx rgba(133, 33, 150, 0.2);
  3060. }
  3061. .text-shadow[class*="-pink"] {
  3062. text-shadow: 6rpx 6rpx 8rpx rgba(199, 50, 134, 0.2);
  3063. }
  3064. .text-shadow[class*="-brown"] {
  3065. text-shadow: 6rpx 6rpx 8rpx rgba(140, 88, 53, 0.2);
  3066. }
  3067. .text-shadow[class*="-grey"] {
  3068. text-shadow: 6rpx 6rpx 8rpx rgba(114, 130, 138, 0.2);
  3069. }
  3070. .text-shadow[class*="-gray"] {
  3071. text-shadow: 6rpx 6rpx 8rpx rgba(114, 130, 138, 0.2);
  3072. }
  3073. .text-shadow[class*="-black"] {
  3074. text-shadow: 6rpx 6rpx 8rpx rgba(26, 26, 26, 0.2);
  3075. }
  3076. .bg-img {
  3077. background-size: cover;
  3078. background-position: center;
  3079. background-repeat: no-repeat;
  3080. }
  3081. .bg-mask {
  3082. background-color: #333333;
  3083. position: relative;
  3084. }
  3085. .bg-mask::after {
  3086. content: "";
  3087. border-radius: inherit;
  3088. width: 100%;
  3089. height: 100%;
  3090. display: block;
  3091. background-color: rgba(0, 0, 0, 0.4);
  3092. position: absolute;
  3093. left: 0;
  3094. right: 0;
  3095. bottom: 0;
  3096. top: 0;
  3097. }
  3098. .bg-mask view,
  3099. .bg-mask cover-view {
  3100. z-index: 5;
  3101. position: relative;
  3102. }
  3103. .bg-video {
  3104. position: relative;
  3105. }
  3106. .bg-video video {
  3107. display: block;
  3108. height: 100%;
  3109. width: 100%;
  3110. object-fit: cover;
  3111. position: absolute;
  3112. top: 0;
  3113. z-index: 0;
  3114. pointer-events: none;
  3115. }
  3116. /* ==================
  3117. 文本
  3118. ==================== */
  3119. .text-xs {
  3120. font-size: 20rpx;
  3121. }
  3122. .text-sm {
  3123. font-size: 24rpx;
  3124. }
  3125. .text-df {
  3126. font-size: 28rpx;
  3127. }
  3128. .text-lg {
  3129. font-size: 32rpx;
  3130. }
  3131. .text-xl {
  3132. font-size: 36rpx;
  3133. }
  3134. .text-xxl {
  3135. font-size: 44rpx;
  3136. }
  3137. .text-sl {
  3138. font-size: 80rpx;
  3139. }
  3140. .text-xsl {
  3141. font-size: 120rpx;
  3142. }
  3143. .text-Abc {
  3144. text-transform: Capitalize;
  3145. }
  3146. .text-ABC {
  3147. text-transform: Uppercase;
  3148. }
  3149. .text-abc {
  3150. text-transform: Lowercase;
  3151. }
  3152. .text-price::before {
  3153. content: "¥";
  3154. font-size: 80%;
  3155. margin-right: 4rpx;
  3156. }
  3157. .text-cut {
  3158. text-overflow: ellipsis;
  3159. white-space: nowrap;
  3160. overflow: hidden;
  3161. }
  3162. .text-bold {
  3163. font-weight: bold;
  3164. }
  3165. .text-center {
  3166. text-align: center;
  3167. }
  3168. .text-content {
  3169. line-height: 1.6;
  3170. }
  3171. .text-left {
  3172. text-align: left;
  3173. }
  3174. .text-right {
  3175. text-align: right;
  3176. }
  3177. .text-red,
  3178. .line-red,
  3179. .lines-red {
  3180. color: #e54d42;
  3181. }
  3182. .text-orange,
  3183. .line-orange,
  3184. .lines-orange {
  3185. color: #f37b1d;
  3186. }
  3187. .text-yellow,
  3188. .line-yellow,
  3189. .lines-yellow {
  3190. color: #fbbd08;
  3191. }
  3192. .text-olive,
  3193. .line-olive,
  3194. .lines-olive {
  3195. color: #8dc63f;
  3196. }
  3197. .text-green,
  3198. .line-green,
  3199. .lines-green {
  3200. color: #39b54a;
  3201. }
  3202. .text-cyan,
  3203. .line-cyan,
  3204. .lines-cyan {
  3205. color: #1cbbb4;
  3206. }
  3207. .text-blue,
  3208. .line-blue,
  3209. .lines-blue {
  3210. color: #0081ff;
  3211. }
  3212. .text-purple,
  3213. .line-purple,
  3214. .lines-purple {
  3215. color: #6739b6;
  3216. }
  3217. .text-mauve,
  3218. .line-mauve,
  3219. .lines-mauve {
  3220. color: #9c26b0;
  3221. }
  3222. .text-pink,
  3223. .line-pink,
  3224. .lines-pink {
  3225. color: #e03997;
  3226. }
  3227. .text-brown,
  3228. .line-brown,
  3229. .lines-brown {
  3230. color: #a5673f;
  3231. }
  3232. .text-grey,
  3233. .line-grey,
  3234. .lines-grey {
  3235. color: #8799a3;
  3236. }
  3237. .text-gray,
  3238. .line-gray,
  3239. .lines-gray {
  3240. color: #aaaaaa;
  3241. }
  3242. .text-black,
  3243. .line-black,
  3244. .lines-black {
  3245. color: #333333;
  3246. }
  3247. .text-white,
  3248. .line-white,
  3249. .lines-white {
  3250. color: #ffffff;
  3251. }
  3252. @font-face {
  3253. font-family: "iconfont";
  3254. src: url('data:font/ttf;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzI8Fk9PAAABjAAAAGBjbWFwKgp+RAAAAjwAAAL8Z2x5ZiYMhCEAAAVkAAARpGhlYWQhAOJtAAAA4AAAADZoaGVhB+ADlAAAALwAAAAkaG10eFAAAAAAAAHsAAAAUGxvY2Er6icYAAAFOAAAACptYXhwASMBAQAAARgAAAAgbmFtZRCjPLAAABcIAAACZ3Bvc3TvWLWOAAAZcAAAANQAAQAAA4D/gABcBAAAAP//BAEAAQAAAAAAAAAAAAAAAAAAABQAAQAAAAEAALj+psJfDzz1AAsEAAAAAADe8E84AAAAAN7wTzgAAP+MBAEDdAAAAAgAAgAAAAAAAAABAAAAFAD1AAUAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAQEAAGQAAUAAAKJAswAAACPAokCzAAAAesAMgEIAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAwOYB7H8DgP+AAAAD3ACAAAAAAQAAAAAAAAAAAAAAAAACBAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAAAAAFAAAAAwAAACwAAAAEAAACCAABAAAAAAECAAMAAQAAACwAAwAKAAACCAAEANYAAAAoACAABAAI5gHmBOYH5gzmFuYd5ijmP+aZ5szm/+cm5zbnOedB567n6+iy7H///wAA5gHmBOYH5gzmFuYd5ijmP+aZ5szm/+cm5zbnOedB567n6+iy7H///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAAAAMAAgABAA0ABQAGAAQAEAARAA8ACgALAAkADgAMABIABwATAAgAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAAPQAAAAAAAAAEwAA5gEAAOYBAAAAAwAA5gQAAOYEAAAAAgAA5gcAAOYHAAAAAQAA5gwAAOYMAAAADQAA5hYAAOYWAAAABQAA5h0AAOYdAAAABgAA5igAAOYoAAAABAAA5j8AAOY/AAAAEAAA5pkAAOaZAAAAEQAA5swAAObMAAAADwAA5v8AAOb/AAAACgAA5yYAAOcmAAAACwAA5zYAAOc2AAAACQAA5zkAAOc5AAAADgAA50EAAOdBAAAADAAA564AAOeuAAAAEgAA5+sAAOfrAAAABwAA6LIAAOiyAAAAEwAA7H8AAOx/AAAACAAAAAAAgADGATYBogIYAmQCigLyA1oEHgSWBSYFdAXmBzoHsAgiCIAI0gAAAAMAAP/AA3YDQAAOACsATQAAJSInAS4BPgEXAR4BBw4BByInJS4BNxM+ATIfATc+Ah4CDwEXHgEHAw4BASIHAwYWFwUWMzI3EzYmLwEuAT8BNiYnJiIGDwEOAS8BJgMTCAf+IwoHDRgLAdwKBwcEDqUWFP5vHhIRpwsnLRRxgQ4yOjIcAQ+BZh4SEacLJ/7/DgemBgYIAZIFBg4HpwUGCIALBgaQCgoRCxoWBpAGGAuLBrQEARUHGBUGBv7rBhgLBwj0DOkSQx8BIhQXDELhGR0BHjI5GeI7EkMf/t4UFwJ6Df7eCRQF6QMMASIJFAVKBhgL+xImCgcNC/wLBgZRBAABAAD/+AOTAzEAKQAAAQcWDgEHBicmJy4BNDY3PgEXBzcnByYHBgcGBwYUFx4BFxYyNzY3Njc2A3c9Fi19VVNTVT8uMjIuPqlVD5RlD2RkZ0s5HR0dHXFJRppGSThMGxkB5RBVqnwXFRUXPi93g3cvPi0XNjV3OBsaGkw4SUeZR0lwHhwcHjhMZ2QAAAIAAP/fA8ADIwAgAEoAAAEiBgcuASMiDgEVFBcWFxYXFhcWMjc2NzY3Njc2NTQuARMGBwYHBg8BJyYnJicuAScmNTQ+ATMyFhc1HgEyNjcxPgEzMh4BFRQHBgLDOWckJGc5RXREGA8iPJBKQg4kDkJKkDwiDxhEdEEfOy8+LDAnJzAsPi87Pg0TNVo2O2EXAgkMCQIXYTs2WjUTDQMjNzAwN0t/Szw5IjZegkMzCwsyRIJeNiI5PEt/S/5BMT4yOCgnHx8nKDgyPmIeLS47YjpGOgEGCAgGOUY6YjsuLR4AAQAA/4wEAQN0AEgAABEUEhcWMj8BNjc9AQYuAi8BLgI3NhcWNzY3LgE1NDcmNzYeARc2Mhc+AhcWBxYVFAYHFh0BFBcUHgEzNhI1NC4CIg4Cv5gGCAIEAgElOiEZBA8JJBIHMj8iVQoedHA3FhwdSB0LOY86DSBCHBsUOHJzKwEBCAiZw1GJvtC+iVEBc6b+9zUBAgMBBAVkBAkTHAwmDxkPBxpcMxUpHRWCXVdAQUgCGxMIEBAJFBcCR0BAV12DFCs9gQECBgYGNAELp2i+iVFRib4AAAAABAAA/78DwQNBABQAKQBFAE4AAAUiJyYnJjQ3Njc2MhcWFxYUBwYHBgMiBwYHBhQXFhcWMjc2NzY0JyYnJgMOAR0BIzU0Njc+ATU0JiIGByM2NzYzMh4BFRQHMhYUBiImNDYCAHpoZTw9PTxlaPRoZTw9PTxlaHpoWlczNDQzV1rQWlczNDQzV1oZIxpCJCchHDNUMwNAAykrTC9IKKwSGRkkGRlAPTxlaPRoZTw9PTxlaPRoZTw9A0A0M1da0FpXMzQ0M1da0FpXMzT+gBUlHhkjJDYYFCgeJC0vKEAnKiM+JlP1GSQZGSQZAAACAAD/vwPBA0EACgAyAAABByc3ITUhJzcXBwE0JiMhIgYVERQWMyEyNj0BMxUUDgEjISIuATURND4BMyEyHgEdASMDwZExPf7EAUZHMZEB/wAlG/5AGyUlGwHAGyVAIjsj/kAjOyIiOyMBwCM7IkABZJExPEBGMZEBAVsbJSUb/YAbJSUbQEAjOyIiOyMCgCM7IiI7I4AAAAEAAAAAAwoC/QASAAAJASYGHQEUFwkBBh0BFBY3ATY0Av7+PQQJBgFo/pgGCQQBwwwBmQFgAwQFTQgF/uf+5wUITQUEAwFgCSAAAAADAAD/1APDAzIAIQAqAEQAAAEhNjU0LgEHBgcGHQEUDgEHIyIGFREUFjMhMjY3EzYuAgERNDsBESMiJgEDDgEjIRE+Aj0BNDc2HgEVFAcGFjMhMhYDWf73EylCISwYFiM8JXYcJyccAo0lOQZKBAsdKv0QA01NAQIC/0kDFQ7+ADJPLCMNIBYcBhMRATQSGAInQzMnRigFBiMhNDslQikEJxz+exwnLyQBhRcsIxT98QGFA/51AgGi/nsOEQGOCjxZMjs6BQIYJxQ4VA8bHAAAAwAA/78DgAMgACEAMABCAAABNCcmJyYiBwYHBhQWFwYHBgcGFhczMjY3PgI3MzI2NzYlND4BMh4BFA4BByMuAgUmDgEWFx4BFx4BOwE+AScuAQMgJyZBQ55DQSYnT0RcQEETAg4OBgwSAg5bhUwGTYMmJ/4APGd6Zzw7ZjwJPGQ6AbMMGg4FDDhJDAISDAYNDwIPVwIAT0NBJicnJkFDoIQlJEtNZAwYAg4MSnZEAk1BQ089Zzw8Z3llPQICPGbnBwUYGgcnaD0MDgIWDkp/AAQAAP+/A6EDJAARAEEAcwCHAAABNi4BBgcOASMiBhQWOwEyNzY3Jy4BJyYiBw4BDwEGHQEUFjI2PQE3NjU0NzY3NjIXFhcWFRQWHwEVFBYyNj0BNCYFIi4BND4BMh4BFRQGHgE2NzY1NCYnJiIOARUUFxYXDgEHBhYXMzI2Nz4CMzI2NS4BFyYOARYXFhcWFx4BOwE+AScmJyYDQwUJGBkEDFpEDhISDgpLNUNdKgZiTVC4UE5gBRMNEhwSEw0nJkFDnkNBJicNCSoSHBIN/m0xVDEwVGNUMQUOGhgCB0I4OYhxQR8dNFV0EQIODgYMEgINUHpJDxECE+UKHA4CDCoaJAsCEgwGDQ8CDSwhATMMGQoJDBYXEhwSEBXFEFqXKy0uLJpcDQwNhw4SEg50DA0QT0NBJicnJkFDTwkRAxBsDxERD4YID9ExVGNUMTBUMhoZGAUPDiATQnEhIkFxREA2NSIdglcNFwMODEFiNhIODxE8BwIWHAchIzA4DA4CFg5GOywAAAAAAgAA/8ADwgMfACoAVAAAJTU2NzY3Nj0BNCYrASIGFRQXFhcWFxUGBwYHBhUUFjMyNzY3NjU0JyYnJgUiLgInJicuAT0BNDc+ATU0JyYjIiY0NjMyFhUUBgcVFhcWFxYVFAYjAgcpFhIFA3BjBl9mBAcUGi8/MzceIqOmhVJGIBonIDcrAWoNEwE8KzEtDBAMKTYtIjoNExMNXWw8LzEyOCEmEw3yBx0wJzcgPg5ib2xlNSE7LDkhBgkSFRwfJVJQGRYoICsmIRoVEGkTGSwSFAYBEgxDDwogfT5KIRoSGxNqW0eQLBkKFxkeIyMNEwAAAwAA/+ADwQMAABwAPABqAAAlMj4BNRE0LgEjISIOARURFB4BOwEVFBYXMzI/AScmKwEiJjURNDYzITIWFREUBiMhByMiBiMPAQYVBzU0ASIGFBYyFhURFAYrASIGHQEUBh0BJyYrASIGFBY7ARcWMzI3Nj0BMjY1ETQuAQLAGS0aGSwb/d0aLBoZLBsjDQkKEQmDkwQJQA0TEg4CIw0TEg7+owMDAgMCAwECUAJgDhITGhMSDiAOEgNKAw2jDhISDppzDQYKAxMpNxssoxosGgGdGS0aGSwb/mMZLBugCRIFDbM9AxIOAZ0NExIO/mMMFAMDAwEBAnNdFQGuER0SEg7+ow0MEg4DAgYCPToDEhwSWgYDDRBtMyYBXRktGgAABQAA/74DvwNAAAAACwAQACwALQAABQEnJiIPARc3NjQnBwEHNwEHERQGIyEiJjURNDYzITchIgYVERQWMyEyNjURBwIAAbNHDCIMS4JKDAzh/m8hlQGcJw0J/Y4KDQ4KAV1K/i0XICAXAscXH0pCAy9HDAxKgkoNIgwa/mOVIAGU1f6jCQ8PCQJwCQ9KHxf9OBYgIBYB1EsAAAAABAAA/8ADgQNBADAAOQBCAEsAACUiBgclNjU0JyUWMzI+ATQuASIOARUUFwUuASMiDgEUHgEzMjcFBhUUHgEyPgE0LgEDMhYUBiImNDYBNDYyFhQGIiYBIiY0NjIWFAYDARowEf7KDwYBMSUwIzsiIjtGOiMI/tISLhojOyIiOyMmHwFCBiM7RTsiIjskGyUlNSYm/domNSUlNSYCQhslJTUmJsAUEqwcHhAUvSEjOkY7IiI7IxQVvBITIjtFOyMVshMPIzsiIjtFOyICQCY0JiY0Jv6AGyUlNSYm/pomNSUlNSYABAAA/8cDwQNJAGgAxQDzAPQAAAUiJj0BJyYvAQ8BBiIvASY0PwEnJi8BByImPQE0NjsBNzY/AScmND8BNjIfATc2PwEnNDY7ATIWHQEXFh8BNzYyHwEWFA8BFxYfATcyFh0BFAYrAQcGDwEXFhQPAQYiLwEHBg8BFxQGIycWHwEeAR0BMzU0Nj8BNjMyHwE3Jy4BNzY/AT4BOwE1IyImLwEmNj8BJwcGIyInJi8BLgE9ASMVFAYPAQYjIi8BBxceAQcGDwEOASsBFTMyFh8BFgYPARc3PgEyFzciLgE0PgEzMhceAQcOASMiJyYjIg4BFB4BMj4BNTQnNSY2PwEyFhcWFRQOASMxAdgcKAULFwQDKBQ6FDYUFCwBCwMCPh0oKB0+AgMKAy0UFDYUOhQsBRYLBQEoHE0dKAULFgUrEzsUNRQULAIKBAE/HicpHD8BBAoCLBQUNRQ7Ey0EFwsEASgdnAYMCRQaWhkUHA4PHRQuPy4PCAkEBAQHJBZBQRYkBwwJCA8uPy4UHRANBg0IFRlaGhQbDg8dFC4/LRAICQQFAwclFkBAFiUHCwkHEC0/LgkaHQ52MlUxMVUyGhoMDQQDEQoEBQ8TITchITdCNyACAw0NBgsSAwUyVDI5KRw/AQQKAgMpFBQ1FDsTLQQXCwQBKB1NHCgFCxYFKxQ6FDYTEy0CCgQCPh0oKB0+AgQKAi0TEzYUOhQsBRYLBQEpG00dKAULFgUrEzsUNRQULAIKBAE/HCnMBAQEByQWQUEWJAcMBhQuPy4PLBMGDAkVGVoaFBsUKw8uPy4UBgQFAwclFkBAFiUHCwcULj8uDywTBgwJFBpZGRQbFCsQLUAuCQsHPDFVZFQyCAQWDQoMAQYhN0I3ICA3IQgPBA0WAwEOCxIXMlUyAAAEAAD/xgO0Ay0ACAAiADcATAAAASYiBhQWMjY0BxcWHQEUBwYPARc2MhcvASY1Jj0BNDcnBgcTIicmJyY0NzY3NjIXFhcWFAcGBwYDIgcGBwYUFxYXFjI3Njc2NCcmJyYCJAskFxYjGHUuAgEBCCgBMEQxASkIAQIDOTlIdmVjOjs7OmNl7GVjOjs7OmNldmhaVzI1NTJXWtBaVzI1NTJXWgKRChYkFhclsg0oLXUfDwgCDA8BAQ8MAgodHYY3LgIOC/3mPDpiZuxlYzk8PDljZexmYjo8AzQ1M1dZ0VlXMzQ0M1dZ0VlXMzUAAAMAAP+kA5ADYwAfADkARwAABSInJicmLwERFzI3MzY/ARcWFxYXFjsBNxEHBgcGBwYDBgcGByMRFxYXHgEyNjc2PwERJyYvASYvAQMmNDYyHwE3NjIWFA8BAgE/TT84XS0CKkdDAWlbFRVdaTQrEg4JLAItXTg/TUFZZzxABQEnTjVyTXI1TicBEzM7AWRaA8ELFh8LYsULHxYL+lwuJjhffQYByQEYIkAPDj0mEQUCBv4yBn1fOCUvA2I6IRYF/o8BaVA1QEA1UGkBAXACBhMBJDgB/lsLIBYLYsQLFh8L+gAAAAIAAP/xA3kDDgAvAEAAACUuAS8BPgE1NC4BIg4BFRQWFwcOAgcUFjsBMjY1PgMyHgIXFBY7ATI2NSYnJSIuAjQ+AjIeAhQOAgNbHWhEATA3Q3KGckM3MAFEaDgCBQM8AwUCLVNueG5TLQIFAzwDBQIc/qYiPzEaGjE/RD8xGhoxP4REaBwBImo9Q3JDQ3JDPWoiARxohkgDBQUDOmlULS1UaToDBQUDSELmGjE/RD8xGhoxP0Q/MRoAAAAAAwAA/9UDYQMrAB0AJwA3AAABNTQ+ATIeAR0BMzIeARURFA4BIyEiLgE1ETQ+ATsBITU0LgEiDgEVBxEUFjMhMjY1ETQmIyEiBgEgPGd6ZzwLIDUgIDUg/iogNSAgNSBLAUArSlZKK4AfFgHWFh8fFv4qFh8CAEs9Zj09Zj1LIDUg/sAgNiAgNiABQCA1IEsrSisrSivA/sAWICAWAUAWHx8AAAAAABIA3gABAAAAAAAAABMAAAABAAAAAAABAAgAEwABAAAAAAACAAcAGwABAAAAAAADAAgAIgABAAAAAAAEAAgAKgABAAAAAAAFAAsAMgABAAAAAAAGAAgAPQABAAAAAAAKACsARQABAAAAAAALABMAcAADAAEECQAAACYAgwADAAEECQABABAAqQADAAEECQACAA4AuQADAAEECQADABAAxwADAAEECQAEABAA1wADAAEECQAFABYA5wADAAEECQAGABAA/QADAAEECQAKAFYBDQADAAEECQALACYBY0NyZWF0ZWQgYnkgaWNvbmZvbnRpY29uZm9udFJlZ3VsYXJpY29uZm9udGljb25mb250VmVyc2lvbiAxLjBpY29uZm9udEdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEMAcgBlAGEAdABlAGQAIABiAHkAIABpAGMAbwBuAGYAbwBuAHQAaQBjAG8AbgBmAG8AbgB0AFIAZQBnAHUAbABhAHIAaQBjAG8AbgBmAG8AbgB0AGkAYwBvAG4AZgBvAG4AdABWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbgBmAG8AbgB0AEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAQIBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4BDwEQAREBEgETARQBFQAFY2xlYW4HcmVmcmVzaAVhaXhpbgZnaXRodWIEaGVscAZsb2dvdXQFcmlnaHQHZGlhbnphbgZwZW9wbGUHc2VydmljZQpmcmllbmRmaWxsCWNvbW11bml0eQRlZGl0BXNoYXJlB3NldHRpbmcHdmVyc2lvbgRjb2RlBHVzZXIIcGFzc3dvcmQAAA==') format('truetype');
  3255. }
  3256. .iconfont {
  3257. font-family: "iconfont" !important;
  3258. font-size: 16px;
  3259. display: inline-block;
  3260. font-style: normal;
  3261. -webkit-font-smoothing: antialiased;
  3262. -moz-osx-font-smoothing: grayscale;
  3263. }
  3264. .icon-user:before {
  3265. content: "\e7ae";
  3266. }
  3267. .icon-password:before {
  3268. content: "\e8b2";
  3269. }
  3270. .icon-code:before {
  3271. content: "\e699";
  3272. }
  3273. .icon-setting:before {
  3274. content: "\e6cc";
  3275. }
  3276. .icon-share:before {
  3277. content: "\e739";
  3278. }
  3279. .icon-edit:before {
  3280. content: "\e60c";
  3281. }
  3282. .icon-version:before {
  3283. content: "\e63f";
  3284. }
  3285. .icon-service:before {
  3286. content: "\e6ff";
  3287. }
  3288. .icon-friendfill:before {
  3289. content: "\e726";
  3290. }
  3291. .icon-community:before {
  3292. content: "\e741";
  3293. }
  3294. .icon-people:before {
  3295. content: "\e736";
  3296. }
  3297. .icon-dianzan:before {
  3298. content: "\ec7f";
  3299. }
  3300. .icon-right:before {
  3301. content: "\e7eb";
  3302. }
  3303. .icon-logout:before {
  3304. content: "\e61d";
  3305. }
  3306. .icon-help:before {
  3307. content: "\e616";
  3308. }
  3309. .icon-github:before {
  3310. content: "\e628";
  3311. }
  3312. .icon-aixin:before {
  3313. content: "\e601";
  3314. }
  3315. .icon-clean:before {
  3316. content: "\e607";
  3317. }
  3318. .icon-refresh:before {
  3319. content: "\e604";
  3320. }
  3321. .u-line-1,
  3322. .up-line-1 {
  3323. display: -webkit-box !important;
  3324. overflow: hidden;
  3325. text-overflow: ellipsis;
  3326. word-break: break-all;
  3327. -webkit-line-clamp: 1;
  3328. -webkit-box-orient: vertical !important;
  3329. }
  3330. .u-line-2,
  3331. .up-line-2 {
  3332. display: -webkit-box !important;
  3333. overflow: hidden;
  3334. text-overflow: ellipsis;
  3335. word-break: break-all;
  3336. -webkit-line-clamp: 2;
  3337. -webkit-box-orient: vertical !important;
  3338. }
  3339. .u-line-3,
  3340. .up-line-3 {
  3341. display: -webkit-box !important;
  3342. overflow: hidden;
  3343. text-overflow: ellipsis;
  3344. word-break: break-all;
  3345. -webkit-line-clamp: 3;
  3346. -webkit-box-orient: vertical !important;
  3347. }
  3348. .u-line-4,
  3349. .up-line-4 {
  3350. display: -webkit-box !important;
  3351. overflow: hidden;
  3352. text-overflow: ellipsis;
  3353. word-break: break-all;
  3354. -webkit-line-clamp: 4;
  3355. -webkit-box-orient: vertical !important;
  3356. }
  3357. .u-line-5,
  3358. .up-line-5 {
  3359. display: -webkit-box !important;
  3360. overflow: hidden;
  3361. text-overflow: ellipsis;
  3362. word-break: break-all;
  3363. -webkit-line-clamp: 5;
  3364. -webkit-box-orient: vertical !important;
  3365. }
  3366. .u-line-6,
  3367. .up-line-6 {
  3368. display: -webkit-box !important;
  3369. overflow: hidden;
  3370. text-overflow: ellipsis;
  3371. word-break: break-all;
  3372. -webkit-line-clamp: 6;
  3373. -webkit-box-orient: vertical !important;
  3374. }
  3375. .u-line-7,
  3376. .up-line-7 {
  3377. display: -webkit-box !important;
  3378. overflow: hidden;
  3379. text-overflow: ellipsis;
  3380. word-break: break-all;
  3381. -webkit-line-clamp: 7;
  3382. -webkit-box-orient: vertical !important;
  3383. }
  3384. .u-line-8,
  3385. .up-line-8 {
  3386. display: -webkit-box !important;
  3387. overflow: hidden;
  3388. text-overflow: ellipsis;
  3389. word-break: break-all;
  3390. -webkit-line-clamp: 8;
  3391. -webkit-box-orient: vertical !important;
  3392. }
  3393. .u-line-9,
  3394. .up-line-9 {
  3395. display: -webkit-box !important;
  3396. overflow: hidden;
  3397. text-overflow: ellipsis;
  3398. word-break: break-all;
  3399. -webkit-line-clamp: 9;
  3400. -webkit-box-orient: vertical !important;
  3401. }
  3402. .u-line-10,
  3403. .up-line-10 {
  3404. display: -webkit-box !important;
  3405. overflow: hidden;
  3406. text-overflow: ellipsis;
  3407. word-break: break-all;
  3408. -webkit-line-clamp: 10;
  3409. -webkit-box-orient: vertical !important;
  3410. }
  3411. .u-border,
  3412. .up-border {
  3413. border-width: 0.5px !important;
  3414. border-color: #dadbde !important;
  3415. border-style: solid;
  3416. }
  3417. .u-border-top,
  3418. .up-border-top {
  3419. border-top-width: 0.5px !important;
  3420. border-color: #dadbde !important;
  3421. border-top-style: solid;
  3422. }
  3423. .u-border-left,
  3424. .up-border-left {
  3425. border-left-width: 0.5px !important;
  3426. border-color: #dadbde !important;
  3427. border-left-style: solid;
  3428. }
  3429. .u-border-right,
  3430. .up-border-right {
  3431. border-right-width: 0.5px !important;
  3432. border-color: #dadbde !important;
  3433. border-right-style: solid;
  3434. }
  3435. .u-border-bottom,
  3436. .up-border-bottom {
  3437. border-bottom-width: 0.5px !important;
  3438. border-color: #dadbde !important;
  3439. border-bottom-style: solid;
  3440. }
  3441. .u-border-top-bottom,
  3442. .up-border-top-bottom {
  3443. border-top-width: 0.5px !important;
  3444. border-bottom-width: 0.5px !important;
  3445. border-color: #dadbde !important;
  3446. border-top-style: solid;
  3447. border-bottom-style: solid;
  3448. }
  3449. .u-reset-button,
  3450. .up-reset-button {
  3451. padding: 0;
  3452. background-color: transparent;
  3453. font-size: inherit;
  3454. line-height: inherit;
  3455. color: inherit;
  3456. }
  3457. .u-reset-button::after,
  3458. .up-reset-button::after {
  3459. border: none;
  3460. }
  3461. .u-hover-class,
  3462. .up-hover-class {
  3463. opacity: 0.7;
  3464. }
  3465. .cursor-pointer {
  3466. }
  3467. .u-flex,
  3468. .u-flex-row,
  3469. .u-flex-x,
  3470. .up-flex,
  3471. .up-flex-row,
  3472. .up-flex-x {
  3473. display: flex;
  3474. flex-direction: row;
  3475. }
  3476. .u-flex-y,
  3477. .u-flex-column,
  3478. .up-flex-y,
  3479. .up-flex-column {
  3480. display: flex;
  3481. flex-direction: column;
  3482. }
  3483. .u-flex-x-center,
  3484. .up-flex-x-center {
  3485. display: flex;
  3486. flex-direction: row;
  3487. justify-content: center;
  3488. }
  3489. .u-flex-xy-center,
  3490. .up-flex-xy-center {
  3491. display: flex;
  3492. flex-direction: row;
  3493. justify-content: center;
  3494. align-items: center;
  3495. }
  3496. .u-flex-y-center,
  3497. .up-flex-y-center {
  3498. display: flex;
  3499. flex-direction: row;
  3500. align-items: center;
  3501. }
  3502. .u-flex-x-left,
  3503. .up-flex-x-left {
  3504. display: flex;
  3505. flex-direction: row;
  3506. }
  3507. .u-flex-x-reverse,
  3508. .u-flex-row-reverse,
  3509. .up-flex-x-reverse,
  3510. .up-flex-row-reverse {
  3511. flex-direction: row-reverse;
  3512. }
  3513. .u-flex-y-reverse,
  3514. .u-flex-column-reverse,
  3515. .up-flex-y-reverse,
  3516. .up-flex-column-reverse {
  3517. flex-direction: column-reverse;
  3518. }
  3519. .u-flex.u-flex-reverse,
  3520. .u-flex-row.u-flex-reverse,
  3521. .u-flex-x.u-flex-reverse,
  3522. .up-flex.up-flex-reverse,
  3523. .up-flex-row.up-flex-reverse,
  3524. .up-flex-x.up-flex-reverse {
  3525. flex-direction: row-reverse;
  3526. }
  3527. .u-flex-column.u-flex-reverse,
  3528. .u-flex-y.u-flex-reverse,
  3529. .up-flex-column.up-flex-reverse,
  3530. .up-flex-y.up-flex-reverse {
  3531. flex-direction: column-reverse;
  3532. }
  3533. .u-flex-fill,
  3534. .up-flex-fill {
  3535. flex: 1 1 auto;
  3536. }
  3537. .u-margin-top-auto,
  3538. .u-m-t-auto,
  3539. .up-margin-top-auto,
  3540. .up-m-t-auto {
  3541. margin-top: auto !important;
  3542. }
  3543. .u-margin-right-auto,
  3544. .u-m-r-auto,
  3545. .up-margin-right-auto,
  3546. .up-m-r-auto {
  3547. margin-right: auto !important;
  3548. }
  3549. .u-margin-bottom-auto,
  3550. .u-m-b-auto,
  3551. .up-margin-bottom-auto,
  3552. .up-m-b-auto {
  3553. margin-bottom: auto !important;
  3554. }
  3555. .u-margin-left-auto,
  3556. .u-m-l-auto,
  3557. .up-margin-left-auto,
  3558. .up-m-l-auto {
  3559. margin-left: auto !important;
  3560. }
  3561. .u-margin-center-auto,
  3562. .u-m-c-auto,
  3563. .up-margin-center-auto,
  3564. .up-m-c-auto {
  3565. margin-left: auto !important;
  3566. margin-right: auto !important;
  3567. }
  3568. .u-margin-middle-auto,
  3569. .u-m-m-auto,
  3570. .up-margin-middle-auto,
  3571. .up-m-m-auto {
  3572. margin-top: auto !important;
  3573. margin-bottom: auto !important;
  3574. }
  3575. .u-flex-wrap,
  3576. .up-flex-wrap {
  3577. flex-wrap: wrap;
  3578. }
  3579. .u-flex-wrap-reverse,
  3580. .up-flex-wrap-reverse {
  3581. flex-wrap: wrap-reverse;
  3582. }
  3583. .u-flex-start,
  3584. .up-flex-start {
  3585. justify-content: flex-start;
  3586. }
  3587. .u-flex-center,
  3588. .up-flex-center {
  3589. justify-content: center;
  3590. }
  3591. .u-flex-end,
  3592. .up-flex-end {
  3593. justify-content: flex-end;
  3594. }
  3595. .u-flex-between,
  3596. .up-flex-between {
  3597. justify-content: space-between;
  3598. }
  3599. .u-flex-around,
  3600. .up-flex-around {
  3601. justify-content: space-around;
  3602. }
  3603. .u-flex-items-start,
  3604. .up-flex-items-start {
  3605. align-items: flex-start;
  3606. }
  3607. .u-flex-items-center,
  3608. .up-flex-items-center {
  3609. align-items: center;
  3610. }
  3611. .u-flex-items-end,
  3612. .up-flex-items-end {
  3613. align-items: flex-end;
  3614. }
  3615. .u-flex-items-baseline,
  3616. .up-flex-items-baseline {
  3617. align-items: baseline;
  3618. }
  3619. .u-flex-items-stretch,
  3620. .up-flex-items-stretch {
  3621. align-items: stretch;
  3622. }
  3623. .u-flex-self-start,
  3624. .up-flex-self-start {
  3625. align-self: flex-start;
  3626. }
  3627. .u-flex-self-center,
  3628. .up-flex-self-center {
  3629. align-self: center;
  3630. }
  3631. .u-flex-self-end,
  3632. .up-flex-self-end {
  3633. align-self: flex-end;
  3634. }
  3635. .u-flex-self-baseline,
  3636. .up-flex-self-baseline {
  3637. align-self: baseline;
  3638. }
  3639. .u-flex-self-stretch,
  3640. .up-flex-self-stretch {
  3641. align-self: stretch;
  3642. }
  3643. .u-flex-content-start,
  3644. .up-flex-content-start {
  3645. align-content: flex-start;
  3646. }
  3647. .u-flex-content-center,
  3648. .up-flex-content-center {
  3649. align-content: center;
  3650. }
  3651. .u-flex-content-end,
  3652. .up-flex-content-end {
  3653. align-content: flex-end;
  3654. }
  3655. .u-flex-content-between,
  3656. .up-flex-content-between {
  3657. align-content: space-between;
  3658. }
  3659. .u-flex-content-around,
  3660. .up-flex-content-around {
  3661. align-content: space-around;
  3662. }
  3663. .u-flex-middle,
  3664. .up-flex-middle {
  3665. justify-content: center;
  3666. align-items: center;
  3667. align-self: center;
  3668. align-content: center;
  3669. }
  3670. .u-flex-grow,
  3671. .up-flex-grow {
  3672. flex-grow: 1;
  3673. }
  3674. .u-flex-shrink,
  3675. .up-flex-shrink {
  3676. flex-shrink: 1;
  3677. }
  3678. .u-margin-0, .u-m-0,
  3679. .up-margin-0, .up-m-0 {
  3680. margin: 0rpx !important;
  3681. }
  3682. .u-padding-0, .u-p-0,
  3683. .up-padding-0, .up-p-0 {
  3684. padding: 0rpx !important;
  3685. }
  3686. .u-m-l-0,
  3687. .up-m-l-0 {
  3688. margin-left: 0rpx !important;
  3689. }
  3690. .u-p-l-0,
  3691. .up-p-l-0 {
  3692. padding-left: 0rpx !important;
  3693. }
  3694. .u-margin-left-0,
  3695. .up-margin-left-0 {
  3696. margin-left: 0rpx !important;
  3697. }
  3698. .u-padding-left-0,
  3699. .up-padding-left-0 {
  3700. padding-left: 0rpx !important;
  3701. }
  3702. .u-m-t-0,
  3703. .up-m-t-0 {
  3704. margin-top: 0rpx !important;
  3705. }
  3706. .u-p-t-0,
  3707. .up-p-t-0 {
  3708. padding-top: 0rpx !important;
  3709. }
  3710. .u-margin-top-0,
  3711. .up-margin-top-0 {
  3712. margin-top: 0rpx !important;
  3713. }
  3714. .u-padding-top-0,
  3715. .up-padding-top-0 {
  3716. padding-top: 0rpx !important;
  3717. }
  3718. .u-m-r-0,
  3719. .up-m-r-0 {
  3720. margin-right: 0rpx !important;
  3721. }
  3722. .u-p-r-0,
  3723. .up-p-r-0 {
  3724. padding-right: 0rpx !important;
  3725. }
  3726. .u-margin-right-0,
  3727. .up-margin-right-0 {
  3728. margin-right: 0rpx !important;
  3729. }
  3730. .u-padding-right-0,
  3731. .up-padding-right-0 {
  3732. padding-right: 0rpx !important;
  3733. }
  3734. .u-m-b-0,
  3735. .up-m-b-0 {
  3736. margin-bottom: 0rpx !important;
  3737. }
  3738. .u-p-b-0,
  3739. .up-p-b-0 {
  3740. padding-bottom: 0rpx !important;
  3741. }
  3742. .u-margin-bottom-0,
  3743. .up-margin-bottom-0 {
  3744. margin-bottom: 0rpx !important;
  3745. }
  3746. .u-padding-bottom-0,
  3747. .up-padding-bottom-0 {
  3748. padding-bottom: 0rpx !important;
  3749. }
  3750. .u-margin-2, .u-m-2,
  3751. .up-margin-2, .up-m-2 {
  3752. margin: 2rpx !important;
  3753. }
  3754. .u-padding-2, .u-p-2,
  3755. .up-padding-2, .up-p-2 {
  3756. padding: 2rpx !important;
  3757. }
  3758. .u-m-l-2,
  3759. .up-m-l-2 {
  3760. margin-left: 2rpx !important;
  3761. }
  3762. .u-p-l-2,
  3763. .up-p-l-2 {
  3764. padding-left: 2rpx !important;
  3765. }
  3766. .u-margin-left-2,
  3767. .up-margin-left-2 {
  3768. margin-left: 2rpx !important;
  3769. }
  3770. .u-padding-left-2,
  3771. .up-padding-left-2 {
  3772. padding-left: 2rpx !important;
  3773. }
  3774. .u-m-t-2,
  3775. .up-m-t-2 {
  3776. margin-top: 2rpx !important;
  3777. }
  3778. .u-p-t-2,
  3779. .up-p-t-2 {
  3780. padding-top: 2rpx !important;
  3781. }
  3782. .u-margin-top-2,
  3783. .up-margin-top-2 {
  3784. margin-top: 2rpx !important;
  3785. }
  3786. .u-padding-top-2,
  3787. .up-padding-top-2 {
  3788. padding-top: 2rpx !important;
  3789. }
  3790. .u-m-r-2,
  3791. .up-m-r-2 {
  3792. margin-right: 2rpx !important;
  3793. }
  3794. .u-p-r-2,
  3795. .up-p-r-2 {
  3796. padding-right: 2rpx !important;
  3797. }
  3798. .u-margin-right-2,
  3799. .up-margin-right-2 {
  3800. margin-right: 2rpx !important;
  3801. }
  3802. .u-padding-right-2,
  3803. .up-padding-right-2 {
  3804. padding-right: 2rpx !important;
  3805. }
  3806. .u-m-b-2,
  3807. .up-m-b-2 {
  3808. margin-bottom: 2rpx !important;
  3809. }
  3810. .u-p-b-2,
  3811. .up-p-b-2 {
  3812. padding-bottom: 2rpx !important;
  3813. }
  3814. .u-margin-bottom-2,
  3815. .up-margin-bottom-2 {
  3816. margin-bottom: 2rpx !important;
  3817. }
  3818. .u-padding-bottom-2,
  3819. .up-padding-bottom-2 {
  3820. padding-bottom: 2rpx !important;
  3821. }
  3822. .u-margin-4, .u-m-4,
  3823. .up-margin-4, .up-m-4 {
  3824. margin: 4rpx !important;
  3825. }
  3826. .u-padding-4, .u-p-4,
  3827. .up-padding-4, .up-p-4 {
  3828. padding: 4rpx !important;
  3829. }
  3830. .u-m-l-4,
  3831. .up-m-l-4 {
  3832. margin-left: 4rpx !important;
  3833. }
  3834. .u-p-l-4,
  3835. .up-p-l-4 {
  3836. padding-left: 4rpx !important;
  3837. }
  3838. .u-margin-left-4,
  3839. .up-margin-left-4 {
  3840. margin-left: 4rpx !important;
  3841. }
  3842. .u-padding-left-4,
  3843. .up-padding-left-4 {
  3844. padding-left: 4rpx !important;
  3845. }
  3846. .u-m-t-4,
  3847. .up-m-t-4 {
  3848. margin-top: 4rpx !important;
  3849. }
  3850. .u-p-t-4,
  3851. .up-p-t-4 {
  3852. padding-top: 4rpx !important;
  3853. }
  3854. .u-margin-top-4,
  3855. .up-margin-top-4 {
  3856. margin-top: 4rpx !important;
  3857. }
  3858. .u-padding-top-4,
  3859. .up-padding-top-4 {
  3860. padding-top: 4rpx !important;
  3861. }
  3862. .u-m-r-4,
  3863. .up-m-r-4 {
  3864. margin-right: 4rpx !important;
  3865. }
  3866. .u-p-r-4,
  3867. .up-p-r-4 {
  3868. padding-right: 4rpx !important;
  3869. }
  3870. .u-margin-right-4,
  3871. .up-margin-right-4 {
  3872. margin-right: 4rpx !important;
  3873. }
  3874. .u-padding-right-4,
  3875. .up-padding-right-4 {
  3876. padding-right: 4rpx !important;
  3877. }
  3878. .u-m-b-4,
  3879. .up-m-b-4 {
  3880. margin-bottom: 4rpx !important;
  3881. }
  3882. .u-p-b-4,
  3883. .up-p-b-4 {
  3884. padding-bottom: 4rpx !important;
  3885. }
  3886. .u-margin-bottom-4,
  3887. .up-margin-bottom-4 {
  3888. margin-bottom: 4rpx !important;
  3889. }
  3890. .u-padding-bottom-4,
  3891. .up-padding-bottom-4 {
  3892. padding-bottom: 4rpx !important;
  3893. }
  3894. .u-margin-5, .u-m-5,
  3895. .up-margin-5, .up-m-5 {
  3896. margin: 5rpx !important;
  3897. }
  3898. .u-padding-5, .u-p-5,
  3899. .up-padding-5, .up-p-5 {
  3900. padding: 5rpx !important;
  3901. }
  3902. .u-m-l-5,
  3903. .up-m-l-5 {
  3904. margin-left: 5rpx !important;
  3905. }
  3906. .u-p-l-5,
  3907. .up-p-l-5 {
  3908. padding-left: 5rpx !important;
  3909. }
  3910. .u-margin-left-5,
  3911. .up-margin-left-5 {
  3912. margin-left: 5rpx !important;
  3913. }
  3914. .u-padding-left-5,
  3915. .up-padding-left-5 {
  3916. padding-left: 5rpx !important;
  3917. }
  3918. .u-m-t-5,
  3919. .up-m-t-5 {
  3920. margin-top: 5rpx !important;
  3921. }
  3922. .u-p-t-5,
  3923. .up-p-t-5 {
  3924. padding-top: 5rpx !important;
  3925. }
  3926. .u-margin-top-5,
  3927. .up-margin-top-5 {
  3928. margin-top: 5rpx !important;
  3929. }
  3930. .u-padding-top-5,
  3931. .up-padding-top-5 {
  3932. padding-top: 5rpx !important;
  3933. }
  3934. .u-m-r-5,
  3935. .up-m-r-5 {
  3936. margin-right: 5rpx !important;
  3937. }
  3938. .u-p-r-5,
  3939. .up-p-r-5 {
  3940. padding-right: 5rpx !important;
  3941. }
  3942. .u-margin-right-5,
  3943. .up-margin-right-5 {
  3944. margin-right: 5rpx !important;
  3945. }
  3946. .u-padding-right-5,
  3947. .up-padding-right-5 {
  3948. padding-right: 5rpx !important;
  3949. }
  3950. .u-m-b-5,
  3951. .up-m-b-5 {
  3952. margin-bottom: 5rpx !important;
  3953. }
  3954. .u-p-b-5,
  3955. .up-p-b-5 {
  3956. padding-bottom: 5rpx !important;
  3957. }
  3958. .u-margin-bottom-5,
  3959. .up-margin-bottom-5 {
  3960. margin-bottom: 5rpx !important;
  3961. }
  3962. .u-padding-bottom-5,
  3963. .up-padding-bottom-5 {
  3964. padding-bottom: 5rpx !important;
  3965. }
  3966. .u-margin-6, .u-m-6,
  3967. .up-margin-6, .up-m-6 {
  3968. margin: 6rpx !important;
  3969. }
  3970. .u-padding-6, .u-p-6,
  3971. .up-padding-6, .up-p-6 {
  3972. padding: 6rpx !important;
  3973. }
  3974. .u-m-l-6,
  3975. .up-m-l-6 {
  3976. margin-left: 6rpx !important;
  3977. }
  3978. .u-p-l-6,
  3979. .up-p-l-6 {
  3980. padding-left: 6rpx !important;
  3981. }
  3982. .u-margin-left-6,
  3983. .up-margin-left-6 {
  3984. margin-left: 6rpx !important;
  3985. }
  3986. .u-padding-left-6,
  3987. .up-padding-left-6 {
  3988. padding-left: 6rpx !important;
  3989. }
  3990. .u-m-t-6,
  3991. .up-m-t-6 {
  3992. margin-top: 6rpx !important;
  3993. }
  3994. .u-p-t-6,
  3995. .up-p-t-6 {
  3996. padding-top: 6rpx !important;
  3997. }
  3998. .u-margin-top-6,
  3999. .up-margin-top-6 {
  4000. margin-top: 6rpx !important;
  4001. }
  4002. .u-padding-top-6,
  4003. .up-padding-top-6 {
  4004. padding-top: 6rpx !important;
  4005. }
  4006. .u-m-r-6,
  4007. .up-m-r-6 {
  4008. margin-right: 6rpx !important;
  4009. }
  4010. .u-p-r-6,
  4011. .up-p-r-6 {
  4012. padding-right: 6rpx !important;
  4013. }
  4014. .u-margin-right-6,
  4015. .up-margin-right-6 {
  4016. margin-right: 6rpx !important;
  4017. }
  4018. .u-padding-right-6,
  4019. .up-padding-right-6 {
  4020. padding-right: 6rpx !important;
  4021. }
  4022. .u-m-b-6,
  4023. .up-m-b-6 {
  4024. margin-bottom: 6rpx !important;
  4025. }
  4026. .u-p-b-6,
  4027. .up-p-b-6 {
  4028. padding-bottom: 6rpx !important;
  4029. }
  4030. .u-margin-bottom-6,
  4031. .up-margin-bottom-6 {
  4032. margin-bottom: 6rpx !important;
  4033. }
  4034. .u-padding-bottom-6,
  4035. .up-padding-bottom-6 {
  4036. padding-bottom: 6rpx !important;
  4037. }
  4038. .u-margin-8, .u-m-8,
  4039. .up-margin-8, .up-m-8 {
  4040. margin: 8rpx !important;
  4041. }
  4042. .u-padding-8, .u-p-8,
  4043. .up-padding-8, .up-p-8 {
  4044. padding: 8rpx !important;
  4045. }
  4046. .u-m-l-8,
  4047. .up-m-l-8 {
  4048. margin-left: 8rpx !important;
  4049. }
  4050. .u-p-l-8,
  4051. .up-p-l-8 {
  4052. padding-left: 8rpx !important;
  4053. }
  4054. .u-margin-left-8,
  4055. .up-margin-left-8 {
  4056. margin-left: 8rpx !important;
  4057. }
  4058. .u-padding-left-8,
  4059. .up-padding-left-8 {
  4060. padding-left: 8rpx !important;
  4061. }
  4062. .u-m-t-8,
  4063. .up-m-t-8 {
  4064. margin-top: 8rpx !important;
  4065. }
  4066. .u-p-t-8,
  4067. .up-p-t-8 {
  4068. padding-top: 8rpx !important;
  4069. }
  4070. .u-margin-top-8,
  4071. .up-margin-top-8 {
  4072. margin-top: 8rpx !important;
  4073. }
  4074. .u-padding-top-8,
  4075. .up-padding-top-8 {
  4076. padding-top: 8rpx !important;
  4077. }
  4078. .u-m-r-8,
  4079. .up-m-r-8 {
  4080. margin-right: 8rpx !important;
  4081. }
  4082. .u-p-r-8,
  4083. .up-p-r-8 {
  4084. padding-right: 8rpx !important;
  4085. }
  4086. .u-margin-right-8,
  4087. .up-margin-right-8 {
  4088. margin-right: 8rpx !important;
  4089. }
  4090. .u-padding-right-8,
  4091. .up-padding-right-8 {
  4092. padding-right: 8rpx !important;
  4093. }
  4094. .u-m-b-8,
  4095. .up-m-b-8 {
  4096. margin-bottom: 8rpx !important;
  4097. }
  4098. .u-p-b-8,
  4099. .up-p-b-8 {
  4100. padding-bottom: 8rpx !important;
  4101. }
  4102. .u-margin-bottom-8,
  4103. .up-margin-bottom-8 {
  4104. margin-bottom: 8rpx !important;
  4105. }
  4106. .u-padding-bottom-8,
  4107. .up-padding-bottom-8 {
  4108. padding-bottom: 8rpx !important;
  4109. }
  4110. .u-margin-10, .u-m-10,
  4111. .up-margin-10, .up-m-10 {
  4112. margin: 10rpx !important;
  4113. }
  4114. .u-padding-10, .u-p-10,
  4115. .up-padding-10, .up-p-10 {
  4116. padding: 10rpx !important;
  4117. }
  4118. .u-m-l-10,
  4119. .up-m-l-10 {
  4120. margin-left: 10rpx !important;
  4121. }
  4122. .u-p-l-10,
  4123. .up-p-l-10 {
  4124. padding-left: 10rpx !important;
  4125. }
  4126. .u-margin-left-10,
  4127. .up-margin-left-10 {
  4128. margin-left: 10rpx !important;
  4129. }
  4130. .u-padding-left-10,
  4131. .up-padding-left-10 {
  4132. padding-left: 10rpx !important;
  4133. }
  4134. .u-m-t-10,
  4135. .up-m-t-10 {
  4136. margin-top: 10rpx !important;
  4137. }
  4138. .u-p-t-10,
  4139. .up-p-t-10 {
  4140. padding-top: 10rpx !important;
  4141. }
  4142. .u-margin-top-10,
  4143. .up-margin-top-10 {
  4144. margin-top: 10rpx !important;
  4145. }
  4146. .u-padding-top-10,
  4147. .up-padding-top-10 {
  4148. padding-top: 10rpx !important;
  4149. }
  4150. .u-m-r-10,
  4151. .up-m-r-10 {
  4152. margin-right: 10rpx !important;
  4153. }
  4154. .u-p-r-10,
  4155. .up-p-r-10 {
  4156. padding-right: 10rpx !important;
  4157. }
  4158. .u-margin-right-10,
  4159. .up-margin-right-10 {
  4160. margin-right: 10rpx !important;
  4161. }
  4162. .u-padding-right-10,
  4163. .up-padding-right-10 {
  4164. padding-right: 10rpx !important;
  4165. }
  4166. .u-m-b-10,
  4167. .up-m-b-10 {
  4168. margin-bottom: 10rpx !important;
  4169. }
  4170. .u-p-b-10,
  4171. .up-p-b-10 {
  4172. padding-bottom: 10rpx !important;
  4173. }
  4174. .u-margin-bottom-10,
  4175. .up-margin-bottom-10 {
  4176. margin-bottom: 10rpx !important;
  4177. }
  4178. .u-padding-bottom-10,
  4179. .up-padding-bottom-10 {
  4180. padding-bottom: 10rpx !important;
  4181. }
  4182. .u-margin-12, .u-m-12,
  4183. .up-margin-12, .up-m-12 {
  4184. margin: 12rpx !important;
  4185. }
  4186. .u-padding-12, .u-p-12,
  4187. .up-padding-12, .up-p-12 {
  4188. padding: 12rpx !important;
  4189. }
  4190. .u-m-l-12,
  4191. .up-m-l-12 {
  4192. margin-left: 12rpx !important;
  4193. }
  4194. .u-p-l-12,
  4195. .up-p-l-12 {
  4196. padding-left: 12rpx !important;
  4197. }
  4198. .u-margin-left-12,
  4199. .up-margin-left-12 {
  4200. margin-left: 12rpx !important;
  4201. }
  4202. .u-padding-left-12,
  4203. .up-padding-left-12 {
  4204. padding-left: 12rpx !important;
  4205. }
  4206. .u-m-t-12,
  4207. .up-m-t-12 {
  4208. margin-top: 12rpx !important;
  4209. }
  4210. .u-p-t-12,
  4211. .up-p-t-12 {
  4212. padding-top: 12rpx !important;
  4213. }
  4214. .u-margin-top-12,
  4215. .up-margin-top-12 {
  4216. margin-top: 12rpx !important;
  4217. }
  4218. .u-padding-top-12,
  4219. .up-padding-top-12 {
  4220. padding-top: 12rpx !important;
  4221. }
  4222. .u-m-r-12,
  4223. .up-m-r-12 {
  4224. margin-right: 12rpx !important;
  4225. }
  4226. .u-p-r-12,
  4227. .up-p-r-12 {
  4228. padding-right: 12rpx !important;
  4229. }
  4230. .u-margin-right-12,
  4231. .up-margin-right-12 {
  4232. margin-right: 12rpx !important;
  4233. }
  4234. .u-padding-right-12,
  4235. .up-padding-right-12 {
  4236. padding-right: 12rpx !important;
  4237. }
  4238. .u-m-b-12,
  4239. .up-m-b-12 {
  4240. margin-bottom: 12rpx !important;
  4241. }
  4242. .u-p-b-12,
  4243. .up-p-b-12 {
  4244. padding-bottom: 12rpx !important;
  4245. }
  4246. .u-margin-bottom-12,
  4247. .up-margin-bottom-12 {
  4248. margin-bottom: 12rpx !important;
  4249. }
  4250. .u-padding-bottom-12,
  4251. .up-padding-bottom-12 {
  4252. padding-bottom: 12rpx !important;
  4253. }
  4254. .u-margin-14, .u-m-14,
  4255. .up-margin-14, .up-m-14 {
  4256. margin: 14rpx !important;
  4257. }
  4258. .u-padding-14, .u-p-14,
  4259. .up-padding-14, .up-p-14 {
  4260. padding: 14rpx !important;
  4261. }
  4262. .u-m-l-14,
  4263. .up-m-l-14 {
  4264. margin-left: 14rpx !important;
  4265. }
  4266. .u-p-l-14,
  4267. .up-p-l-14 {
  4268. padding-left: 14rpx !important;
  4269. }
  4270. .u-margin-left-14,
  4271. .up-margin-left-14 {
  4272. margin-left: 14rpx !important;
  4273. }
  4274. .u-padding-left-14,
  4275. .up-padding-left-14 {
  4276. padding-left: 14rpx !important;
  4277. }
  4278. .u-m-t-14,
  4279. .up-m-t-14 {
  4280. margin-top: 14rpx !important;
  4281. }
  4282. .u-p-t-14,
  4283. .up-p-t-14 {
  4284. padding-top: 14rpx !important;
  4285. }
  4286. .u-margin-top-14,
  4287. .up-margin-top-14 {
  4288. margin-top: 14rpx !important;
  4289. }
  4290. .u-padding-top-14,
  4291. .up-padding-top-14 {
  4292. padding-top: 14rpx !important;
  4293. }
  4294. .u-m-r-14,
  4295. .up-m-r-14 {
  4296. margin-right: 14rpx !important;
  4297. }
  4298. .u-p-r-14,
  4299. .up-p-r-14 {
  4300. padding-right: 14rpx !important;
  4301. }
  4302. .u-margin-right-14,
  4303. .up-margin-right-14 {
  4304. margin-right: 14rpx !important;
  4305. }
  4306. .u-padding-right-14,
  4307. .up-padding-right-14 {
  4308. padding-right: 14rpx !important;
  4309. }
  4310. .u-m-b-14,
  4311. .up-m-b-14 {
  4312. margin-bottom: 14rpx !important;
  4313. }
  4314. .u-p-b-14,
  4315. .up-p-b-14 {
  4316. padding-bottom: 14rpx !important;
  4317. }
  4318. .u-margin-bottom-14,
  4319. .up-margin-bottom-14 {
  4320. margin-bottom: 14rpx !important;
  4321. }
  4322. .u-padding-bottom-14,
  4323. .up-padding-bottom-14 {
  4324. padding-bottom: 14rpx !important;
  4325. }
  4326. .u-margin-15, .u-m-15,
  4327. .up-margin-15, .up-m-15 {
  4328. margin: 15rpx !important;
  4329. }
  4330. .u-padding-15, .u-p-15,
  4331. .up-padding-15, .up-p-15 {
  4332. padding: 15rpx !important;
  4333. }
  4334. .u-m-l-15,
  4335. .up-m-l-15 {
  4336. margin-left: 15rpx !important;
  4337. }
  4338. .u-p-l-15,
  4339. .up-p-l-15 {
  4340. padding-left: 15rpx !important;
  4341. }
  4342. .u-margin-left-15,
  4343. .up-margin-left-15 {
  4344. margin-left: 15rpx !important;
  4345. }
  4346. .u-padding-left-15,
  4347. .up-padding-left-15 {
  4348. padding-left: 15rpx !important;
  4349. }
  4350. .u-m-t-15,
  4351. .up-m-t-15 {
  4352. margin-top: 15rpx !important;
  4353. }
  4354. .u-p-t-15,
  4355. .up-p-t-15 {
  4356. padding-top: 15rpx !important;
  4357. }
  4358. .u-margin-top-15,
  4359. .up-margin-top-15 {
  4360. margin-top: 15rpx !important;
  4361. }
  4362. .u-padding-top-15,
  4363. .up-padding-top-15 {
  4364. padding-top: 15rpx !important;
  4365. }
  4366. .u-m-r-15,
  4367. .up-m-r-15 {
  4368. margin-right: 15rpx !important;
  4369. }
  4370. .u-p-r-15,
  4371. .up-p-r-15 {
  4372. padding-right: 15rpx !important;
  4373. }
  4374. .u-margin-right-15,
  4375. .up-margin-right-15 {
  4376. margin-right: 15rpx !important;
  4377. }
  4378. .u-padding-right-15,
  4379. .up-padding-right-15 {
  4380. padding-right: 15rpx !important;
  4381. }
  4382. .u-m-b-15,
  4383. .up-m-b-15 {
  4384. margin-bottom: 15rpx !important;
  4385. }
  4386. .u-p-b-15,
  4387. .up-p-b-15 {
  4388. padding-bottom: 15rpx !important;
  4389. }
  4390. .u-margin-bottom-15,
  4391. .up-margin-bottom-15 {
  4392. margin-bottom: 15rpx !important;
  4393. }
  4394. .u-padding-bottom-15,
  4395. .up-padding-bottom-15 {
  4396. padding-bottom: 15rpx !important;
  4397. }
  4398. .u-margin-16, .u-m-16,
  4399. .up-margin-16, .up-m-16 {
  4400. margin: 16rpx !important;
  4401. }
  4402. .u-padding-16, .u-p-16,
  4403. .up-padding-16, .up-p-16 {
  4404. padding: 16rpx !important;
  4405. }
  4406. .u-m-l-16,
  4407. .up-m-l-16 {
  4408. margin-left: 16rpx !important;
  4409. }
  4410. .u-p-l-16,
  4411. .up-p-l-16 {
  4412. padding-left: 16rpx !important;
  4413. }
  4414. .u-margin-left-16,
  4415. .up-margin-left-16 {
  4416. margin-left: 16rpx !important;
  4417. }
  4418. .u-padding-left-16,
  4419. .up-padding-left-16 {
  4420. padding-left: 16rpx !important;
  4421. }
  4422. .u-m-t-16,
  4423. .up-m-t-16 {
  4424. margin-top: 16rpx !important;
  4425. }
  4426. .u-p-t-16,
  4427. .up-p-t-16 {
  4428. padding-top: 16rpx !important;
  4429. }
  4430. .u-margin-top-16,
  4431. .up-margin-top-16 {
  4432. margin-top: 16rpx !important;
  4433. }
  4434. .u-padding-top-16,
  4435. .up-padding-top-16 {
  4436. padding-top: 16rpx !important;
  4437. }
  4438. .u-m-r-16,
  4439. .up-m-r-16 {
  4440. margin-right: 16rpx !important;
  4441. }
  4442. .u-p-r-16,
  4443. .up-p-r-16 {
  4444. padding-right: 16rpx !important;
  4445. }
  4446. .u-margin-right-16,
  4447. .up-margin-right-16 {
  4448. margin-right: 16rpx !important;
  4449. }
  4450. .u-padding-right-16,
  4451. .up-padding-right-16 {
  4452. padding-right: 16rpx !important;
  4453. }
  4454. .u-m-b-16,
  4455. .up-m-b-16 {
  4456. margin-bottom: 16rpx !important;
  4457. }
  4458. .u-p-b-16,
  4459. .up-p-b-16 {
  4460. padding-bottom: 16rpx !important;
  4461. }
  4462. .u-margin-bottom-16,
  4463. .up-margin-bottom-16 {
  4464. margin-bottom: 16rpx !important;
  4465. }
  4466. .u-padding-bottom-16,
  4467. .up-padding-bottom-16 {
  4468. padding-bottom: 16rpx !important;
  4469. }
  4470. .u-margin-18, .u-m-18,
  4471. .up-margin-18, .up-m-18 {
  4472. margin: 18rpx !important;
  4473. }
  4474. .u-padding-18, .u-p-18,
  4475. .up-padding-18, .up-p-18 {
  4476. padding: 18rpx !important;
  4477. }
  4478. .u-m-l-18,
  4479. .up-m-l-18 {
  4480. margin-left: 18rpx !important;
  4481. }
  4482. .u-p-l-18,
  4483. .up-p-l-18 {
  4484. padding-left: 18rpx !important;
  4485. }
  4486. .u-margin-left-18,
  4487. .up-margin-left-18 {
  4488. margin-left: 18rpx !important;
  4489. }
  4490. .u-padding-left-18,
  4491. .up-padding-left-18 {
  4492. padding-left: 18rpx !important;
  4493. }
  4494. .u-m-t-18,
  4495. .up-m-t-18 {
  4496. margin-top: 18rpx !important;
  4497. }
  4498. .u-p-t-18,
  4499. .up-p-t-18 {
  4500. padding-top: 18rpx !important;
  4501. }
  4502. .u-margin-top-18,
  4503. .up-margin-top-18 {
  4504. margin-top: 18rpx !important;
  4505. }
  4506. .u-padding-top-18,
  4507. .up-padding-top-18 {
  4508. padding-top: 18rpx !important;
  4509. }
  4510. .u-m-r-18,
  4511. .up-m-r-18 {
  4512. margin-right: 18rpx !important;
  4513. }
  4514. .u-p-r-18,
  4515. .up-p-r-18 {
  4516. padding-right: 18rpx !important;
  4517. }
  4518. .u-margin-right-18,
  4519. .up-margin-right-18 {
  4520. margin-right: 18rpx !important;
  4521. }
  4522. .u-padding-right-18,
  4523. .up-padding-right-18 {
  4524. padding-right: 18rpx !important;
  4525. }
  4526. .u-m-b-18,
  4527. .up-m-b-18 {
  4528. margin-bottom: 18rpx !important;
  4529. }
  4530. .u-p-b-18,
  4531. .up-p-b-18 {
  4532. padding-bottom: 18rpx !important;
  4533. }
  4534. .u-margin-bottom-18,
  4535. .up-margin-bottom-18 {
  4536. margin-bottom: 18rpx !important;
  4537. }
  4538. .u-padding-bottom-18,
  4539. .up-padding-bottom-18 {
  4540. padding-bottom: 18rpx !important;
  4541. }
  4542. .u-margin-20, .u-m-20,
  4543. .up-margin-20, .up-m-20 {
  4544. margin: 20rpx !important;
  4545. }
  4546. .u-padding-20, .u-p-20,
  4547. .up-padding-20, .up-p-20 {
  4548. padding: 20rpx !important;
  4549. }
  4550. .u-m-l-20,
  4551. .up-m-l-20 {
  4552. margin-left: 20rpx !important;
  4553. }
  4554. .u-p-l-20,
  4555. .up-p-l-20 {
  4556. padding-left: 20rpx !important;
  4557. }
  4558. .u-margin-left-20,
  4559. .up-margin-left-20 {
  4560. margin-left: 20rpx !important;
  4561. }
  4562. .u-padding-left-20,
  4563. .up-padding-left-20 {
  4564. padding-left: 20rpx !important;
  4565. }
  4566. .u-m-t-20,
  4567. .up-m-t-20 {
  4568. margin-top: 20rpx !important;
  4569. }
  4570. .u-p-t-20,
  4571. .up-p-t-20 {
  4572. padding-top: 20rpx !important;
  4573. }
  4574. .u-margin-top-20,
  4575. .up-margin-top-20 {
  4576. margin-top: 20rpx !important;
  4577. }
  4578. .u-padding-top-20,
  4579. .up-padding-top-20 {
  4580. padding-top: 20rpx !important;
  4581. }
  4582. .u-m-r-20,
  4583. .up-m-r-20 {
  4584. margin-right: 20rpx !important;
  4585. }
  4586. .u-p-r-20,
  4587. .up-p-r-20 {
  4588. padding-right: 20rpx !important;
  4589. }
  4590. .u-margin-right-20,
  4591. .up-margin-right-20 {
  4592. margin-right: 20rpx !important;
  4593. }
  4594. .u-padding-right-20,
  4595. .up-padding-right-20 {
  4596. padding-right: 20rpx !important;
  4597. }
  4598. .u-m-b-20,
  4599. .up-m-b-20 {
  4600. margin-bottom: 20rpx !important;
  4601. }
  4602. .u-p-b-20,
  4603. .up-p-b-20 {
  4604. padding-bottom: 20rpx !important;
  4605. }
  4606. .u-margin-bottom-20,
  4607. .up-margin-bottom-20 {
  4608. margin-bottom: 20rpx !important;
  4609. }
  4610. .u-padding-bottom-20,
  4611. .up-padding-bottom-20 {
  4612. padding-bottom: 20rpx !important;
  4613. }
  4614. .u-margin-22, .u-m-22,
  4615. .up-margin-22, .up-m-22 {
  4616. margin: 22rpx !important;
  4617. }
  4618. .u-padding-22, .u-p-22,
  4619. .up-padding-22, .up-p-22 {
  4620. padding: 22rpx !important;
  4621. }
  4622. .u-m-l-22,
  4623. .up-m-l-22 {
  4624. margin-left: 22rpx !important;
  4625. }
  4626. .u-p-l-22,
  4627. .up-p-l-22 {
  4628. padding-left: 22rpx !important;
  4629. }
  4630. .u-margin-left-22,
  4631. .up-margin-left-22 {
  4632. margin-left: 22rpx !important;
  4633. }
  4634. .u-padding-left-22,
  4635. .up-padding-left-22 {
  4636. padding-left: 22rpx !important;
  4637. }
  4638. .u-m-t-22,
  4639. .up-m-t-22 {
  4640. margin-top: 22rpx !important;
  4641. }
  4642. .u-p-t-22,
  4643. .up-p-t-22 {
  4644. padding-top: 22rpx !important;
  4645. }
  4646. .u-margin-top-22,
  4647. .up-margin-top-22 {
  4648. margin-top: 22rpx !important;
  4649. }
  4650. .u-padding-top-22,
  4651. .up-padding-top-22 {
  4652. padding-top: 22rpx !important;
  4653. }
  4654. .u-m-r-22,
  4655. .up-m-r-22 {
  4656. margin-right: 22rpx !important;
  4657. }
  4658. .u-p-r-22,
  4659. .up-p-r-22 {
  4660. padding-right: 22rpx !important;
  4661. }
  4662. .u-margin-right-22,
  4663. .up-margin-right-22 {
  4664. margin-right: 22rpx !important;
  4665. }
  4666. .u-padding-right-22,
  4667. .up-padding-right-22 {
  4668. padding-right: 22rpx !important;
  4669. }
  4670. .u-m-b-22,
  4671. .up-m-b-22 {
  4672. margin-bottom: 22rpx !important;
  4673. }
  4674. .u-p-b-22,
  4675. .up-p-b-22 {
  4676. padding-bottom: 22rpx !important;
  4677. }
  4678. .u-margin-bottom-22,
  4679. .up-margin-bottom-22 {
  4680. margin-bottom: 22rpx !important;
  4681. }
  4682. .u-padding-bottom-22,
  4683. .up-padding-bottom-22 {
  4684. padding-bottom: 22rpx !important;
  4685. }
  4686. .u-margin-24, .u-m-24,
  4687. .up-margin-24, .up-m-24 {
  4688. margin: 24rpx !important;
  4689. }
  4690. .u-padding-24, .u-p-24,
  4691. .up-padding-24, .up-p-24 {
  4692. padding: 24rpx !important;
  4693. }
  4694. .u-m-l-24,
  4695. .up-m-l-24 {
  4696. margin-left: 24rpx !important;
  4697. }
  4698. .u-p-l-24,
  4699. .up-p-l-24 {
  4700. padding-left: 24rpx !important;
  4701. }
  4702. .u-margin-left-24,
  4703. .up-margin-left-24 {
  4704. margin-left: 24rpx !important;
  4705. }
  4706. .u-padding-left-24,
  4707. .up-padding-left-24 {
  4708. padding-left: 24rpx !important;
  4709. }
  4710. .u-m-t-24,
  4711. .up-m-t-24 {
  4712. margin-top: 24rpx !important;
  4713. }
  4714. .u-p-t-24,
  4715. .up-p-t-24 {
  4716. padding-top: 24rpx !important;
  4717. }
  4718. .u-margin-top-24,
  4719. .up-margin-top-24 {
  4720. margin-top: 24rpx !important;
  4721. }
  4722. .u-padding-top-24,
  4723. .up-padding-top-24 {
  4724. padding-top: 24rpx !important;
  4725. }
  4726. .u-m-r-24,
  4727. .up-m-r-24 {
  4728. margin-right: 24rpx !important;
  4729. }
  4730. .u-p-r-24,
  4731. .up-p-r-24 {
  4732. padding-right: 24rpx !important;
  4733. }
  4734. .u-margin-right-24,
  4735. .up-margin-right-24 {
  4736. margin-right: 24rpx !important;
  4737. }
  4738. .u-padding-right-24,
  4739. .up-padding-right-24 {
  4740. padding-right: 24rpx !important;
  4741. }
  4742. .u-m-b-24,
  4743. .up-m-b-24 {
  4744. margin-bottom: 24rpx !important;
  4745. }
  4746. .u-p-b-24,
  4747. .up-p-b-24 {
  4748. padding-bottom: 24rpx !important;
  4749. }
  4750. .u-margin-bottom-24,
  4751. .up-margin-bottom-24 {
  4752. margin-bottom: 24rpx !important;
  4753. }
  4754. .u-padding-bottom-24,
  4755. .up-padding-bottom-24 {
  4756. padding-bottom: 24rpx !important;
  4757. }
  4758. .u-margin-25, .u-m-25,
  4759. .up-margin-25, .up-m-25 {
  4760. margin: 25rpx !important;
  4761. }
  4762. .u-padding-25, .u-p-25,
  4763. .up-padding-25, .up-p-25 {
  4764. padding: 25rpx !important;
  4765. }
  4766. .u-m-l-25,
  4767. .up-m-l-25 {
  4768. margin-left: 25rpx !important;
  4769. }
  4770. .u-p-l-25,
  4771. .up-p-l-25 {
  4772. padding-left: 25rpx !important;
  4773. }
  4774. .u-margin-left-25,
  4775. .up-margin-left-25 {
  4776. margin-left: 25rpx !important;
  4777. }
  4778. .u-padding-left-25,
  4779. .up-padding-left-25 {
  4780. padding-left: 25rpx !important;
  4781. }
  4782. .u-m-t-25,
  4783. .up-m-t-25 {
  4784. margin-top: 25rpx !important;
  4785. }
  4786. .u-p-t-25,
  4787. .up-p-t-25 {
  4788. padding-top: 25rpx !important;
  4789. }
  4790. .u-margin-top-25,
  4791. .up-margin-top-25 {
  4792. margin-top: 25rpx !important;
  4793. }
  4794. .u-padding-top-25,
  4795. .up-padding-top-25 {
  4796. padding-top: 25rpx !important;
  4797. }
  4798. .u-m-r-25,
  4799. .up-m-r-25 {
  4800. margin-right: 25rpx !important;
  4801. }
  4802. .u-p-r-25,
  4803. .up-p-r-25 {
  4804. padding-right: 25rpx !important;
  4805. }
  4806. .u-margin-right-25,
  4807. .up-margin-right-25 {
  4808. margin-right: 25rpx !important;
  4809. }
  4810. .u-padding-right-25,
  4811. .up-padding-right-25 {
  4812. padding-right: 25rpx !important;
  4813. }
  4814. .u-m-b-25,
  4815. .up-m-b-25 {
  4816. margin-bottom: 25rpx !important;
  4817. }
  4818. .u-p-b-25,
  4819. .up-p-b-25 {
  4820. padding-bottom: 25rpx !important;
  4821. }
  4822. .u-margin-bottom-25,
  4823. .up-margin-bottom-25 {
  4824. margin-bottom: 25rpx !important;
  4825. }
  4826. .u-padding-bottom-25,
  4827. .up-padding-bottom-25 {
  4828. padding-bottom: 25rpx !important;
  4829. }
  4830. .u-margin-26, .u-m-26,
  4831. .up-margin-26, .up-m-26 {
  4832. margin: 26rpx !important;
  4833. }
  4834. .u-padding-26, .u-p-26,
  4835. .up-padding-26, .up-p-26 {
  4836. padding: 26rpx !important;
  4837. }
  4838. .u-m-l-26,
  4839. .up-m-l-26 {
  4840. margin-left: 26rpx !important;
  4841. }
  4842. .u-p-l-26,
  4843. .up-p-l-26 {
  4844. padding-left: 26rpx !important;
  4845. }
  4846. .u-margin-left-26,
  4847. .up-margin-left-26 {
  4848. margin-left: 26rpx !important;
  4849. }
  4850. .u-padding-left-26,
  4851. .up-padding-left-26 {
  4852. padding-left: 26rpx !important;
  4853. }
  4854. .u-m-t-26,
  4855. .up-m-t-26 {
  4856. margin-top: 26rpx !important;
  4857. }
  4858. .u-p-t-26,
  4859. .up-p-t-26 {
  4860. padding-top: 26rpx !important;
  4861. }
  4862. .u-margin-top-26,
  4863. .up-margin-top-26 {
  4864. margin-top: 26rpx !important;
  4865. }
  4866. .u-padding-top-26,
  4867. .up-padding-top-26 {
  4868. padding-top: 26rpx !important;
  4869. }
  4870. .u-m-r-26,
  4871. .up-m-r-26 {
  4872. margin-right: 26rpx !important;
  4873. }
  4874. .u-p-r-26,
  4875. .up-p-r-26 {
  4876. padding-right: 26rpx !important;
  4877. }
  4878. .u-margin-right-26,
  4879. .up-margin-right-26 {
  4880. margin-right: 26rpx !important;
  4881. }
  4882. .u-padding-right-26,
  4883. .up-padding-right-26 {
  4884. padding-right: 26rpx !important;
  4885. }
  4886. .u-m-b-26,
  4887. .up-m-b-26 {
  4888. margin-bottom: 26rpx !important;
  4889. }
  4890. .u-p-b-26,
  4891. .up-p-b-26 {
  4892. padding-bottom: 26rpx !important;
  4893. }
  4894. .u-margin-bottom-26,
  4895. .up-margin-bottom-26 {
  4896. margin-bottom: 26rpx !important;
  4897. }
  4898. .u-padding-bottom-26,
  4899. .up-padding-bottom-26 {
  4900. padding-bottom: 26rpx !important;
  4901. }
  4902. .u-margin-28, .u-m-28,
  4903. .up-margin-28, .up-m-28 {
  4904. margin: 28rpx !important;
  4905. }
  4906. .u-padding-28, .u-p-28,
  4907. .up-padding-28, .up-p-28 {
  4908. padding: 28rpx !important;
  4909. }
  4910. .u-m-l-28,
  4911. .up-m-l-28 {
  4912. margin-left: 28rpx !important;
  4913. }
  4914. .u-p-l-28,
  4915. .up-p-l-28 {
  4916. padding-left: 28rpx !important;
  4917. }
  4918. .u-margin-left-28,
  4919. .up-margin-left-28 {
  4920. margin-left: 28rpx !important;
  4921. }
  4922. .u-padding-left-28,
  4923. .up-padding-left-28 {
  4924. padding-left: 28rpx !important;
  4925. }
  4926. .u-m-t-28,
  4927. .up-m-t-28 {
  4928. margin-top: 28rpx !important;
  4929. }
  4930. .u-p-t-28,
  4931. .up-p-t-28 {
  4932. padding-top: 28rpx !important;
  4933. }
  4934. .u-margin-top-28,
  4935. .up-margin-top-28 {
  4936. margin-top: 28rpx !important;
  4937. }
  4938. .u-padding-top-28,
  4939. .up-padding-top-28 {
  4940. padding-top: 28rpx !important;
  4941. }
  4942. .u-m-r-28,
  4943. .up-m-r-28 {
  4944. margin-right: 28rpx !important;
  4945. }
  4946. .u-p-r-28,
  4947. .up-p-r-28 {
  4948. padding-right: 28rpx !important;
  4949. }
  4950. .u-margin-right-28,
  4951. .up-margin-right-28 {
  4952. margin-right: 28rpx !important;
  4953. }
  4954. .u-padding-right-28,
  4955. .up-padding-right-28 {
  4956. padding-right: 28rpx !important;
  4957. }
  4958. .u-m-b-28,
  4959. .up-m-b-28 {
  4960. margin-bottom: 28rpx !important;
  4961. }
  4962. .u-p-b-28,
  4963. .up-p-b-28 {
  4964. padding-bottom: 28rpx !important;
  4965. }
  4966. .u-margin-bottom-28,
  4967. .up-margin-bottom-28 {
  4968. margin-bottom: 28rpx !important;
  4969. }
  4970. .u-padding-bottom-28,
  4971. .up-padding-bottom-28 {
  4972. padding-bottom: 28rpx !important;
  4973. }
  4974. .u-margin-30, .u-m-30,
  4975. .up-margin-30, .up-m-30 {
  4976. margin: 30rpx !important;
  4977. }
  4978. .u-padding-30, .u-p-30,
  4979. .up-padding-30, .up-p-30 {
  4980. padding: 30rpx !important;
  4981. }
  4982. .u-m-l-30,
  4983. .up-m-l-30 {
  4984. margin-left: 30rpx !important;
  4985. }
  4986. .u-p-l-30,
  4987. .up-p-l-30 {
  4988. padding-left: 30rpx !important;
  4989. }
  4990. .u-margin-left-30,
  4991. .up-margin-left-30 {
  4992. margin-left: 30rpx !important;
  4993. }
  4994. .u-padding-left-30,
  4995. .up-padding-left-30 {
  4996. padding-left: 30rpx !important;
  4997. }
  4998. .u-m-t-30,
  4999. .up-m-t-30 {
  5000. margin-top: 30rpx !important;
  5001. }
  5002. .u-p-t-30,
  5003. .up-p-t-30 {
  5004. padding-top: 30rpx !important;
  5005. }
  5006. .u-margin-top-30,
  5007. .up-margin-top-30 {
  5008. margin-top: 30rpx !important;
  5009. }
  5010. .u-padding-top-30,
  5011. .up-padding-top-30 {
  5012. padding-top: 30rpx !important;
  5013. }
  5014. .u-m-r-30,
  5015. .up-m-r-30 {
  5016. margin-right: 30rpx !important;
  5017. }
  5018. .u-p-r-30,
  5019. .up-p-r-30 {
  5020. padding-right: 30rpx !important;
  5021. }
  5022. .u-margin-right-30,
  5023. .up-margin-right-30 {
  5024. margin-right: 30rpx !important;
  5025. }
  5026. .u-padding-right-30,
  5027. .up-padding-right-30 {
  5028. padding-right: 30rpx !important;
  5029. }
  5030. .u-m-b-30,
  5031. .up-m-b-30 {
  5032. margin-bottom: 30rpx !important;
  5033. }
  5034. .u-p-b-30,
  5035. .up-p-b-30 {
  5036. padding-bottom: 30rpx !important;
  5037. }
  5038. .u-margin-bottom-30,
  5039. .up-margin-bottom-30 {
  5040. margin-bottom: 30rpx !important;
  5041. }
  5042. .u-padding-bottom-30,
  5043. .up-padding-bottom-30 {
  5044. padding-bottom: 30rpx !important;
  5045. }
  5046. .u-margin-32, .u-m-32,
  5047. .up-margin-32, .up-m-32 {
  5048. margin: 32rpx !important;
  5049. }
  5050. .u-padding-32, .u-p-32,
  5051. .up-padding-32, .up-p-32 {
  5052. padding: 32rpx !important;
  5053. }
  5054. .u-m-l-32,
  5055. .up-m-l-32 {
  5056. margin-left: 32rpx !important;
  5057. }
  5058. .u-p-l-32,
  5059. .up-p-l-32 {
  5060. padding-left: 32rpx !important;
  5061. }
  5062. .u-margin-left-32,
  5063. .up-margin-left-32 {
  5064. margin-left: 32rpx !important;
  5065. }
  5066. .u-padding-left-32,
  5067. .up-padding-left-32 {
  5068. padding-left: 32rpx !important;
  5069. }
  5070. .u-m-t-32,
  5071. .up-m-t-32 {
  5072. margin-top: 32rpx !important;
  5073. }
  5074. .u-p-t-32,
  5075. .up-p-t-32 {
  5076. padding-top: 32rpx !important;
  5077. }
  5078. .u-margin-top-32,
  5079. .up-margin-top-32 {
  5080. margin-top: 32rpx !important;
  5081. }
  5082. .u-padding-top-32,
  5083. .up-padding-top-32 {
  5084. padding-top: 32rpx !important;
  5085. }
  5086. .u-m-r-32,
  5087. .up-m-r-32 {
  5088. margin-right: 32rpx !important;
  5089. }
  5090. .u-p-r-32,
  5091. .up-p-r-32 {
  5092. padding-right: 32rpx !important;
  5093. }
  5094. .u-margin-right-32,
  5095. .up-margin-right-32 {
  5096. margin-right: 32rpx !important;
  5097. }
  5098. .u-padding-right-32,
  5099. .up-padding-right-32 {
  5100. padding-right: 32rpx !important;
  5101. }
  5102. .u-m-b-32,
  5103. .up-m-b-32 {
  5104. margin-bottom: 32rpx !important;
  5105. }
  5106. .u-p-b-32,
  5107. .up-p-b-32 {
  5108. padding-bottom: 32rpx !important;
  5109. }
  5110. .u-margin-bottom-32,
  5111. .up-margin-bottom-32 {
  5112. margin-bottom: 32rpx !important;
  5113. }
  5114. .u-padding-bottom-32,
  5115. .up-padding-bottom-32 {
  5116. padding-bottom: 32rpx !important;
  5117. }
  5118. .u-margin-34, .u-m-34,
  5119. .up-margin-34, .up-m-34 {
  5120. margin: 34rpx !important;
  5121. }
  5122. .u-padding-34, .u-p-34,
  5123. .up-padding-34, .up-p-34 {
  5124. padding: 34rpx !important;
  5125. }
  5126. .u-m-l-34,
  5127. .up-m-l-34 {
  5128. margin-left: 34rpx !important;
  5129. }
  5130. .u-p-l-34,
  5131. .up-p-l-34 {
  5132. padding-left: 34rpx !important;
  5133. }
  5134. .u-margin-left-34,
  5135. .up-margin-left-34 {
  5136. margin-left: 34rpx !important;
  5137. }
  5138. .u-padding-left-34,
  5139. .up-padding-left-34 {
  5140. padding-left: 34rpx !important;
  5141. }
  5142. .u-m-t-34,
  5143. .up-m-t-34 {
  5144. margin-top: 34rpx !important;
  5145. }
  5146. .u-p-t-34,
  5147. .up-p-t-34 {
  5148. padding-top: 34rpx !important;
  5149. }
  5150. .u-margin-top-34,
  5151. .up-margin-top-34 {
  5152. margin-top: 34rpx !important;
  5153. }
  5154. .u-padding-top-34,
  5155. .up-padding-top-34 {
  5156. padding-top: 34rpx !important;
  5157. }
  5158. .u-m-r-34,
  5159. .up-m-r-34 {
  5160. margin-right: 34rpx !important;
  5161. }
  5162. .u-p-r-34,
  5163. .up-p-r-34 {
  5164. padding-right: 34rpx !important;
  5165. }
  5166. .u-margin-right-34,
  5167. .up-margin-right-34 {
  5168. margin-right: 34rpx !important;
  5169. }
  5170. .u-padding-right-34,
  5171. .up-padding-right-34 {
  5172. padding-right: 34rpx !important;
  5173. }
  5174. .u-m-b-34,
  5175. .up-m-b-34 {
  5176. margin-bottom: 34rpx !important;
  5177. }
  5178. .u-p-b-34,
  5179. .up-p-b-34 {
  5180. padding-bottom: 34rpx !important;
  5181. }
  5182. .u-margin-bottom-34,
  5183. .up-margin-bottom-34 {
  5184. margin-bottom: 34rpx !important;
  5185. }
  5186. .u-padding-bottom-34,
  5187. .up-padding-bottom-34 {
  5188. padding-bottom: 34rpx !important;
  5189. }
  5190. .u-margin-35, .u-m-35,
  5191. .up-margin-35, .up-m-35 {
  5192. margin: 35rpx !important;
  5193. }
  5194. .u-padding-35, .u-p-35,
  5195. .up-padding-35, .up-p-35 {
  5196. padding: 35rpx !important;
  5197. }
  5198. .u-m-l-35,
  5199. .up-m-l-35 {
  5200. margin-left: 35rpx !important;
  5201. }
  5202. .u-p-l-35,
  5203. .up-p-l-35 {
  5204. padding-left: 35rpx !important;
  5205. }
  5206. .u-margin-left-35,
  5207. .up-margin-left-35 {
  5208. margin-left: 35rpx !important;
  5209. }
  5210. .u-padding-left-35,
  5211. .up-padding-left-35 {
  5212. padding-left: 35rpx !important;
  5213. }
  5214. .u-m-t-35,
  5215. .up-m-t-35 {
  5216. margin-top: 35rpx !important;
  5217. }
  5218. .u-p-t-35,
  5219. .up-p-t-35 {
  5220. padding-top: 35rpx !important;
  5221. }
  5222. .u-margin-top-35,
  5223. .up-margin-top-35 {
  5224. margin-top: 35rpx !important;
  5225. }
  5226. .u-padding-top-35,
  5227. .up-padding-top-35 {
  5228. padding-top: 35rpx !important;
  5229. }
  5230. .u-m-r-35,
  5231. .up-m-r-35 {
  5232. margin-right: 35rpx !important;
  5233. }
  5234. .u-p-r-35,
  5235. .up-p-r-35 {
  5236. padding-right: 35rpx !important;
  5237. }
  5238. .u-margin-right-35,
  5239. .up-margin-right-35 {
  5240. margin-right: 35rpx !important;
  5241. }
  5242. .u-padding-right-35,
  5243. .up-padding-right-35 {
  5244. padding-right: 35rpx !important;
  5245. }
  5246. .u-m-b-35,
  5247. .up-m-b-35 {
  5248. margin-bottom: 35rpx !important;
  5249. }
  5250. .u-p-b-35,
  5251. .up-p-b-35 {
  5252. padding-bottom: 35rpx !important;
  5253. }
  5254. .u-margin-bottom-35,
  5255. .up-margin-bottom-35 {
  5256. margin-bottom: 35rpx !important;
  5257. }
  5258. .u-padding-bottom-35,
  5259. .up-padding-bottom-35 {
  5260. padding-bottom: 35rpx !important;
  5261. }
  5262. .u-margin-36, .u-m-36,
  5263. .up-margin-36, .up-m-36 {
  5264. margin: 36rpx !important;
  5265. }
  5266. .u-padding-36, .u-p-36,
  5267. .up-padding-36, .up-p-36 {
  5268. padding: 36rpx !important;
  5269. }
  5270. .u-m-l-36,
  5271. .up-m-l-36 {
  5272. margin-left: 36rpx !important;
  5273. }
  5274. .u-p-l-36,
  5275. .up-p-l-36 {
  5276. padding-left: 36rpx !important;
  5277. }
  5278. .u-margin-left-36,
  5279. .up-margin-left-36 {
  5280. margin-left: 36rpx !important;
  5281. }
  5282. .u-padding-left-36,
  5283. .up-padding-left-36 {
  5284. padding-left: 36rpx !important;
  5285. }
  5286. .u-m-t-36,
  5287. .up-m-t-36 {
  5288. margin-top: 36rpx !important;
  5289. }
  5290. .u-p-t-36,
  5291. .up-p-t-36 {
  5292. padding-top: 36rpx !important;
  5293. }
  5294. .u-margin-top-36,
  5295. .up-margin-top-36 {
  5296. margin-top: 36rpx !important;
  5297. }
  5298. .u-padding-top-36,
  5299. .up-padding-top-36 {
  5300. padding-top: 36rpx !important;
  5301. }
  5302. .u-m-r-36,
  5303. .up-m-r-36 {
  5304. margin-right: 36rpx !important;
  5305. }
  5306. .u-p-r-36,
  5307. .up-p-r-36 {
  5308. padding-right: 36rpx !important;
  5309. }
  5310. .u-margin-right-36,
  5311. .up-margin-right-36 {
  5312. margin-right: 36rpx !important;
  5313. }
  5314. .u-padding-right-36,
  5315. .up-padding-right-36 {
  5316. padding-right: 36rpx !important;
  5317. }
  5318. .u-m-b-36,
  5319. .up-m-b-36 {
  5320. margin-bottom: 36rpx !important;
  5321. }
  5322. .u-p-b-36,
  5323. .up-p-b-36 {
  5324. padding-bottom: 36rpx !important;
  5325. }
  5326. .u-margin-bottom-36,
  5327. .up-margin-bottom-36 {
  5328. margin-bottom: 36rpx !important;
  5329. }
  5330. .u-padding-bottom-36,
  5331. .up-padding-bottom-36 {
  5332. padding-bottom: 36rpx !important;
  5333. }
  5334. .u-margin-38, .u-m-38,
  5335. .up-margin-38, .up-m-38 {
  5336. margin: 38rpx !important;
  5337. }
  5338. .u-padding-38, .u-p-38,
  5339. .up-padding-38, .up-p-38 {
  5340. padding: 38rpx !important;
  5341. }
  5342. .u-m-l-38,
  5343. .up-m-l-38 {
  5344. margin-left: 38rpx !important;
  5345. }
  5346. .u-p-l-38,
  5347. .up-p-l-38 {
  5348. padding-left: 38rpx !important;
  5349. }
  5350. .u-margin-left-38,
  5351. .up-margin-left-38 {
  5352. margin-left: 38rpx !important;
  5353. }
  5354. .u-padding-left-38,
  5355. .up-padding-left-38 {
  5356. padding-left: 38rpx !important;
  5357. }
  5358. .u-m-t-38,
  5359. .up-m-t-38 {
  5360. margin-top: 38rpx !important;
  5361. }
  5362. .u-p-t-38,
  5363. .up-p-t-38 {
  5364. padding-top: 38rpx !important;
  5365. }
  5366. .u-margin-top-38,
  5367. .up-margin-top-38 {
  5368. margin-top: 38rpx !important;
  5369. }
  5370. .u-padding-top-38,
  5371. .up-padding-top-38 {
  5372. padding-top: 38rpx !important;
  5373. }
  5374. .u-m-r-38,
  5375. .up-m-r-38 {
  5376. margin-right: 38rpx !important;
  5377. }
  5378. .u-p-r-38,
  5379. .up-p-r-38 {
  5380. padding-right: 38rpx !important;
  5381. }
  5382. .u-margin-right-38,
  5383. .up-margin-right-38 {
  5384. margin-right: 38rpx !important;
  5385. }
  5386. .u-padding-right-38,
  5387. .up-padding-right-38 {
  5388. padding-right: 38rpx !important;
  5389. }
  5390. .u-m-b-38,
  5391. .up-m-b-38 {
  5392. margin-bottom: 38rpx !important;
  5393. }
  5394. .u-p-b-38,
  5395. .up-p-b-38 {
  5396. padding-bottom: 38rpx !important;
  5397. }
  5398. .u-margin-bottom-38,
  5399. .up-margin-bottom-38 {
  5400. margin-bottom: 38rpx !important;
  5401. }
  5402. .u-padding-bottom-38,
  5403. .up-padding-bottom-38 {
  5404. padding-bottom: 38rpx !important;
  5405. }
  5406. .u-margin-40, .u-m-40,
  5407. .up-margin-40, .up-m-40 {
  5408. margin: 40rpx !important;
  5409. }
  5410. .u-padding-40, .u-p-40,
  5411. .up-padding-40, .up-p-40 {
  5412. padding: 40rpx !important;
  5413. }
  5414. .u-m-l-40,
  5415. .up-m-l-40 {
  5416. margin-left: 40rpx !important;
  5417. }
  5418. .u-p-l-40,
  5419. .up-p-l-40 {
  5420. padding-left: 40rpx !important;
  5421. }
  5422. .u-margin-left-40,
  5423. .up-margin-left-40 {
  5424. margin-left: 40rpx !important;
  5425. }
  5426. .u-padding-left-40,
  5427. .up-padding-left-40 {
  5428. padding-left: 40rpx !important;
  5429. }
  5430. .u-m-t-40,
  5431. .up-m-t-40 {
  5432. margin-top: 40rpx !important;
  5433. }
  5434. .u-p-t-40,
  5435. .up-p-t-40 {
  5436. padding-top: 40rpx !important;
  5437. }
  5438. .u-margin-top-40,
  5439. .up-margin-top-40 {
  5440. margin-top: 40rpx !important;
  5441. }
  5442. .u-padding-top-40,
  5443. .up-padding-top-40 {
  5444. padding-top: 40rpx !important;
  5445. }
  5446. .u-m-r-40,
  5447. .up-m-r-40 {
  5448. margin-right: 40rpx !important;
  5449. }
  5450. .u-p-r-40,
  5451. .up-p-r-40 {
  5452. padding-right: 40rpx !important;
  5453. }
  5454. .u-margin-right-40,
  5455. .up-margin-right-40 {
  5456. margin-right: 40rpx !important;
  5457. }
  5458. .u-padding-right-40,
  5459. .up-padding-right-40 {
  5460. padding-right: 40rpx !important;
  5461. }
  5462. .u-m-b-40,
  5463. .up-m-b-40 {
  5464. margin-bottom: 40rpx !important;
  5465. }
  5466. .u-p-b-40,
  5467. .up-p-b-40 {
  5468. padding-bottom: 40rpx !important;
  5469. }
  5470. .u-margin-bottom-40,
  5471. .up-margin-bottom-40 {
  5472. margin-bottom: 40rpx !important;
  5473. }
  5474. .u-padding-bottom-40,
  5475. .up-padding-bottom-40 {
  5476. padding-bottom: 40rpx !important;
  5477. }
  5478. .u-margin-42, .u-m-42,
  5479. .up-margin-42, .up-m-42 {
  5480. margin: 42rpx !important;
  5481. }
  5482. .u-padding-42, .u-p-42,
  5483. .up-padding-42, .up-p-42 {
  5484. padding: 42rpx !important;
  5485. }
  5486. .u-m-l-42,
  5487. .up-m-l-42 {
  5488. margin-left: 42rpx !important;
  5489. }
  5490. .u-p-l-42,
  5491. .up-p-l-42 {
  5492. padding-left: 42rpx !important;
  5493. }
  5494. .u-margin-left-42,
  5495. .up-margin-left-42 {
  5496. margin-left: 42rpx !important;
  5497. }
  5498. .u-padding-left-42,
  5499. .up-padding-left-42 {
  5500. padding-left: 42rpx !important;
  5501. }
  5502. .u-m-t-42,
  5503. .up-m-t-42 {
  5504. margin-top: 42rpx !important;
  5505. }
  5506. .u-p-t-42,
  5507. .up-p-t-42 {
  5508. padding-top: 42rpx !important;
  5509. }
  5510. .u-margin-top-42,
  5511. .up-margin-top-42 {
  5512. margin-top: 42rpx !important;
  5513. }
  5514. .u-padding-top-42,
  5515. .up-padding-top-42 {
  5516. padding-top: 42rpx !important;
  5517. }
  5518. .u-m-r-42,
  5519. .up-m-r-42 {
  5520. margin-right: 42rpx !important;
  5521. }
  5522. .u-p-r-42,
  5523. .up-p-r-42 {
  5524. padding-right: 42rpx !important;
  5525. }
  5526. .u-margin-right-42,
  5527. .up-margin-right-42 {
  5528. margin-right: 42rpx !important;
  5529. }
  5530. .u-padding-right-42,
  5531. .up-padding-right-42 {
  5532. padding-right: 42rpx !important;
  5533. }
  5534. .u-m-b-42,
  5535. .up-m-b-42 {
  5536. margin-bottom: 42rpx !important;
  5537. }
  5538. .u-p-b-42,
  5539. .up-p-b-42 {
  5540. padding-bottom: 42rpx !important;
  5541. }
  5542. .u-margin-bottom-42,
  5543. .up-margin-bottom-42 {
  5544. margin-bottom: 42rpx !important;
  5545. }
  5546. .u-padding-bottom-42,
  5547. .up-padding-bottom-42 {
  5548. padding-bottom: 42rpx !important;
  5549. }
  5550. .u-margin-44, .u-m-44,
  5551. .up-margin-44, .up-m-44 {
  5552. margin: 44rpx !important;
  5553. }
  5554. .u-padding-44, .u-p-44,
  5555. .up-padding-44, .up-p-44 {
  5556. padding: 44rpx !important;
  5557. }
  5558. .u-m-l-44,
  5559. .up-m-l-44 {
  5560. margin-left: 44rpx !important;
  5561. }
  5562. .u-p-l-44,
  5563. .up-p-l-44 {
  5564. padding-left: 44rpx !important;
  5565. }
  5566. .u-margin-left-44,
  5567. .up-margin-left-44 {
  5568. margin-left: 44rpx !important;
  5569. }
  5570. .u-padding-left-44,
  5571. .up-padding-left-44 {
  5572. padding-left: 44rpx !important;
  5573. }
  5574. .u-m-t-44,
  5575. .up-m-t-44 {
  5576. margin-top: 44rpx !important;
  5577. }
  5578. .u-p-t-44,
  5579. .up-p-t-44 {
  5580. padding-top: 44rpx !important;
  5581. }
  5582. .u-margin-top-44,
  5583. .up-margin-top-44 {
  5584. margin-top: 44rpx !important;
  5585. }
  5586. .u-padding-top-44,
  5587. .up-padding-top-44 {
  5588. padding-top: 44rpx !important;
  5589. }
  5590. .u-m-r-44,
  5591. .up-m-r-44 {
  5592. margin-right: 44rpx !important;
  5593. }
  5594. .u-p-r-44,
  5595. .up-p-r-44 {
  5596. padding-right: 44rpx !important;
  5597. }
  5598. .u-margin-right-44,
  5599. .up-margin-right-44 {
  5600. margin-right: 44rpx !important;
  5601. }
  5602. .u-padding-right-44,
  5603. .up-padding-right-44 {
  5604. padding-right: 44rpx !important;
  5605. }
  5606. .u-m-b-44,
  5607. .up-m-b-44 {
  5608. margin-bottom: 44rpx !important;
  5609. }
  5610. .u-p-b-44,
  5611. .up-p-b-44 {
  5612. padding-bottom: 44rpx !important;
  5613. }
  5614. .u-margin-bottom-44,
  5615. .up-margin-bottom-44 {
  5616. margin-bottom: 44rpx !important;
  5617. }
  5618. .u-padding-bottom-44,
  5619. .up-padding-bottom-44 {
  5620. padding-bottom: 44rpx !important;
  5621. }
  5622. .u-margin-45, .u-m-45,
  5623. .up-margin-45, .up-m-45 {
  5624. margin: 45rpx !important;
  5625. }
  5626. .u-padding-45, .u-p-45,
  5627. .up-padding-45, .up-p-45 {
  5628. padding: 45rpx !important;
  5629. }
  5630. .u-m-l-45,
  5631. .up-m-l-45 {
  5632. margin-left: 45rpx !important;
  5633. }
  5634. .u-p-l-45,
  5635. .up-p-l-45 {
  5636. padding-left: 45rpx !important;
  5637. }
  5638. .u-margin-left-45,
  5639. .up-margin-left-45 {
  5640. margin-left: 45rpx !important;
  5641. }
  5642. .u-padding-left-45,
  5643. .up-padding-left-45 {
  5644. padding-left: 45rpx !important;
  5645. }
  5646. .u-m-t-45,
  5647. .up-m-t-45 {
  5648. margin-top: 45rpx !important;
  5649. }
  5650. .u-p-t-45,
  5651. .up-p-t-45 {
  5652. padding-top: 45rpx !important;
  5653. }
  5654. .u-margin-top-45,
  5655. .up-margin-top-45 {
  5656. margin-top: 45rpx !important;
  5657. }
  5658. .u-padding-top-45,
  5659. .up-padding-top-45 {
  5660. padding-top: 45rpx !important;
  5661. }
  5662. .u-m-r-45,
  5663. .up-m-r-45 {
  5664. margin-right: 45rpx !important;
  5665. }
  5666. .u-p-r-45,
  5667. .up-p-r-45 {
  5668. padding-right: 45rpx !important;
  5669. }
  5670. .u-margin-right-45,
  5671. .up-margin-right-45 {
  5672. margin-right: 45rpx !important;
  5673. }
  5674. .u-padding-right-45,
  5675. .up-padding-right-45 {
  5676. padding-right: 45rpx !important;
  5677. }
  5678. .u-m-b-45,
  5679. .up-m-b-45 {
  5680. margin-bottom: 45rpx !important;
  5681. }
  5682. .u-p-b-45,
  5683. .up-p-b-45 {
  5684. padding-bottom: 45rpx !important;
  5685. }
  5686. .u-margin-bottom-45,
  5687. .up-margin-bottom-45 {
  5688. margin-bottom: 45rpx !important;
  5689. }
  5690. .u-padding-bottom-45,
  5691. .up-padding-bottom-45 {
  5692. padding-bottom: 45rpx !important;
  5693. }
  5694. .u-margin-46, .u-m-46,
  5695. .up-margin-46, .up-m-46 {
  5696. margin: 46rpx !important;
  5697. }
  5698. .u-padding-46, .u-p-46,
  5699. .up-padding-46, .up-p-46 {
  5700. padding: 46rpx !important;
  5701. }
  5702. .u-m-l-46,
  5703. .up-m-l-46 {
  5704. margin-left: 46rpx !important;
  5705. }
  5706. .u-p-l-46,
  5707. .up-p-l-46 {
  5708. padding-left: 46rpx !important;
  5709. }
  5710. .u-margin-left-46,
  5711. .up-margin-left-46 {
  5712. margin-left: 46rpx !important;
  5713. }
  5714. .u-padding-left-46,
  5715. .up-padding-left-46 {
  5716. padding-left: 46rpx !important;
  5717. }
  5718. .u-m-t-46,
  5719. .up-m-t-46 {
  5720. margin-top: 46rpx !important;
  5721. }
  5722. .u-p-t-46,
  5723. .up-p-t-46 {
  5724. padding-top: 46rpx !important;
  5725. }
  5726. .u-margin-top-46,
  5727. .up-margin-top-46 {
  5728. margin-top: 46rpx !important;
  5729. }
  5730. .u-padding-top-46,
  5731. .up-padding-top-46 {
  5732. padding-top: 46rpx !important;
  5733. }
  5734. .u-m-r-46,
  5735. .up-m-r-46 {
  5736. margin-right: 46rpx !important;
  5737. }
  5738. .u-p-r-46,
  5739. .up-p-r-46 {
  5740. padding-right: 46rpx !important;
  5741. }
  5742. .u-margin-right-46,
  5743. .up-margin-right-46 {
  5744. margin-right: 46rpx !important;
  5745. }
  5746. .u-padding-right-46,
  5747. .up-padding-right-46 {
  5748. padding-right: 46rpx !important;
  5749. }
  5750. .u-m-b-46,
  5751. .up-m-b-46 {
  5752. margin-bottom: 46rpx !important;
  5753. }
  5754. .u-p-b-46,
  5755. .up-p-b-46 {
  5756. padding-bottom: 46rpx !important;
  5757. }
  5758. .u-margin-bottom-46,
  5759. .up-margin-bottom-46 {
  5760. margin-bottom: 46rpx !important;
  5761. }
  5762. .u-padding-bottom-46,
  5763. .up-padding-bottom-46 {
  5764. padding-bottom: 46rpx !important;
  5765. }
  5766. .u-margin-48, .u-m-48,
  5767. .up-margin-48, .up-m-48 {
  5768. margin: 48rpx !important;
  5769. }
  5770. .u-padding-48, .u-p-48,
  5771. .up-padding-48, .up-p-48 {
  5772. padding: 48rpx !important;
  5773. }
  5774. .u-m-l-48,
  5775. .up-m-l-48 {
  5776. margin-left: 48rpx !important;
  5777. }
  5778. .u-p-l-48,
  5779. .up-p-l-48 {
  5780. padding-left: 48rpx !important;
  5781. }
  5782. .u-margin-left-48,
  5783. .up-margin-left-48 {
  5784. margin-left: 48rpx !important;
  5785. }
  5786. .u-padding-left-48,
  5787. .up-padding-left-48 {
  5788. padding-left: 48rpx !important;
  5789. }
  5790. .u-m-t-48,
  5791. .up-m-t-48 {
  5792. margin-top: 48rpx !important;
  5793. }
  5794. .u-p-t-48,
  5795. .up-p-t-48 {
  5796. padding-top: 48rpx !important;
  5797. }
  5798. .u-margin-top-48,
  5799. .up-margin-top-48 {
  5800. margin-top: 48rpx !important;
  5801. }
  5802. .u-padding-top-48,
  5803. .up-padding-top-48 {
  5804. padding-top: 48rpx !important;
  5805. }
  5806. .u-m-r-48,
  5807. .up-m-r-48 {
  5808. margin-right: 48rpx !important;
  5809. }
  5810. .u-p-r-48,
  5811. .up-p-r-48 {
  5812. padding-right: 48rpx !important;
  5813. }
  5814. .u-margin-right-48,
  5815. .up-margin-right-48 {
  5816. margin-right: 48rpx !important;
  5817. }
  5818. .u-padding-right-48,
  5819. .up-padding-right-48 {
  5820. padding-right: 48rpx !important;
  5821. }
  5822. .u-m-b-48,
  5823. .up-m-b-48 {
  5824. margin-bottom: 48rpx !important;
  5825. }
  5826. .u-p-b-48,
  5827. .up-p-b-48 {
  5828. padding-bottom: 48rpx !important;
  5829. }
  5830. .u-margin-bottom-48,
  5831. .up-margin-bottom-48 {
  5832. margin-bottom: 48rpx !important;
  5833. }
  5834. .u-padding-bottom-48,
  5835. .up-padding-bottom-48 {
  5836. padding-bottom: 48rpx !important;
  5837. }
  5838. .u-margin-50, .u-m-50,
  5839. .up-margin-50, .up-m-50 {
  5840. margin: 50rpx !important;
  5841. }
  5842. .u-padding-50, .u-p-50,
  5843. .up-padding-50, .up-p-50 {
  5844. padding: 50rpx !important;
  5845. }
  5846. .u-m-l-50,
  5847. .up-m-l-50 {
  5848. margin-left: 50rpx !important;
  5849. }
  5850. .u-p-l-50,
  5851. .up-p-l-50 {
  5852. padding-left: 50rpx !important;
  5853. }
  5854. .u-margin-left-50,
  5855. .up-margin-left-50 {
  5856. margin-left: 50rpx !important;
  5857. }
  5858. .u-padding-left-50,
  5859. .up-padding-left-50 {
  5860. padding-left: 50rpx !important;
  5861. }
  5862. .u-m-t-50,
  5863. .up-m-t-50 {
  5864. margin-top: 50rpx !important;
  5865. }
  5866. .u-p-t-50,
  5867. .up-p-t-50 {
  5868. padding-top: 50rpx !important;
  5869. }
  5870. .u-margin-top-50,
  5871. .up-margin-top-50 {
  5872. margin-top: 50rpx !important;
  5873. }
  5874. .u-padding-top-50,
  5875. .up-padding-top-50 {
  5876. padding-top: 50rpx !important;
  5877. }
  5878. .u-m-r-50,
  5879. .up-m-r-50 {
  5880. margin-right: 50rpx !important;
  5881. }
  5882. .u-p-r-50,
  5883. .up-p-r-50 {
  5884. padding-right: 50rpx !important;
  5885. }
  5886. .u-margin-right-50,
  5887. .up-margin-right-50 {
  5888. margin-right: 50rpx !important;
  5889. }
  5890. .u-padding-right-50,
  5891. .up-padding-right-50 {
  5892. padding-right: 50rpx !important;
  5893. }
  5894. .u-m-b-50,
  5895. .up-m-b-50 {
  5896. margin-bottom: 50rpx !important;
  5897. }
  5898. .u-p-b-50,
  5899. .up-p-b-50 {
  5900. padding-bottom: 50rpx !important;
  5901. }
  5902. .u-margin-bottom-50,
  5903. .up-margin-bottom-50 {
  5904. margin-bottom: 50rpx !important;
  5905. }
  5906. .u-padding-bottom-50,
  5907. .up-padding-bottom-50 {
  5908. padding-bottom: 50rpx !important;
  5909. }
  5910. .u-margin-52, .u-m-52,
  5911. .up-margin-52, .up-m-52 {
  5912. margin: 52rpx !important;
  5913. }
  5914. .u-padding-52, .u-p-52,
  5915. .up-padding-52, .up-p-52 {
  5916. padding: 52rpx !important;
  5917. }
  5918. .u-m-l-52,
  5919. .up-m-l-52 {
  5920. margin-left: 52rpx !important;
  5921. }
  5922. .u-p-l-52,
  5923. .up-p-l-52 {
  5924. padding-left: 52rpx !important;
  5925. }
  5926. .u-margin-left-52,
  5927. .up-margin-left-52 {
  5928. margin-left: 52rpx !important;
  5929. }
  5930. .u-padding-left-52,
  5931. .up-padding-left-52 {
  5932. padding-left: 52rpx !important;
  5933. }
  5934. .u-m-t-52,
  5935. .up-m-t-52 {
  5936. margin-top: 52rpx !important;
  5937. }
  5938. .u-p-t-52,
  5939. .up-p-t-52 {
  5940. padding-top: 52rpx !important;
  5941. }
  5942. .u-margin-top-52,
  5943. .up-margin-top-52 {
  5944. margin-top: 52rpx !important;
  5945. }
  5946. .u-padding-top-52,
  5947. .up-padding-top-52 {
  5948. padding-top: 52rpx !important;
  5949. }
  5950. .u-m-r-52,
  5951. .up-m-r-52 {
  5952. margin-right: 52rpx !important;
  5953. }
  5954. .u-p-r-52,
  5955. .up-p-r-52 {
  5956. padding-right: 52rpx !important;
  5957. }
  5958. .u-margin-right-52,
  5959. .up-margin-right-52 {
  5960. margin-right: 52rpx !important;
  5961. }
  5962. .u-padding-right-52,
  5963. .up-padding-right-52 {
  5964. padding-right: 52rpx !important;
  5965. }
  5966. .u-m-b-52,
  5967. .up-m-b-52 {
  5968. margin-bottom: 52rpx !important;
  5969. }
  5970. .u-p-b-52,
  5971. .up-p-b-52 {
  5972. padding-bottom: 52rpx !important;
  5973. }
  5974. .u-margin-bottom-52,
  5975. .up-margin-bottom-52 {
  5976. margin-bottom: 52rpx !important;
  5977. }
  5978. .u-padding-bottom-52,
  5979. .up-padding-bottom-52 {
  5980. padding-bottom: 52rpx !important;
  5981. }
  5982. .u-margin-54, .u-m-54,
  5983. .up-margin-54, .up-m-54 {
  5984. margin: 54rpx !important;
  5985. }
  5986. .u-padding-54, .u-p-54,
  5987. .up-padding-54, .up-p-54 {
  5988. padding: 54rpx !important;
  5989. }
  5990. .u-m-l-54,
  5991. .up-m-l-54 {
  5992. margin-left: 54rpx !important;
  5993. }
  5994. .u-p-l-54,
  5995. .up-p-l-54 {
  5996. padding-left: 54rpx !important;
  5997. }
  5998. .u-margin-left-54,
  5999. .up-margin-left-54 {
  6000. margin-left: 54rpx !important;
  6001. }
  6002. .u-padding-left-54,
  6003. .up-padding-left-54 {
  6004. padding-left: 54rpx !important;
  6005. }
  6006. .u-m-t-54,
  6007. .up-m-t-54 {
  6008. margin-top: 54rpx !important;
  6009. }
  6010. .u-p-t-54,
  6011. .up-p-t-54 {
  6012. padding-top: 54rpx !important;
  6013. }
  6014. .u-margin-top-54,
  6015. .up-margin-top-54 {
  6016. margin-top: 54rpx !important;
  6017. }
  6018. .u-padding-top-54,
  6019. .up-padding-top-54 {
  6020. padding-top: 54rpx !important;
  6021. }
  6022. .u-m-r-54,
  6023. .up-m-r-54 {
  6024. margin-right: 54rpx !important;
  6025. }
  6026. .u-p-r-54,
  6027. .up-p-r-54 {
  6028. padding-right: 54rpx !important;
  6029. }
  6030. .u-margin-right-54,
  6031. .up-margin-right-54 {
  6032. margin-right: 54rpx !important;
  6033. }
  6034. .u-padding-right-54,
  6035. .up-padding-right-54 {
  6036. padding-right: 54rpx !important;
  6037. }
  6038. .u-m-b-54,
  6039. .up-m-b-54 {
  6040. margin-bottom: 54rpx !important;
  6041. }
  6042. .u-p-b-54,
  6043. .up-p-b-54 {
  6044. padding-bottom: 54rpx !important;
  6045. }
  6046. .u-margin-bottom-54,
  6047. .up-margin-bottom-54 {
  6048. margin-bottom: 54rpx !important;
  6049. }
  6050. .u-padding-bottom-54,
  6051. .up-padding-bottom-54 {
  6052. padding-bottom: 54rpx !important;
  6053. }
  6054. .u-margin-55, .u-m-55,
  6055. .up-margin-55, .up-m-55 {
  6056. margin: 55rpx !important;
  6057. }
  6058. .u-padding-55, .u-p-55,
  6059. .up-padding-55, .up-p-55 {
  6060. padding: 55rpx !important;
  6061. }
  6062. .u-m-l-55,
  6063. .up-m-l-55 {
  6064. margin-left: 55rpx !important;
  6065. }
  6066. .u-p-l-55,
  6067. .up-p-l-55 {
  6068. padding-left: 55rpx !important;
  6069. }
  6070. .u-margin-left-55,
  6071. .up-margin-left-55 {
  6072. margin-left: 55rpx !important;
  6073. }
  6074. .u-padding-left-55,
  6075. .up-padding-left-55 {
  6076. padding-left: 55rpx !important;
  6077. }
  6078. .u-m-t-55,
  6079. .up-m-t-55 {
  6080. margin-top: 55rpx !important;
  6081. }
  6082. .u-p-t-55,
  6083. .up-p-t-55 {
  6084. padding-top: 55rpx !important;
  6085. }
  6086. .u-margin-top-55,
  6087. .up-margin-top-55 {
  6088. margin-top: 55rpx !important;
  6089. }
  6090. .u-padding-top-55,
  6091. .up-padding-top-55 {
  6092. padding-top: 55rpx !important;
  6093. }
  6094. .u-m-r-55,
  6095. .up-m-r-55 {
  6096. margin-right: 55rpx !important;
  6097. }
  6098. .u-p-r-55,
  6099. .up-p-r-55 {
  6100. padding-right: 55rpx !important;
  6101. }
  6102. .u-margin-right-55,
  6103. .up-margin-right-55 {
  6104. margin-right: 55rpx !important;
  6105. }
  6106. .u-padding-right-55,
  6107. .up-padding-right-55 {
  6108. padding-right: 55rpx !important;
  6109. }
  6110. .u-m-b-55,
  6111. .up-m-b-55 {
  6112. margin-bottom: 55rpx !important;
  6113. }
  6114. .u-p-b-55,
  6115. .up-p-b-55 {
  6116. padding-bottom: 55rpx !important;
  6117. }
  6118. .u-margin-bottom-55,
  6119. .up-margin-bottom-55 {
  6120. margin-bottom: 55rpx !important;
  6121. }
  6122. .u-padding-bottom-55,
  6123. .up-padding-bottom-55 {
  6124. padding-bottom: 55rpx !important;
  6125. }
  6126. .u-margin-56, .u-m-56,
  6127. .up-margin-56, .up-m-56 {
  6128. margin: 56rpx !important;
  6129. }
  6130. .u-padding-56, .u-p-56,
  6131. .up-padding-56, .up-p-56 {
  6132. padding: 56rpx !important;
  6133. }
  6134. .u-m-l-56,
  6135. .up-m-l-56 {
  6136. margin-left: 56rpx !important;
  6137. }
  6138. .u-p-l-56,
  6139. .up-p-l-56 {
  6140. padding-left: 56rpx !important;
  6141. }
  6142. .u-margin-left-56,
  6143. .up-margin-left-56 {
  6144. margin-left: 56rpx !important;
  6145. }
  6146. .u-padding-left-56,
  6147. .up-padding-left-56 {
  6148. padding-left: 56rpx !important;
  6149. }
  6150. .u-m-t-56,
  6151. .up-m-t-56 {
  6152. margin-top: 56rpx !important;
  6153. }
  6154. .u-p-t-56,
  6155. .up-p-t-56 {
  6156. padding-top: 56rpx !important;
  6157. }
  6158. .u-margin-top-56,
  6159. .up-margin-top-56 {
  6160. margin-top: 56rpx !important;
  6161. }
  6162. .u-padding-top-56,
  6163. .up-padding-top-56 {
  6164. padding-top: 56rpx !important;
  6165. }
  6166. .u-m-r-56,
  6167. .up-m-r-56 {
  6168. margin-right: 56rpx !important;
  6169. }
  6170. .u-p-r-56,
  6171. .up-p-r-56 {
  6172. padding-right: 56rpx !important;
  6173. }
  6174. .u-margin-right-56,
  6175. .up-margin-right-56 {
  6176. margin-right: 56rpx !important;
  6177. }
  6178. .u-padding-right-56,
  6179. .up-padding-right-56 {
  6180. padding-right: 56rpx !important;
  6181. }
  6182. .u-m-b-56,
  6183. .up-m-b-56 {
  6184. margin-bottom: 56rpx !important;
  6185. }
  6186. .u-p-b-56,
  6187. .up-p-b-56 {
  6188. padding-bottom: 56rpx !important;
  6189. }
  6190. .u-margin-bottom-56,
  6191. .up-margin-bottom-56 {
  6192. margin-bottom: 56rpx !important;
  6193. }
  6194. .u-padding-bottom-56,
  6195. .up-padding-bottom-56 {
  6196. padding-bottom: 56rpx !important;
  6197. }
  6198. .u-margin-58, .u-m-58,
  6199. .up-margin-58, .up-m-58 {
  6200. margin: 58rpx !important;
  6201. }
  6202. .u-padding-58, .u-p-58,
  6203. .up-padding-58, .up-p-58 {
  6204. padding: 58rpx !important;
  6205. }
  6206. .u-m-l-58,
  6207. .up-m-l-58 {
  6208. margin-left: 58rpx !important;
  6209. }
  6210. .u-p-l-58,
  6211. .up-p-l-58 {
  6212. padding-left: 58rpx !important;
  6213. }
  6214. .u-margin-left-58,
  6215. .up-margin-left-58 {
  6216. margin-left: 58rpx !important;
  6217. }
  6218. .u-padding-left-58,
  6219. .up-padding-left-58 {
  6220. padding-left: 58rpx !important;
  6221. }
  6222. .u-m-t-58,
  6223. .up-m-t-58 {
  6224. margin-top: 58rpx !important;
  6225. }
  6226. .u-p-t-58,
  6227. .up-p-t-58 {
  6228. padding-top: 58rpx !important;
  6229. }
  6230. .u-margin-top-58,
  6231. .up-margin-top-58 {
  6232. margin-top: 58rpx !important;
  6233. }
  6234. .u-padding-top-58,
  6235. .up-padding-top-58 {
  6236. padding-top: 58rpx !important;
  6237. }
  6238. .u-m-r-58,
  6239. .up-m-r-58 {
  6240. margin-right: 58rpx !important;
  6241. }
  6242. .u-p-r-58,
  6243. .up-p-r-58 {
  6244. padding-right: 58rpx !important;
  6245. }
  6246. .u-margin-right-58,
  6247. .up-margin-right-58 {
  6248. margin-right: 58rpx !important;
  6249. }
  6250. .u-padding-right-58,
  6251. .up-padding-right-58 {
  6252. padding-right: 58rpx !important;
  6253. }
  6254. .u-m-b-58,
  6255. .up-m-b-58 {
  6256. margin-bottom: 58rpx !important;
  6257. }
  6258. .u-p-b-58,
  6259. .up-p-b-58 {
  6260. padding-bottom: 58rpx !important;
  6261. }
  6262. .u-margin-bottom-58,
  6263. .up-margin-bottom-58 {
  6264. margin-bottom: 58rpx !important;
  6265. }
  6266. .u-padding-bottom-58,
  6267. .up-padding-bottom-58 {
  6268. padding-bottom: 58rpx !important;
  6269. }
  6270. .u-margin-60, .u-m-60,
  6271. .up-margin-60, .up-m-60 {
  6272. margin: 60rpx !important;
  6273. }
  6274. .u-padding-60, .u-p-60,
  6275. .up-padding-60, .up-p-60 {
  6276. padding: 60rpx !important;
  6277. }
  6278. .u-m-l-60,
  6279. .up-m-l-60 {
  6280. margin-left: 60rpx !important;
  6281. }
  6282. .u-p-l-60,
  6283. .up-p-l-60 {
  6284. padding-left: 60rpx !important;
  6285. }
  6286. .u-margin-left-60,
  6287. .up-margin-left-60 {
  6288. margin-left: 60rpx !important;
  6289. }
  6290. .u-padding-left-60,
  6291. .up-padding-left-60 {
  6292. padding-left: 60rpx !important;
  6293. }
  6294. .u-m-t-60,
  6295. .up-m-t-60 {
  6296. margin-top: 60rpx !important;
  6297. }
  6298. .u-p-t-60,
  6299. .up-p-t-60 {
  6300. padding-top: 60rpx !important;
  6301. }
  6302. .u-margin-top-60,
  6303. .up-margin-top-60 {
  6304. margin-top: 60rpx !important;
  6305. }
  6306. .u-padding-top-60,
  6307. .up-padding-top-60 {
  6308. padding-top: 60rpx !important;
  6309. }
  6310. .u-m-r-60,
  6311. .up-m-r-60 {
  6312. margin-right: 60rpx !important;
  6313. }
  6314. .u-p-r-60,
  6315. .up-p-r-60 {
  6316. padding-right: 60rpx !important;
  6317. }
  6318. .u-margin-right-60,
  6319. .up-margin-right-60 {
  6320. margin-right: 60rpx !important;
  6321. }
  6322. .u-padding-right-60,
  6323. .up-padding-right-60 {
  6324. padding-right: 60rpx !important;
  6325. }
  6326. .u-m-b-60,
  6327. .up-m-b-60 {
  6328. margin-bottom: 60rpx !important;
  6329. }
  6330. .u-p-b-60,
  6331. .up-p-b-60 {
  6332. padding-bottom: 60rpx !important;
  6333. }
  6334. .u-margin-bottom-60,
  6335. .up-margin-bottom-60 {
  6336. margin-bottom: 60rpx !important;
  6337. }
  6338. .u-padding-bottom-60,
  6339. .up-padding-bottom-60 {
  6340. padding-bottom: 60rpx !important;
  6341. }
  6342. .u-margin-62, .u-m-62,
  6343. .up-margin-62, .up-m-62 {
  6344. margin: 62rpx !important;
  6345. }
  6346. .u-padding-62, .u-p-62,
  6347. .up-padding-62, .up-p-62 {
  6348. padding: 62rpx !important;
  6349. }
  6350. .u-m-l-62,
  6351. .up-m-l-62 {
  6352. margin-left: 62rpx !important;
  6353. }
  6354. .u-p-l-62,
  6355. .up-p-l-62 {
  6356. padding-left: 62rpx !important;
  6357. }
  6358. .u-margin-left-62,
  6359. .up-margin-left-62 {
  6360. margin-left: 62rpx !important;
  6361. }
  6362. .u-padding-left-62,
  6363. .up-padding-left-62 {
  6364. padding-left: 62rpx !important;
  6365. }
  6366. .u-m-t-62,
  6367. .up-m-t-62 {
  6368. margin-top: 62rpx !important;
  6369. }
  6370. .u-p-t-62,
  6371. .up-p-t-62 {
  6372. padding-top: 62rpx !important;
  6373. }
  6374. .u-margin-top-62,
  6375. .up-margin-top-62 {
  6376. margin-top: 62rpx !important;
  6377. }
  6378. .u-padding-top-62,
  6379. .up-padding-top-62 {
  6380. padding-top: 62rpx !important;
  6381. }
  6382. .u-m-r-62,
  6383. .up-m-r-62 {
  6384. margin-right: 62rpx !important;
  6385. }
  6386. .u-p-r-62,
  6387. .up-p-r-62 {
  6388. padding-right: 62rpx !important;
  6389. }
  6390. .u-margin-right-62,
  6391. .up-margin-right-62 {
  6392. margin-right: 62rpx !important;
  6393. }
  6394. .u-padding-right-62,
  6395. .up-padding-right-62 {
  6396. padding-right: 62rpx !important;
  6397. }
  6398. .u-m-b-62,
  6399. .up-m-b-62 {
  6400. margin-bottom: 62rpx !important;
  6401. }
  6402. .u-p-b-62,
  6403. .up-p-b-62 {
  6404. padding-bottom: 62rpx !important;
  6405. }
  6406. .u-margin-bottom-62,
  6407. .up-margin-bottom-62 {
  6408. margin-bottom: 62rpx !important;
  6409. }
  6410. .u-padding-bottom-62,
  6411. .up-padding-bottom-62 {
  6412. padding-bottom: 62rpx !important;
  6413. }
  6414. .u-margin-64, .u-m-64,
  6415. .up-margin-64, .up-m-64 {
  6416. margin: 64rpx !important;
  6417. }
  6418. .u-padding-64, .u-p-64,
  6419. .up-padding-64, .up-p-64 {
  6420. padding: 64rpx !important;
  6421. }
  6422. .u-m-l-64,
  6423. .up-m-l-64 {
  6424. margin-left: 64rpx !important;
  6425. }
  6426. .u-p-l-64,
  6427. .up-p-l-64 {
  6428. padding-left: 64rpx !important;
  6429. }
  6430. .u-margin-left-64,
  6431. .up-margin-left-64 {
  6432. margin-left: 64rpx !important;
  6433. }
  6434. .u-padding-left-64,
  6435. .up-padding-left-64 {
  6436. padding-left: 64rpx !important;
  6437. }
  6438. .u-m-t-64,
  6439. .up-m-t-64 {
  6440. margin-top: 64rpx !important;
  6441. }
  6442. .u-p-t-64,
  6443. .up-p-t-64 {
  6444. padding-top: 64rpx !important;
  6445. }
  6446. .u-margin-top-64,
  6447. .up-margin-top-64 {
  6448. margin-top: 64rpx !important;
  6449. }
  6450. .u-padding-top-64,
  6451. .up-padding-top-64 {
  6452. padding-top: 64rpx !important;
  6453. }
  6454. .u-m-r-64,
  6455. .up-m-r-64 {
  6456. margin-right: 64rpx !important;
  6457. }
  6458. .u-p-r-64,
  6459. .up-p-r-64 {
  6460. padding-right: 64rpx !important;
  6461. }
  6462. .u-margin-right-64,
  6463. .up-margin-right-64 {
  6464. margin-right: 64rpx !important;
  6465. }
  6466. .u-padding-right-64,
  6467. .up-padding-right-64 {
  6468. padding-right: 64rpx !important;
  6469. }
  6470. .u-m-b-64,
  6471. .up-m-b-64 {
  6472. margin-bottom: 64rpx !important;
  6473. }
  6474. .u-p-b-64,
  6475. .up-p-b-64 {
  6476. padding-bottom: 64rpx !important;
  6477. }
  6478. .u-margin-bottom-64,
  6479. .up-margin-bottom-64 {
  6480. margin-bottom: 64rpx !important;
  6481. }
  6482. .u-padding-bottom-64,
  6483. .up-padding-bottom-64 {
  6484. padding-bottom: 64rpx !important;
  6485. }
  6486. .u-margin-65, .u-m-65,
  6487. .up-margin-65, .up-m-65 {
  6488. margin: 65rpx !important;
  6489. }
  6490. .u-padding-65, .u-p-65,
  6491. .up-padding-65, .up-p-65 {
  6492. padding: 65rpx !important;
  6493. }
  6494. .u-m-l-65,
  6495. .up-m-l-65 {
  6496. margin-left: 65rpx !important;
  6497. }
  6498. .u-p-l-65,
  6499. .up-p-l-65 {
  6500. padding-left: 65rpx !important;
  6501. }
  6502. .u-margin-left-65,
  6503. .up-margin-left-65 {
  6504. margin-left: 65rpx !important;
  6505. }
  6506. .u-padding-left-65,
  6507. .up-padding-left-65 {
  6508. padding-left: 65rpx !important;
  6509. }
  6510. .u-m-t-65,
  6511. .up-m-t-65 {
  6512. margin-top: 65rpx !important;
  6513. }
  6514. .u-p-t-65,
  6515. .up-p-t-65 {
  6516. padding-top: 65rpx !important;
  6517. }
  6518. .u-margin-top-65,
  6519. .up-margin-top-65 {
  6520. margin-top: 65rpx !important;
  6521. }
  6522. .u-padding-top-65,
  6523. .up-padding-top-65 {
  6524. padding-top: 65rpx !important;
  6525. }
  6526. .u-m-r-65,
  6527. .up-m-r-65 {
  6528. margin-right: 65rpx !important;
  6529. }
  6530. .u-p-r-65,
  6531. .up-p-r-65 {
  6532. padding-right: 65rpx !important;
  6533. }
  6534. .u-margin-right-65,
  6535. .up-margin-right-65 {
  6536. margin-right: 65rpx !important;
  6537. }
  6538. .u-padding-right-65,
  6539. .up-padding-right-65 {
  6540. padding-right: 65rpx !important;
  6541. }
  6542. .u-m-b-65,
  6543. .up-m-b-65 {
  6544. margin-bottom: 65rpx !important;
  6545. }
  6546. .u-p-b-65,
  6547. .up-p-b-65 {
  6548. padding-bottom: 65rpx !important;
  6549. }
  6550. .u-margin-bottom-65,
  6551. .up-margin-bottom-65 {
  6552. margin-bottom: 65rpx !important;
  6553. }
  6554. .u-padding-bottom-65,
  6555. .up-padding-bottom-65 {
  6556. padding-bottom: 65rpx !important;
  6557. }
  6558. .u-margin-66, .u-m-66,
  6559. .up-margin-66, .up-m-66 {
  6560. margin: 66rpx !important;
  6561. }
  6562. .u-padding-66, .u-p-66,
  6563. .up-padding-66, .up-p-66 {
  6564. padding: 66rpx !important;
  6565. }
  6566. .u-m-l-66,
  6567. .up-m-l-66 {
  6568. margin-left: 66rpx !important;
  6569. }
  6570. .u-p-l-66,
  6571. .up-p-l-66 {
  6572. padding-left: 66rpx !important;
  6573. }
  6574. .u-margin-left-66,
  6575. .up-margin-left-66 {
  6576. margin-left: 66rpx !important;
  6577. }
  6578. .u-padding-left-66,
  6579. .up-padding-left-66 {
  6580. padding-left: 66rpx !important;
  6581. }
  6582. .u-m-t-66,
  6583. .up-m-t-66 {
  6584. margin-top: 66rpx !important;
  6585. }
  6586. .u-p-t-66,
  6587. .up-p-t-66 {
  6588. padding-top: 66rpx !important;
  6589. }
  6590. .u-margin-top-66,
  6591. .up-margin-top-66 {
  6592. margin-top: 66rpx !important;
  6593. }
  6594. .u-padding-top-66,
  6595. .up-padding-top-66 {
  6596. padding-top: 66rpx !important;
  6597. }
  6598. .u-m-r-66,
  6599. .up-m-r-66 {
  6600. margin-right: 66rpx !important;
  6601. }
  6602. .u-p-r-66,
  6603. .up-p-r-66 {
  6604. padding-right: 66rpx !important;
  6605. }
  6606. .u-margin-right-66,
  6607. .up-margin-right-66 {
  6608. margin-right: 66rpx !important;
  6609. }
  6610. .u-padding-right-66,
  6611. .up-padding-right-66 {
  6612. padding-right: 66rpx !important;
  6613. }
  6614. .u-m-b-66,
  6615. .up-m-b-66 {
  6616. margin-bottom: 66rpx !important;
  6617. }
  6618. .u-p-b-66,
  6619. .up-p-b-66 {
  6620. padding-bottom: 66rpx !important;
  6621. }
  6622. .u-margin-bottom-66,
  6623. .up-margin-bottom-66 {
  6624. margin-bottom: 66rpx !important;
  6625. }
  6626. .u-padding-bottom-66,
  6627. .up-padding-bottom-66 {
  6628. padding-bottom: 66rpx !important;
  6629. }
  6630. .u-margin-68, .u-m-68,
  6631. .up-margin-68, .up-m-68 {
  6632. margin: 68rpx !important;
  6633. }
  6634. .u-padding-68, .u-p-68,
  6635. .up-padding-68, .up-p-68 {
  6636. padding: 68rpx !important;
  6637. }
  6638. .u-m-l-68,
  6639. .up-m-l-68 {
  6640. margin-left: 68rpx !important;
  6641. }
  6642. .u-p-l-68,
  6643. .up-p-l-68 {
  6644. padding-left: 68rpx !important;
  6645. }
  6646. .u-margin-left-68,
  6647. .up-margin-left-68 {
  6648. margin-left: 68rpx !important;
  6649. }
  6650. .u-padding-left-68,
  6651. .up-padding-left-68 {
  6652. padding-left: 68rpx !important;
  6653. }
  6654. .u-m-t-68,
  6655. .up-m-t-68 {
  6656. margin-top: 68rpx !important;
  6657. }
  6658. .u-p-t-68,
  6659. .up-p-t-68 {
  6660. padding-top: 68rpx !important;
  6661. }
  6662. .u-margin-top-68,
  6663. .up-margin-top-68 {
  6664. margin-top: 68rpx !important;
  6665. }
  6666. .u-padding-top-68,
  6667. .up-padding-top-68 {
  6668. padding-top: 68rpx !important;
  6669. }
  6670. .u-m-r-68,
  6671. .up-m-r-68 {
  6672. margin-right: 68rpx !important;
  6673. }
  6674. .u-p-r-68,
  6675. .up-p-r-68 {
  6676. padding-right: 68rpx !important;
  6677. }
  6678. .u-margin-right-68,
  6679. .up-margin-right-68 {
  6680. margin-right: 68rpx !important;
  6681. }
  6682. .u-padding-right-68,
  6683. .up-padding-right-68 {
  6684. padding-right: 68rpx !important;
  6685. }
  6686. .u-m-b-68,
  6687. .up-m-b-68 {
  6688. margin-bottom: 68rpx !important;
  6689. }
  6690. .u-p-b-68,
  6691. .up-p-b-68 {
  6692. padding-bottom: 68rpx !important;
  6693. }
  6694. .u-margin-bottom-68,
  6695. .up-margin-bottom-68 {
  6696. margin-bottom: 68rpx !important;
  6697. }
  6698. .u-padding-bottom-68,
  6699. .up-padding-bottom-68 {
  6700. padding-bottom: 68rpx !important;
  6701. }
  6702. .u-margin-70, .u-m-70,
  6703. .up-margin-70, .up-m-70 {
  6704. margin: 70rpx !important;
  6705. }
  6706. .u-padding-70, .u-p-70,
  6707. .up-padding-70, .up-p-70 {
  6708. padding: 70rpx !important;
  6709. }
  6710. .u-m-l-70,
  6711. .up-m-l-70 {
  6712. margin-left: 70rpx !important;
  6713. }
  6714. .u-p-l-70,
  6715. .up-p-l-70 {
  6716. padding-left: 70rpx !important;
  6717. }
  6718. .u-margin-left-70,
  6719. .up-margin-left-70 {
  6720. margin-left: 70rpx !important;
  6721. }
  6722. .u-padding-left-70,
  6723. .up-padding-left-70 {
  6724. padding-left: 70rpx !important;
  6725. }
  6726. .u-m-t-70,
  6727. .up-m-t-70 {
  6728. margin-top: 70rpx !important;
  6729. }
  6730. .u-p-t-70,
  6731. .up-p-t-70 {
  6732. padding-top: 70rpx !important;
  6733. }
  6734. .u-margin-top-70,
  6735. .up-margin-top-70 {
  6736. margin-top: 70rpx !important;
  6737. }
  6738. .u-padding-top-70,
  6739. .up-padding-top-70 {
  6740. padding-top: 70rpx !important;
  6741. }
  6742. .u-m-r-70,
  6743. .up-m-r-70 {
  6744. margin-right: 70rpx !important;
  6745. }
  6746. .u-p-r-70,
  6747. .up-p-r-70 {
  6748. padding-right: 70rpx !important;
  6749. }
  6750. .u-margin-right-70,
  6751. .up-margin-right-70 {
  6752. margin-right: 70rpx !important;
  6753. }
  6754. .u-padding-right-70,
  6755. .up-padding-right-70 {
  6756. padding-right: 70rpx !important;
  6757. }
  6758. .u-m-b-70,
  6759. .up-m-b-70 {
  6760. margin-bottom: 70rpx !important;
  6761. }
  6762. .u-p-b-70,
  6763. .up-p-b-70 {
  6764. padding-bottom: 70rpx !important;
  6765. }
  6766. .u-margin-bottom-70,
  6767. .up-margin-bottom-70 {
  6768. margin-bottom: 70rpx !important;
  6769. }
  6770. .u-padding-bottom-70,
  6771. .up-padding-bottom-70 {
  6772. padding-bottom: 70rpx !important;
  6773. }
  6774. .u-margin-72, .u-m-72,
  6775. .up-margin-72, .up-m-72 {
  6776. margin: 72rpx !important;
  6777. }
  6778. .u-padding-72, .u-p-72,
  6779. .up-padding-72, .up-p-72 {
  6780. padding: 72rpx !important;
  6781. }
  6782. .u-m-l-72,
  6783. .up-m-l-72 {
  6784. margin-left: 72rpx !important;
  6785. }
  6786. .u-p-l-72,
  6787. .up-p-l-72 {
  6788. padding-left: 72rpx !important;
  6789. }
  6790. .u-margin-left-72,
  6791. .up-margin-left-72 {
  6792. margin-left: 72rpx !important;
  6793. }
  6794. .u-padding-left-72,
  6795. .up-padding-left-72 {
  6796. padding-left: 72rpx !important;
  6797. }
  6798. .u-m-t-72,
  6799. .up-m-t-72 {
  6800. margin-top: 72rpx !important;
  6801. }
  6802. .u-p-t-72,
  6803. .up-p-t-72 {
  6804. padding-top: 72rpx !important;
  6805. }
  6806. .u-margin-top-72,
  6807. .up-margin-top-72 {
  6808. margin-top: 72rpx !important;
  6809. }
  6810. .u-padding-top-72,
  6811. .up-padding-top-72 {
  6812. padding-top: 72rpx !important;
  6813. }
  6814. .u-m-r-72,
  6815. .up-m-r-72 {
  6816. margin-right: 72rpx !important;
  6817. }
  6818. .u-p-r-72,
  6819. .up-p-r-72 {
  6820. padding-right: 72rpx !important;
  6821. }
  6822. .u-margin-right-72,
  6823. .up-margin-right-72 {
  6824. margin-right: 72rpx !important;
  6825. }
  6826. .u-padding-right-72,
  6827. .up-padding-right-72 {
  6828. padding-right: 72rpx !important;
  6829. }
  6830. .u-m-b-72,
  6831. .up-m-b-72 {
  6832. margin-bottom: 72rpx !important;
  6833. }
  6834. .u-p-b-72,
  6835. .up-p-b-72 {
  6836. padding-bottom: 72rpx !important;
  6837. }
  6838. .u-margin-bottom-72,
  6839. .up-margin-bottom-72 {
  6840. margin-bottom: 72rpx !important;
  6841. }
  6842. .u-padding-bottom-72,
  6843. .up-padding-bottom-72 {
  6844. padding-bottom: 72rpx !important;
  6845. }
  6846. .u-margin-74, .u-m-74,
  6847. .up-margin-74, .up-m-74 {
  6848. margin: 74rpx !important;
  6849. }
  6850. .u-padding-74, .u-p-74,
  6851. .up-padding-74, .up-p-74 {
  6852. padding: 74rpx !important;
  6853. }
  6854. .u-m-l-74,
  6855. .up-m-l-74 {
  6856. margin-left: 74rpx !important;
  6857. }
  6858. .u-p-l-74,
  6859. .up-p-l-74 {
  6860. padding-left: 74rpx !important;
  6861. }
  6862. .u-margin-left-74,
  6863. .up-margin-left-74 {
  6864. margin-left: 74rpx !important;
  6865. }
  6866. .u-padding-left-74,
  6867. .up-padding-left-74 {
  6868. padding-left: 74rpx !important;
  6869. }
  6870. .u-m-t-74,
  6871. .up-m-t-74 {
  6872. margin-top: 74rpx !important;
  6873. }
  6874. .u-p-t-74,
  6875. .up-p-t-74 {
  6876. padding-top: 74rpx !important;
  6877. }
  6878. .u-margin-top-74,
  6879. .up-margin-top-74 {
  6880. margin-top: 74rpx !important;
  6881. }
  6882. .u-padding-top-74,
  6883. .up-padding-top-74 {
  6884. padding-top: 74rpx !important;
  6885. }
  6886. .u-m-r-74,
  6887. .up-m-r-74 {
  6888. margin-right: 74rpx !important;
  6889. }
  6890. .u-p-r-74,
  6891. .up-p-r-74 {
  6892. padding-right: 74rpx !important;
  6893. }
  6894. .u-margin-right-74,
  6895. .up-margin-right-74 {
  6896. margin-right: 74rpx !important;
  6897. }
  6898. .u-padding-right-74,
  6899. .up-padding-right-74 {
  6900. padding-right: 74rpx !important;
  6901. }
  6902. .u-m-b-74,
  6903. .up-m-b-74 {
  6904. margin-bottom: 74rpx !important;
  6905. }
  6906. .u-p-b-74,
  6907. .up-p-b-74 {
  6908. padding-bottom: 74rpx !important;
  6909. }
  6910. .u-margin-bottom-74,
  6911. .up-margin-bottom-74 {
  6912. margin-bottom: 74rpx !important;
  6913. }
  6914. .u-padding-bottom-74,
  6915. .up-padding-bottom-74 {
  6916. padding-bottom: 74rpx !important;
  6917. }
  6918. .u-margin-75, .u-m-75,
  6919. .up-margin-75, .up-m-75 {
  6920. margin: 75rpx !important;
  6921. }
  6922. .u-padding-75, .u-p-75,
  6923. .up-padding-75, .up-p-75 {
  6924. padding: 75rpx !important;
  6925. }
  6926. .u-m-l-75,
  6927. .up-m-l-75 {
  6928. margin-left: 75rpx !important;
  6929. }
  6930. .u-p-l-75,
  6931. .up-p-l-75 {
  6932. padding-left: 75rpx !important;
  6933. }
  6934. .u-margin-left-75,
  6935. .up-margin-left-75 {
  6936. margin-left: 75rpx !important;
  6937. }
  6938. .u-padding-left-75,
  6939. .up-padding-left-75 {
  6940. padding-left: 75rpx !important;
  6941. }
  6942. .u-m-t-75,
  6943. .up-m-t-75 {
  6944. margin-top: 75rpx !important;
  6945. }
  6946. .u-p-t-75,
  6947. .up-p-t-75 {
  6948. padding-top: 75rpx !important;
  6949. }
  6950. .u-margin-top-75,
  6951. .up-margin-top-75 {
  6952. margin-top: 75rpx !important;
  6953. }
  6954. .u-padding-top-75,
  6955. .up-padding-top-75 {
  6956. padding-top: 75rpx !important;
  6957. }
  6958. .u-m-r-75,
  6959. .up-m-r-75 {
  6960. margin-right: 75rpx !important;
  6961. }
  6962. .u-p-r-75,
  6963. .up-p-r-75 {
  6964. padding-right: 75rpx !important;
  6965. }
  6966. .u-margin-right-75,
  6967. .up-margin-right-75 {
  6968. margin-right: 75rpx !important;
  6969. }
  6970. .u-padding-right-75,
  6971. .up-padding-right-75 {
  6972. padding-right: 75rpx !important;
  6973. }
  6974. .u-m-b-75,
  6975. .up-m-b-75 {
  6976. margin-bottom: 75rpx !important;
  6977. }
  6978. .u-p-b-75,
  6979. .up-p-b-75 {
  6980. padding-bottom: 75rpx !important;
  6981. }
  6982. .u-margin-bottom-75,
  6983. .up-margin-bottom-75 {
  6984. margin-bottom: 75rpx !important;
  6985. }
  6986. .u-padding-bottom-75,
  6987. .up-padding-bottom-75 {
  6988. padding-bottom: 75rpx !important;
  6989. }
  6990. .u-margin-76, .u-m-76,
  6991. .up-margin-76, .up-m-76 {
  6992. margin: 76rpx !important;
  6993. }
  6994. .u-padding-76, .u-p-76,
  6995. .up-padding-76, .up-p-76 {
  6996. padding: 76rpx !important;
  6997. }
  6998. .u-m-l-76,
  6999. .up-m-l-76 {
  7000. margin-left: 76rpx !important;
  7001. }
  7002. .u-p-l-76,
  7003. .up-p-l-76 {
  7004. padding-left: 76rpx !important;
  7005. }
  7006. .u-margin-left-76,
  7007. .up-margin-left-76 {
  7008. margin-left: 76rpx !important;
  7009. }
  7010. .u-padding-left-76,
  7011. .up-padding-left-76 {
  7012. padding-left: 76rpx !important;
  7013. }
  7014. .u-m-t-76,
  7015. .up-m-t-76 {
  7016. margin-top: 76rpx !important;
  7017. }
  7018. .u-p-t-76,
  7019. .up-p-t-76 {
  7020. padding-top: 76rpx !important;
  7021. }
  7022. .u-margin-top-76,
  7023. .up-margin-top-76 {
  7024. margin-top: 76rpx !important;
  7025. }
  7026. .u-padding-top-76,
  7027. .up-padding-top-76 {
  7028. padding-top: 76rpx !important;
  7029. }
  7030. .u-m-r-76,
  7031. .up-m-r-76 {
  7032. margin-right: 76rpx !important;
  7033. }
  7034. .u-p-r-76,
  7035. .up-p-r-76 {
  7036. padding-right: 76rpx !important;
  7037. }
  7038. .u-margin-right-76,
  7039. .up-margin-right-76 {
  7040. margin-right: 76rpx !important;
  7041. }
  7042. .u-padding-right-76,
  7043. .up-padding-right-76 {
  7044. padding-right: 76rpx !important;
  7045. }
  7046. .u-m-b-76,
  7047. .up-m-b-76 {
  7048. margin-bottom: 76rpx !important;
  7049. }
  7050. .u-p-b-76,
  7051. .up-p-b-76 {
  7052. padding-bottom: 76rpx !important;
  7053. }
  7054. .u-margin-bottom-76,
  7055. .up-margin-bottom-76 {
  7056. margin-bottom: 76rpx !important;
  7057. }
  7058. .u-padding-bottom-76,
  7059. .up-padding-bottom-76 {
  7060. padding-bottom: 76rpx !important;
  7061. }
  7062. .u-margin-78, .u-m-78,
  7063. .up-margin-78, .up-m-78 {
  7064. margin: 78rpx !important;
  7065. }
  7066. .u-padding-78, .u-p-78,
  7067. .up-padding-78, .up-p-78 {
  7068. padding: 78rpx !important;
  7069. }
  7070. .u-m-l-78,
  7071. .up-m-l-78 {
  7072. margin-left: 78rpx !important;
  7073. }
  7074. .u-p-l-78,
  7075. .up-p-l-78 {
  7076. padding-left: 78rpx !important;
  7077. }
  7078. .u-margin-left-78,
  7079. .up-margin-left-78 {
  7080. margin-left: 78rpx !important;
  7081. }
  7082. .u-padding-left-78,
  7083. .up-padding-left-78 {
  7084. padding-left: 78rpx !important;
  7085. }
  7086. .u-m-t-78,
  7087. .up-m-t-78 {
  7088. margin-top: 78rpx !important;
  7089. }
  7090. .u-p-t-78,
  7091. .up-p-t-78 {
  7092. padding-top: 78rpx !important;
  7093. }
  7094. .u-margin-top-78,
  7095. .up-margin-top-78 {
  7096. margin-top: 78rpx !important;
  7097. }
  7098. .u-padding-top-78,
  7099. .up-padding-top-78 {
  7100. padding-top: 78rpx !important;
  7101. }
  7102. .u-m-r-78,
  7103. .up-m-r-78 {
  7104. margin-right: 78rpx !important;
  7105. }
  7106. .u-p-r-78,
  7107. .up-p-r-78 {
  7108. padding-right: 78rpx !important;
  7109. }
  7110. .u-margin-right-78,
  7111. .up-margin-right-78 {
  7112. margin-right: 78rpx !important;
  7113. }
  7114. .u-padding-right-78,
  7115. .up-padding-right-78 {
  7116. padding-right: 78rpx !important;
  7117. }
  7118. .u-m-b-78,
  7119. .up-m-b-78 {
  7120. margin-bottom: 78rpx !important;
  7121. }
  7122. .u-p-b-78,
  7123. .up-p-b-78 {
  7124. padding-bottom: 78rpx !important;
  7125. }
  7126. .u-margin-bottom-78,
  7127. .up-margin-bottom-78 {
  7128. margin-bottom: 78rpx !important;
  7129. }
  7130. .u-padding-bottom-78,
  7131. .up-padding-bottom-78 {
  7132. padding-bottom: 78rpx !important;
  7133. }
  7134. .u-margin-80, .u-m-80,
  7135. .up-margin-80, .up-m-80 {
  7136. margin: 80rpx !important;
  7137. }
  7138. .u-padding-80, .u-p-80,
  7139. .up-padding-80, .up-p-80 {
  7140. padding: 80rpx !important;
  7141. }
  7142. .u-m-l-80,
  7143. .up-m-l-80 {
  7144. margin-left: 80rpx !important;
  7145. }
  7146. .u-p-l-80,
  7147. .up-p-l-80 {
  7148. padding-left: 80rpx !important;
  7149. }
  7150. .u-margin-left-80,
  7151. .up-margin-left-80 {
  7152. margin-left: 80rpx !important;
  7153. }
  7154. .u-padding-left-80,
  7155. .up-padding-left-80 {
  7156. padding-left: 80rpx !important;
  7157. }
  7158. .u-m-t-80,
  7159. .up-m-t-80 {
  7160. margin-top: 80rpx !important;
  7161. }
  7162. .u-p-t-80,
  7163. .up-p-t-80 {
  7164. padding-top: 80rpx !important;
  7165. }
  7166. .u-margin-top-80,
  7167. .up-margin-top-80 {
  7168. margin-top: 80rpx !important;
  7169. }
  7170. .u-padding-top-80,
  7171. .up-padding-top-80 {
  7172. padding-top: 80rpx !important;
  7173. }
  7174. .u-m-r-80,
  7175. .up-m-r-80 {
  7176. margin-right: 80rpx !important;
  7177. }
  7178. .u-p-r-80,
  7179. .up-p-r-80 {
  7180. padding-right: 80rpx !important;
  7181. }
  7182. .u-margin-right-80,
  7183. .up-margin-right-80 {
  7184. margin-right: 80rpx !important;
  7185. }
  7186. .u-padding-right-80,
  7187. .up-padding-right-80 {
  7188. padding-right: 80rpx !important;
  7189. }
  7190. .u-m-b-80,
  7191. .up-m-b-80 {
  7192. margin-bottom: 80rpx !important;
  7193. }
  7194. .u-p-b-80,
  7195. .up-p-b-80 {
  7196. padding-bottom: 80rpx !important;
  7197. }
  7198. .u-margin-bottom-80,
  7199. .up-margin-bottom-80 {
  7200. margin-bottom: 80rpx !important;
  7201. }
  7202. .u-padding-bottom-80,
  7203. .up-padding-bottom-80 {
  7204. padding-bottom: 80rpx !important;
  7205. }
  7206. .u-primary-light {
  7207. color: #ecf5ff;
  7208. }
  7209. .u-warning-light {
  7210. color: #fdf6ec;
  7211. }
  7212. .u-success-light {
  7213. color: #f5fff0;
  7214. }
  7215. .u-error-light {
  7216. color: #fef0f0;
  7217. }
  7218. .u-info-light {
  7219. color: #f4f4f5;
  7220. }
  7221. .u-primary-light-bg {
  7222. background-color: #ecf5ff;
  7223. }
  7224. .u-warning-light-bg {
  7225. background-color: #fdf6ec;
  7226. }
  7227. .u-success-light-bg {
  7228. background-color: #f5fff0;
  7229. }
  7230. .u-error-light-bg {
  7231. background-color: #fef0f0;
  7232. }
  7233. .u-info-light-bg {
  7234. background-color: #f4f4f5;
  7235. }
  7236. .u-primary-dark {
  7237. color: #398ade;
  7238. }
  7239. .u-warning-dark {
  7240. color: #f1a532;
  7241. }
  7242. .u-success-dark {
  7243. color: #53c21d;
  7244. }
  7245. .u-error-dark {
  7246. color: #e45656;
  7247. }
  7248. .u-info-dark {
  7249. color: #767a82;
  7250. }
  7251. .u-primary-dark-bg {
  7252. background-color: #398ade;
  7253. }
  7254. .u-warning-dark-bg {
  7255. background-color: #f1a532;
  7256. }
  7257. .u-success-dark-bg {
  7258. background-color: #53c21d;
  7259. }
  7260. .u-error-dark-bg {
  7261. background-color: #e45656;
  7262. }
  7263. .u-info-dark-bg {
  7264. background-color: #767a82;
  7265. }
  7266. .u-primary-disabled {
  7267. color: #9acafc;
  7268. }
  7269. .u-warning-disabled {
  7270. color: #f9d39b;
  7271. }
  7272. .u-success-disabled {
  7273. color: #a9e08f;
  7274. }
  7275. .u-error-disabled {
  7276. color: #f7b2b2;
  7277. }
  7278. .u-info-disabled {
  7279. color: #c4c6c9;
  7280. }
  7281. .u-primary {
  7282. color: #3c9cff;
  7283. }
  7284. .u-warning {
  7285. color: #f9ae3d;
  7286. }
  7287. .u-success {
  7288. color: #5ac725;
  7289. }
  7290. .u-error {
  7291. color: #f56c6c;
  7292. }
  7293. .u-info {
  7294. color: #909399;
  7295. }
  7296. .u-primary-bg {
  7297. background-color: #3c9cff;
  7298. }
  7299. .u-warning-bg {
  7300. background-color: #f9ae3d;
  7301. }
  7302. .u-success-bg {
  7303. background-color: #5ac725;
  7304. }
  7305. .u-error-bg {
  7306. background-color: #f56c6c;
  7307. }
  7308. .u-info-bg {
  7309. background-color: #909399;
  7310. }
  7311. .u-main-color {
  7312. color: #303133;
  7313. }
  7314. .u-content-color {
  7315. color: #606266;
  7316. }
  7317. .u-tips-color {
  7318. color: #909193;
  7319. }
  7320. .u-light-color {
  7321. color: #c0c4cc;
  7322. }
  7323. .up-primary-light {
  7324. color: #ecf5ff;
  7325. }
  7326. .up-warning-light {
  7327. color: #fdf6ec;
  7328. }
  7329. .up-success-light {
  7330. color: #f5fff0;
  7331. }
  7332. .up-error-light {
  7333. color: #fef0f0;
  7334. }
  7335. .up-info-light {
  7336. color: #f4f4f5;
  7337. }
  7338. .up-primary-light-bg {
  7339. background-color: #ecf5ff;
  7340. }
  7341. .up-warning-light-bg {
  7342. background-color: #fdf6ec;
  7343. }
  7344. .up-success-light-bg {
  7345. background-color: #f5fff0;
  7346. }
  7347. .up-error-light-bg {
  7348. background-color: #fef0f0;
  7349. }
  7350. .up-info-light-bg {
  7351. background-color: #f4f4f5;
  7352. }
  7353. .up-primary-dark {
  7354. color: #398ade;
  7355. }
  7356. .up-warning-dark {
  7357. color: #f1a532;
  7358. }
  7359. .up-success-dark {
  7360. color: #53c21d;
  7361. }
  7362. .up-error-dark {
  7363. color: #e45656;
  7364. }
  7365. .up-info-dark {
  7366. color: #767a82;
  7367. }
  7368. .up-primary-dark-bg {
  7369. background-color: #398ade;
  7370. }
  7371. .up-warning-dark-bg {
  7372. background-color: #f1a532;
  7373. }
  7374. .up-success-dark-bg {
  7375. background-color: #53c21d;
  7376. }
  7377. .up-error-dark-bg {
  7378. background-color: #e45656;
  7379. }
  7380. .up-info-dark-bg {
  7381. background-color: #767a82;
  7382. }
  7383. .up-primary-disabled {
  7384. color: #9acafc;
  7385. }
  7386. .up-warning-disabled {
  7387. color: #f9d39b;
  7388. }
  7389. .up-success-disabled {
  7390. color: #a9e08f;
  7391. }
  7392. .up-error-disabled {
  7393. color: #f7b2b2;
  7394. }
  7395. .up-info-disabled {
  7396. color: #c4c6c9;
  7397. }
  7398. .up-primary {
  7399. color: #3c9cff;
  7400. }
  7401. .up-warning {
  7402. color: #f9ae3d;
  7403. }
  7404. .up-success {
  7405. color: #5ac725;
  7406. }
  7407. .up-error {
  7408. color: #f56c6c;
  7409. }
  7410. .up-info {
  7411. color: #909399;
  7412. }
  7413. .up-primary-bg {
  7414. background-color: #3c9cff;
  7415. }
  7416. .up-warning-bg {
  7417. background-color: #f9ae3d;
  7418. }
  7419. .up-success-bg {
  7420. background-color: #5ac725;
  7421. }
  7422. .up-error-bg {
  7423. background-color: #f56c6c;
  7424. }
  7425. .up-info-bg {
  7426. background-color: #909399;
  7427. }
  7428. .up-main-color {
  7429. color: #303133;
  7430. }
  7431. .up-content-color {
  7432. color: #606266;
  7433. }
  7434. .up-tips-color {
  7435. color: #909193;
  7436. }
  7437. .up-light-color {
  7438. color: #c0c4cc;
  7439. }
  7440. .u-safe-area-inset-top,
  7441. .up-safe-area-inset-top {
  7442. padding-top: 0;
  7443. padding-top: constant(safe-area-inset-top);
  7444. padding-top: env(safe-area-inset-top);
  7445. }
  7446. .u-safe-area-inset-right,
  7447. .up-safe-area-inset-right {
  7448. padding-right: 0;
  7449. padding-right: constant(safe-area-inset-right);
  7450. padding-right: env(safe-area-inset-right);
  7451. }
  7452. .u-safe-area-inset-bottom,
  7453. .up-safe-area-inset-bottom {
  7454. padding-bottom: 0;
  7455. padding-bottom: constant(safe-area-inset-bottom);
  7456. padding-bottom: env(safe-area-inset-bottom);
  7457. }
  7458. .u-safe-area-inset-left,
  7459. .up-safe-area-inset-left {
  7460. padding-left: 0;
  7461. padding-left: constant(safe-area-inset-left);
  7462. padding-left: env(safe-area-inset-left);
  7463. }
  7464. ::-webkit-scrollbar {
  7465. display: none;
  7466. width: 0 !important;
  7467. height: 0 !important;
  7468. -webkit-appearance: none;
  7469. background: transparent;
  7470. }
  7471. .text-center {
  7472. text-align: center;
  7473. }
  7474. .font-13 {
  7475. font-size: 13px;
  7476. }
  7477. .font-12 {
  7478. font-size: 12px;
  7479. }
  7480. .font-11 {
  7481. font-size: 11px;
  7482. }
  7483. .text-grey1 {
  7484. color: #888;
  7485. }
  7486. .text-grey2 {
  7487. color: #aaa;
  7488. }
  7489. .list-cell-arrow::before {
  7490. content: " ";
  7491. height: 10px;
  7492. width: 10px;
  7493. border-width: 2px 2px 0 0;
  7494. border-color: #c0c0c0;
  7495. border-style: solid;
  7496. transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
  7497. position: absolute;
  7498. top: 50%;
  7499. margin-top: -6px;
  7500. right: 30rpx;
  7501. }
  7502. .list-cell {
  7503. position: relative;
  7504. width: 100%;
  7505. box-sizing: border-box;
  7506. background-color: #fff;
  7507. color: #333;
  7508. padding: 26rpx 30rpx;
  7509. }
  7510. .list-cell:first-child {
  7511. border-radius: 8rpx 8rpx 0 0;
  7512. }
  7513. .list-cell:last-child {
  7514. border-radius: 0 0 8rpx 8rpx;
  7515. }
  7516. .list-cell::after {
  7517. content: "";
  7518. position: absolute;
  7519. border-bottom: 1px solid #eaeef1;
  7520. transform: scaleY(0.5) translateZ(0);
  7521. transform-origin: 0 100%;
  7522. bottom: 0;
  7523. right: 0;
  7524. left: 0;
  7525. pointer-events: none;
  7526. }
  7527. .menu-list {
  7528. margin: 15px 15px;
  7529. }
  7530. .menu-list .menu-item-box {
  7531. width: 100%;
  7532. display: flex;
  7533. align-items: center;
  7534. }
  7535. .menu-list .menu-item-box .menu-icon {
  7536. color: #007AFF;
  7537. font-size: 16px;
  7538. margin-right: 5px;
  7539. }
  7540. .menu-list .menu-item-box .text-right {
  7541. margin-left: auto;
  7542. margin-right: 34rpx;
  7543. color: #999;
  7544. }
  7545. .uni-page-body {
  7546. overflow: hidden;
  7547. }page{--status-bar-height:25px;--top-window-height:0px;--window-top:0px;--window-bottom:0px;--window-left:0px;--window-right:0px;--window-magin:0px}[data-c-h="true"]{display: none !important;}