index.css 97 KB

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