index-5376440060.css 103 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375
  1. @charset "UTF-8";
  2. /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html {
  3. line-height:1.15;
  4. -webkit-text-size-adjust:100%
  5. }
  6. body {
  7. margin:0
  8. }
  9. hr {
  10. box-sizing:content-box;
  11. height:0;
  12. overflow:visible
  13. }
  14. pre {
  15. font-family:monospace,monospace;
  16. font-size:1em
  17. }
  18. a {
  19. background-color:transparent
  20. }
  21. abbr[title] {
  22. border-bottom:none;
  23. text-decoration:underline;
  24. -webkit-text-decoration:underline dotted;
  25. text-decoration:underline dotted
  26. }
  27. b,strong {
  28. font-weight:bolder
  29. }
  30. code,kbd,samp {
  31. font-family:monospace,monospace;
  32. font-size:1em
  33. }
  34. small {
  35. font-size:80%
  36. }
  37. sub,sup {
  38. font-size:75%;
  39. line-height:0;
  40. position:relative;
  41. vertical-align:baseline
  42. }
  43. sub {
  44. bottom:-.25em
  45. }
  46. sup {
  47. top:-.5em
  48. }
  49. img {
  50. border-style:none
  51. }
  52. button,input,optgroup,select,textarea {
  53. font-family:inherit;
  54. font-size:100%;
  55. line-height:1.15;
  56. margin:0
  57. }
  58. button,input {
  59. overflow:visible
  60. }
  61. button,select {
  62. text-transform:none
  63. }
  64. [type=button],[type=reset],[type=submit],button {
  65. -webkit-appearance:button
  66. }
  67. [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
  68. border-style:none;
  69. padding:0
  70. }
  71. [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
  72. outline:1px dotted ButtonText
  73. }
  74. fieldset {
  75. padding:.35em .75em .625em
  76. }
  77. legend {
  78. box-sizing:border-box;
  79. color:inherit;
  80. display:table;
  81. max-width:100%;
  82. padding:0;
  83. white-space:normal
  84. }
  85. progress {
  86. vertical-align:baseline
  87. }
  88. textarea {
  89. overflow:auto
  90. }
  91. [type=checkbox],[type=radio] {
  92. box-sizing:border-box;
  93. padding:0
  94. }
  95. [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
  96. height:auto
  97. }
  98. [type=search] {
  99. -webkit-appearance:textfield;
  100. outline-offset:-2px
  101. }
  102. [type=search]::-webkit-search-decoration {
  103. -webkit-appearance:none
  104. }
  105. ::-webkit-file-upload-button {
  106. -webkit-appearance:button;
  107. font:inherit
  108. }
  109. details {
  110. display:block
  111. }
  112. summary {
  113. display:list-item
  114. }
  115. template {
  116. display:none
  117. }
  118. [hidden] {
  119. display:none
  120. }
  121. select {
  122. -moz-appearance:none;
  123. -webkit-appearance:none
  124. }
  125. select::-ms-expand {
  126. display:none
  127. }
  128. .xm-color-g10 {
  129. color:#fcfcfc
  130. }
  131. .xm-color-g20 {
  132. color:#f9f9f9
  133. }
  134. .xm-color-g30 {
  135. color:#ebebeb
  136. }
  137. .xm-color-g40 {
  138. color:#d6d6d6
  139. }
  140. .xm-color-g50 {
  141. color:#b2b2b2
  142. }
  143. .xm-color-g60 {
  144. color:#8c8c8c
  145. }
  146. .xm-color-g70 {
  147. color:#666
  148. }
  149. .xm-color-g80 {
  150. color:#2b2b2b
  151. }
  152. .xm-color-g90 {
  153. color:#111
  154. }
  155. .m-0 {
  156. margin:0
  157. }
  158. .p-0 {
  159. padding:0
  160. }
  161. .mx-0 {
  162. margin-left:0;
  163. margin-right:0
  164. }
  165. .my-0 {
  166. margin-top:0;
  167. margin-bottom:0
  168. }
  169. .px-0 {
  170. padding-left:0;
  171. padding-right:0
  172. }
  173. .py-0 {
  174. padding-top:0;
  175. padding-bottom:0
  176. }
  177. .mt-0 {
  178. margin-top:0
  179. }
  180. .pt-0 {
  181. padding-top:0
  182. }
  183. .mr-0 {
  184. margin-right:0
  185. }
  186. .pr-0 {
  187. padding-right:0
  188. }
  189. .mb-0 {
  190. margin-bottom:0
  191. }
  192. .pb-0 {
  193. padding-bottom:0
  194. }
  195. .ml-0 {
  196. margin-left:0
  197. }
  198. .pl-0 {
  199. padding-left:0
  200. }
  201. .m-1 {
  202. margin:.25rem
  203. }
  204. .p-1 {
  205. padding:.25rem
  206. }
  207. .mx-1 {
  208. margin-left:.25rem;
  209. margin-right:.25rem
  210. }
  211. .my-1 {
  212. margin-top:.25rem;
  213. margin-bottom:.25rem
  214. }
  215. .px-1 {
  216. padding-left:.25rem;
  217. padding-right:.25rem
  218. }
  219. .py-1 {
  220. padding-top:.25rem;
  221. padding-bottom:.25rem
  222. }
  223. .mt-1 {
  224. margin-top:.25rem
  225. }
  226. .pt-1 {
  227. padding-top:.25rem
  228. }
  229. .mr-1 {
  230. margin-right:.25rem
  231. }
  232. .pr-1 {
  233. padding-right:.25rem
  234. }
  235. .mb-1 {
  236. margin-bottom:.25rem
  237. }
  238. .pb-1 {
  239. padding-bottom:.25rem
  240. }
  241. .ml-1 {
  242. margin-left:.25rem
  243. }
  244. .pl-1 {
  245. padding-left:.25rem
  246. }
  247. .m-2 {
  248. margin:.5rem
  249. }
  250. .p-2 {
  251. padding:.5rem
  252. }
  253. .mx-2 {
  254. margin-left:.5rem;
  255. margin-right:.5rem
  256. }
  257. .my-2 {
  258. margin-top:.5rem;
  259. margin-bottom:.5rem
  260. }
  261. .px-2 {
  262. padding-left:.5rem;
  263. padding-right:.5rem
  264. }
  265. .py-2 {
  266. padding-top:.5rem;
  267. padding-bottom:.5rem
  268. }
  269. .mt-2 {
  270. margin-top:.5rem
  271. }
  272. .pt-2 {
  273. padding-top:.5rem
  274. }
  275. .mr-2 {
  276. margin-right:.5rem
  277. }
  278. .pr-2 {
  279. padding-right:.5rem
  280. }
  281. .mb-2 {
  282. margin-bottom:.5rem
  283. }
  284. .pb-2 {
  285. padding-bottom:.5rem
  286. }
  287. .ml-2 {
  288. margin-left:.5rem
  289. }
  290. .pl-2 {
  291. padding-left:.5rem
  292. }
  293. .m-3 {
  294. margin:1rem
  295. }
  296. .p-3 {
  297. padding:1rem
  298. }
  299. .mx-3 {
  300. margin-left:1rem;
  301. margin-right:1rem
  302. }
  303. .my-3 {
  304. margin-top:1rem;
  305. margin-bottom:1rem
  306. }
  307. .px-3 {
  308. padding-left:1rem;
  309. padding-right:1rem
  310. }
  311. .py-3 {
  312. padding-top:1rem;
  313. padding-bottom:1rem
  314. }
  315. .mt-3 {
  316. margin-top:1rem
  317. }
  318. .pt-3 {
  319. padding-top:1rem
  320. }
  321. .mr-3 {
  322. margin-right:1rem
  323. }
  324. .pr-3 {
  325. padding-right:1rem
  326. }
  327. .mb-3 {
  328. margin-bottom:1rem
  329. }
  330. .pb-3 {
  331. padding-bottom:1rem
  332. }
  333. .ml-3 {
  334. margin-left:1rem
  335. }
  336. .pl-3 {
  337. padding-left:1rem
  338. }
  339. .m-4 {
  340. margin:2rem
  341. }
  342. .p-4 {
  343. padding:2rem
  344. }
  345. .mx-4 {
  346. margin-left:2rem;
  347. margin-right:2rem
  348. }
  349. .my-4 {
  350. margin-top:2rem;
  351. margin-bottom:2rem
  352. }
  353. .px-4 {
  354. padding-left:2rem;
  355. padding-right:2rem
  356. }
  357. .py-4 {
  358. padding-top:2rem;
  359. padding-bottom:2rem
  360. }
  361. .mt-4 {
  362. margin-top:2rem
  363. }
  364. .pt-4 {
  365. padding-top:2rem
  366. }
  367. .mr-4 {
  368. margin-right:2rem
  369. }
  370. .pr-4 {
  371. padding-right:2rem
  372. }
  373. .mb-4 {
  374. margin-bottom:2rem
  375. }
  376. .pb-4 {
  377. padding-bottom:2rem
  378. }
  379. .ml-4 {
  380. margin-left:2rem
  381. }
  382. .pl-4 {
  383. padding-left:2rem
  384. }
  385. .m-5 {
  386. margin:4rem
  387. }
  388. .p-5 {
  389. padding:4rem
  390. }
  391. .mx-5 {
  392. margin-left:4rem;
  393. margin-right:4rem
  394. }
  395. .my-5 {
  396. margin-top:4rem;
  397. margin-bottom:4rem
  398. }
  399. .px-5 {
  400. padding-left:4rem;
  401. padding-right:4rem
  402. }
  403. .py-5 {
  404. padding-top:4rem;
  405. padding-bottom:4rem
  406. }
  407. .mt-5 {
  408. margin-top:4rem
  409. }
  410. .pt-5 {
  411. padding-top:4rem
  412. }
  413. .mr-5 {
  414. margin-right:4rem
  415. }
  416. .pr-5 {
  417. padding-right:4rem
  418. }
  419. .mb-5 {
  420. margin-bottom:4rem
  421. }
  422. .pb-5 {
  423. padding-bottom:4rem
  424. }
  425. .ml-5 {
  426. margin-left:4rem
  427. }
  428. .pl-5 {
  429. padding-left:4rem
  430. }
  431. .m-6 {
  432. margin:8rem
  433. }
  434. .p-6 {
  435. padding:8rem
  436. }
  437. .mx-6 {
  438. margin-left:8rem;
  439. margin-right:8rem
  440. }
  441. .my-6 {
  442. margin-top:8rem;
  443. margin-bottom:8rem
  444. }
  445. .px-6 {
  446. padding-left:8rem;
  447. padding-right:8rem
  448. }
  449. .py-6 {
  450. padding-top:8rem;
  451. padding-bottom:8rem
  452. }
  453. .mt-6 {
  454. margin-top:8rem
  455. }
  456. .pt-6 {
  457. padding-top:8rem
  458. }
  459. .mr-6 {
  460. margin-right:8rem
  461. }
  462. .pr-6 {
  463. padding-right:8rem
  464. }
  465. .mb-6 {
  466. margin-bottom:8rem
  467. }
  468. .pb-6 {
  469. padding-bottom:8rem
  470. }
  471. .ml-6 {
  472. margin-left:8rem
  473. }
  474. .pl-6 {
  475. padding-left:8rem
  476. }
  477. .xm-color-g10 {
  478. color:#fcfcfc
  479. }
  480. .xm-color-g20 {
  481. color:#f9f9f9
  482. }
  483. .xm-color-g30 {
  484. color:#ebebeb
  485. }
  486. .xm-color-g40 {
  487. color:#d6d6d6
  488. }
  489. .xm-color-g50 {
  490. color:#b2b2b2
  491. }
  492. .xm-color-g60 {
  493. color:#8c8c8c
  494. }
  495. .xm-color-g70 {
  496. color:#666
  497. }
  498. .xm-color-g80 {
  499. color:#2b2b2b
  500. }
  501. .xm-color-g90 {
  502. color:#111
  503. }
  504. .xm-color-g10 {
  505. color:#fcfcfc
  506. }
  507. .xm-color-g20 {
  508. color:#f9f9f9
  509. }
  510. .xm-color-g30 {
  511. color:#ebebeb
  512. }
  513. .xm-color-g40 {
  514. color:#d6d6d6
  515. }
  516. .xm-color-g50 {
  517. color:#b2b2b2
  518. }
  519. .xm-color-g60 {
  520. color:#8c8c8c
  521. }
  522. .xm-color-g70 {
  523. color:#666
  524. }
  525. .xm-color-g80 {
  526. color:#2b2b2b
  527. }
  528. .xm-color-g90 {
  529. color:#111
  530. }
  531. html {
  532. font-size:16px
  533. }
  534. body {
  535. font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif;
  536. color:#333;
  537. -moz-osx-font-smoothing:grayscale;
  538. -webkit-font-smoothing:antialiased
  539. }
  540. h1,h2,h3,h4,h5,h6 {
  541. font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif;
  542. color:#000
  543. }
  544. h1.white,h2.white,h3.white,h4.white,h5.white,h6.white {
  545. color:#fff
  546. }
  547. p {
  548. line-height:1.5;
  549. margin-bottom:1rem
  550. }
  551. p:last-child {
  552. margin-bottom:0
  553. }
  554. .big-text {
  555. font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif
  556. }
  557. .text-block {
  558. padding-bottom:24px;
  559. padding-top:24px
  560. }
  561. .text-block ol,.text-block ul {
  562. padding-left:1rem;
  563. counter-reset:section;
  564. list-style-type:none
  565. }
  566. .text-block ol li::before,.text-block ul li::before {
  567. counter-increment:section;
  568. content:counters(section,".") " "
  569. }
  570. .text-block ol>li,.text-block ul>li {
  571. margin-top:1rem
  572. }
  573. .text-block ol>li:before,.text-block ul>li:before {
  574. content:counters(section,".") ". "
  575. }
  576. .text-block ol>li li:before,.text-block ul>li li:before {
  577. content:counters(section,".") " "
  578. }
  579. .center {
  580. text-align:center
  581. }
  582. .light {
  583. font-weight:300
  584. }
  585. strong {
  586. font-weight:700
  587. }
  588. .xm-color-g10 {
  589. color:#fcfcfc
  590. }
  591. .xm-color-g20 {
  592. color:#f9f9f9
  593. }
  594. .xm-color-g30 {
  595. color:#ebebeb
  596. }
  597. .xm-color-g40 {
  598. color:#d6d6d6
  599. }
  600. .xm-color-g50 {
  601. color:#b2b2b2
  602. }
  603. .xm-color-g60 {
  604. color:#8c8c8c
  605. }
  606. .xm-color-g70 {
  607. color:#666
  608. }
  609. .xm-color-g80 {
  610. color:#2b2b2b
  611. }
  612. .xm-color-g90 {
  613. color:#111
  614. }
  615. .xm-btn {
  616. display:inline-block;
  617. padding:10px 32px;
  618. border:1px solid transparent;
  619. line-height:1.25;
  620. border-radius:4px;
  621. box-sizing:border-box;
  622. text-align:center;
  623. font-size:16px;
  624. font-weight:400;
  625. cursor:pointer;
  626. text-decoration:none!important;
  627. -webkit-user-select:none;
  628. -moz-user-select:none;
  629. -ms-user-select:none;
  630. user-select:none;
  631. transition:background-color .15s;
  632. white-space:nowrap
  633. }
  634. .xm-btn.loading .spinner {
  635. display:initial
  636. }
  637. .xm-btn .spinner {
  638. display:none
  639. }
  640. .xm-btn.disabled,.xm-btn[disabled] {
  641. cursor:not-allowed
  642. }
  643. .xm-btn-default {
  644. border:1px solid #666
  645. }
  646. .xm-btn-primary {
  647. color:#fff;
  648. background:#f83621
  649. }
  650. .xm-btn-primary.hover,.xm-btn-primary:hover {
  651. color:#fff;
  652. background:#f72008
  653. }
  654. .xm-btn-primary.active,.xm-btn-primary:active {
  655. background:#df1c07
  656. }
  657. .xm-btn-primary.disabled {
  658. background:#f83621;
  659. cursor:not-allowed
  660. }
  661. .xm-btn-primary.loading {
  662. background:#f83621;
  663. cursor:not-allowed
  664. }
  665. .xm-btn-secondary {
  666. color:#fff;
  667. background:#2b2b2b
  668. }
  669. .xm-btn-secondary.hover,.xm-btn-secondary:hover {
  670. color:#fff;
  671. background:#1e1e1e
  672. }
  673. .xm-btn-secondary.active,.xm-btn-secondary:active {
  674. background:#121212
  675. }
  676. .xm-btn-secondary.disabled {
  677. background:#2b2b2b;
  678. cursor:not-allowed
  679. }
  680. .xm-btn-secondary.loading {
  681. background:#2b2b2b;
  682. cursor:not-allowed
  683. }
  684. .xm-btn-default {
  685. color:#666;
  686. background:#fff
  687. }
  688. .xm-btn-default.hover,.xm-btn-default:hover {
  689. color:#666;
  690. background:#eeeef0
  691. }
  692. .xm-btn-default.active,.xm-btn-default:active {
  693. background:#dfdfdf
  694. }
  695. .xm-btn-default.disabled {
  696. background:#fff;
  697. cursor:not-allowed
  698. }
  699. .xm-btn-default.loading {
  700. background:#fff;
  701. cursor:not-allowed
  702. }
  703. .xm-btn-info {
  704. color:#fff;
  705. background:#107ee6
  706. }
  707. .xm-btn-info.hover,.xm-btn-info:hover {
  708. color:#fff;
  709. background:#0e71ce
  710. }
  711. .xm-btn-info.active,.xm-btn-info:active {
  712. background:#0d64b6
  713. }
  714. .xm-btn-info.disabled {
  715. background:#107ee6;
  716. cursor:not-allowed
  717. }
  718. .xm-btn-info.loading {
  719. background:#107ee6;
  720. cursor:not-allowed
  721. }
  722. .xm-btn-success {
  723. color:#fff;
  724. background:#33b311
  725. }
  726. .xm-btn-success.hover,.xm-btn-success:hover {
  727. color:#fff;
  728. background:#2c9c0f
  729. }
  730. .xm-btn-success.active,.xm-btn-success:active {
  731. background:#26840d
  732. }
  733. .xm-btn-success.disabled {
  734. background:#33b311;
  735. cursor:not-allowed
  736. }
  737. .xm-btn-success.loading {
  738. background:#33b311;
  739. cursor:not-allowed
  740. }
  741. .xm-btn-warning {
  742. color:#fff;
  743. background:#fabf0b
  744. }
  745. .xm-btn-warning.hover,.xm-btn-warning:hover {
  746. color:#fff;
  747. background:#e7af05
  748. }
  749. .xm-btn-warning.active,.xm-btn-warning:active {
  750. background:#ce9c04
  751. }
  752. .xm-btn-warning.disabled {
  753. background:#fabf0b;
  754. cursor:not-allowed
  755. }
  756. .xm-btn-warning.loading {
  757. background:#fabf0b;
  758. cursor:not-allowed
  759. }
  760. .xm-btn-error {
  761. color:#fff;
  762. background:#bb1414
  763. }
  764. .xm-btn-error.hover,.xm-btn-error:hover {
  765. color:#fff;
  766. background:#a41212
  767. }
  768. .xm-btn-error.active,.xm-btn-error:active {
  769. background:#8d0f0f
  770. }
  771. .xm-btn-error.disabled {
  772. background:#bb1414;
  773. cursor:not-allowed
  774. }
  775. .xm-btn-error.loading {
  776. background:#bb1414;
  777. cursor:not-allowed
  778. }
  779. .xm-btn-outline-primary {
  780. color:#f83621;
  781. border:1px solid #f83621
  782. }
  783. .xm-btn-outline-primary.hover,.xm-btn-outline-primary:hover {
  784. color:#fff;
  785. background-color:#f83621
  786. }
  787. .xm-btn-outline-primary.active,.xm-btn-outline-primary:active {
  788. border:1px solid #df1c07;
  789. background-color:#df1c07
  790. }
  791. .xm-btn-outline-primary.disabled {
  792. border:#f83621;
  793. cursor:not-allowed
  794. }
  795. .xm-btn-outline-primary.loading {
  796. border:#f83621;
  797. cursor:not-allowed
  798. }
  799. .xm-btn-outline-secondary {
  800. color:#2b2b2b;
  801. border:1px solid #2b2b2b
  802. }
  803. .xm-btn-outline-secondary.hover,.xm-btn-outline-secondary:hover {
  804. color:#fff;
  805. background-color:#2b2b2b
  806. }
  807. .xm-btn-outline-secondary.active,.xm-btn-outline-secondary:active {
  808. border:1px solid #121212;
  809. background-color:#121212
  810. }
  811. .xm-btn-outline-secondary.disabled {
  812. border:#2b2b2b;
  813. cursor:not-allowed
  814. }
  815. .xm-btn-outline-secondary.loading {
  816. border:#2b2b2b;
  817. cursor:not-allowed
  818. }
  819. .xm-btn-outline-default {
  820. color:#fff;
  821. border:1px solid #fff
  822. }
  823. .xm-btn-outline-default.hover,.xm-btn-outline-default:hover {
  824. color:#fff;
  825. background-color:#fff
  826. }
  827. .xm-btn-outline-default.active,.xm-btn-outline-default:active {
  828. border:1px solid #dfdfdf;
  829. background-color:#dfdfdf
  830. }
  831. .xm-btn-outline-default.disabled {
  832. border:#fff;
  833. cursor:not-allowed
  834. }
  835. .xm-btn-outline-default.loading {
  836. border:#fff;
  837. cursor:not-allowed
  838. }
  839. .xm-btn-outline-info {
  840. color:#107ee6;
  841. border:1px solid #107ee6
  842. }
  843. .xm-btn-outline-info.hover,.xm-btn-outline-info:hover {
  844. color:#fff;
  845. background-color:#107ee6
  846. }
  847. .xm-btn-outline-info.active,.xm-btn-outline-info:active {
  848. border:1px solid #0d64b6;
  849. background-color:#0d64b6
  850. }
  851. .xm-btn-outline-info.disabled {
  852. border:#107ee6;
  853. cursor:not-allowed
  854. }
  855. .xm-btn-outline-info.loading {
  856. border:#107ee6;
  857. cursor:not-allowed
  858. }
  859. .xm-btn-outline-success {
  860. color:#33b311;
  861. border:1px solid #33b311
  862. }
  863. .xm-btn-outline-success.hover,.xm-btn-outline-success:hover {
  864. color:#fff;
  865. background-color:#33b311
  866. }
  867. .xm-btn-outline-success.active,.xm-btn-outline-success:active {
  868. border:1px solid #26840d;
  869. background-color:#26840d
  870. }
  871. .xm-btn-outline-success.disabled {
  872. border:#33b311;
  873. cursor:not-allowed
  874. }
  875. .xm-btn-outline-success.loading {
  876. border:#33b311;
  877. cursor:not-allowed
  878. }
  879. .xm-btn-outline-warning {
  880. color:#fabf0b;
  881. border:1px solid #fabf0b
  882. }
  883. .xm-btn-outline-warning.hover,.xm-btn-outline-warning:hover {
  884. color:#fff;
  885. background-color:#fabf0b
  886. }
  887. .xm-btn-outline-warning.active,.xm-btn-outline-warning:active {
  888. border:1px solid #ce9c04;
  889. background-color:#ce9c04
  890. }
  891. .xm-btn-outline-warning.disabled {
  892. border:#fabf0b;
  893. cursor:not-allowed
  894. }
  895. .xm-btn-outline-warning.loading {
  896. border:#fabf0b;
  897. cursor:not-allowed
  898. }
  899. .xm-btn-outline-error {
  900. color:#bb1414;
  901. border:1px solid #bb1414
  902. }
  903. .xm-btn-outline-error.hover,.xm-btn-outline-error:hover {
  904. color:#fff;
  905. background-color:#bb1414
  906. }
  907. .xm-btn-outline-error.active,.xm-btn-outline-error:active {
  908. border:1px solid #8d0f0f;
  909. background-color:#8d0f0f
  910. }
  911. .xm-btn-outline-error.disabled {
  912. border:#bb1414;
  913. cursor:not-allowed
  914. }
  915. .xm-btn-outline-error.loading {
  916. border:#bb1414;
  917. cursor:not-allowed
  918. }
  919. hr.block-hr {
  920. border:0;
  921. height:1px;
  922. background-image:linear-gradient(to right,rgba(238,238,238,0),#eee 50%,rgba(238,238,238,0))
  923. }
  924. .toast {
  925. position:fixed;
  926. left:50%;
  927. top:50%;
  928. -webkit-transform:translate(-50%,-50%);
  929. transform:translate(-50%,-50%);
  930. background-color:rgba(0,0,0,.65);
  931. padding:8px 32px;
  932. border-radius:4px;
  933. box-shadow:0 4px 8px 0 rgba(0,0,0,.2);
  934. visibility:hidden;
  935. opacity:0;
  936. z-index:9999;
  937. transition:.5s;
  938. -webkit-user-select:none;
  939. -moz-user-select:none;
  940. -ms-user-select:none;
  941. user-select:none;
  942. text-align:center
  943. }
  944. .toast span {
  945. font-weight:600;
  946. color:#fff;
  947. cursor:auto
  948. }
  949. .toast.active {
  950. visibility:visible;
  951. opacity:1
  952. }
  953. .xm-color-g10 {
  954. color:#fcfcfc
  955. }
  956. .xm-color-g20 {
  957. color:#f9f9f9
  958. }
  959. .xm-color-g30 {
  960. color:#ebebeb
  961. }
  962. .xm-color-g40 {
  963. color:#d6d6d6
  964. }
  965. .xm-color-g50 {
  966. color:#b2b2b2
  967. }
  968. .xm-color-g60 {
  969. color:#8c8c8c
  970. }
  971. .xm-color-g70 {
  972. color:#666
  973. }
  974. .xm-color-g80 {
  975. color:#2b2b2b
  976. }
  977. .xm-color-g90 {
  978. color:#111
  979. }
  980. .xm-color-g10 {
  981. color:#fcfcfc
  982. }
  983. .xm-color-g20 {
  984. color:#f9f9f9
  985. }
  986. .xm-color-g30 {
  987. color:#ebebeb
  988. }
  989. .xm-color-g40 {
  990. color:#d6d6d6
  991. }
  992. .xm-color-g50 {
  993. color:#b2b2b2
  994. }
  995. .xm-color-g60 {
  996. color:#8c8c8c
  997. }
  998. .xm-color-g70 {
  999. color:#666
  1000. }
  1001. .xm-color-g80 {
  1002. color:#2b2b2b
  1003. }
  1004. .xm-color-g90 {
  1005. color:#111
  1006. }
  1007. footer#global_footer {
  1008. padding:120px 0;
  1009. font-size:16px
  1010. }
  1011. @media only screen and (max-width:767px) {
  1012. footer#global_footer {
  1013. padding:60px 0
  1014. }
  1015. }footer#global_footer .global__footer-icons {
  1016. width:-webkit-fit-content;
  1017. width:-moz-fit-content;
  1018. width:fit-content;
  1019. margin:0 auto 40px;
  1020. display:flex
  1021. }
  1022. @media only screen and (max-width:767px) {
  1023. footer#global_footer .global__footer-icons {
  1024. margin-bottom:20px
  1025. }
  1026. }footer#global_footer .global__footer-icons>:not(:last-child) {
  1027. margin-right:45px
  1028. }
  1029. @media only screen and (max-width:767px) {
  1030. footer#global_footer .global__footer-icons>:not(:last-child) {
  1031. margin-right:20px
  1032. }
  1033. }footer#global_footer .global__footer-icons a {
  1034. color:#15171a;
  1035. line-height:0;
  1036. font-size:28px;
  1037. display:inline-block
  1038. }
  1039. @media only screen and (max-width:767px) {
  1040. footer#global_footer .global__footer-icons a {
  1041. font-size:20px
  1042. }
  1043. }footer#global_footer .global__footer-icons a:hover {
  1044. text-decoration:none;
  1045. color:#212529
  1046. }
  1047. footer#global_footer .global__footer-icons .qrcode__container {
  1048. position:relative
  1049. }
  1050. @media only screen and (min-width:768px) {
  1051. footer#global_footer .global__footer-icons .qrcode__container::after {
  1052. content:'';
  1053. position:absolute;
  1054. bottom:100%;
  1055. display:inline-block;
  1056. height:25px;
  1057. left:-20px;
  1058. right:-20px
  1059. }
  1060. }footer#global_footer .global__footer-icons .qrcode__wrapper {
  1061. display:none;
  1062. position:absolute;
  1063. bottom:100%;
  1064. padding:1rem;
  1065. left:50%;
  1066. -webkit-transform:translateX(-50%);
  1067. transform:translateX(-50%);
  1068. margin-bottom:24px;
  1069. text-align:center;
  1070. box-shadow:0 0 30px rgba(0,0,0,.1);
  1071. border-radius:16px;
  1072. background:#fff
  1073. }
  1074. footer#global_footer .global__footer-icons .qrcode__wrapper::after {
  1075. content:'';
  1076. display:inline-block;
  1077. position:absolute;
  1078. top:100%;
  1079. left:50%;
  1080. -webkit-transform:translateX(-50%);
  1081. transform:translateX(-50%);
  1082. border-style:solid;
  1083. border-width:16px 16px 0 16px;
  1084. border-color:#fff transparent transparent transparent
  1085. }
  1086. @media only screen and (max-width:767px) {
  1087. footer#global_footer .global__footer-icons .qrcode__wrapper {
  1088. border-radius:10px;
  1089. padding:.5rem
  1090. }
  1091. }footer#global_footer .global__footer-icons .qrcode__wrapper.active {
  1092. display:inline-block
  1093. }
  1094. footer#global_footer .global__footer-icons .qrcode__wrapper img {
  1095. width:128px
  1096. }
  1097. @media only screen and (max-width:767px) {
  1098. footer#global_footer .global__footer-icons .qrcode__wrapper img {
  1099. width:100px
  1100. }
  1101. }footer#global_footer .global__footer-title {
  1102. text-align:center;
  1103. text-transform:uppercase;
  1104. font-weight:700;
  1105. margin:60px 0;
  1106. font-size:16px
  1107. }
  1108. @media only screen and (max-width:767px) {
  1109. footer#global_footer .global__footer-title {
  1110. font-size:14px;
  1111. margin:40px 0
  1112. }
  1113. }footer#global_footer .global__footer-language {
  1114. text-align:center;
  1115. position:relative
  1116. }
  1117. footer#global_footer .global__footer-language .language-show {
  1118. cursor:pointer;
  1119. -webkit-user-select:none;
  1120. -moz-user-select:none;
  1121. -ms-user-select:none;
  1122. user-select:none;
  1123. display:inline-block;
  1124. background-color:#f8f9fa;
  1125. padding:10px 20px;
  1126. border-radius:25px
  1127. }
  1128. footer#global_footer .global__footer-language .language-show[data-show=false]::after {
  1129. display:inline-block;
  1130. width:0;
  1131. height:0;
  1132. margin-left:.255em;
  1133. vertical-align:middle;
  1134. content:"";
  1135. border-top:.3em solid;
  1136. border-right:.3em solid transparent;
  1137. border-bottom:0;
  1138. border-left:.3em solid transparent
  1139. }
  1140. footer#global_footer .global__footer-language .language-show[data-show=true]::after {
  1141. display:inline-block;
  1142. width:0;
  1143. height:0;
  1144. margin-left:.255em;
  1145. vertical-align:middle;
  1146. content:"";
  1147. border-top:0;
  1148. border-right:.3em solid transparent;
  1149. border-bottom:.3em solid;
  1150. border-left:.3em solid transparent
  1151. }
  1152. footer#global_footer .global__footer-language .language-menu {
  1153. list-style:none;
  1154. background:#fff;
  1155. padding:0;
  1156. margin:0;
  1157. display:none;
  1158. position:absolute;
  1159. bottom:48px;
  1160. left:50%;
  1161. -webkit-transform:translateX(-50%);
  1162. transform:translateX(-50%);
  1163. box-shadow:0 2px 6px 0 rgba(67,75,84,.3);
  1164. border-radius:5px
  1165. }
  1166. footer#global_footer .global__footer-language .language-menu a {
  1167. display:inline-block;
  1168. width:100%;
  1169. padding:8px 16px;
  1170. line-height:1.25;
  1171. color:#000
  1172. }
  1173. footer#global_footer .global__footer-language .language-menu a:hover {
  1174. text-decoration:none;
  1175. background-color:#ebebeb
  1176. }
  1177. footer#global_footer .global__footer-language .language-menu.show {
  1178. display:inline-block
  1179. }
  1180. footer#global_footer .global__footer-section {
  1181. display:flex;
  1182. justify-content:center;
  1183. flex-wrap:wrap
  1184. }
  1185. footer#global_footer .global__footer-section .vertical-divide {
  1186. margin:0 20px;
  1187. width:1px;
  1188. background-color:#000
  1189. }
  1190. footer#global_footer .global__footer-section.small-section {
  1191. margin-top:10px;
  1192. font-size:14px;
  1193. color:rgba(60,60,67,.6)
  1194. }
  1195. @media only screen and (max-width:767px) {
  1196. footer#global_footer .global__footer-section.small-section {
  1197. font-size:12px
  1198. }
  1199. }footer#global_footer .global__footer-section.small-section a {
  1200. color:inherit
  1201. }
  1202. footer#global_footer .global__footer-section a {
  1203. display:block;
  1204. line-height:1;
  1205. color:#000
  1206. }
  1207. footer#global_footer .global__footer-section a:hover {
  1208. text-decoration:none
  1209. }
  1210. @media only screen and (max-width:767px) {
  1211. footer#global_footer .global__footer-section a {
  1212. font-size:14px
  1213. }
  1214. }footer#global_footer .global__footer-section__item {
  1215. margin-top:15px;
  1216. display:flex;
  1217. align-items:center
  1218. }
  1219. footer#global_footer .global__footer-section__item:not(:first-child) {
  1220. margin-left:15px
  1221. }
  1222. @media only screen and (max-width:767px) {
  1223. footer#global_footer .global__footer-section__item:not(:first-child) {
  1224. margin-left:10px
  1225. }
  1226. }footer#global_footer .global__footer-section__item:not(:last-child)::after {
  1227. display:inline-block;
  1228. content:"";
  1229. width:1.5px;
  1230. height:90%;
  1231. background-color:#dfe1e5;
  1232. margin-left:15px
  1233. }
  1234. @media only screen and (max-width:767px) {
  1235. footer#global_footer .global__footer-section__item:not(:last-child)::after {
  1236. margin-left:10px
  1237. }
  1238. }footer#global_footer .global__footer-cn {
  1239. margin-top:60px;
  1240. color:rgba(60,60,67,.6);
  1241. text-align:center;
  1242. font-size:14px
  1243. }
  1244. @media only screen and (max-width:767px) {
  1245. footer#global_footer .global__footer-cn {
  1246. margin-top:30px
  1247. }
  1248. }footer#global_footer .global__footer-cn .cn-remark a:first-child,footer#global_footer .global__footer-cn p {
  1249. margin-right:16px
  1250. }
  1251. @media only screen and (max-width:767px) {
  1252. footer#global_footer .global__footer-cn .cn-remark a:first-child,footer#global_footer .global__footer-cn p {
  1253. margin-bottom:10px
  1254. }
  1255. }@media only screen and (max-width:767px) {
  1256. footer#global_footer .global__footer-cn .cn-remark {
  1257. display:flex;
  1258. flex-direction:column
  1259. }
  1260. }footer#global_footer .global__footer-cn .cn-remark img {
  1261. vertical-align:bottom
  1262. }
  1263. footer#global_footer .global__footer-cn a {
  1264. color:inherit;
  1265. text-decoration:none
  1266. }
  1267. .xm-color-g10 {
  1268. color:#fcfcfc
  1269. }
  1270. .xm-color-g20 {
  1271. color:#f9f9f9
  1272. }
  1273. .xm-color-g30 {
  1274. color:#ebebeb
  1275. }
  1276. .xm-color-g40 {
  1277. color:#d6d6d6
  1278. }
  1279. .xm-color-g50 {
  1280. color:#b2b2b2
  1281. }
  1282. .xm-color-g60 {
  1283. color:#8c8c8c
  1284. }
  1285. .xm-color-g70 {
  1286. color:#666
  1287. }
  1288. .xm-color-g80 {
  1289. color:#2b2b2b
  1290. }
  1291. .xm-color-g90 {
  1292. color:#111
  1293. }
  1294. .xm-color-g10 {
  1295. color:#fcfcfc
  1296. }
  1297. .xm-color-g20 {
  1298. color:#f9f9f9
  1299. }
  1300. .xm-color-g30 {
  1301. color:#ebebeb
  1302. }
  1303. .xm-color-g40 {
  1304. color:#d6d6d6
  1305. }
  1306. .xm-color-g50 {
  1307. color:#b2b2b2
  1308. }
  1309. .xm-color-g60 {
  1310. color:#8c8c8c
  1311. }
  1312. .xm-color-g70 {
  1313. color:#666
  1314. }
  1315. .xm-color-g80 {
  1316. color:#2b2b2b
  1317. }
  1318. .xm-color-g90 {
  1319. color:#111
  1320. }
  1321. .xm-color-g10 {
  1322. color:#fcfcfc
  1323. }
  1324. .xm-color-g20 {
  1325. color:#f9f9f9
  1326. }
  1327. .xm-color-g30 {
  1328. color:#ebebeb
  1329. }
  1330. .xm-color-g40 {
  1331. color:#d6d6d6
  1332. }
  1333. .xm-color-g50 {
  1334. color:#b2b2b2
  1335. }
  1336. .xm-color-g60 {
  1337. color:#8c8c8c
  1338. }
  1339. .xm-color-g70 {
  1340. color:#666
  1341. }
  1342. .xm-color-g80 {
  1343. color:#2b2b2b
  1344. }
  1345. .xm-color-g90 {
  1346. color:#111
  1347. }
  1348. .global-header {
  1349. height:64px;
  1350. line-height:64px;
  1351. width:100%;
  1352. z-index:1000
  1353. }
  1354. .global-header .logo-dark {
  1355. display:block
  1356. }
  1357. .global-header .logo-white {
  1358. display:none
  1359. }
  1360. .global-header .global-header__menu-toggle span {
  1361. background-color:#333
  1362. }
  1363. .global-header .global-header__wrapper {
  1364. -webkit-backdrop-filter:blur(3px);
  1365. transition:box-shadow .5s ease
  1366. }
  1367. .global-header.initial-transparent .global-header__wrapper {
  1368. background-color:transparent
  1369. }
  1370. .global-header.has-shadow .global-header__wrapper {
  1371. box-shadow:0 2px 10px 0 rgba(0,0,0,.07)
  1372. }
  1373. .global-header.opaque .global-header__wrapper {
  1374. background-color:rgba(255,255,255,.93)
  1375. }
  1376. .global-header.opaque .global-header__wrapper--shadow {
  1377. box-shadow:0 2px 10px 0 rgba(0,0,0,.07)
  1378. }
  1379. .global-header.opaque .global-header__navigation li.active a {
  1380. color:#e41717
  1381. }
  1382. .global-header:not(.opaque) .logo-dark {
  1383. display:none
  1384. }
  1385. .global-header:not(.opaque) .logo-white {
  1386. display:block
  1387. }
  1388. .global-header:not(.opaque) .global-header__menu-toggle span {
  1389. background-color:#fff
  1390. }
  1391. .global-header:not(.opaque) a {
  1392. color:#fff
  1393. }
  1394. .global-header:not(.opaque) .global-header__navigation li.active a {
  1395. opacity:.6
  1396. }
  1397. .global-header li,.global-header ul {
  1398. padding:0;
  1399. margin:0;
  1400. list-style:none;
  1401. line-height:inherit
  1402. }
  1403. .global-header__wrapper {
  1404. height:64px;
  1405. left:env(safe-area-inset-left,0);
  1406. right:env(safe-area-inset-right,0);
  1407. font-size:14px;
  1408. white-space:nowrap;
  1409. z-index:1000
  1410. }
  1411. .global-header__logo-img {
  1412. height:64px
  1413. }
  1414. .global-header__logo {
  1415. display:flex;
  1416. justify-content:center;
  1417. align-items:center
  1418. }
  1419. .global-header .global-header__account {
  1420. position:relative;
  1421. height:48px;
  1422. display:flex;
  1423. justify-content:center;
  1424. align-items:center
  1425. }
  1426. .global-header .global-header__account .icon-user {
  1427. font-size:20px;
  1428. vertical-align:sub
  1429. }
  1430. @media only screen and (max-width:991px) {
  1431. .global-header .global-header__account .icon-user {
  1432. font-size:25px;
  1433. vertical-align:middle
  1434. }
  1435. }.global-header .global-header__account-dropdown:hover {
  1436. display:block
  1437. }
  1438. .global-header .global-header__account .global-header__account-dropdown {
  1439. display:none;
  1440. text-align:left;
  1441. min-width:184px;
  1442. margin:0;
  1443. z-index:1000;
  1444. position:absolute;
  1445. top:45px;
  1446. right:-5px;
  1447. background-color:#fff;
  1448. padding:8px 0;
  1449. border-radius:4px;
  1450. box-shadow:0 0 16px 0 rgba(67,75,84,.2),0 0 1px 0 rgba(67,75,84,.1)
  1451. }
  1452. @media only screen and (max-width:991px) {
  1453. .global-header .global-header__account .global-header__account-dropdown {
  1454. right:0
  1455. }
  1456. }.global-header .global-header__account .global-header__account-dropdown:hover {
  1457. display:block
  1458. }
  1459. .global-header .global-header__account .global-header__account-dropdown a {
  1460. color:#333
  1461. }
  1462. .global-header .global-header__account .global-header__account-dropdown:before {
  1463. content:'';
  1464. position:absolute;
  1465. top:-7px;
  1466. right:30px;
  1467. width:0;
  1468. height:0;
  1469. border-style:solid;
  1470. border-width:0 6px 7.8px 6px;
  1471. border-color:transparent transparent #fff transparent;
  1472. -webkit-transform:translateX(-50%);
  1473. transform:translateX(-50%);
  1474. z-index:1
  1475. }
  1476. @media only screen and (max-width:991px) {
  1477. .global-header .global-header__account .global-header__account-dropdown:before {
  1478. right:20px!important
  1479. }
  1480. }.global-header .global-header__account .global-header__account-dropdown:after {
  1481. content:'';
  1482. position:absolute;
  1483. top:-12px;
  1484. width:100%;
  1485. height:12px;
  1486. background:0 0;
  1487. z-index:0
  1488. }
  1489. .global-header .global-header__account .global-header__account-dropdown li {
  1490. padding:0;
  1491. position:relative;
  1492. line-height:40px;
  1493. color:#000
  1494. }
  1495. .global-header .global-header__account .global-header__account-dropdown li:last-child {
  1496. border-bottom:none
  1497. }
  1498. .global-header .global-header__account .global-header__account-dropdown li:hover {
  1499. color:#000
  1500. }
  1501. .global-header .global-header__account .global-header__account-dropdown li a {
  1502. display:inline-block;
  1503. width:100%;
  1504. padding:0 32px;
  1505. font-size:16px;
  1506. color:#333;
  1507. font-weight:400;
  1508. -webkit-user-select:none;
  1509. -moz-user-select:none;
  1510. -ms-user-select:none;
  1511. user-select:none
  1512. }
  1513. .global-header .global-header__account .global-header__account-dropdown li+li:after {
  1514. content:'';
  1515. left:16px;
  1516. right:16px;
  1517. border-top:1px solid #ebebeb;
  1518. position:absolute;
  1519. top:-1px
  1520. }
  1521. .global-header .global-header__account .global-header__account-dropdown li:hover a {
  1522. color:#000;
  1523. background:#f9f9f9
  1524. }
  1525. .global-header .global-header__account .global-header__account-dropdown li.active a,.global-header .global-header__account .global-header__account-dropdown li:active a {
  1526. background:#ebebeb
  1527. }
  1528. .global-header .global-header__account>a:hover+.menu-dropdown {
  1529. display:block
  1530. }
  1531. .global-header .global-header__account .img-avatar,.global-header .global-header__account .text-avatar {
  1532. width:26px;
  1533. height:26px;
  1534. border-radius:50%;
  1535. display:none
  1536. }
  1537. .global-header .global-header__account-link {
  1538. color:#000;
  1539. text-decoration:none
  1540. }
  1541. .global-header__large-screen {
  1542. position:relative;
  1543. display:none
  1544. }
  1545. @media only screen and (min-width:992px) {
  1546. .global-header__large-screen {
  1547. display:flex;
  1548. justify-content:space-between;
  1549. align-items:center;
  1550. padding-top:8px;
  1551. padding-bottom:8px
  1552. }
  1553. }.global-header__large-screen .global-header__download {
  1554. display:none;
  1555. width:100%;
  1556. height:100%;
  1557. position:absolute;
  1558. top:0;
  1559. left:0;
  1560. overflow:hidden
  1561. }
  1562. .global-header__large-screen .global-header__account {
  1563. position:relative
  1564. }
  1565. .global-header__large-screen .global-header__navigation {
  1566. z-index:1;
  1567. display:flex;
  1568. align-items:center;
  1569. justify-content:space-around
  1570. }
  1571. .global-header__large-screen .global-header__navigation li a {
  1572. color:#333;
  1573. font-weight:500;
  1574. text-decoration:none;
  1575. padding:0 25px
  1576. }
  1577. .global-header__large-screen a.btn {
  1578. font-weight:700
  1579. }
  1580. .global-header__large-screen .global-header__logo img {
  1581. height:25px;
  1582. z-index:1
  1583. }
  1584. .global-header__small-screen {
  1585. position:relative;
  1586. display:none
  1587. }
  1588. @media only screen and (max-width:991px) {
  1589. .global-header__small-screen {
  1590. display:flex;
  1591. justify-content:center
  1592. }
  1593. }.global-header__small-screen .global-header__logo img {
  1594. width:79px
  1595. }
  1596. .global-header__small-screen .global-header__account {
  1597. z-index:2;
  1598. position:absolute;
  1599. right:10px;
  1600. top:50%;
  1601. -webkit-transform:translateY(-50%);
  1602. transform:translateY(-50%)
  1603. }
  1604. .global-header__small-screen .global-header__account-link {
  1605. padding:19px;
  1606. width:68px
  1607. }
  1608. .global-header__small-screen .global-header__account-link img {
  1609. width:24px
  1610. }
  1611. .global-header__small-screen .global-header__small-screen-menu {
  1612. overflow:hidden;
  1613. visibility:hidden;
  1614. position:fixed;
  1615. top:64px;
  1616. left:0;
  1617. height:100%;
  1618. height:calc(100% - 64px);
  1619. width:100%;
  1620. z-index:1
  1621. }
  1622. .global-header__small-screen .global-header__small-screen-menu .global-header__menu-wrapper {
  1623. position:absolute;
  1624. height:100%;
  1625. width:100%;
  1626. transition:.5s ease;
  1627. top:-100%;
  1628. left:env(safe-area-inset-left,0);
  1629. right:env(safe-area-inset-right,0);
  1630. padding-bottom:128px;
  1631. background-color:#fff
  1632. }
  1633. .global-header__small-screen .global-header__small-screen-menu .global-header__menu-wrapper ul {
  1634. margin:0;
  1635. list-style:none;
  1636. padding:0 30px
  1637. }
  1638. .global-header__small-screen .global-header__small-screen-menu .global-header__menu-wrapper ul li {
  1639. position:relative;
  1640. height:48px;
  1641. margin:0;
  1642. padding:0;
  1643. text-decoration:none;
  1644. cursor:pointer;
  1645. text-align:left
  1646. }
  1647. .global-header__small-screen .global-header__small-screen-menu .global-header__menu-wrapper ul li i {
  1648. display:inline-block;
  1649. height:20px;
  1650. width:20px;
  1651. position:relative;
  1652. top:-2px;
  1653. margin-right:8px;
  1654. background-size:cover;
  1655. background-position:0 0;
  1656. vertical-align:middle
  1657. }
  1658. .global-header__small-screen .global-header__small-screen-menu .global-header__menu-wrapper ul li a {
  1659. display:inline-block;
  1660. width:calc(100% + 2rem);
  1661. height:100%;
  1662. line-height:48px;
  1663. padding:0 1rem;
  1664. margin:0 -1rem;
  1665. text-decoration:none;
  1666. border-bottom:solid 1px rgba(148,148,148,.2)
  1667. }
  1668. .global-header__small-screen .global-header__small-screen-menu .global-header__menu-wrapper ul li a:hover {
  1669. color:#000;
  1670. background-color:#e7e7e7
  1671. }
  1672. .global-header__small-screen .global-header__menu-toggle {
  1673. cursor:pointer;
  1674. position:absolute;
  1675. left:30px;
  1676. transition:.5s ease-in-out;
  1677. width:22px;
  1678. height:22px;
  1679. top:20px
  1680. }
  1681. .global-header__small-screen .global-header__menu-toggle span {
  1682. display:block;
  1683. position:absolute;
  1684. border-radius:9px;
  1685. height:2px;
  1686. width:100%;
  1687. transition:all .25s ease-in-out;
  1688. -webkit-transform-origin:left center;
  1689. transform-origin:left center
  1690. }
  1691. .global-header__small-screen .global-header__menu-toggle span:nth-child(1) {
  1692. top:5px
  1693. }
  1694. .global-header__small-screen .global-header__menu-toggle span:nth-child(2) {
  1695. top:12px
  1696. }
  1697. .global-header__small-screen .global-header__menu-toggle span:nth-child(3) {
  1698. top:19px
  1699. }
  1700. .global-header__small-screen.opened a {
  1701. color:#333
  1702. }
  1703. .global-header__small-screen.opened .global-header__menu-toggle span:nth-child(1) {
  1704. top:4.25px;
  1705. -webkit-transform:rotate(45deg);
  1706. transform:rotate(45deg)
  1707. }
  1708. .global-header__small-screen.opened .global-header__menu-toggle span:nth-child(2) {
  1709. width:0%
  1710. }
  1711. .global-header__small-screen.opened .global-header__menu-toggle span:nth-child(3) {
  1712. top:19.75px;
  1713. -webkit-transform:rotate(-45deg);
  1714. transform:rotate(-45deg)
  1715. }
  1716. .global-header__small-screen.opened .global-header__small-screen-menu {
  1717. visibility:visible
  1718. }
  1719. .global-header__small-screen.opened .global-header__small-screen-menu .global-header__menu-wrapper {
  1720. top:0;
  1721. overflow:auto
  1722. }
  1723. .xm-color-g10 {
  1724. color:#fcfcfc
  1725. }
  1726. .xm-color-g20 {
  1727. color:#f9f9f9
  1728. }
  1729. .xm-color-g30 {
  1730. color:#ebebeb
  1731. }
  1732. .xm-color-g40 {
  1733. color:#d6d6d6
  1734. }
  1735. .xm-color-g50 {
  1736. color:#b2b2b2
  1737. }
  1738. .xm-color-g60 {
  1739. color:#8c8c8c
  1740. }
  1741. .xm-color-g70 {
  1742. color:#666
  1743. }
  1744. .xm-color-g80 {
  1745. color:#2b2b2b
  1746. }
  1747. .xm-color-g90 {
  1748. color:#111
  1749. }
  1750. .cookies-prompt {
  1751. width:100vw;
  1752. position:fixed;
  1753. bottom:0;
  1754. z-index:777;
  1755. font-size:16px;
  1756. background:#fff
  1757. }
  1758. .cookies-prompt--hidden {
  1759. display:none
  1760. }
  1761. .cookies-prompt__container {
  1762. width:100%;
  1763. max-width:1170px;
  1764. margin:0 auto;
  1765. padding:24px 30px 24px 30px;
  1766. display:flex;
  1767. align-items:center;
  1768. justify-content:space-between
  1769. }
  1770. @media only screen and (max-width:767px) {
  1771. .cookies-prompt__container {
  1772. padding-top:16px;
  1773. padding-bottom:16px
  1774. }
  1775. }.cookies-prompt__content {
  1776. flex-basis:75%
  1777. }
  1778. @media only screen and (max-width:575px) {
  1779. .cookies-prompt__content {
  1780. font-size:12px;
  1781. flex-basis:82%
  1782. }
  1783. }.cookies-prompt__content a {
  1784. white-space:nowrap
  1785. }
  1786. .cookies-prompt__close {
  1787. flex-shrink:0;
  1788. width:32px;
  1789. height:32px;
  1790. border-radius:16px;
  1791. background-color:#f8f9fa;
  1792. cursor:pointer;
  1793. text-align:center
  1794. }
  1795. .cookies-prompt__close span {
  1796. line-height:32px
  1797. }
  1798. @media only screen and (min-width:768px) {
  1799. .cookies-prompt__close span {
  1800. font-size:18px
  1801. }
  1802. }.xm-color-g10 {
  1803. color:#fcfcfc
  1804. }
  1805. .xm-color-g20 {
  1806. color:#f9f9f9
  1807. }
  1808. .xm-color-g30 {
  1809. color:#ebebeb
  1810. }
  1811. .xm-color-g40 {
  1812. color:#d6d6d6
  1813. }
  1814. .xm-color-g50 {
  1815. color:#b2b2b2
  1816. }
  1817. .xm-color-g60 {
  1818. color:#8c8c8c
  1819. }
  1820. .xm-color-g70 {
  1821. color:#666
  1822. }
  1823. .xm-color-g80 {
  1824. color:#2b2b2b
  1825. }
  1826. .xm-color-g90 {
  1827. color:#111
  1828. }
  1829. .pricing-title {
  1830. min-height:2.25rem;
  1831. line-height:2.25rem;
  1832. font-size:20px;
  1833. font-weight:600
  1834. }
  1835. .pricing-aslowas,.pricing-subtitle {
  1836. color:#8c8c8c
  1837. }
  1838. .pricing-aslowas {
  1839. margin-top:48px
  1840. }
  1841. .pricing-price {
  1842. margin:0 0 24px;
  1843. color:#000
  1844. }
  1845. .pricing-price__price {
  1846. display:inline-block;
  1847. font-size:40px;
  1848. font-weight:600;
  1849. min-height:3.5rem;
  1850. line-height:3.5rem
  1851. }
  1852. .pricing-price__price-info {
  1853. padding-left:8px
  1854. }
  1855. .pricing-price__previous-price {
  1856. text-decoration:line-through;
  1857. white-space:nowrap
  1858. }
  1859. .pricing-price__duration {
  1860. display:inline-block;
  1861. font-size:20px;
  1862. white-space:nowrap;
  1863. color:#333
  1864. }
  1865. .pricing-list {
  1866. list-style-type:none
  1867. }
  1868. .pricing-list li {
  1869. font-size:16px;
  1870. line-height:1.5;
  1871. margin-bottom:8px;
  1872. color:#2b2b2b
  1873. }
  1874. .pricing-sep {
  1875. border-color:#b2b2b2;
  1876. width:100%;
  1877. margin:0
  1878. }
  1879. .pricing-cell {
  1880. max-width:350px;
  1881. text-align:center;
  1882. position:relative;
  1883. padding:48px 24px;
  1884. margin-bottom:24px;
  1885. box-shadow:0 8px 24px 0 rgba(0,0,0,.1),0 8px 12px -8px rgba(0,0,0,.2);
  1886. border-radius:8px;
  1887. background-color:#fff
  1888. }
  1889. .pricing-cell__pricing-list {
  1890. padding-left:0;
  1891. margin:24px 0 0 0
  1892. }
  1893. .pricing-cell__btn {
  1894. width:100%;
  1895. width:-webkit-fit-content;
  1896. width:-moz-fit-content;
  1897. width:fit-content;
  1898. max-width:280px;
  1899. display:block;
  1900. margin-top:64px;
  1901. margin-left:auto;
  1902. margin-right:auto
  1903. }
  1904. .pricing-cell_theme_black {
  1905. background-color:#fff
  1906. }
  1907. .pricing-cell_theme_black .pricing-title {
  1908. margin-left:-20px;
  1909. margin-right:-20px;
  1910. font-size:28px;
  1911. font-weight:600
  1912. }
  1913. .pricing-cell_theme_black .pricing-sep {
  1914. border-color:#25292d
  1915. }
  1916. .pricing-cell_theme_black .pricing-price__price {
  1917. font-size:48px;
  1918. font-weight:600
  1919. }
  1920. .pricing-cell_theme_black .pricing-price__previous-price {
  1921. text-decoration:line-through
  1922. }
  1923. .pricing-cell__decorator {
  1924. position:absolute;
  1925. right:16px;
  1926. top:0;
  1927. width:40px
  1928. }
  1929. .pricing-cell__decorator img {
  1930. width:100%
  1931. }
  1932. .edu-block .btn {
  1933. min-width:200px
  1934. }
  1935. .edu-block .pricing__period {
  1936. font-size:13px
  1937. }
  1938. .pricing-card {
  1939. overflow:hidden;
  1940. background-color:#fff;
  1941. box-shadow:0 2px 6px 0 rgba(67,75,84,.3);
  1942. border-radius:8px
  1943. }
  1944. @media (min-width:768px) {
  1945. .pricing-card {
  1946. display:flex
  1947. }
  1948. }.pricing-card__info {
  1949. position:relative;
  1950. padding:48px 70px 40px 40px;
  1951. min-height:485px
  1952. }
  1953. @media (min-width:768px) {
  1954. .pricing-card__info {
  1955. width:50%
  1956. }
  1957. }.pricing-card__description {
  1958. margin-top:24px;
  1959. max-width:270px
  1960. }
  1961. .pricing-card__btn {
  1962. position:absolute;
  1963. left:40px;
  1964. right:40px;
  1965. bottom:40px
  1966. }
  1967. .pricing-card__features {
  1968. display:flex;
  1969. align-items:center;
  1970. position:relative;
  1971. background-color:#f7f9fa;
  1972. padding:40px
  1973. }
  1974. @media (min-width:768px) {
  1975. .pricing-card__features {
  1976. width:50%;
  1977. padding:0 40px 0 40px
  1978. }
  1979. }.xm-color-g10 {
  1980. color:#fcfcfc
  1981. }
  1982. .xm-color-g20 {
  1983. color:#f9f9f9
  1984. }
  1985. .xm-color-g30 {
  1986. color:#ebebeb
  1987. }
  1988. .xm-color-g40 {
  1989. color:#d6d6d6
  1990. }
  1991. .xm-color-g50 {
  1992. color:#b2b2b2
  1993. }
  1994. .xm-color-g60 {
  1995. color:#8c8c8c
  1996. }
  1997. .xm-color-g70 {
  1998. color:#666
  1999. }
  2000. .xm-color-g80 {
  2001. color:#2b2b2b
  2002. }
  2003. .xm-color-g90 {
  2004. color:#111
  2005. }
  2006. .main-block,.main-feature {
  2007. position:relative;
  2008. padding:48px 0 64px 0
  2009. }
  2010. @media only screen and (min-width:576px) {
  2011. .main-block,.main-feature {
  2012. padding:64px 0 80px 0
  2013. }
  2014. }.main-block {
  2015. padding:45px 0
  2016. }
  2017. @media only screen and (min-width:576px) {
  2018. .main-block {
  2019. padding:80px 0
  2020. }
  2021. }.main-feature__image img {
  2022. max-width:100%;
  2023. width:100%
  2024. }
  2025. .main-feature__text {
  2026. display:flex;
  2027. align-items:center
  2028. }
  2029. .main-feature__text h2 {
  2030. font-weight:600
  2031. }
  2032. .main-feature__text p {
  2033. font-size:1.25rem
  2034. }
  2035. .main-feature__image {
  2036. text-align:center;
  2037. padding-bottom:24px
  2038. }
  2039. .xm-color-g10 {
  2040. color:#fcfcfc
  2041. }
  2042. .xm-color-g20 {
  2043. color:#f9f9f9
  2044. }
  2045. .xm-color-g30 {
  2046. color:#ebebeb
  2047. }
  2048. .xm-color-g40 {
  2049. color:#d6d6d6
  2050. }
  2051. .xm-color-g50 {
  2052. color:#b2b2b2
  2053. }
  2054. .xm-color-g60 {
  2055. color:#8c8c8c
  2056. }
  2057. .xm-color-g70 {
  2058. color:#666
  2059. }
  2060. .xm-color-g80 {
  2061. color:#2b2b2b
  2062. }
  2063. .xm-color-g90 {
  2064. color:#111
  2065. }
  2066. .compare-table {
  2067. color:#2b2b2b;
  2068. position:relative;
  2069. padding:48px 24px 64px 24px;
  2070. border-radius:8px;
  2071. box-shadow:0 8px 12px -12px rgba(0,0,0,.5),0 8px 24px 0 rgba(0,0,0,.1);
  2072. margin:0 0 64px 0
  2073. }
  2074. .compare-table .row {
  2075. margin-left:0;
  2076. margin-right:0
  2077. }
  2078. .compare-table [class*=col-] {
  2079. padding-left:0;
  2080. padding-right:0
  2081. }
  2082. .compare-table .icon-star-solid {
  2083. color:#f1a204
  2084. }
  2085. @media only screen and (max-width:767px) {
  2086. .compare-table {
  2087. font-size:14px;
  2088. box-shadow:none;
  2089. padding:0
  2090. }
  2091. }.compare-table__row {
  2092. padding:16px 0;
  2093. border-bottom:1px solid #d6d6d6
  2094. }
  2095. .compare-table__feature {
  2096. margin-bottom:8px;
  2097. font-weight:600;
  2098. color:#8c8c8c
  2099. }
  2100. .xm-color-g10 {
  2101. color:#fcfcfc
  2102. }
  2103. .xm-color-g20 {
  2104. color:#f9f9f9
  2105. }
  2106. .xm-color-g30 {
  2107. color:#ebebeb
  2108. }
  2109. .xm-color-g40 {
  2110. color:#d6d6d6
  2111. }
  2112. .xm-color-g50 {
  2113. color:#b2b2b2
  2114. }
  2115. .xm-color-g60 {
  2116. color:#8c8c8c
  2117. }
  2118. .xm-color-g70 {
  2119. color:#666
  2120. }
  2121. .xm-color-g80 {
  2122. color:#2b2b2b
  2123. }
  2124. .xm-color-g90 {
  2125. color:#111
  2126. }
  2127. .step-bar {
  2128. position:relative;
  2129. display:flex;
  2130. justify-content:space-between;
  2131. align-items:center
  2132. }
  2133. .step {
  2134. position:relative;
  2135. top:14px
  2136. }
  2137. .step__circle {
  2138. height:64px;
  2139. width:64px;
  2140. flex-grow:0;
  2141. flex-shrink:0;
  2142. background-color:#ebebeb;
  2143. border-radius:50%;
  2144. display:flex;
  2145. align-items:center;
  2146. justify-content:center;
  2147. color:#fff;
  2148. font-size:20px
  2149. }
  2150. .step__text {
  2151. width:100%;
  2152. text-align:center;
  2153. padding-top:8px
  2154. }
  2155. .step-line {
  2156. height:1px;
  2157. width:100%;
  2158. background-color:#d6d6d6
  2159. }
  2160. .step_done .step__circle {
  2161. background-color:#1dc360
  2162. }
  2163. .step-line_done {
  2164. background-color:#1dc360
  2165. }
  2166. .xm-color-g10 {
  2167. color:#fcfcfc
  2168. }
  2169. .xm-color-g20 {
  2170. color:#f9f9f9
  2171. }
  2172. .xm-color-g30 {
  2173. color:#ebebeb
  2174. }
  2175. .xm-color-g40 {
  2176. color:#d6d6d6
  2177. }
  2178. .xm-color-g50 {
  2179. color:#b2b2b2
  2180. }
  2181. .xm-color-g60 {
  2182. color:#8c8c8c
  2183. }
  2184. .xm-color-g70 {
  2185. color:#666
  2186. }
  2187. .xm-color-g80 {
  2188. color:#2b2b2b
  2189. }
  2190. .xm-color-g90 {
  2191. color:#111
  2192. }
  2193. .xm-dialog {
  2194. position:absolute;
  2195. background-color:#fff;
  2196. width:calc(100% - 30px);
  2197. top:50%;
  2198. left:50%;
  2199. -webkit-transform:translate(-50%,-50%);
  2200. transform:translate(-50%,-50%);
  2201. box-shadow:0 8px 16px 0 rgba(67,75,84,.2);
  2202. border-radius:4px;
  2203. padding:24px;
  2204. overflow:hidden;
  2205. font-size:16px;
  2206. font-weight:400
  2207. }
  2208. @media only screen and (min-width:576px) {
  2209. .xm-dialog {
  2210. width:540px
  2211. }
  2212. }.xm-dialog .btn {
  2213. text-transform:initial
  2214. }
  2215. .xm-dialog__top-bar {
  2216. position:absolute;
  2217. top:0;
  2218. left:0;
  2219. width:100%;
  2220. height:4px;
  2221. background-color:#f83621
  2222. }
  2223. .xm-dialog__close-btn {
  2224. position:absolute;
  2225. top:8px;
  2226. right:8px;
  2227. cursor:pointer;
  2228. color:#8c8c8c
  2229. }
  2230. .xm-dialog__close-btn:hover {
  2231. color:#000
  2232. }
  2233. .xm-dialog__footer {
  2234. display:flex;
  2235. justify-content:flex-start;
  2236. margin-top:24px
  2237. }
  2238. .xm-dialog__footer .loading {
  2239. height:26px
  2240. }
  2241. .xm-dialog__footer .loading div {
  2242. top:10px
  2243. }
  2244. .xm-dialog__confirm {
  2245. white-space:initial;
  2246. position:relative;
  2247. margin-right:8px
  2248. }
  2249. @media only screen and (max-width:767px) {
  2250. .xm-dialog__confirm {
  2251. margin:0;
  2252. margin-bottom:16px
  2253. }
  2254. }.xm-dialog-background {
  2255. position:fixed;
  2256. top:0;
  2257. left:0;
  2258. width:100%;
  2259. height:100%;
  2260. background-color:rgba(0,0,0,.3);
  2261. z-index:9999;
  2262. overflow:hidden
  2263. }
  2264. .xm-dialog-background.hidden {
  2265. display:none
  2266. }
  2267. .xm-dialog-background.transparent {
  2268. background-color:transparent
  2269. }
  2270. @media only screen and (max-width:767px) {
  2271. .xm-dialog {
  2272. padding:24px
  2273. }
  2274. .xm-dialog__footer {
  2275. flex-direction:column
  2276. }
  2277. .xm-dialog__confirm {
  2278. width:100%;
  2279. padding-left:0;
  2280. padding-right:0
  2281. }
  2282. .xm-dialog__cancel {
  2283. text-align:center
  2284. }
  2285. }@font-face {
  2286. font-family:SourceSansPro;
  2287. font-style:normal;
  2288. src:local("SourceSansPro Regular"),local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(SourceSansPro-Regular-5182da425f.ttf) format("truetype")
  2289. }
  2290. @font-face {
  2291. font-family:SourceSansPro;
  2292. font-style:normal;
  2293. font-weight:300;
  2294. src:local("SourceSansPro Light"),local("SourceSansPro-Light"),url(SourceSansPro-Light-ee2a11b805.ttf) format("truetype")
  2295. }
  2296. @font-face {
  2297. font-family:SourceSansPro;
  2298. font-style:normal;
  2299. font-weight:400;
  2300. src:local("SourceSansPro Regular"),local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(SourceSansPro-Regular-5182da425f.ttf) format("truetype")
  2301. }
  2302. @font-face {
  2303. font-family:SourceSansPro;
  2304. font-style:normal;
  2305. font-weight:600;
  2306. src:local("SourceSansPro SemiBold"),local("SourceSansPro-SemiBold"),url(SourceSansPro-SemiBold-774c05ccae.ttf) format("truetype")
  2307. }
  2308. @font-face {
  2309. font-family:SourceSansPro;
  2310. font-style:normal;
  2311. font-weight:700;
  2312. src:local("SourceSansPro Bold"),local("SourceSansPro-Bold"),url(SourceSansPro-Bold-0d9b62a032.ttf) format("truetype")
  2313. }
  2314. @font-face {
  2315. font-family:SourceSansPro;
  2316. font-style:normal;
  2317. src:local("SourceSansPro Regular"),local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(SourceSansPro-Regular-5182da425f.ttf) format("truetype")
  2318. }
  2319. @font-face {
  2320. font-family:SourceSansPro;
  2321. font-style:normal;
  2322. font-weight:300;
  2323. src:local("SourceSansPro Light"),local("SourceSansPro-Light"),url(SourceSansPro-Light-ee2a11b805.ttf) format("truetype")
  2324. }
  2325. @font-face {
  2326. font-family:SourceSansPro;
  2327. font-style:normal;
  2328. font-weight:400;
  2329. src:local("SourceSansPro Regular"),local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(SourceSansPro-Regular-5182da425f.ttf) format("truetype")
  2330. }
  2331. @font-face {
  2332. font-family:SourceSansPro;
  2333. font-style:normal;
  2334. font-weight:600;
  2335. src:local("SourceSansPro SemiBold"),local("SourceSansPro-SemiBold"),url(SourceSansPro-SemiBold-774c05ccae.ttf) format("truetype")
  2336. }
  2337. @font-face {
  2338. font-family:SourceSansPro;
  2339. font-style:normal;
  2340. font-weight:700;
  2341. src:local("SourceSansPro Bold"),local("SourceSansPro-Bold"),url(SourceSansPro-Bold-0d9b62a032.ttf) format("truetype")
  2342. }
  2343. @font-face {
  2344. font-family:NeverMind;
  2345. font-style:normal;
  2346. font-weight:300;
  2347. src:local("NeverMind Light"),local("NeverMind-Light"),url(NeverMind-light300-9be0983801.eot) format("embedded-opentype");
  2348. src:local("NeverMind Light"),local("NeverMind-Light"),url(NeverMind-light300-71847da27d.woff) format("woff"),url(NeverMind-light300-7dbe96bfde.ttf) format("truetype")
  2349. }
  2350. @font-face {
  2351. font-family:NeverMind;
  2352. font-style:normal;
  2353. font-weight:400;
  2354. src:local("NeverMind Regular"),local("NeverMind-Regular"),url(NeverMind-Regular400-7e0a6876e6.eot) format("embedded-opentype");
  2355. src:local("NeverMind Regular"),local("NeverMind-Regular"),url(NeverMind-Regular400-90c70ed54d.woff) format("woff"),url(NeverMind-Regular400-c286194140.ttf) format("truetype")
  2356. }
  2357. @font-face {
  2358. font-family:NeverMind;
  2359. font-style:normal;
  2360. font-weight:500;
  2361. src:local("NeverMind Medium"),local("NeverMind-Medium"),url(NeverMind-Medium500-9f96bf84cf.eot) format("embedded-opentype");
  2362. src:local("NeverMind Medium"),local("NeverMind-Medium"),url(NeverMind-Medium500-a98b53da8d.woff) format("woff"),url(NeverMind-Medium500-d714868f68.ttf) format("truetype")
  2363. }
  2364. @font-face {
  2365. font-family:NeverMind;
  2366. font-style:normal;
  2367. font-weight:600;
  2368. src:local("NeverMind SemiBold"),local("NeverMind-SemiBold"),url(NeverMind-DemiBold600-46676bca90.eot) format("embedded-opentype");
  2369. src:local("NeverMind SemiBold"),local("NeverMind-SemiBold"),url(NeverMind-DemiBold600-ef350933d7.woff) format("woff"),url(NeverMind-DemiBold600-c39bb0be14.ttf) format("truetype")
  2370. }
  2371. @font-face {
  2372. font-family:NeverMind;
  2373. font-style:normal;
  2374. font-weight:700;
  2375. src:local("NeverMind Bold"),local("NeverMind-Bold"),url(NeverMind-Bold700-4b58f2a40c.eot) format("embedded-opentype");
  2376. src:local("NeverMind Bold"),local("NeverMind-Bold"),url(NeverMind-Bold700-7d10122186.woff) format("woff"),url(NeverMind-Bold700-7733632a4e.ttf) format("truetype")
  2377. }
  2378. @font-face {
  2379. font-family:NeverMind;
  2380. font-style:normal;
  2381. font-weight:800;
  2382. src:local("NeverMind ExtraBold"),local("NeverMind-ExtraBold"),url(NeverMind-Extrabold800-44dd1cc51c.eot) format("embedded-opentype");
  2383. src:local("NeverMind ExtraBold"),local("NeverMind-ExtraBold"),url(NeverMind-Extrabold800-08fd0ae7d3.woff) format("woff"),url(NeverMind-Extrabold800-ef7df2e95a.ttf) format("truetype")
  2384. }
  2385. @font-face {
  2386. font-family:NeverMindCondense;
  2387. font-style:normal;
  2388. font-weight:300;
  2389. src:local("NeverMindCondense Light"),local("NeverMindCondense-Light"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondlight300-4b202f0658.eot) format("embedded-opentype");
  2390. src:local("NeverMindCondense Light"),local("NeverMindCondense-Light"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondlight300-dfadd0e0f2.woff) format("woff"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondlight300-275b31e29c.ttf) format("truetype")
  2391. }
  2392. @font-face {
  2393. font-family:NeverMindCondense;
  2394. font-style:normal;
  2395. font-weight:400;
  2396. src:local("NeverMindCondense Regular"),local("NeverMindCondense-Regular"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondRegular400-5089a0a835.eot) format("embedded-opentype");
  2397. src:local("NeverMindCondense Regular"),local("NeverMindCondense-Regular"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondRegular400-0fdc275c78.woff) format("woff"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondRegular400-e071b0dea6.ttf) format("truetype")
  2398. }
  2399. @font-face {
  2400. font-family:NeverMindCondense;
  2401. font-style:normal;
  2402. font-weight:500;
  2403. src:local("NeverMindCondense Medium"),local("NeverMindCondense-Medium"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondMedium500-8ab4caf6cc.eot) format("embedded-opentype");
  2404. src:local("NeverMindCondense Medium"),local("NeverMindCondense-Medium"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondMedium500-2942358fdb.woff) format("woff"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondMedium500-fa0c89a8e1.ttf) format("truetype")
  2405. }
  2406. @font-face {
  2407. font-family:NeverMindCondense;
  2408. font-style:normal;
  2409. font-weight:600;
  2410. src:local("NeverMindCondense SemiBold"),local("NeverMindCondense-SemiBold"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondDemiBold600-4cc2acec9e.eot) format("embedded-opentype");
  2411. src:local("NeverMindCondense SemiBold"),local("NeverMindCondense-SemiBold"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondDemiBold600-014fbd93f8.woff) format("woff"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondDemiBold600-e750bf2c1d.ttf) format("truetype")
  2412. }
  2413. @font-face {
  2414. font-family:NeverMindCondense;
  2415. font-style:normal;
  2416. font-weight:700;
  2417. src:local("NeverMindCondense Bold"),local("NeverMindCondense-Bold"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondBold700-0e176f50c8.eot) format("embedded-opentype");
  2418. src:local("NeverMindCondense Bold"),local("NeverMindCondense-Bold"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondBold700-cd724c430d.woff) format("woff"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondBold700-5751b9465e.ttf) format("truetype")
  2419. }
  2420. @font-face {
  2421. font-family:NeverMindCondense;
  2422. font-style:normal;
  2423. font-weight:800;
  2424. src:local("NeverMindCondense ExtraBold"),local("NeverMindCondense-ExtraBold"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondExtraBold800-39ab6808de.eot) format("embedded-opentype");
  2425. src:local("NeverMindCondense ExtraBold"),local("NeverMindCondense-ExtraBold"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondExtraBold800-7319fdca76.woff) format("woff"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondExtraBold800-bb72c718df.ttf) format("truetype")
  2426. }
  2427. @font-face {
  2428. font-family:NeverMindHand;
  2429. font-style:normal;
  2430. font-weight:400;
  2431. src:local("NeverMindHand Regular"),local("NeverMindHand-Regular"),url(/vendor/fonts/NeverMindHand/NeverMindHand-Regular-22561e6bec.ttf) format("truetype")
  2432. }
  2433. @font-face {
  2434. font-family:NeverMindHand;
  2435. font-style:normal;
  2436. font-weight:700;
  2437. src:local("NeverMindHand Bold"),local("NeverMindHand-Bold"),url(/vendor/fonts/NeverMindHand/NeverMindHand-Bold-a740665ff7.ttf) format("truetype")
  2438. }
  2439. @font-face {
  2440. font-family:NeverMindSemiSerif;
  2441. font-style:normal;
  2442. font-weight:700;
  2443. src:local("NeverMindsemi-serif Bold"),local("NeverMindsemi-serif-Bold"),url(NeverMindsemi-serif-Bold-9af95c578f.ttf) format("truetype")
  2444. }
  2445. @font-face {
  2446. font-family:Xmind;
  2447. font-style:normal;
  2448. font-weight:700;
  2449. src:local("Xmind Bold"),local("Xmind-Bold"),url(/vendor/fonts/Xmind/Xmind-Bold-ed0527ca92.otf) format("opentype")
  2450. }
  2451. @font-face {
  2452. font-family:Lemon;
  2453. font-style:normal;
  2454. font-weight:400;
  2455. src:local("Lemon Regular"),local("Lemon-Regular"),url(Lemon-Regular-c914cb8c76.ttf) format("truetype")
  2456. }
  2457. i.flag {
  2458. background:url(/flag-bc1d90d854.png) no-repeat 0 0;
  2459. height:18px;
  2460. width:24px;
  2461. display:inline-block;
  2462. border:1px solid #e8e8e8;
  2463. position:relative;
  2464. top:4px;
  2465. margin-right:5px;
  2466. vertical-align:text-bottom
  2467. }
  2468. i.flag.flag-cn {
  2469. background-position:0 0
  2470. }
  2471. i.flag.flag-jp {
  2472. background-position:0 -24px
  2473. }
  2474. i.flag.flag-hk {
  2475. background-position:0 -48px
  2476. }
  2477. i.flag.flag-sg {
  2478. background-position:0 -72px
  2479. }
  2480. i.flag.flag-sp {
  2481. background-position:0 -96px
  2482. }
  2483. i.flag.flag-tw {
  2484. background-position:0 -120px
  2485. }
  2486. i.flag.flag-eu {
  2487. background-position:0 -144px
  2488. }
  2489. i.flag.flag-kr {
  2490. background-position:0 -168px
  2491. }
  2492. i.flag.flag-bz {
  2493. background-position:0 -191px
  2494. }
  2495. .xm-icon-right::after {
  2496. content:"›";
  2497. display:inline-block;
  2498. font-size:1.5em;
  2499. position:relative;
  2500. top:.05em;
  2501. margin-left:.3em;
  2502. text-decoration:none;
  2503. line-height:1
  2504. }
  2505. .xm-color-g10 {
  2506. color:#fcfcfc
  2507. }
  2508. .xm-color-g20 {
  2509. color:#f9f9f9
  2510. }
  2511. .xm-color-g30 {
  2512. color:#ebebeb
  2513. }
  2514. .xm-color-g40 {
  2515. color:#d6d6d6
  2516. }
  2517. .xm-color-g50 {
  2518. color:#b2b2b2
  2519. }
  2520. .xm-color-g60 {
  2521. color:#8c8c8c
  2522. }
  2523. .xm-color-g70 {
  2524. color:#666
  2525. }
  2526. .xm-color-g80 {
  2527. color:#2b2b2b
  2528. }
  2529. .xm-color-g90 {
  2530. color:#111
  2531. }
  2532. @-webkit-keyframes lds-ellipsis1 {
  2533. 0% {
  2534. -webkit-transform:scale(0);
  2535. transform:scale(0)
  2536. }
  2537. 100% {
  2538. -webkit-transform:scale(1);
  2539. transform:scale(1)
  2540. }
  2541. }@keyframes lds-ellipsis1 {
  2542. 0% {
  2543. -webkit-transform:scale(0);
  2544. transform:scale(0)
  2545. }
  2546. 100% {
  2547. -webkit-transform:scale(1);
  2548. transform:scale(1)
  2549. }
  2550. }@-webkit-keyframes lds-ellipsis3 {
  2551. 0% {
  2552. -webkit-transform:scale(1);
  2553. transform:scale(1)
  2554. }
  2555. 100% {
  2556. -webkit-transform:scale(0);
  2557. transform:scale(0)
  2558. }
  2559. }@keyframes lds-ellipsis3 {
  2560. 0% {
  2561. -webkit-transform:scale(1);
  2562. transform:scale(1)
  2563. }
  2564. 100% {
  2565. -webkit-transform:scale(0);
  2566. transform:scale(0)
  2567. }
  2568. }@-webkit-keyframes lds-ellipsis2 {
  2569. 0% {
  2570. -webkit-transform:translate(0,0);
  2571. transform:translate(0,0)
  2572. }
  2573. 100% {
  2574. -webkit-transform:translate(19px,0);
  2575. transform:translate(19px,0)
  2576. }
  2577. }@keyframes lds-ellipsis2 {
  2578. 0% {
  2579. -webkit-transform:translate(0,0);
  2580. transform:translate(0,0)
  2581. }
  2582. 100% {
  2583. -webkit-transform:translate(19px,0);
  2584. transform:translate(19px,0)
  2585. }
  2586. }.loading {
  2587. position:absolute;
  2588. top:50%;
  2589. left:50%;
  2590. -webkit-transform:translate(-50%,-50%);
  2591. transform:translate(-50%,-50%);
  2592. display:inline-block;
  2593. width:64px;
  2594. height:40px
  2595. }
  2596. .loading div {
  2597. position:absolute;
  2598. top:15.5px;
  2599. width:9px;
  2600. height:9px;
  2601. border-radius:50%;
  2602. background:#fff;
  2603. -webkit-animation-timing-function:cubic-bezier(0,1,1,0);
  2604. animation-timing-function:cubic-bezier(0,1,1,0)
  2605. }
  2606. .loading.dark div {
  2607. background:#000
  2608. }
  2609. .loading div:nth-child(1) {
  2610. left:6px;
  2611. -webkit-animation:lds-ellipsis1 .6s infinite;
  2612. animation:lds-ellipsis1 .6s infinite
  2613. }
  2614. .loading div:nth-child(2) {
  2615. left:6px;
  2616. -webkit-animation:lds-ellipsis2 .6s infinite;
  2617. animation:lds-ellipsis2 .6s infinite
  2618. }
  2619. .loading div:nth-child(3) {
  2620. left:26px;
  2621. -webkit-animation:lds-ellipsis2 .6s infinite;
  2622. animation:lds-ellipsis2 .6s infinite
  2623. }
  2624. .loading div:nth-child(4) {
  2625. left:45px;
  2626. -webkit-animation:lds-ellipsis3 .6s infinite;
  2627. animation:lds-ellipsis3 .6s infinite
  2628. }
  2629. #compare {
  2630. min-width:320px;
  2631. background:#fff;
  2632. color:#333;
  2633. font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif;
  2634. font-size:12px;
  2635. line-height:1.5;
  2636. -webkit-font-smoothing:antialiased
  2637. }
  2638. #compare p {
  2639. font-size:16px;
  2640. line-height:1.4;
  2641. margin-top:10px;
  2642. margin-bottom:26px
  2643. }
  2644. #compare ul {
  2645. padding:0
  2646. }
  2647. #compare .container:after,#compare .container:before {
  2648. display:table;
  2649. content:""
  2650. }
  2651. #compare .container:after {
  2652. clear:both
  2653. }
  2654. #compare .compare-header {
  2655. height:60px;
  2656. z-index:97
  2657. }
  2658. #compare .compare-header nav {
  2659. text-align:center
  2660. }
  2661. #compare .compare-header nav>ul {
  2662. display:inline-block;
  2663. margin:-6px 0 0
  2664. }
  2665. #compare .compare-header nav>ul .current:after {
  2666. content:'';
  2667. position:absolute;
  2668. bottom:0;
  2669. left:0;
  2670. height:1px;
  2671. width:100%;
  2672. background:#d2232a
  2673. }
  2674. #compare .compare-header nav>ul li {
  2675. list-style:none;
  2676. float:left;
  2677. margin:0;
  2678. position:relative
  2679. }
  2680. #compare .compare-header nav>ul li a {
  2681. border-bottom:1px solid transparent;
  2682. border-top:6px solid transparent;
  2683. color:#3a3a3a;
  2684. font-size:15px;
  2685. display:block;
  2686. letter-spacing:-.08px;
  2687. position:relative;
  2688. text-align:center;
  2689. padding:0 20px;
  2690. line-height:60px;
  2691. font-weight:500;
  2692. z-index:98;
  2693. text-decoration:none
  2694. }
  2695. #compare .compare-header nav>ul li a:hover {
  2696. opacity:.6
  2697. }
  2698. #compare .compare-header-shadow {
  2699. width:100%;
  2700. height:60px;
  2701. margin-top:-60px;
  2702. box-shadow:0 0 5px 0 rgba(32,40,49,.15)
  2703. }
  2704. #compare .compare-title {
  2705. font-weight:400;
  2706. text-align:center;
  2707. width:80%;
  2708. margin:55px auto 50px auto;
  2709. font-size:60px;
  2710. letter-spacing:-.02px
  2711. }
  2712. @media screen and (max-width:767px) {
  2713. #compare .compare-title {
  2714. font-size:46px
  2715. }
  2716. }#compare .container-wrap .container {
  2717. text-align:center
  2718. }
  2719. #compare .container-wrap .container .cloud-title-wrap {
  2720. margin-top:46px;
  2721. margin-bottom:20px
  2722. }
  2723. #compare .container-wrap .container .cloud-title-wrap h2 {
  2724. font-size:40px;
  2725. font-weight:400;
  2726. text-align:center;
  2727. margin-bottom:50px;
  2728. padding-top:20px
  2729. }
  2730. @media screen and (max-width:767px) {
  2731. #compare .container-wrap .container .cloud-title-wrap h2 {
  2732. font-size:28px
  2733. }
  2734. }#compare .container-wrap .container .bottom-text {
  2735. font-size:14px;
  2736. line-height:1.3;
  2737. margin-bottom:70px;
  2738. margin-top:44px;
  2739. padding:0 75px;
  2740. text-align:center
  2741. }
  2742. #compare .color-white {
  2743. color:#fff
  2744. }
  2745. #compare .background-red {
  2746. background-color:#e85d4e
  2747. }
  2748. #compare .background-dark {
  2749. background-color:#2b2f33
  2750. }
  2751. .xm-color-g10 {
  2752. color:#fcfcfc
  2753. }
  2754. .xm-color-g20 {
  2755. color:#f9f9f9
  2756. }
  2757. .xm-color-g30 {
  2758. color:#ebebeb
  2759. }
  2760. .xm-color-g40 {
  2761. color:#d6d6d6
  2762. }
  2763. .xm-color-g50 {
  2764. color:#b2b2b2
  2765. }
  2766. .xm-color-g60 {
  2767. color:#8c8c8c
  2768. }
  2769. .xm-color-g70 {
  2770. color:#666
  2771. }
  2772. .xm-color-g80 {
  2773. color:#2b2b2b
  2774. }
  2775. .xm-color-g90 {
  2776. color:#111
  2777. }
  2778. @keyframes lds-ellipsis1 {
  2779. 0% {
  2780. -webkit-transform:scale(0);
  2781. transform:scale(0)
  2782. }
  2783. 100% {
  2784. -webkit-transform:scale(1);
  2785. transform:scale(1)
  2786. }
  2787. }@keyframes lds-ellipsis3 {
  2788. 0% {
  2789. -webkit-transform:scale(1);
  2790. transform:scale(1)
  2791. }
  2792. 100% {
  2793. -webkit-transform:scale(0);
  2794. transform:scale(0)
  2795. }
  2796. }@keyframes lds-ellipsis2 {
  2797. 0% {
  2798. -webkit-transform:translate(0,0);
  2799. transform:translate(0,0)
  2800. }
  2801. 100% {
  2802. -webkit-transform:translate(19px,0);
  2803. transform:translate(19px,0)
  2804. }
  2805. }.loading {
  2806. position:absolute;
  2807. top:50%;
  2808. left:50%;
  2809. -webkit-transform:translate(-50%,-50%);
  2810. transform:translate(-50%,-50%);
  2811. display:inline-block;
  2812. width:64px;
  2813. height:40px
  2814. }
  2815. .loading div {
  2816. position:absolute;
  2817. top:15.5px;
  2818. width:9px;
  2819. height:9px;
  2820. border-radius:50%;
  2821. background:#fff;
  2822. -webkit-animation-timing-function:cubic-bezier(0,1,1,0);
  2823. animation-timing-function:cubic-bezier(0,1,1,0)
  2824. }
  2825. .loading.dark div {
  2826. background:#000
  2827. }
  2828. .loading div:nth-child(1) {
  2829. left:6px;
  2830. -webkit-animation:lds-ellipsis1 .6s infinite;
  2831. animation:lds-ellipsis1 .6s infinite
  2832. }
  2833. .loading div:nth-child(2) {
  2834. left:6px;
  2835. -webkit-animation:lds-ellipsis2 .6s infinite;
  2836. animation:lds-ellipsis2 .6s infinite
  2837. }
  2838. .loading div:nth-child(3) {
  2839. left:26px;
  2840. -webkit-animation:lds-ellipsis2 .6s infinite;
  2841. animation:lds-ellipsis2 .6s infinite
  2842. }
  2843. .loading div:nth-child(4) {
  2844. left:45px;
  2845. -webkit-animation:lds-ellipsis3 .6s infinite;
  2846. animation:lds-ellipsis3 .6s infinite
  2847. }
  2848. #partner {
  2849. padding-top:40px;
  2850. font-size:13px;
  2851. min-width:320px;
  2852. background:#fff;
  2853. color:#333;
  2854. font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif;
  2855. font-size:12px;
  2856. line-height:1.5;
  2857. -webkit-font-smoothing:antialiased
  2858. }
  2859. #partner header h1 {
  2860. text-align:center
  2861. }
  2862. #partner p {
  2863. font-size:16px;
  2864. line-height:1.4;
  2865. margin-top:10px;
  2866. margin-bottom:26px
  2867. }
  2868. #partner h3 {
  2869. font-size:24px;
  2870. font-weight:300;
  2871. margin-top:40px
  2872. }
  2873. #partner ul {
  2874. padding:0;
  2875. list-style:none
  2876. }
  2877. #partner ul li {
  2878. float:left;
  2879. margin-bottom:20px
  2880. }
  2881. #partner ul li .left {
  2882. float:left;
  2883. margin-right:-30px
  2884. }
  2885. #partner ul li .left img {
  2886. width:70%
  2887. }
  2888. #partner ul li h4 {
  2889. font-weight:300;
  2890. font-size:18px
  2891. }
  2892. #partner .partner-title {
  2893. font-weight:400;
  2894. text-align:center;
  2895. width:80%;
  2896. margin:55px auto 50px auto;
  2897. font-size:60px;
  2898. letter-spacing:-.02px
  2899. }
  2900. @media screen and (max-width:767px) {
  2901. #partner .partner-title {
  2902. font-size:46px
  2903. }
  2904. }#partner .partner-align-center {
  2905. margin-left:auto;
  2906. margin-right:auto;
  2907. text-align:center
  2908. }
  2909. #partner .partner-align-center img {
  2910. max-width:787px;
  2911. width:100%
  2912. }
  2913. #partner .content-sections:last-child {
  2914. margin-bottom:80px
  2915. }
  2916. #partner .partner-button {
  2917. padding:4px 18px;
  2918. border:0;
  2919. border-radius:18px;
  2920. font-size:14px;
  2921. color:#fff;
  2922. background-color:#33b311
  2923. }
  2924. #partner .partner-button:hover {
  2925. color:#fff;
  2926. background-color:#29900e;
  2927. text-decoration:none
  2928. }
  2929. .xm-color-g10 {
  2930. color:#fcfcfc
  2931. }
  2932. .xm-color-g20 {
  2933. color:#f9f9f9
  2934. }
  2935. .xm-color-g30 {
  2936. color:#ebebeb
  2937. }
  2938. .xm-color-g40 {
  2939. color:#d6d6d6
  2940. }
  2941. .xm-color-g50 {
  2942. color:#b2b2b2
  2943. }
  2944. .xm-color-g60 {
  2945. color:#8c8c8c
  2946. }
  2947. .xm-color-g70 {
  2948. color:#666
  2949. }
  2950. .xm-color-g80 {
  2951. color:#2b2b2b
  2952. }
  2953. .xm-color-g90 {
  2954. color:#111
  2955. }
  2956. @keyframes lds-ellipsis1 {
  2957. 0% {
  2958. -webkit-transform:scale(0);
  2959. transform:scale(0)
  2960. }
  2961. 100% {
  2962. -webkit-transform:scale(1);
  2963. transform:scale(1)
  2964. }
  2965. }@keyframes lds-ellipsis3 {
  2966. 0% {
  2967. -webkit-transform:scale(1);
  2968. transform:scale(1)
  2969. }
  2970. 100% {
  2971. -webkit-transform:scale(0);
  2972. transform:scale(0)
  2973. }
  2974. }@keyframes lds-ellipsis2 {
  2975. 0% {
  2976. -webkit-transform:translate(0,0);
  2977. transform:translate(0,0)
  2978. }
  2979. 100% {
  2980. -webkit-transform:translate(19px,0);
  2981. transform:translate(19px,0)
  2982. }
  2983. }.loading {
  2984. position:absolute;
  2985. top:50%;
  2986. left:50%;
  2987. -webkit-transform:translate(-50%,-50%);
  2988. transform:translate(-50%,-50%);
  2989. display:inline-block;
  2990. width:64px;
  2991. height:40px
  2992. }
  2993. .loading div {
  2994. position:absolute;
  2995. top:15.5px;
  2996. width:9px;
  2997. height:9px;
  2998. border-radius:50%;
  2999. background:#fff;
  3000. -webkit-animation-timing-function:cubic-bezier(0,1,1,0);
  3001. animation-timing-function:cubic-bezier(0,1,1,0)
  3002. }
  3003. .loading.dark div {
  3004. background:#000
  3005. }
  3006. .loading div:nth-child(1) {
  3007. left:6px;
  3008. -webkit-animation:lds-ellipsis1 .6s infinite;
  3009. animation:lds-ellipsis1 .6s infinite
  3010. }
  3011. .loading div:nth-child(2) {
  3012. left:6px;
  3013. -webkit-animation:lds-ellipsis2 .6s infinite;
  3014. animation:lds-ellipsis2 .6s infinite
  3015. }
  3016. .loading div:nth-child(3) {
  3017. left:26px;
  3018. -webkit-animation:lds-ellipsis2 .6s infinite;
  3019. animation:lds-ellipsis2 .6s infinite
  3020. }
  3021. .loading div:nth-child(4) {
  3022. left:45px;
  3023. -webkit-animation:lds-ellipsis3 .6s infinite;
  3024. animation:lds-ellipsis3 .6s infinite
  3025. }
  3026. #developer {
  3027. min-width:320px;
  3028. background:#fff;
  3029. color:#333;
  3030. font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif;
  3031. font-size:12px;
  3032. line-height:1.5;
  3033. -webkit-font-smoothing:antialiased
  3034. }
  3035. #developer h3 {
  3036. font-size:1.5rem;
  3037. font-weight:300;
  3038. margin-top:40px;
  3039. color:#333;
  3040. line-height:1.4;
  3041. margin-bottom:15px
  3042. }
  3043. #developer p {
  3044. font-size:16px;
  3045. line-height:1.4;
  3046. margin-top:10px;
  3047. margin-bottom:26px
  3048. }
  3049. #developer .developer-title {
  3050. font-weight:400;
  3051. text-align:center;
  3052. width:80%;
  3053. margin:55px auto 50px auto;
  3054. font-size:60px;
  3055. letter-spacing:-.02px
  3056. }
  3057. @media screen and (max-width:767px) {
  3058. #developer .developer-title {
  3059. font-size:46px
  3060. }
  3061. }#developer .developer-align-center {
  3062. margin-left:auto;
  3063. margin-right:auto;
  3064. text-align:center
  3065. }
  3066. #developer .text-content:last-child {
  3067. margin-bottom:80px
  3068. }
  3069. #developer .last {
  3070. margin-right:0!important
  3071. }
  3072. #developer .new {
  3073. color:#e85d4e;
  3074. vertical-align:baseline
  3075. }
  3076. .xm-color-g10 {
  3077. color:#fcfcfc
  3078. }
  3079. .xm-color-g20 {
  3080. color:#f9f9f9
  3081. }
  3082. .xm-color-g30 {
  3083. color:#ebebeb
  3084. }
  3085. .xm-color-g40 {
  3086. color:#d6d6d6
  3087. }
  3088. .xm-color-g50 {
  3089. color:#b2b2b2
  3090. }
  3091. .xm-color-g60 {
  3092. color:#8c8c8c
  3093. }
  3094. .xm-color-g70 {
  3095. color:#666
  3096. }
  3097. .xm-color-g80 {
  3098. color:#2b2b2b
  3099. }
  3100. .xm-color-g90 {
  3101. color:#111
  3102. }
  3103. @keyframes lds-ellipsis1 {
  3104. 0% {
  3105. -webkit-transform:scale(0);
  3106. transform:scale(0)
  3107. }
  3108. 100% {
  3109. -webkit-transform:scale(1);
  3110. transform:scale(1)
  3111. }
  3112. }@keyframes lds-ellipsis3 {
  3113. 0% {
  3114. -webkit-transform:scale(1);
  3115. transform:scale(1)
  3116. }
  3117. 100% {
  3118. -webkit-transform:scale(0);
  3119. transform:scale(0)
  3120. }
  3121. }@keyframes lds-ellipsis2 {
  3122. 0% {
  3123. -webkit-transform:translate(0,0);
  3124. transform:translate(0,0)
  3125. }
  3126. 100% {
  3127. -webkit-transform:translate(19px,0);
  3128. transform:translate(19px,0)
  3129. }
  3130. }.loading {
  3131. position:absolute;
  3132. top:50%;
  3133. left:50%;
  3134. -webkit-transform:translate(-50%,-50%);
  3135. transform:translate(-50%,-50%);
  3136. display:inline-block;
  3137. width:64px;
  3138. height:40px
  3139. }
  3140. .loading div {
  3141. position:absolute;
  3142. top:15.5px;
  3143. width:9px;
  3144. height:9px;
  3145. border-radius:50%;
  3146. background:#fff;
  3147. -webkit-animation-timing-function:cubic-bezier(0,1,1,0);
  3148. animation-timing-function:cubic-bezier(0,1,1,0)
  3149. }
  3150. .loading.dark div {
  3151. background:#000
  3152. }
  3153. .loading div:nth-child(1) {
  3154. left:6px;
  3155. -webkit-animation:lds-ellipsis1 .6s infinite;
  3156. animation:lds-ellipsis1 .6s infinite
  3157. }
  3158. .loading div:nth-child(2) {
  3159. left:6px;
  3160. -webkit-animation:lds-ellipsis2 .6s infinite;
  3161. animation:lds-ellipsis2 .6s infinite
  3162. }
  3163. .loading div:nth-child(3) {
  3164. left:26px;
  3165. -webkit-animation:lds-ellipsis2 .6s infinite;
  3166. animation:lds-ellipsis2 .6s infinite
  3167. }
  3168. .loading div:nth-child(4) {
  3169. left:45px;
  3170. -webkit-animation:lds-ellipsis3 .6s infinite;
  3171. animation:lds-ellipsis3 .6s infinite
  3172. }
  3173. #privacy {
  3174. padding-top:40px;
  3175. font-size:13px;
  3176. min-width:320px;
  3177. background:#fff;
  3178. color:#333;
  3179. font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif;
  3180. font-size:12px;
  3181. line-height:1.5;
  3182. -webkit-font-smoothing:antialiased
  3183. }
  3184. #privacy .privacy-header {
  3185. height:60px;
  3186. z-index:97
  3187. }
  3188. #privacy .privacy-header nav {
  3189. text-align:center
  3190. }
  3191. #privacy .privacy-header nav>ul {
  3192. display:inline-block;
  3193. margin:-6px 0 0
  3194. }
  3195. #privacy .privacy-header nav>ul .current:after {
  3196. content:'';
  3197. position:absolute;
  3198. bottom:0;
  3199. left:0;
  3200. height:1px;
  3201. width:100%;
  3202. background:#d2232a
  3203. }
  3204. #privacy .privacy-header nav>ul li {
  3205. list-style:none;
  3206. float:left;
  3207. margin:0;
  3208. position:relative
  3209. }
  3210. #privacy .privacy-header nav>ul li a {
  3211. border-bottom:1px solid transparent;
  3212. border-top:6px solid transparent;
  3213. color:#3a3a3a;
  3214. font-size:15px;
  3215. display:block;
  3216. letter-spacing:-.08px;
  3217. position:relative;
  3218. text-align:center;
  3219. padding:0 20px;
  3220. line-height:60px;
  3221. font-weight:500;
  3222. z-index:98;
  3223. text-decoration:none
  3224. }
  3225. #privacy .privacy-header nav>ul li a:hover {
  3226. opacity:.6
  3227. }
  3228. #privacy .privacy-header-shadow {
  3229. width:100%;
  3230. height:60px;
  3231. margin-top:-60px;
  3232. box-shadow:0 0 5px 0 rgba(32,40,49,.15)
  3233. }
  3234. #privacy .privacy-title {
  3235. font-weight:400;
  3236. text-align:center;
  3237. width:80%;
  3238. margin:55px auto 50px auto;
  3239. font-size:60px;
  3240. letter-spacing:-.02px
  3241. }
  3242. @media screen and (max-width:767px) {
  3243. #privacy .privacy-title {
  3244. font-size:46px
  3245. }
  3246. }#privacy p {
  3247. font-size:16px;
  3248. line-height:1.4;
  3249. margin-top:10px;
  3250. margin-bottom:26px
  3251. }
  3252. #privacy h3 {
  3253. font-size:24px;
  3254. text-align:left;
  3255. font-size:24px;
  3256. font-weight:300;
  3257. margin-top:40px
  3258. }
  3259. #privacy ol,#privacy ul {
  3260. list-style:none;
  3261. padding:0
  3262. }
  3263. #privacy ol li,#privacy ul li {
  3264. margin-left:0
  3265. }
  3266. #privacy .text-content:last-child {
  3267. margin-bottom:80px
  3268. }
  3269. #privacy .last {
  3270. margin-right:0!important
  3271. }
  3272. .xm-color-g10 {
  3273. color:#fcfcfc
  3274. }
  3275. .xm-color-g20 {
  3276. color:#f9f9f9
  3277. }
  3278. .xm-color-g30 {
  3279. color:#ebebeb
  3280. }
  3281. .xm-color-g40 {
  3282. color:#d6d6d6
  3283. }
  3284. .xm-color-g50 {
  3285. color:#b2b2b2
  3286. }
  3287. .xm-color-g60 {
  3288. color:#8c8c8c
  3289. }
  3290. .xm-color-g70 {
  3291. color:#666
  3292. }
  3293. .xm-color-g80 {
  3294. color:#2b2b2b
  3295. }
  3296. .xm-color-g90 {
  3297. color:#111
  3298. }
  3299. @keyframes lds-ellipsis1 {
  3300. 0% {
  3301. -webkit-transform:scale(0);
  3302. transform:scale(0)
  3303. }
  3304. 100% {
  3305. -webkit-transform:scale(1);
  3306. transform:scale(1)
  3307. }
  3308. }@keyframes lds-ellipsis3 {
  3309. 0% {
  3310. -webkit-transform:scale(1);
  3311. transform:scale(1)
  3312. }
  3313. 100% {
  3314. -webkit-transform:scale(0);
  3315. transform:scale(0)
  3316. }
  3317. }@keyframes lds-ellipsis2 {
  3318. 0% {
  3319. -webkit-transform:translate(0,0);
  3320. transform:translate(0,0)
  3321. }
  3322. 100% {
  3323. -webkit-transform:translate(19px,0);
  3324. transform:translate(19px,0)
  3325. }
  3326. }.loading {
  3327. position:absolute;
  3328. top:50%;
  3329. left:50%;
  3330. -webkit-transform:translate(-50%,-50%);
  3331. transform:translate(-50%,-50%);
  3332. display:inline-block;
  3333. width:64px;
  3334. height:40px
  3335. }
  3336. .loading div {
  3337. position:absolute;
  3338. top:15.5px;
  3339. width:9px;
  3340. height:9px;
  3341. border-radius:50%;
  3342. background:#fff;
  3343. -webkit-animation-timing-function:cubic-bezier(0,1,1,0);
  3344. animation-timing-function:cubic-bezier(0,1,1,0)
  3345. }
  3346. .loading.dark div {
  3347. background:#000
  3348. }
  3349. .loading div:nth-child(1) {
  3350. left:6px;
  3351. -webkit-animation:lds-ellipsis1 .6s infinite;
  3352. animation:lds-ellipsis1 .6s infinite
  3353. }
  3354. .loading div:nth-child(2) {
  3355. left:6px;
  3356. -webkit-animation:lds-ellipsis2 .6s infinite;
  3357. animation:lds-ellipsis2 .6s infinite
  3358. }
  3359. .loading div:nth-child(3) {
  3360. left:26px;
  3361. -webkit-animation:lds-ellipsis2 .6s infinite;
  3362. animation:lds-ellipsis2 .6s infinite
  3363. }
  3364. .loading div:nth-child(4) {
  3365. left:45px;
  3366. -webkit-animation:lds-ellipsis3 .6s infinite;
  3367. animation:lds-ellipsis3 .6s infinite
  3368. }
  3369. #privacy-usage {
  3370. padding-top:40px;
  3371. font-size:13px;
  3372. min-width:320px;
  3373. background:#fff;
  3374. color:#333;
  3375. font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif;
  3376. font-size:12px;
  3377. line-height:1.5;
  3378. -webkit-font-smoothing:antialiased
  3379. }
  3380. #privacy-usage .usage-header {
  3381. height:60px;
  3382. z-index:97
  3383. }
  3384. #privacy-usage .usage-header nav {
  3385. text-align:center
  3386. }
  3387. #privacy-usage .usage-header nav>ul {
  3388. display:inline-block;
  3389. margin:-6px 0 0
  3390. }
  3391. #privacy-usage .usage-header nav>ul .current:after {
  3392. content:'';
  3393. position:absolute;
  3394. bottom:0;
  3395. left:0;
  3396. height:1px;
  3397. width:100%;
  3398. background:#d2232a
  3399. }
  3400. #privacy-usage .usage-header nav>ul li {
  3401. list-style:none;
  3402. float:left;
  3403. margin:0;
  3404. position:relative
  3405. }
  3406. #privacy-usage .usage-header nav>ul li a {
  3407. border-bottom:1px solid transparent;
  3408. border-top:6px solid transparent;
  3409. color:#3a3a3a;
  3410. font-size:15px;
  3411. display:block;
  3412. letter-spacing:-.08px;
  3413. position:relative;
  3414. text-align:center;
  3415. padding:0 20px;
  3416. line-height:60px;
  3417. font-weight:500;
  3418. z-index:98;
  3419. text-decoration:none
  3420. }
  3421. #privacy-usage .usage-header nav>ul li a:hover {
  3422. opacity:.6
  3423. }
  3424. #privacy-usage .usage-header-shadow {
  3425. width:100%;
  3426. height:60px;
  3427. margin-top:-60px;
  3428. box-shadow:0 0 5px 0 rgba(32,40,49,.15)
  3429. }
  3430. #privacy-usage .usage-title {
  3431. font-weight:400;
  3432. text-align:center;
  3433. width:80%;
  3434. margin:55px auto 50px auto;
  3435. font-size:60px;
  3436. letter-spacing:-.02px
  3437. }
  3438. @media screen and (max-width:767px) {
  3439. #privacy-usage .usage-title {
  3440. font-size:46px
  3441. }
  3442. }#privacy-usage p {
  3443. font-size:16px;
  3444. line-height:1.4;
  3445. margin-top:10px;
  3446. margin-bottom:26px
  3447. }
  3448. #privacy-usage h3 {
  3449. font-size:24px;
  3450. text-align:left;
  3451. font-size:24px;
  3452. font-weight:300;
  3453. margin-top:40px
  3454. }
  3455. #privacy-usage ol,#privacy-usage ul {
  3456. list-style:none;
  3457. padding:0
  3458. }
  3459. .xm-color-g10 {
  3460. color:#fcfcfc
  3461. }
  3462. .xm-color-g20 {
  3463. color:#f9f9f9
  3464. }
  3465. .xm-color-g30 {
  3466. color:#ebebeb
  3467. }
  3468. .xm-color-g40 {
  3469. color:#d6d6d6
  3470. }
  3471. .xm-color-g50 {
  3472. color:#b2b2b2
  3473. }
  3474. .xm-color-g60 {
  3475. color:#8c8c8c
  3476. }
  3477. .xm-color-g70 {
  3478. color:#666
  3479. }
  3480. .xm-color-g80 {
  3481. color:#2b2b2b
  3482. }
  3483. .xm-color-g90 {
  3484. color:#111
  3485. }
  3486. @keyframes lds-ellipsis1 {
  3487. 0% {
  3488. -webkit-transform:scale(0);
  3489. transform:scale(0)
  3490. }
  3491. 100% {
  3492. -webkit-transform:scale(1);
  3493. transform:scale(1)
  3494. }
  3495. }@keyframes lds-ellipsis3 {
  3496. 0% {
  3497. -webkit-transform:scale(1);
  3498. transform:scale(1)
  3499. }
  3500. 100% {
  3501. -webkit-transform:scale(0);
  3502. transform:scale(0)
  3503. }
  3504. }@keyframes lds-ellipsis2 {
  3505. 0% {
  3506. -webkit-transform:translate(0,0);
  3507. transform:translate(0,0)
  3508. }
  3509. 100% {
  3510. -webkit-transform:translate(19px,0);
  3511. transform:translate(19px,0)
  3512. }
  3513. }.loading {
  3514. position:absolute;
  3515. top:50%;
  3516. left:50%;
  3517. -webkit-transform:translate(-50%,-50%);
  3518. transform:translate(-50%,-50%);
  3519. display:inline-block;
  3520. width:64px;
  3521. height:40px
  3522. }
  3523. .loading div {
  3524. position:absolute;
  3525. top:15.5px;
  3526. width:9px;
  3527. height:9px;
  3528. border-radius:50%;
  3529. background:#fff;
  3530. -webkit-animation-timing-function:cubic-bezier(0,1,1,0);
  3531. animation-timing-function:cubic-bezier(0,1,1,0)
  3532. }
  3533. .loading.dark div {
  3534. background:#000
  3535. }
  3536. .loading div:nth-child(1) {
  3537. left:6px;
  3538. -webkit-animation:lds-ellipsis1 .6s infinite;
  3539. animation:lds-ellipsis1 .6s infinite
  3540. }
  3541. .loading div:nth-child(2) {
  3542. left:6px;
  3543. -webkit-animation:lds-ellipsis2 .6s infinite;
  3544. animation:lds-ellipsis2 .6s infinite
  3545. }
  3546. .loading div:nth-child(3) {
  3547. left:26px;
  3548. -webkit-animation:lds-ellipsis2 .6s infinite;
  3549. animation:lds-ellipsis2 .6s infinite
  3550. }
  3551. .loading div:nth-child(4) {
  3552. left:45px;
  3553. -webkit-animation:lds-ellipsis3 .6s infinite;
  3554. animation:lds-ellipsis3 .6s infinite
  3555. }
  3556. #terms {
  3557. padding-top:40px;
  3558. font-size:13px;
  3559. min-width:320px;
  3560. background:#fff;
  3561. color:#333;
  3562. font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif;
  3563. font-size:12px;
  3564. line-height:1.5;
  3565. -webkit-font-smoothing:antialiased
  3566. }
  3567. #terms .terms-header {
  3568. height:60px;
  3569. z-index:97
  3570. }
  3571. #terms .terms-header nav {
  3572. text-align:center
  3573. }
  3574. #terms .terms-header nav>ul {
  3575. display:inline-block;
  3576. margin:-6px 0 0
  3577. }
  3578. #terms .terms-header nav>ul .current:after {
  3579. content:'';
  3580. position:absolute;
  3581. bottom:0;
  3582. left:0;
  3583. height:1px;
  3584. width:100%;
  3585. background:#d2232a
  3586. }
  3587. #terms .terms-header nav>ul li {
  3588. list-style:none;
  3589. float:left;
  3590. margin:0;
  3591. position:relative
  3592. }
  3593. #terms .terms-header nav>ul li a {
  3594. border-bottom:1px solid transparent;
  3595. border-top:6px solid transparent;
  3596. color:#3a3a3a;
  3597. font-size:15px;
  3598. display:block;
  3599. letter-spacing:-.08px;
  3600. position:relative;
  3601. text-align:center;
  3602. padding:0 20px;
  3603. line-height:60px;
  3604. font-weight:500;
  3605. z-index:98;
  3606. text-decoration:none
  3607. }
  3608. #terms .terms-header nav>ul li a:hover {
  3609. opacity:.6
  3610. }
  3611. #terms .terms-header-shadow {
  3612. width:100%;
  3613. height:60px;
  3614. margin-top:-60px;
  3615. box-shadow:0 0 5px 0 rgba(32,40,49,.15)
  3616. }
  3617. #terms .terms-title {
  3618. font-weight:400;
  3619. text-align:center;
  3620. width:80%;
  3621. margin:55px auto 50px auto;
  3622. font-size:60px;
  3623. letter-spacing:-.02px
  3624. }
  3625. @media screen and (max-width:767px) {
  3626. #terms .terms-title {
  3627. font-size:46px
  3628. }
  3629. }#terms p {
  3630. font-size:16px;
  3631. line-height:1.4;
  3632. margin-top:10px;
  3633. margin-bottom:26px
  3634. }
  3635. #terms h3 {
  3636. font-size:24px;
  3637. text-align:left;
  3638. font-size:24px;
  3639. font-weight:300;
  3640. margin-top:40px
  3641. }
  3642. #terms ol,#terms ul {
  3643. list-style:none;
  3644. padding:0
  3645. }
  3646. #terms ol li,#terms ul li {
  3647. margin-left:0
  3648. }
  3649. #terms .first-top {
  3650. margin-top:0
  3651. }
  3652. #terms .text-content:last-child {
  3653. margin-bottom:80px
  3654. }
  3655. #terms .last {
  3656. margin-right:0!important
  3657. }
  3658. .sitemap::-moz-selection {
  3659. text-shadow:none
  3660. }
  3661. .sitemap::selection {
  3662. text-shadow:none
  3663. }
  3664. .sitemap h1 {
  3665. text-align:center;
  3666. margin-bottom:3rem
  3667. }
  3668. .sitemap__content {
  3669. display:grid;
  3670. margin-bottom:50px
  3671. }
  3672. @media only screen and (min-width:768px) {
  3673. .sitemap__content {
  3674. grid-template-columns:repeat(2,1fr)
  3675. }
  3676. }.sitemap p {
  3677. margin-top:10px;
  3678. margin-bottom:26px
  3679. }
  3680. .sitemap ul {
  3681. list-style:none;
  3682. padding-left:0
  3683. }
  3684. .cxm {
  3685. font-weight:300;
  3686. -webkit-font-smoothing:antialiased;
  3687. min-width:320px;
  3688. color:#333;
  3689. font-size:12px;
  3690. line-height:1.5;
  3691. text-align:center
  3692. }
  3693. .cxm .title {
  3694. font-weight:400;
  3695. text-align:center;
  3696. width:80%;
  3697. letter-spacing:-.02px;
  3698. font-size:46px;
  3699. margin:44px auto 23px auto
  3700. }
  3701. .cxm ul {
  3702. list-style:none;
  3703. padding-left:0
  3704. }
  3705. .cxm .background-gray {
  3706. background-color:#f5f8f9
  3707. }
  3708. .cxm h3 {
  3709. text-align:center;
  3710. margin-top:0;
  3711. color:#999;
  3712. font-size:26px;
  3713. font-weight:300
  3714. }
  3715. .cxm p {
  3716. font-size:16px;
  3717. line-height:1.4;
  3718. margin-top:10px;
  3719. margin-bottom:26px
  3720. }
  3721. .cxm img {
  3722. max-width:100%
  3723. }
  3724. .cxm .container-wrap .container span {
  3725. display:inline-block
  3726. }
  3727. .cxm .container-wrap .container .cxm-desc p {
  3728. font-size:15px;
  3729. font-weight:400;
  3730. line-height:29px;
  3731. margin:0 auto;
  3732. padding:0 40px
  3733. }
  3734. .cxm .container-wrap .container .cxm-desc.big-text p {
  3735. font-size:18px
  3736. }
  3737. .cxm .container-wrap .container #master-img-1,.cxm .container-wrap .container #master-img-2 {
  3738. margin-top:20px;
  3739. margin-bottom:20px
  3740. }
  3741. .cxm .container-wrap .container .dark-xmbtn {
  3742. padding:14px 46px;
  3743. font-weight:700
  3744. }
  3745. .cxm .container-wrap .container .bottom-text p {
  3746. font-size:15px;
  3747. line-height:1.9;
  3748. margin-bottom:70px;
  3749. margin-top:44px;
  3750. padding:0 7%;
  3751. text-align:center;
  3752. color:#363b3f
  3753. }
  3754. .cxm .container-wrap .container h2 {
  3755. font-size:36px;
  3756. font-weight:400;
  3757. text-align:center;
  3758. padding-top:20px;
  3759. padding:20px 0 20px 0
  3760. }
  3761. .cxm .container-wrap .container .blue-xmbtn {
  3762. font-weight:700;
  3763. font-size:14px;
  3764. width:160px;
  3765. line-height:26px;
  3766. vertical-align:middle;
  3767. height:52px
  3768. }
  3769. .cxm .container-wrap .container .blue-xmbtn:first-child {
  3770. margin-right:20px
  3771. }
  3772. .cxm .container-wrap .container .cloud-title-wrap {
  3773. padding-top:46px
  3774. }
  3775. .cxm .container-wrap .container hr {
  3776. margin:0
  3777. }
  3778. .cxm .container-wrap .container .button-wrap {
  3779. margin-top:50px
  3780. }
  3781. .cxm .container-wrap .container .need-margin-bottom {
  3782. margin-bottom:70px
  3783. }
  3784. .cxm .container-wrap .container .benefit-ul {
  3785. padding-top:50px;
  3786. padding-bottom:100px
  3787. }
  3788. .cxm .container-wrap .container .benefit-ul li {
  3789. margin-top:30px;
  3790. margin:0 auto;
  3791. margin-bottom:30px
  3792. }
  3793. .cxm .container-wrap .container .benefit-ul p {
  3794. margin-bottom:0;
  3795. margin-top:0;
  3796. color:#999;
  3797. text-align:left
  3798. }
  3799. .cxm .container-wrap .container .benefit-ul .desc-title {
  3800. color:#2b2f33;
  3801. margin-top:15px;
  3802. font-size:18px
  3803. }
  3804. .cxm .container-wrap .container .benefit-ul .benefit-desc {
  3805. display:inline-table;
  3806. vertical-align:top;
  3807. margin-left:25px;
  3808. width:80%;
  3809. max-width:500px
  3810. }
  3811. @media screen and (max-width:767px) {
  3812. .cxm .container-wrap .container #cloud-banner-title {
  3813. font-size:48px
  3814. }
  3815. .cxm .container-wrap .container h2 {
  3816. font-size:28px
  3817. }
  3818. .cxm .container-wrap .container .cloud-desc p {
  3819. font-size:15px;
  3820. line-height:1.45;
  3821. color:#333;
  3822. margin-bottom:40px;
  3823. margin-top:20px
  3824. }
  3825. .cxm .container-wrap .container .blue-xmbtn,.cxm .container-wrap .container .blue-xmbtn:first-child {
  3826. display:block;
  3827. margin:0 auto
  3828. }
  3829. .cxm .container-wrap .container .blue-xmbtn:first-child {
  3830. margin-bottom:20px
  3831. }
  3832. }.cxm #cloud-banner-title {
  3833. font-size:48px;
  3834. font-weight:600;
  3835. line-height:1.5;
  3836. letter-spacing:2.2px;
  3837. text-align:center;
  3838. color:#363b3f;
  3839. margin-left:10px;
  3840. vertical-align:middle
  3841. }
  3842. .cxm #enter_xmind_cloud {
  3843. line-height:52px
  3844. }
  3845. .cxm .background-red {
  3846. background-color:#e85d4e
  3847. }
  3848. .cxm .background-gray {
  3849. background-color:#f5f8f9
  3850. }
  3851. .cxm .color-white {
  3852. color:#fff
  3853. }
  3854. .cxm .lead-btn {
  3855. padding-top:60px
  3856. }
  3857. .cxm .lead-btn a {
  3858. font-size:16px;
  3859. padding-top:15px;
  3860. padding-bottom:15px;
  3861. width:190px
  3862. }
  3863. .cxm .lead-btn a:nth-child(1) {
  3864. margin-right:20px
  3865. }
  3866. @media screen and (max-width:767px) {
  3867. .cxm .lead-btn a {
  3868. margin:0 auto
  3869. }
  3870. .cxm .lead-btn a:nth-child(1) {
  3871. margin-right:0;
  3872. margin-bottom:20px
  3873. }
  3874. }.cxm #cloud-for-ios h3 {
  3875. margin-top:-50px;
  3876. margin-bottom:40px
  3877. }
  3878. .cxm #red_bottom {
  3879. height:108px;
  3880. background-color:#e85d4e;
  3881. padding-top:20px;
  3882. padding-bottom:20px;
  3883. display:flex;
  3884. align-items:center;
  3885. position:relative;
  3886. font-size:16px;
  3887. font-weight:400;
  3888. color:#fff;
  3889. text-align:start
  3890. }
  3891. .cxm #red_bottom .xmbtn {
  3892. width:180px;
  3893. padding:15px 0;
  3894. box-sizing:border-box;
  3895. font-weight:700;
  3896. margin:0;
  3897. color:#e85d4e;
  3898. margin-right:115px;
  3899. box-shadow:none;
  3900. vertical-align:middle;
  3901. position:absolute;
  3902. -webkit-transform:translateY(-50%);
  3903. transform:translateY(-50%);
  3904. top:50%;
  3905. right:0
  3906. }
  3907. .cxm #red_bottom .xmbtn a:hover {
  3908. color:#fb5151;
  3909. background-color:#f2f2f2;
  3910. box-shadow:none;
  3911. border-color:#f2f2f2
  3912. }
  3913. @media screen and (max-width:1032px) {
  3914. .cxm #red_bottom {
  3915. height:auto;
  3916. text-align:center
  3917. }
  3918. .cxm #red_bottom .xmbtn {
  3919. position:static;
  3920. -webkit-transform:none;
  3921. transform:none;
  3922. display:block;
  3923. margin:20px auto 5px
  3924. }
  3925. }@media all and (max-width:720px) {
  3926. .cxm .container-wrap .container .cxm-desc p {
  3927. width:auto;
  3928. padding:0
  3929. }
  3930. }.cxm .notes {
  3931. padding:45px 8%;
  3932. margin:0;
  3933. text-align:left;
  3934. font-size:12px;
  3935. line-height:1.7;
  3936. color:#999
  3937. }
  3938. .cxm #how {
  3939. padding-bottom:10px
  3940. }
  3941. .cxm #how img {
  3942. width:78%
  3943. }
  3944. .demos {
  3945. font-weight:300;
  3946. -webkit-font-smoothing:antialiased;
  3947. min-width:320px;
  3948. color:#333;
  3949. font-size:12px;
  3950. line-height:1.5;
  3951. text-align:center
  3952. }
  3953. .demos .title {
  3954. font-weight:400;
  3955. text-align:center;
  3956. width:80%;
  3957. letter-spacing:-.02px;
  3958. font-size:46px;
  3959. margin:44px auto 23px auto
  3960. }
  3961. .demos ul {
  3962. list-style:none;
  3963. padding-left:0
  3964. }
  3965. .demos p {
  3966. font-size:16px;
  3967. line-height:1.4;
  3968. margin-top:10px;
  3969. margin-bottom:26px;
  3970. text-align:left
  3971. }
  3972. .demos #video_list a {
  3973. font-size:18px;
  3974. line-height:32px;
  3975. height:32px;
  3976. padding-left:37px;
  3977. display:inline-block
  3978. }
  3979. .demos #video_list li {
  3980. list-style:none;
  3981. padding:12px 0;
  3982. text-align:left
  3983. }
  3984. .xmind8-intro {
  3985. font-weight:300;
  3986. -webkit-font-smoothing:antialiased;
  3987. min-width:320px;
  3988. color:#333;
  3989. font-size:12px;
  3990. line-height:1.5
  3991. }
  3992. .xmind8-intro a {
  3993. text-decoration:none
  3994. }
  3995. .xmind8-intro ul {
  3996. list-style:none;
  3997. padding-left:0
  3998. }
  3999. .xmind8-intro #header {
  4000. width:100%
  4001. }
  4002. .xmind8-intro #home-main-nav {
  4003. text-align:center
  4004. }
  4005. .xmind8-intro #home-main-nav li {
  4006. list-style:none;
  4007. float:left;
  4008. margin:0;
  4009. position:relative
  4010. }
  4011. .xmind8-intro #home-main-nav>ul {
  4012. display:inline-block;
  4013. margin:-6px 0 0
  4014. }
  4015. .xmind8-intro #home-main-nav a {
  4016. border-bottom:1px solid transparent;
  4017. border-top:6px solid transparent;
  4018. color:#3a3a3a;
  4019. font-size:15px;
  4020. display:block;
  4021. letter-spacing:-.08px;
  4022. position:relative;
  4023. text-align:center;
  4024. padding:0 20px;
  4025. line-height:60px;
  4026. font-weight:500;
  4027. z-index:98;
  4028. text-decoration:none
  4029. }
  4030. .xmind8-intro #home-main-nav .hover>a,.xmind8-intro #home-main-nav a:hover {
  4031. opacity:.6
  4032. }
  4033. .xmind8-intro #home-main-nav .current:after {
  4034. content:'';
  4035. position:absolute;
  4036. bottom:0;
  4037. left:0;
  4038. height:1px;
  4039. width:100%;
  4040. background:#fff
  4041. }
  4042. .xmind8-intro .page-banner {
  4043. height:420px;
  4044. background-image:url(/xmind8/XMind8-bg-30859751d5.png);
  4045. background-size:cover;
  4046. background-repeat:no-repeat
  4047. }
  4048. .xmind8-intro .page-banner .logo-container {
  4049. padding-top:80px;
  4050. padding-bottom:40px
  4051. }
  4052. .xmind8-intro .page-banner .desc {
  4053. margin:0 auto;
  4054. padding:0 15%;
  4055. opacity:.8;
  4056. font-size:20px;
  4057. font-weight:300;
  4058. line-height:1.4;
  4059. letter-spacing:.3px;
  4060. color:#fff
  4061. }
  4062. .xmind8-intro #xmind8_img_div img {
  4063. margin:65px 0 30px 0
  4064. }
  4065. .xmind8-intro #xmind8_whats_new {
  4066. margin:0 0 48px 0
  4067. }
  4068. .xmind8-intro #xmind8_whats_new h3 {
  4069. line-height:1.5;
  4070. font-weight:400;
  4071. font-size:36px;
  4072. color:#363b3f
  4073. }
  4074. .xmind8-intro #xmind8_whats_new p {
  4075. font-size:18px;
  4076. line-height:1.4;
  4077. color:#62696f;
  4078. padding:0 20%
  4079. }
  4080. .xmind8-intro .feature-area {
  4081. max-width:100%;
  4082. width:100%
  4083. }
  4084. .xmind8-intro .xmind8-feature {
  4085. padding-top:120px;
  4086. padding-bottom:120px;
  4087. box-sizing:border-box;
  4088. padding-left:22px;
  4089. padding-right:22px;
  4090. justify-content:center
  4091. }
  4092. .xmind8-intro .xmind8-feature .col-md {
  4093. max-width:480px
  4094. }
  4095. .xmind8-intro .xmind8-feature h3 {
  4096. margin-top:10px;
  4097. font-size:20px;
  4098. font-weight:400
  4099. }
  4100. .xmind8-intro .xmind8-feature .feature-detail {
  4101. font-size:16px;
  4102. line-height:1.4;
  4103. margin-top:10px;
  4104. margin-bottom:26px;
  4105. padding:0 40px
  4106. }
  4107. .xmind8-intro .xmind8-feature {
  4108. display:flex;
  4109. align-items:center
  4110. }
  4111. .xmind8-intro .xmind8-feature:nth-child(2n+1) {
  4112. flex-direction:row-reverse
  4113. }
  4114. .xmind8-intro .xmind8-feature:nth-child(2n+1) .feature-detail,.xmind8-intro .xmind8-feature:nth-child(2n+1) h3 {
  4115. color:#2b2f33
  4116. }
  4117. .xmind8-intro .xmind8-feature:nth-child(2n+1) .feature-ss {
  4118. float:left
  4119. }
  4120. .xmind8-intro .xmind8-feature:nth-child(2n+1) .feature-desc {
  4121. float:right
  4122. }
  4123. .xmind8-intro .xmind8-feature:nth-child(2n) {
  4124. background-color:#2b2f33
  4125. }
  4126. .xmind8-intro .xmind8-feature:nth-child(2n) .feature-detail,.xmind8-intro .xmind8-feature:nth-child(2n) h3 {
  4127. color:#fff
  4128. }
  4129. .xmind8-intro .xmind8-feature .feature-desc,.xmind8-intro .xmind8-feature .feature-ss {
  4130. display:inline-block;
  4131. vertical-align:middle;
  4132. text-align:center
  4133. }
  4134. .xmind8-intro .xmind8-feature .feature-ss img {
  4135. max-width:100%
  4136. }
  4137. @media screen and (max-width:767px) {
  4138. .xmind8-intro .xmind8-feature {
  4139. padding-top:25px;
  4140. padding-bottom:10px
  4141. }
  4142. .xmind8-intro .xmind8-feature .feature-desc,.xmind8-intro .xmind8-feature .feature-ss {
  4143. float:none;
  4144. width:100%;
  4145. margin-top:20px;
  4146. margin-bottom:20px
  4147. }
  4148. .xmind8-intro .xmind8-feature:nth-child(2n) {
  4149. display:block
  4150. }
  4151. }@media screen and (max-width:567px) {
  4152. .xmind8-intro .xmind8-feature .feature-ss img {
  4153. width:80%
  4154. }
  4155. }.xmind8-intro #slide_based_story {
  4156. background-color:#e85d4e
  4157. }
  4158. .xmind8-intro #slide_based_story .feature-detail,.xmind8-intro #slide_based_story h3 {
  4159. color:#fff
  4160. }
  4161. .xmind8-intro #more_improvements {
  4162. background-color:#f2f6f7;
  4163. overflow:auto
  4164. }
  4165. .xmind8-intro #more_improvements h3 {
  4166. margin-top:40px;
  4167. font-size:36px;
  4168. line-height:1.5;
  4169. font-weight:400;
  4170. text-align:center;
  4171. color:#363b3f
  4172. }
  4173. .xmind8-intro #more_improvements ol {
  4174. list-style-type:decimal;
  4175. margin-bottom:40px;
  4176. color:#4a4a4a;
  4177. vertical-align:top;
  4178. font-size:14px
  4179. }
  4180. .xmind8-intro #more_improvements ol li {
  4181. padding:10px 0;
  4182. list-style-position:inside
  4183. }
  4184. .xmind8-intro #red_bottom {
  4185. height:108px;
  4186. background-color:#e85d4e;
  4187. padding-top:20px;
  4188. padding-bottom:20px;
  4189. display:flex;
  4190. align-items:center;
  4191. position:relative;
  4192. font-size:16px;
  4193. font-weight:400;
  4194. color:#fff;
  4195. text-align:start
  4196. }
  4197. .xmind8-intro #red_bottom .xmbtn {
  4198. width:180px;
  4199. padding:15px 0;
  4200. box-sizing:border-box;
  4201. font-weight:700;
  4202. margin:0;
  4203. color:#e85d4e;
  4204. margin-right:115px;
  4205. box-shadow:none;
  4206. vertical-align:middle;
  4207. position:absolute;
  4208. -webkit-transform:translateY(-50%);
  4209. transform:translateY(-50%);
  4210. top:50%;
  4211. right:0
  4212. }
  4213. .xmind8-intro #red_bottom .xmbtn a:hover {
  4214. color:#fb5151;
  4215. background-color:#f2f2f2;
  4216. box-shadow:none;
  4217. border-color:#f2f2f2
  4218. }
  4219. @media screen and (max-width:1032px) {
  4220. .xmind8-intro #red_bottom {
  4221. height:auto;
  4222. text-align:center
  4223. }
  4224. .xmind8-intro #red_bottom .xmbtn {
  4225. position:static;
  4226. -webkit-transform:none;
  4227. transform:none;
  4228. display:block;
  4229. margin:20px auto 5px
  4230. }
  4231. }.xm-color-g10 {
  4232. color:#fcfcfc
  4233. }
  4234. .xm-color-g20 {
  4235. color:#f9f9f9
  4236. }
  4237. .xm-color-g30 {
  4238. color:#ebebeb
  4239. }
  4240. .xm-color-g40 {
  4241. color:#d6d6d6
  4242. }
  4243. .xm-color-g50 {
  4244. color:#b2b2b2
  4245. }
  4246. .xm-color-g60 {
  4247. color:#8c8c8c
  4248. }
  4249. .xm-color-g70 {
  4250. color:#666
  4251. }
  4252. .xm-color-g80 {
  4253. color:#2b2b2b
  4254. }
  4255. .xm-color-g90 {
  4256. color:#111
  4257. }
  4258. @keyframes lds-ellipsis1 {
  4259. 0% {
  4260. -webkit-transform:scale(0);
  4261. transform:scale(0)
  4262. }
  4263. 100% {
  4264. -webkit-transform:scale(1);
  4265. transform:scale(1)
  4266. }
  4267. }@keyframes lds-ellipsis3 {
  4268. 0% {
  4269. -webkit-transform:scale(1);
  4270. transform:scale(1)
  4271. }
  4272. 100% {
  4273. -webkit-transform:scale(0);
  4274. transform:scale(0)
  4275. }
  4276. }@keyframes lds-ellipsis2 {
  4277. 0% {
  4278. -webkit-transform:translate(0,0);
  4279. transform:translate(0,0)
  4280. }
  4281. 100% {
  4282. -webkit-transform:translate(19px,0);
  4283. transform:translate(19px,0)
  4284. }
  4285. }.loading {
  4286. position:absolute;
  4287. top:50%;
  4288. left:50%;
  4289. -webkit-transform:translate(-50%,-50%);
  4290. transform:translate(-50%,-50%);
  4291. display:inline-block;
  4292. width:64px;
  4293. height:40px
  4294. }
  4295. .loading div {
  4296. position:absolute;
  4297. top:15.5px;
  4298. width:9px;
  4299. height:9px;
  4300. border-radius:50%;
  4301. background:#fff;
  4302. -webkit-animation-timing-function:cubic-bezier(0,1,1,0);
  4303. animation-timing-function:cubic-bezier(0,1,1,0)
  4304. }
  4305. .loading.dark div {
  4306. background:#000
  4307. }
  4308. .loading div:nth-child(1) {
  4309. left:6px;
  4310. -webkit-animation:lds-ellipsis1 .6s infinite;
  4311. animation:lds-ellipsis1 .6s infinite
  4312. }
  4313. .loading div:nth-child(2) {
  4314. left:6px;
  4315. -webkit-animation:lds-ellipsis2 .6s infinite;
  4316. animation:lds-ellipsis2 .6s infinite
  4317. }
  4318. .loading div:nth-child(3) {
  4319. left:26px;
  4320. -webkit-animation:lds-ellipsis2 .6s infinite;
  4321. animation:lds-ellipsis2 .6s infinite
  4322. }
  4323. .loading div:nth-child(4) {
  4324. left:45px;
  4325. -webkit-animation:lds-ellipsis3 .6s infinite;
  4326. animation:lds-ellipsis3 .6s infinite
  4327. }
  4328. #license {
  4329. padding-top:40px;
  4330. font-size:13px;
  4331. min-width:320px;
  4332. background:#fff;
  4333. color:#333;
  4334. font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif;
  4335. font-size:12px;
  4336. line-height:1.5;
  4337. -webkit-font-smoothing:antialiased
  4338. }
  4339. #license .license-title {
  4340. font-weight:400;
  4341. text-align:center;
  4342. width:80%;
  4343. margin:55px auto 50px auto;
  4344. font-size:60px;
  4345. letter-spacing:-.02px
  4346. }
  4347. @media screen and (max-width:767px) {
  4348. #license .license-title {
  4349. font-size:46px
  4350. }
  4351. }#license p {
  4352. font-size:16px;
  4353. line-height:1.4;
  4354. margin-top:10px;
  4355. margin-bottom:26px
  4356. }
  4357. #license h3 {
  4358. font-size:24px;
  4359. text-align:left;
  4360. font-size:24px;
  4361. font-weight:300;
  4362. margin-top:40px
  4363. }
  4364. .xm-color-g10 {
  4365. color:#fcfcfc
  4366. }
  4367. .xm-color-g20 {
  4368. color:#f9f9f9
  4369. }
  4370. .xm-color-g30 {
  4371. color:#ebebeb
  4372. }
  4373. .xm-color-g40 {
  4374. color:#d6d6d6
  4375. }
  4376. .xm-color-g50 {
  4377. color:#b2b2b2
  4378. }
  4379. .xm-color-g60 {
  4380. color:#8c8c8c
  4381. }
  4382. .xm-color-g70 {
  4383. color:#666
  4384. }
  4385. .xm-color-g80 {
  4386. color:#2b2b2b
  4387. }
  4388. .xm-color-g90 {
  4389. color:#111
  4390. }
  4391. @keyframes lds-ellipsis1 {
  4392. 0% {
  4393. -webkit-transform:scale(0);
  4394. transform:scale(0)
  4395. }
  4396. 100% {
  4397. -webkit-transform:scale(1);
  4398. transform:scale(1)
  4399. }
  4400. }@keyframes lds-ellipsis3 {
  4401. 0% {
  4402. -webkit-transform:scale(1);
  4403. transform:scale(1)
  4404. }
  4405. 100% {
  4406. -webkit-transform:scale(0);
  4407. transform:scale(0)
  4408. }
  4409. }@keyframes lds-ellipsis2 {
  4410. 0% {
  4411. -webkit-transform:translate(0,0);
  4412. transform:translate(0,0)
  4413. }
  4414. 100% {
  4415. -webkit-transform:translate(19px,0);
  4416. transform:translate(19px,0)
  4417. }
  4418. }.loading {
  4419. position:absolute;
  4420. top:50%;
  4421. left:50%;
  4422. -webkit-transform:translate(-50%,-50%);
  4423. transform:translate(-50%,-50%);
  4424. display:inline-block;
  4425. width:64px;
  4426. height:40px
  4427. }
  4428. .loading div {
  4429. position:absolute;
  4430. top:15.5px;
  4431. width:9px;
  4432. height:9px;
  4433. border-radius:50%;
  4434. background:#fff;
  4435. -webkit-animation-timing-function:cubic-bezier(0,1,1,0);
  4436. animation-timing-function:cubic-bezier(0,1,1,0)
  4437. }
  4438. .loading.dark div {
  4439. background:#000
  4440. }
  4441. .loading div:nth-child(1) {
  4442. left:6px;
  4443. -webkit-animation:lds-ellipsis1 .6s infinite;
  4444. animation:lds-ellipsis1 .6s infinite
  4445. }
  4446. .loading div:nth-child(2) {
  4447. left:6px;
  4448. -webkit-animation:lds-ellipsis2 .6s infinite;
  4449. animation:lds-ellipsis2 .6s infinite
  4450. }
  4451. .loading div:nth-child(3) {
  4452. left:26px;
  4453. -webkit-animation:lds-ellipsis2 .6s infinite;
  4454. animation:lds-ellipsis2 .6s infinite
  4455. }
  4456. .loading div:nth-child(4) {
  4457. left:45px;
  4458. -webkit-animation:lds-ellipsis3 .6s infinite;
  4459. animation:lds-ellipsis3 .6s infinite
  4460. }
  4461. #license-xpla {
  4462. padding-top:40px;
  4463. font-size:13px;
  4464. min-width:320px;
  4465. background:#fff;
  4466. color:#333;
  4467. font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif;
  4468. font-size:12px;
  4469. line-height:1.5;
  4470. -webkit-font-smoothing:antialiased
  4471. }
  4472. #license-xpla .xpla-title {
  4473. font-weight:400;
  4474. text-align:center;
  4475. width:80%;
  4476. margin:55px auto 50px auto;
  4477. font-size:60px;
  4478. letter-spacing:-.02px
  4479. }
  4480. @media screen and (max-width:767px) {
  4481. #license-xpla .xpla-title {
  4482. font-size:46px
  4483. }
  4484. }#license-xpla p {
  4485. font-size:16px;
  4486. line-height:1.4;
  4487. margin-top:10px;
  4488. margin-bottom:26px
  4489. }
  4490. #license-xpla h3 {
  4491. font-size:24px;
  4492. text-align:left;
  4493. font-size:24px;
  4494. font-weight:300;
  4495. margin-top:40px
  4496. }
  4497. #license-xpla ol,#license-xpla ul {
  4498. list-style:none;
  4499. padding:0
  4500. }
  4501. #license-xpla ol li,#license-xpla ul li {
  4502. margin-left:0
  4503. }
  4504. .xm-color-g10 {
  4505. color:#fcfcfc
  4506. }
  4507. .xm-color-g20 {
  4508. color:#f9f9f9
  4509. }
  4510. .xm-color-g30 {
  4511. color:#ebebeb
  4512. }
  4513. .xm-color-g40 {
  4514. color:#d6d6d6
  4515. }
  4516. .xm-color-g50 {
  4517. color:#b2b2b2
  4518. }
  4519. .xm-color-g60 {
  4520. color:#8c8c8c
  4521. }
  4522. .xm-color-g70 {
  4523. color:#666
  4524. }
  4525. .xm-color-g80 {
  4526. color:#2b2b2b
  4527. }
  4528. .xm-color-g90 {
  4529. color:#111
  4530. }
  4531. .text-template .text-block:nth-child(even) {
  4532. background-color:#f5f5f6
  4533. }
  4534. .pricing-template {
  4535. padding:48px 0
  4536. }
  4537. .feature-list-template {
  4538. margin-bottom:100px;
  4539. background-color:#fcfcfc
  4540. }
  4541. .footer-template {
  4542. margin:100px 0
  4543. }
  4544. .xm-color-g10 {
  4545. color:#fcfcfc
  4546. }
  4547. .xm-color-g20 {
  4548. color:#f9f9f9
  4549. }
  4550. .xm-color-g30 {
  4551. color:#ebebeb
  4552. }
  4553. .xm-color-g40 {
  4554. color:#d6d6d6
  4555. }
  4556. .xm-color-g50 {
  4557. color:#b2b2b2
  4558. }
  4559. .xm-color-g60 {
  4560. color:#8c8c8c
  4561. }
  4562. .xm-color-g70 {
  4563. color:#666
  4564. }
  4565. .xm-color-g80 {
  4566. color:#2b2b2b
  4567. }
  4568. .xm-color-g90 {
  4569. color:#111
  4570. }
  4571. .text-template .text-block:nth-child(even) {
  4572. background-color:#f5f5f6
  4573. }
  4574. .pricing-template {
  4575. padding:48px 0
  4576. }
  4577. .feature-list-template {
  4578. margin-bottom:100px;
  4579. background-color:#fcfcfc
  4580. }
  4581. .footer-template {
  4582. margin:100px 0
  4583. }
  4584. #xm_modal {
  4585. position:fixed;
  4586. top:0;
  4587. bottom:0;
  4588. left:0;
  4589. right:0;
  4590. z-index:7777777
  4591. }
  4592. #xm_modal * {
  4593. margin:0;
  4594. padding:0;
  4595. box-sizing:border-box;
  4596. font-size:16px
  4597. }
  4598. #xm_modal.slide-fade-enter-active {
  4599. transition:all .3s ease
  4600. }
  4601. #xm_modal.slide-fade-leave-active {
  4602. transition:all .3s ease
  4603. }
  4604. #xm_modal.slide-fade-enter,#xm_modal.slide-fade-leave-to {
  4605. opacity:0
  4606. }
  4607. #xm_modal .xm-modal-mask {
  4608. position:fixed;
  4609. top:0;
  4610. bottom:0;
  4611. left:0;
  4612. right:0;
  4613. background:#434b54;
  4614. opacity:.2;
  4615. z-index:7777776
  4616. }
  4617. #xm_modal .xm-modal-outer {
  4618. position:fixed;
  4619. left:50%;
  4620. top:50%;
  4621. display:inline-block;
  4622. width:90%;
  4623. max-width:456px;
  4624. background:#fff;
  4625. z-index:7777778;
  4626. -webkit-transform:translate(-50%,-50%);
  4627. transform:translate(-50%,-50%);
  4628. border-radius:16px;
  4629. box-sizing:border-box;
  4630. box-shadow:0 8px 16px 0 rgba(67,75,84,.2);
  4631. overflow:hidden
  4632. }
  4633. #xm_modal .xm-modal-outer.slide-fade-enter-active {
  4634. transition:all .3s ease
  4635. }
  4636. #xm_modal .xm-modal-outer.slide-fade-leave-active {
  4637. transition:all .3s ease
  4638. }
  4639. #xm_modal .xm-modal-outer.slide-fade-enter,#xm_modal .xm-modal-outer.slide-fade-leave-to {
  4640. -webkit-transform:translate(-50%,-100%);
  4641. transform:translate(-50%,-100%)
  4642. }
  4643. #xm_modal .xm-modal-body {
  4644. padding:64px 48px 40px;
  4645. text-align:center
  4646. }
  4647. @media screen and (max-width:767px) {
  4648. #xm_modal .xm-modal-body {
  4649. padding-left:24px;
  4650. padding-right:24px
  4651. }
  4652. }#xm_modal .xm-modal-title {
  4653. line-height:1.2;
  4654. font-size:20px;
  4655. font-weight:600;
  4656. text-align:center;
  4657. margin-bottom:16px;
  4658. color:#434b54
  4659. }
  4660. @media screen and (max-width:767px) {
  4661. #xm_modal .xm-modal-title {
  4662. font-size:18px
  4663. }
  4664. }#xm_modal .xm-modal-content p {
  4665. font-weight:300;
  4666. line-height:1.25;
  4667. color:#434b54;
  4668. text-align:left
  4669. }
  4670. @media screen and (max-width:767px) {
  4671. #xm_modal .xm-modal-content p {
  4672. font-size:14px
  4673. }
  4674. }#xm_modal .xm-modal-content p+p {
  4675. margin-top:8px
  4676. }
  4677. #xm_modal .xm-modal-button {
  4678. width:100%;
  4679. padding:9px 20px;
  4680. margin:16px auto 40px
  4681. }
  4682. #xm_modal .xm-modal-footer {
  4683. position:absolute;
  4684. bottom:0;
  4685. left:0;
  4686. right:0;
  4687. line-height:40px;
  4688. text-align:center;
  4689. background:#e3f2fe
  4690. }
  4691. .sk-fading-circle {
  4692. width:12px;
  4693. height:12px;
  4694. position:relative;
  4695. display:inline-block
  4696. }
  4697. .sk-fading-circle .sk-circle {
  4698. width:100%;
  4699. height:100%;
  4700. position:absolute;
  4701. left:0;
  4702. top:0
  4703. }
  4704. .sk-fading-circle .sk-circle:before {
  4705. content:'';
  4706. display:block;
  4707. margin:0 auto;
  4708. width:15%;
  4709. height:15%;
  4710. background-color:#333;
  4711. border-radius:100%;
  4712. -webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;
  4713. animation:sk-circleFadeDelay 1.2s infinite ease-in-out both
  4714. }
  4715. .sk-fading-circle .sk-circle2 {
  4716. -webkit-transform:rotate(30deg);
  4717. transform:rotate(30deg)
  4718. }
  4719. .sk-fading-circle .sk-circle3 {
  4720. -webkit-transform:rotate(60deg);
  4721. transform:rotate(60deg)
  4722. }
  4723. .sk-fading-circle .sk-circle4 {
  4724. -webkit-transform:rotate(90deg);
  4725. transform:rotate(90deg)
  4726. }
  4727. .sk-fading-circle .sk-circle5 {
  4728. -webkit-transform:rotate(120deg);
  4729. transform:rotate(120deg)
  4730. }
  4731. .sk-fading-circle .sk-circle6 {
  4732. -webkit-transform:rotate(150deg);
  4733. transform:rotate(150deg)
  4734. }
  4735. .sk-fading-circle .sk-circle7 {
  4736. -webkit-transform:rotate(180deg);
  4737. transform:rotate(180deg)
  4738. }
  4739. .sk-fading-circle .sk-circle8 {
  4740. -webkit-transform:rotate(210deg);
  4741. transform:rotate(210deg)
  4742. }
  4743. .sk-fading-circle .sk-circle9 {
  4744. -webkit-transform:rotate(240deg);
  4745. transform:rotate(240deg)
  4746. }
  4747. .sk-fading-circle .sk-circle10 {
  4748. -webkit-transform:rotate(270deg);
  4749. transform:rotate(270deg)
  4750. }
  4751. .sk-fading-circle .sk-circle11 {
  4752. -webkit-transform:rotate(300deg);
  4753. transform:rotate(300deg)
  4754. }
  4755. .sk-fading-circle .sk-circle12 {
  4756. -webkit-transform:rotate(330deg);
  4757. transform:rotate(330deg)
  4758. }
  4759. .sk-fading-circle .sk-circle2:before {
  4760. -webkit-animation-delay:-1.1s;
  4761. animation-delay:-1.1s
  4762. }
  4763. .sk-fading-circle .sk-circle3:before {
  4764. -webkit-animation-delay:-1s;
  4765. animation-delay:-1s
  4766. }
  4767. .sk-fading-circle .sk-circle4:before {
  4768. -webkit-animation-delay:-.9s;
  4769. animation-delay:-.9s
  4770. }
  4771. .sk-fading-circle .sk-circle5:before {
  4772. -webkit-animation-delay:-.8s;
  4773. animation-delay:-.8s
  4774. }
  4775. .sk-fading-circle .sk-circle6:before {
  4776. -webkit-animation-delay:-.7s;
  4777. animation-delay:-.7s
  4778. }
  4779. .sk-fading-circle .sk-circle7:before {
  4780. -webkit-animation-delay:-.6s;
  4781. animation-delay:-.6s
  4782. }
  4783. .sk-fading-circle .sk-circle8:before {
  4784. -webkit-animation-delay:-.5s;
  4785. animation-delay:-.5s
  4786. }
  4787. .sk-fading-circle .sk-circle9:before {
  4788. -webkit-animation-delay:-.4s;
  4789. animation-delay:-.4s
  4790. }
  4791. .sk-fading-circle .sk-circle10:before {
  4792. -webkit-animation-delay:-.3s;
  4793. animation-delay:-.3s
  4794. }
  4795. .sk-fading-circle .sk-circle11:before {
  4796. -webkit-animation-delay:-.2s;
  4797. animation-delay:-.2s
  4798. }
  4799. .sk-fading-circle .sk-circle12:before {
  4800. -webkit-animation-delay:-.1s;
  4801. animation-delay:-.1s
  4802. }
  4803. @-webkit-keyframes sk-circleFadeDelay {
  4804. 0%,100%,39% {
  4805. opacity:0
  4806. }
  4807. 40% {
  4808. opacity:1
  4809. }
  4810. }@keyframes sk-circleFadeDelay {
  4811. 0%,100%,39% {
  4812. opacity:0
  4813. }
  4814. 40% {
  4815. opacity:1
  4816. }
  4817. }.fade-enter-active,.fade-leave-active {
  4818. transition:all .3s ease
  4819. }
  4820. .fade-enter,.fade-leave-to {
  4821. opacity:0
  4822. }
  4823. .slide-up-fade-enter-active,.slide-up-fade-leave-active {
  4824. transition:all .3s ease
  4825. }
  4826. .slide-up-fade-enter,.slide-up-fade-leave-to {
  4827. -webkit-transform:translateY(-48px);
  4828. transform:translateY(-48px);
  4829. opacity:0
  4830. }
  4831. .xm-color-g10 {
  4832. color:#fcfcfc
  4833. }
  4834. .xm-color-g20 {
  4835. color:#f9f9f9
  4836. }
  4837. .xm-color-g30 {
  4838. color:#ebebeb
  4839. }
  4840. .xm-color-g40 {
  4841. color:#d6d6d6
  4842. }
  4843. .xm-color-g50 {
  4844. color:#b2b2b2
  4845. }
  4846. .xm-color-g60 {
  4847. color:#8c8c8c
  4848. }
  4849. .xm-color-g70 {
  4850. color:#666
  4851. }
  4852. .xm-color-g80 {
  4853. color:#2b2b2b
  4854. }
  4855. .xm-color-g90 {
  4856. color:#111
  4857. }
  4858. .form-field__feedback {
  4859. display:inline-block;
  4860. margin-top:.5rem;
  4861. font-size:13px
  4862. }
  4863. .form-field__feedback.good {
  4864. color:#33b311
  4865. }
  4866. .form-field__feedback.bad {
  4867. color:#bb1414
  4868. }
  4869. #newsletter-subscribe {
  4870. text-align:center;
  4871. font-size:16px
  4872. }
  4873. #newsletter-subscribe h1 {
  4874. margin-top:0;
  4875. margin-bottom:48px
  4876. }
  4877. @media only screen and (min-width:992px) {
  4878. #newsletter-subscribe h1 {
  4879. font-size:48px
  4880. }
  4881. }#newsletter-subscribe input {
  4882. font-size:1.25em;
  4883. padding:1em
  4884. }
  4885. #newsletter-subscribe p {
  4886. margin:0
  4887. }
  4888. @media only screen and (min-width:992px) {
  4889. #newsletter-subscribe .newsletter_content-form {
  4890. max-width:50%;
  4891. margin:0 auto
  4892. }
  4893. }#newsletter-subscribe .newsletter_content-form .subscribe__form-input #feedback {
  4894. color:#bb1414;
  4895. text-align:left;
  4896. font-size:14px
  4897. }
  4898. #newsletter-subscribe .newsletter_content-form .subscribe__form-group {
  4899. display:flex
  4900. }
  4901. @media only screen and (max-width:575px) {
  4902. #newsletter-subscribe .newsletter_content-form .subscribe__form-group {
  4903. flex-direction:column
  4904. }
  4905. }#newsletter-subscribe .newsletter_content-form .subscribe__form-group button {
  4906. flex-shrink:0;
  4907. margin-left:15px
  4908. }
  4909. @media only screen and (max-width:575px) {
  4910. #newsletter-subscribe .newsletter_content-form .subscribe__form-group button {
  4911. margin-top:15px;
  4912. margin-left:0
  4913. }
  4914. }#newsletter-subscribe .newsletter_content-form .subscribe__form-group .input-feedback {
  4915. flex:1
  4916. }
  4917. .newsletter__footer {
  4918. margin-top:60px;
  4919. margin-bottom:50px
  4920. }
  4921. @media only screen and (max-width:767px) {
  4922. .newsletter__footer {
  4923. margin-top:40px;
  4924. margin-bottom:30px
  4925. }
  4926. }.newsletter__footer-form {
  4927. width:60%;
  4928. margin:0 auto
  4929. }
  4930. @media only screen and (max-width:991px) {
  4931. .newsletter__footer-form {
  4932. width:75%
  4933. }
  4934. }@media only screen and (max-width:767px) {
  4935. .newsletter__footer-form {
  4936. width:100%
  4937. }
  4938. }.newsletter__footer .subscribe__form-input input {
  4939. font-size:20px;
  4940. width:100%;
  4941. height:56px;
  4942. padding:16px;
  4943. display:inline-block;
  4944. box-sizing:border-box;
  4945. transition:border-color .2s cubic-bezier(.645,.045,.355,1);
  4946. outline:0;
  4947. border:1px solid #f8f9fa;
  4948. background-color:#f8f9fa;
  4949. border-radius:4px
  4950. }
  4951. .newsletter__footer .subscribe__form-input input::-webkit-input-placeholder {
  4952. color:#aeb5bd;
  4953. font-weight:300
  4954. }
  4955. .newsletter__footer .subscribe__form-input input::-moz-placeholder {
  4956. color:#aeb5bd;
  4957. font-weight:300
  4958. }
  4959. .newsletter__footer .subscribe__form-input input:-ms-input-placeholder {
  4960. color:#aeb5bd;
  4961. font-weight:300
  4962. }
  4963. .newsletter__footer .subscribe__form-input input::-ms-input-placeholder {
  4964. color:#aeb5bd;
  4965. font-weight:300
  4966. }
  4967. .newsletter__footer .subscribe__form-input input::placeholder {
  4968. color:#aeb5bd;
  4969. font-weight:300
  4970. }
  4971. .newsletter__footer .subscribe__form-input input:not(:disabled):hover {
  4972. border-color:#68c4f7
  4973. }
  4974. .newsletter__footer .subscribe__form-input input:not(:disabled):focus {
  4975. border-color:#f8f9fa
  4976. }
  4977. @media only screen and (max-width:767px) {
  4978. .newsletter__footer .subscribe__form-input input {
  4979. font-size:16px;
  4980. height:42px;
  4981. padding:8px 16px
  4982. }
  4983. }.newsletter__footer .subscribe__form-input button {
  4984. margin-left:-1px;
  4985. padding:12px 24px;
  4986. font-weight:500;
  4987. font-size:20px;
  4988. height:56px;
  4989. border:1px solid transparent;
  4990. border-radius:6px;
  4991. display:inline-block;
  4992. transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
  4993. outline:0;
  4994. text-align:center;
  4995. text-decoration:none;
  4996. vertical-align:middle;
  4997. -webkit-user-select:none;
  4998. -moz-user-select:none;
  4999. -ms-user-select:none;
  5000. user-select:none;
  5001. line-height:1.5;
  5002. cursor:pointer;
  5003. color:#fff;
  5004. background-color:#f25847;
  5005. border-color:#f25847
  5006. }
  5007. .newsletter__footer .subscribe__form-input button:hover {
  5008. text-decoration:none
  5009. }
  5010. @media only screen and (max-width:767px) {
  5011. .newsletter__footer .subscribe__form-input button {
  5012. height:42px;
  5013. padding:6.5px 20px;
  5014. font-size:18px;
  5015. font-weight:400
  5016. }
  5017. }.newsletter__footer .subscribe__form-input button:hover {
  5018. color:#fff;
  5019. background-color:#ef3420;
  5020. border-color:#ef3420
  5021. }
  5022. .newsletter__footer .subscribe__form-input button:active,.newsletter__footer .subscribe__form-input button:focus {
  5023. color:#fff;
  5024. background-color:#c52b1a;
  5025. border-color:#c52b1a
  5026. }
  5027. .newsletter__footer .subscribe__form-input button:focus-visible {
  5028. color:#fff;
  5029. background-color:#f25847;
  5030. border-color:#f25847
  5031. }
  5032. .newsletter__footer .subscribe__form-input #feedback {
  5033. color:#bb1414;
  5034. text-align:left
  5035. }
  5036. .newsletter__footer .subscribe__form-group {
  5037. display:flex;
  5038. width:100%
  5039. }
  5040. @media only screen and (max-width:991px) {
  5041. .newsletter__footer .subscribe__form-group {
  5042. flex-direction:column
  5043. }
  5044. }.newsletter__footer .subscribe__form-group .input-feedback {
  5045. flex:1 1 auto
  5046. }
  5047. @media only screen and (min-width:992px) {
  5048. .newsletter__footer .subscribe__form-group button {
  5049. margin-left:8px
  5050. }
  5051. }@media only screen and (max-width:991px) {
  5052. .newsletter__footer .subscribe__form-group button {
  5053. margin-top:10px
  5054. }
  5055. }.btn {
  5056. white-space:initial
  5057. }
  5058. .G60 {
  5059. color:#8c8c8c
  5060. }
  5061. body,html {
  5062. margin:0;
  5063. padding:0;
  5064. height:100%
  5065. }
  5066. body {
  5067. position:relative;
  5068. padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)
  5069. }
  5070. .h1,.h2,.h3,.h4,.h5,.h6 {
  5071. font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif
  5072. }
  5073. #body-main-content {
  5074. min-height:100%
  5075. }
  5076. .v-center {
  5077. position:relative;
  5078. top:50%;
  5079. -webkit-transform:translate(0,-50%);
  5080. transform:translate(0,-50%)
  5081. }
  5082. .hidden {
  5083. display:none!important;
  5084. visibility:hidden
  5085. }
  5086. .invisible {
  5087. visibility:hidden
  5088. }
  5089. [v-cloak] {
  5090. visibility:hidden
  5091. }
  5092. .powerful-cloak[v-cloak] {
  5093. display:none
  5094. }
  5095. .nowrap {
  5096. white-space:nowrap
  5097. }
  5098. body.res-menu-on {
  5099. overflow-y:hidden;
  5100. touch-action:none;
  5101. -ms-touch-action:none
  5102. }
  5103. a {
  5104. text-decoration:none
  5105. }
  5106. .big-block {
  5107. height:800px;
  5108. background-color:gray
  5109. }
  5110. * {
  5111. box-sizing:border-box
  5112. }
  5113. .one-half {
  5114. width:50%
  5115. }
  5116. .no-margin {
  5117. margin:0
  5118. }
  5119. .red-xmbtn {
  5120. border-radius:3px;
  5121. line-height:16px;
  5122. font-style:normal;
  5123. cursor:pointer;
  5124. position:relative;
  5125. display:inline-block;
  5126. vertical-align:baseline;
  5127. transition:background-color .1s ease,width .1s ease;
  5128. background-color:#e85d4e;
  5129. color:#fff;
  5130. font-size:16px;
  5131. font-weight:500;
  5132. padding:15px 50px;
  5133. border:1px solid #e85d4e
  5134. }
  5135. .red-xmbtn:hover {
  5136. background-color:#e44433;
  5137. color:#fff;
  5138. box-shadow:none
  5139. }
  5140. .red-xmbtn:active {
  5141. background:#e05a4b;
  5142. color:#fff
  5143. }
  5144. .xmbtn {
  5145. padding:10px 20px;
  5146. margin:0 4px 0 0;
  5147. border-radius:3px;
  5148. background-color:#fff;
  5149. color:#72787c;
  5150. font-size:14px;
  5151. line-height:16px;
  5152. font-style:normal;
  5153. box-shadow:0 0 0 1px #c1c4c6 inset;
  5154. cursor:pointer;
  5155. position:relative;
  5156. display:inline-block;
  5157. vertical-align:baseline;
  5158. outline:0;
  5159. text-align:center;
  5160. transition:box-shadow .1s ease,width .1s ease;
  5161. transition:background-color .1s ease,width .1s ease;
  5162. -webkit-tap-highlight-color:transparent;
  5163. -webkit-user-select:none;
  5164. -moz-user-select:none;
  5165. -ms-user-select:none;
  5166. user-select:none
  5167. }
  5168. .dark-xmbtn {
  5169. padding:10px 20px;
  5170. margin:0 4px 0 0;
  5171. border-radius:3px;
  5172. background-color:#fff;
  5173. color:#72787c;
  5174. font-size:14px;
  5175. line-height:16px;
  5176. font-style:normal;
  5177. box-shadow:0 0 0 1px #c1c4c6 inset;
  5178. cursor:pointer;
  5179. position:relative;
  5180. display:inline-block;
  5181. vertical-align:baseline;
  5182. outline:0;
  5183. text-align:center;
  5184. transition:box-shadow .1s ease,width .1s ease;
  5185. transition:background-color .1s ease,width .1s ease;
  5186. -webkit-tap-highlight-color:transparent;
  5187. -webkit-user-select:none;
  5188. -moz-user-select:none;
  5189. -ms-user-select:none;
  5190. user-select:none;
  5191. background-color:#2b2f33;
  5192. color:#fff;
  5193. box-shadow:none;
  5194. font-weight:500
  5195. }
  5196. .dark-xmbtn:hover {
  5197. background-color:#000;
  5198. color:#fff;
  5199. box-shadow:none
  5200. }
  5201. .professional-features {
  5202. text-align:center
  5203. }
  5204. .professional-features h2 {
  5205. margin-top:40px;
  5206. font-size:36px;
  5207. line-height:1.5;
  5208. text-align:center;
  5209. color:#363b3f;
  5210. font-weight:400
  5211. }
  5212. .professional-features div {
  5213. display:inline-block;
  5214. text-align:center
  5215. }
  5216. .professional-features .professional-features-desc {
  5217. margin:10px 0 35px 0
  5218. }
  5219. .professional-features .red-xmbtn {
  5220. margin-bottom:30px
  5221. }
  5222. .other-versions h2 {
  5223. font-weight:400;
  5224. margin-top:40px;
  5225. font-size:36px
  5226. }
  5227. .other-versions .linux,.other-versions .windows {
  5228. text-align:center;
  5229. border:solid 1px #d8d8d8;
  5230. border-radius:3px;
  5231. margin:0 15px;
  5232. display:inline-block;
  5233. cursor:pointer;
  5234. padding:40px 24px
  5235. }
  5236. .other-versions .linux:hover,.other-versions .windows:hover {
  5237. background-color:#f8f8f8
  5238. }
  5239. .other-versions a {
  5240. margin-top:50px;
  5241. margin-bottom:26px
  5242. }
  5243. .flex {
  5244. display:flex
  5245. }
  5246. .space-between {
  5247. justify-content:space-between
  5248. }
  5249. .flex-column {
  5250. flex-direction:column
  5251. }
  5252. .flex-align-center {
  5253. align-items:center
  5254. }
  5255. .inline-flex {
  5256. display:inline-flex
  5257. }
  5258. .flex-box {
  5259. display:flex;
  5260. flex-wrap:nowrap;
  5261. justify-content:space-between
  5262. }
  5263. .flex-box.row {
  5264. flex-direction:row
  5265. }
  5266. .flex-box.column {
  5267. flex-direction:column
  5268. }
  5269. .inline-block {
  5270. display:inline-block
  5271. }
  5272. .block {
  5273. display:block
  5274. }
  5275. .three-fourth {
  5276. width:75%
  5277. }
  5278. .one-fourth {
  5279. width:25%
  5280. }
  5281. .clearfix {
  5282. clear:both
  5283. }
  5284. .bold {
  5285. font-weight:700
  5286. }
  5287. .semi-bold {
  5288. font-weight:600
  5289. }
  5290. .font-weight-normal {
  5291. font-weight:400!important
  5292. }
  5293. .container {
  5294. padding-left:30px;
  5295. padding-right:30px
  5296. }
  5297. .container .container {
  5298. padding-left:initial;
  5299. padding-right:initial
  5300. }
  5301. .xm-container {
  5302. max-width:1170px;
  5303. width:100%;
  5304. height:100%;
  5305. padding-left:30px;
  5306. padding-right:30px;
  5307. margin-left:auto;
  5308. margin-right:auto
  5309. }
  5310. .xm-row {
  5311. display:flex;
  5312. flex-wrap:wrap;
  5313. margin-right:-15px;
  5314. margin-left:-15px
  5315. }
  5316. .loading {
  5317. position:absolute;
  5318. top:50%;
  5319. left:50%;
  5320. -webkit-transform:translate(-50%,-50%);
  5321. transform:translate(-50%,-50%);
  5322. display:inline-block;
  5323. width:64px;
  5324. height:40px
  5325. }
  5326. .loading div {
  5327. position:absolute;
  5328. top:15.5px;
  5329. width:9px;
  5330. height:9px;
  5331. border-radius:50%;
  5332. background:#fff;
  5333. -webkit-animation-timing-function:cubic-bezier(0,1,1,0);
  5334. animation-timing-function:cubic-bezier(0,1,1,0)
  5335. }
  5336. .loading.dark div {
  5337. background:#000
  5338. }
  5339. .loading div:nth-child(1) {
  5340. left:6px;
  5341. -webkit-animation:lds-ellipsis1 .6s infinite;
  5342. animation:lds-ellipsis1 .6s infinite
  5343. }
  5344. .loading div:nth-child(2) {
  5345. left:6px;
  5346. -webkit-animation:lds-ellipsis2 .6s infinite;
  5347. animation:lds-ellipsis2 .6s infinite
  5348. }
  5349. .loading div:nth-child(3) {
  5350. left:26px;
  5351. -webkit-animation:lds-ellipsis2 .6s infinite;
  5352. animation:lds-ellipsis2 .6s infinite
  5353. }
  5354. .loading div:nth-child(4) {
  5355. left:45px;
  5356. -webkit-animation:lds-ellipsis3 .6s infinite;
  5357. animation:lds-ellipsis3 .6s infinite
  5358. }
  5359. .checkbox-group {
  5360. display:flex;
  5361. align-items:baseline
  5362. }
  5363. .checkbox-group label {
  5364. -webkit-transform:translateY(-2px);
  5365. transform:translateY(-2px)
  5366. }
  5367. .checkbox-group input {
  5368. flex-grow:0;
  5369. flex-shrink:0;
  5370. margin-right:.5rem
  5371. }
  5372. .checkbox-group .hint {
  5373. font-size:13px;
  5374. color:#bb1414
  5375. }