Index-C8nJx_CN.css 126 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096
  1. @charset "UTF-8";
  2. .header[data-v-6a4b9abf] {
  3. position: absolute;
  4. top: 0;
  5. width: 100%;
  6. height: 9.259259vh;
  7. display: flex;
  8. justify-content: space-between;
  9. align-items: center;
  10. padding: 0 1.851852vh;
  11. }
  12. .header .h-left[data-v-6a4b9abf],
  13. .header .h-right[data-v-6a4b9abf] {
  14. width: 19.444444vh;
  15. }
  16. .header .h-left .now-time[data-v-6a4b9abf] {
  17. width: 11.574074vh;
  18. font-family: SF-Regular;
  19. font-size: 2.777778vh;
  20. color: #aecaf5;
  21. }
  22. .header .h-left .now-date[data-v-6a4b9abf],
  23. .header .h-left .now-day[data-v-6a4b9abf] {
  24. font-family: SF-light;
  25. font-size: 1.296296vh;
  26. line-height: 1.666667vh;
  27. color: #aecaf5c3;
  28. }
  29. .header .h-right img[data-v-6a4b9abf] {
  30. width: 3.333333vh;
  31. height: 3.333333vh;
  32. margin-right: 1.203704vh;
  33. margin-bottom: 0.185185vh;
  34. }
  35. .header .h-right .user-panel[data-v-6a4b9abf] {
  36. width: 11.574074vh;
  37. height: 4.166667vh;
  38. padding-left: 5.555556vh;
  39. background: url(/low_altitude_interface/assets/user-bg-CR5-MoDt.png) no-repeat;
  40. background-size: cover;
  41. line-height: 4.166667vh;
  42. font-size: 1.666667vh;
  43. color: #aecaf5;
  44. }
  45. .header .h-title[data-v-6a4b9abf] {
  46. flex: 1;
  47. max-width: 138.888889vh;
  48. display: flex;
  49. justify-content: center;
  50. align-items: center;
  51. height: 100%;
  52. background: url(/low_altitude_interface/assets/bg-header-D4zkbBcb.png) no-repeat;
  53. background-size: 100% 110%;
  54. background-position: center top !important;
  55. }
  56. .header .h-title img[data-v-6a4b9abf] {
  57. width: 6.481481vh;
  58. margin-right: 0.462963vh;
  59. padding-bottom: 0.648148vh;
  60. }
  61. .header .h-title .title-text[data-v-6a4b9abf] {
  62. padding-bottom: 1.111111vh;
  63. font-family: ShuHei;
  64. font-size: 2.777778vh;
  65. line-height: 2.777778vh;
  66. letter-spacing: 0.185185vh;
  67. background-image: linear-gradient(0deg, #a5bae3, #e8e9ee);
  68. -webkit-background-clip: text;
  69. -webkit-text-fill-color: transparent;
  70. z-index: 1;
  71. }
  72. @media screen and (min-aspect-ratio: 21/9) {
  73. .header .h-title[data-v-6a4b9abf] {
  74. max-width: 191.388889vh;
  75. background: url(/low_altitude_interface/assets/bg-header_large-a9_B8Rfz.png) no-repeat;
  76. background-size: 100% 10.185185vh;
  77. }
  78. }
  79. .base-map[data-v-e0d026d1] {
  80. display: flex;
  81. flex-direction: column;
  82. }
  83. .base-map li[data-v-e0d026d1] {
  84. position: relative;
  85. width: 9.62963vh;
  86. height: 9.62963vh;
  87. margin-bottom: 0.462963vh;
  88. }
  89. .base-map li img[data-v-e0d026d1] {
  90. width: 100%;
  91. height: 100%;
  92. }
  93. .base-map li span[data-v-e0d026d1] {
  94. display: block;
  95. position: absolute;
  96. bottom: 0.833333vh;
  97. width: 100%;
  98. line-height: 1.296296vh;
  99. font-size: 1.296296vh;
  100. text-align: center;
  101. color: #fff;
  102. }
  103. .tool-list[data-v-5f2f0e97] {
  104. position: absolute;
  105. right: calc(var(--panel-gap) + var(--aside-width));
  106. top: var(--panel-gap);
  107. display: flex;
  108. flex-direction: column;
  109. transition: right 0.5s ease-out;
  110. }
  111. .tool-list.to-right[data-v-5f2f0e97] {
  112. right: var(--panel-gap);
  113. visibility: visible;
  114. }
  115. .tool-list li[data-v-5f2f0e97] {
  116. position: relative;
  117. width: var(--tools-width);
  118. height: var(--tools-width);
  119. margin-bottom: 1.203704vh;
  120. cursor: pointer;
  121. }
  122. .tool-list li.disabled[data-v-5f2f0e97] {
  123. opacity: 0.6;
  124. cursor: not-allowed;
  125. }
  126. .tool-list li img[data-v-5f2f0e97] {
  127. width: 100%;
  128. height: 100%;
  129. }
  130. .tool-list .sub-wrapper[data-v-5f2f0e97] {
  131. position: absolute;
  132. right: calc(var(--tools-width) + var(--panel-gap));
  133. top: 0;
  134. background: #000a1e99;
  135. box-shadow: 0 1px 0.555556vh #25252573;
  136. border: 1px solid #98baff;
  137. padding: 0 1.388889vh;
  138. }
  139. .tool-list .sub-wrapper li[data-v-5f2f0e97] {
  140. width: 7.407407vh;
  141. height: 2.037037vh;
  142. margin: 1.851852vh 0;
  143. display: flex;
  144. align-items: center;
  145. }
  146. .tool-list .sub-wrapper li img[data-v-5f2f0e97] {
  147. width: 2.222222vh;
  148. height: 2.222222vh;
  149. margin-right: 0.648148vh;
  150. }
  151. .tool-list .sub-wrapper li span[data-v-5f2f0e97] {
  152. font-size: 1.666667vh;
  153. line-height: 1.666667vh;
  154. }
  155. .tool-list .sub-wrapper li span.active[data-v-5f2f0e97] {
  156. color: #dece81;
  157. }
  158. .tool-list .base-map[data-v-5f2f0e97] {
  159. position: absolute;
  160. right: calc(var(--tools-width) + var(--panel-gap));
  161. top: 0;
  162. }
  163. :root {
  164. --el-color-white: #ffffff;
  165. --el-color-black: #000000;
  166. --el-color-primary-rgb: 64, 158, 255;
  167. --el-color-success-rgb: 103, 194, 58;
  168. --el-color-warning-rgb: 230, 162, 60;
  169. --el-color-danger-rgb: 245, 108, 108;
  170. --el-color-error-rgb: 245, 108, 108;
  171. --el-color-info-rgb: 144, 147, 153;
  172. --el-font-size-extra-large: 20px;
  173. --el-font-size-large: 18px;
  174. --el-font-size-medium: 16px;
  175. --el-font-size-base: 14px;
  176. --el-font-size-small: 13px;
  177. --el-font-size-extra-small: 12px;
  178. --el-font-family:
  179. 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
  180. --el-font-weight-primary: 500;
  181. --el-font-line-height-primary: 24px;
  182. --el-index-normal: 1;
  183. --el-index-top: 1000;
  184. --el-index-popper: 2000;
  185. --el-border-radius-base: 4px;
  186. --el-border-radius-small: 2px;
  187. --el-border-radius-round: 20px;
  188. --el-border-radius-circle: 100%;
  189. --el-transition-duration: 0.3s;
  190. --el-transition-duration-fast: 0.2s;
  191. --el-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
  192. --el-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
  193. --el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  194. --el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
  195. --el-transition-md-fade:
  196. transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),
  197. opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
  198. --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
  199. --el-transition-border: border-color var(--el-transition-duration-fast)
  200. var(--el-transition-function-ease-in-out-bezier);
  201. --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast)
  202. var(--el-transition-function-ease-in-out-bezier);
  203. --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  204. --el-component-size-large: 40px;
  205. --el-component-size: 32px;
  206. --el-component-size-small: 24px;
  207. color-scheme: light;
  208. --el-color-primary: #409eff;
  209. --el-color-primary-light-3: rgb(121.3, 187.1, 255);
  210. --el-color-primary-light-5: rgb(159.5, 206.5, 255);
  211. --el-color-primary-light-7: rgb(197.7, 225.9, 255);
  212. --el-color-primary-light-8: rgb(216.8, 235.6, 255);
  213. --el-color-primary-light-9: rgb(235.9, 245.3, 255);
  214. --el-color-primary-dark-2: rgb(51.2, 126.4, 204);
  215. --el-color-success: #67c23a;
  216. --el-color-success-light-3: rgb(148.6, 212.3, 117.1);
  217. --el-color-success-light-5: rgb(179, 224.5, 156.5);
  218. --el-color-success-light-7: rgb(209.4, 236.7, 195.9);
  219. --el-color-success-light-8: rgb(224.6, 242.8, 215.6);
  220. --el-color-success-light-9: rgb(239.8, 248.9, 235.3);
  221. --el-color-success-dark-2: rgb(82.4, 155.2, 46.4);
  222. --el-color-warning: #e6a23c;
  223. --el-color-warning-light-3: rgb(237.5, 189.9, 118.5);
  224. --el-color-warning-light-5: rgb(242.5, 208.5, 157.5);
  225. --el-color-warning-light-7: rgb(247.5, 227.1, 196.5);
  226. --el-color-warning-light-8: rgb(250, 236.4, 216);
  227. --el-color-warning-light-9: rgb(252.5, 245.7, 235.5);
  228. --el-color-warning-dark-2: rgb(184, 129.6, 48);
  229. --el-color-danger: #f56c6c;
  230. --el-color-danger-light-3: rgb(248, 152.1, 152.1);
  231. --el-color-danger-light-5: rgb(250, 181.5, 181.5);
  232. --el-color-danger-light-7: rgb(252, 210.9, 210.9);
  233. --el-color-danger-light-8: rgb(253, 225.6, 225.6);
  234. --el-color-danger-light-9: rgb(254, 240.3, 240.3);
  235. --el-color-danger-dark-2: rgb(196, 86.4, 86.4);
  236. --el-color-error: #f56c6c;
  237. --el-color-error-light-3: rgb(248, 152.1, 152.1);
  238. --el-color-error-light-5: rgb(250, 181.5, 181.5);
  239. --el-color-error-light-7: rgb(252, 210.9, 210.9);
  240. --el-color-error-light-8: rgb(253, 225.6, 225.6);
  241. --el-color-error-light-9: rgb(254, 240.3, 240.3);
  242. --el-color-error-dark-2: rgb(196, 86.4, 86.4);
  243. --el-color-info: #909399;
  244. --el-color-info-light-3: rgb(177.3, 179.4, 183.6);
  245. --el-color-info-light-5: rgb(199.5, 201, 204);
  246. --el-color-info-light-7: rgb(221.7, 222.6, 224.4);
  247. --el-color-info-light-8: rgb(232.8, 233.4, 234.6);
  248. --el-color-info-light-9: rgb(243.9, 244.2, 244.8);
  249. --el-color-info-dark-2: rgb(115.2, 117.6, 122.4);
  250. --el-bg-color: #ffffff;
  251. --el-bg-color-page: #f2f3f5;
  252. --el-bg-color-overlay: #ffffff;
  253. --el-text-color-primary: #303133;
  254. --el-text-color-regular: #606266;
  255. --el-text-color-secondary: #909399;
  256. --el-text-color-placeholder: #a8abb2;
  257. --el-text-color-disabled: #c0c4cc;
  258. --el-border-color: #dcdfe6;
  259. --el-border-color-light: #e4e7ed;
  260. --el-border-color-lighter: #ebeef5;
  261. --el-border-color-extra-light: #f2f6fc;
  262. --el-border-color-dark: #d4d7de;
  263. --el-border-color-darker: #cdd0d6;
  264. --el-fill-color: #f0f2f5;
  265. --el-fill-color-light: #f5f7fa;
  266. --el-fill-color-lighter: #fafafa;
  267. --el-fill-color-extra-light: #fafcff;
  268. --el-fill-color-dark: #ebedf0;
  269. --el-fill-color-darker: #e6e8eb;
  270. --el-fill-color-blank: #ffffff;
  271. --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.08);
  272. --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
  273. --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
  274. --el-box-shadow-dark:
  275. 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
  276. --el-disabled-bg-color: var(--el-fill-color-light);
  277. --el-disabled-text-color: var(--el-text-color-placeholder);
  278. --el-disabled-border-color: var(--el-border-color-light);
  279. --el-overlay-color: rgba(0, 0, 0, 0.8);
  280. --el-overlay-color-light: rgba(0, 0, 0, 0.7);
  281. --el-overlay-color-lighter: rgba(0, 0, 0, 0.5);
  282. --el-mask-color: rgba(255, 255, 255, 0.9);
  283. --el-mask-color-extra-light: rgba(255, 255, 255, 0.3);
  284. --el-border-width: 1px;
  285. --el-border-style: solid;
  286. --el-border-color-hover: var(--el-text-color-disabled);
  287. --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
  288. --el-svg-monochrome-grey: var(--el-border-color);
  289. }
  290. .fade-in-linear-enter-active,
  291. .fade-in-linear-leave-active {
  292. transition: var(--el-transition-fade-linear);
  293. }
  294. .fade-in-linear-enter-from,
  295. .fade-in-linear-leave-to {
  296. opacity: 0;
  297. }
  298. .el-fade-in-linear-enter-active,
  299. .el-fade-in-linear-leave-active {
  300. transition: var(--el-transition-fade-linear);
  301. }
  302. .el-fade-in-linear-enter-from,
  303. .el-fade-in-linear-leave-to {
  304. opacity: 0;
  305. }
  306. .el-fade-in-enter-active,
  307. .el-fade-in-leave-active {
  308. transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
  309. }
  310. .el-fade-in-enter-from,
  311. .el-fade-in-leave-active {
  312. opacity: 0;
  313. }
  314. .el-zoom-in-center-enter-active,
  315. .el-zoom-in-center-leave-active {
  316. transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
  317. }
  318. .el-zoom-in-center-enter-from,
  319. .el-zoom-in-center-leave-active {
  320. opacity: 0;
  321. transform: scaleX(0);
  322. }
  323. .el-zoom-in-top-enter-active,
  324. .el-zoom-in-top-leave-active {
  325. opacity: 1;
  326. transform: scaleY(1);
  327. transform-origin: center top;
  328. transition: var(--el-transition-md-fade);
  329. }
  330. .el-zoom-in-top-enter-active[data-popper-placement^='top'],
  331. .el-zoom-in-top-leave-active[data-popper-placement^='top'] {
  332. transform-origin: center bottom;
  333. }
  334. .el-zoom-in-top-enter-from,
  335. .el-zoom-in-top-leave-active {
  336. opacity: 0;
  337. transform: scaleY(0);
  338. }
  339. .el-zoom-in-bottom-enter-active,
  340. .el-zoom-in-bottom-leave-active {
  341. opacity: 1;
  342. transform: scaleY(1);
  343. transform-origin: center bottom;
  344. transition: var(--el-transition-md-fade);
  345. }
  346. .el-zoom-in-bottom-enter-from,
  347. .el-zoom-in-bottom-leave-active {
  348. opacity: 0;
  349. transform: scaleY(0);
  350. }
  351. .el-zoom-in-left-enter-active,
  352. .el-zoom-in-left-leave-active {
  353. opacity: 1;
  354. transform: scale(1);
  355. transform-origin: top left;
  356. transition: var(--el-transition-md-fade);
  357. }
  358. .el-zoom-in-left-enter-from,
  359. .el-zoom-in-left-leave-active {
  360. opacity: 0;
  361. transform: scale(0.45);
  362. }
  363. .collapse-transition {
  364. transition:
  365. var(--el-transition-duration) height ease-in-out,
  366. var(--el-transition-duration) padding-top ease-in-out,
  367. var(--el-transition-duration) padding-bottom ease-in-out;
  368. }
  369. .el-collapse-transition-enter-active,
  370. .el-collapse-transition-leave-active {
  371. transition:
  372. var(--el-transition-duration) max-height ease-in-out,
  373. var(--el-transition-duration) padding-top ease-in-out,
  374. var(--el-transition-duration) padding-bottom ease-in-out;
  375. }
  376. .horizontal-collapse-transition {
  377. transition:
  378. var(--el-transition-duration) width ease-in-out,
  379. var(--el-transition-duration) padding-left ease-in-out,
  380. var(--el-transition-duration) padding-right ease-in-out;
  381. }
  382. .el-list-enter-active,
  383. .el-list-leave-active {
  384. transition: all 1s;
  385. }
  386. .el-list-enter-from,
  387. .el-list-leave-to {
  388. opacity: 0;
  389. transform: translateY(-30px);
  390. }
  391. .el-list-leave-active {
  392. position: absolute !important;
  393. }
  394. .el-opacity-transition {
  395. transition: opacity var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
  396. }
  397. .el-icon-loading {
  398. animation: rotating 2s linear infinite;
  399. }
  400. .el-icon--right {
  401. margin-left: 5px;
  402. }
  403. .el-icon--left {
  404. margin-right: 5px;
  405. }
  406. @keyframes rotating {
  407. 0% {
  408. transform: rotate(0);
  409. }
  410. to {
  411. transform: rotate(1turn);
  412. }
  413. }
  414. .el-icon {
  415. --color: inherit;
  416. align-items: center;
  417. display: inline-flex;
  418. height: 1em;
  419. justify-content: center;
  420. line-height: 1em;
  421. position: relative;
  422. width: 1em;
  423. fill: currentColor;
  424. color: var(--color);
  425. font-size: inherit;
  426. }
  427. .el-icon.is-loading {
  428. animation: rotating 2s linear infinite;
  429. }
  430. .el-icon svg {
  431. height: 1em;
  432. width: 1em;
  433. }
  434. .el-form {
  435. --el-form-label-font-size: var(--el-font-size-base);
  436. --el-form-inline-content-width: 220px;
  437. }
  438. .el-form--inline .el-form-item {
  439. display: inline-flex;
  440. margin-right: 32px;
  441. vertical-align: middle;
  442. }
  443. .el-form--inline.el-form--label-top {
  444. display: flex;
  445. flex-wrap: wrap;
  446. }
  447. .el-form--inline.el-form--label-top .el-form-item {
  448. display: block;
  449. }
  450. .el-form-item {
  451. display: flex;
  452. --font-size: 14px;
  453. margin-bottom: 18px;
  454. }
  455. .el-form-item .el-form-item {
  456. margin-bottom: 0;
  457. }
  458. .el-form-item .el-input__validateIcon {
  459. display: none;
  460. }
  461. .el-form-item--large {
  462. --font-size: 14px;
  463. --el-form-label-font-size: var(--font-size);
  464. margin-bottom: 22px;
  465. }
  466. .el-form-item--large .el-form-item__label {
  467. height: 40px;
  468. line-height: 40px;
  469. }
  470. .el-form-item--large .el-form-item__content {
  471. line-height: 40px;
  472. }
  473. .el-form-item--large .el-form-item__error {
  474. padding-top: 4px;
  475. }
  476. .el-form-item--default {
  477. --font-size: 14px;
  478. --el-form-label-font-size: var(--font-size);
  479. margin-bottom: 18px;
  480. }
  481. .el-form-item--default .el-form-item__label {
  482. height: 32px;
  483. line-height: 32px;
  484. }
  485. .el-form-item--default .el-form-item__content {
  486. line-height: 32px;
  487. }
  488. .el-form-item--default .el-form-item__error {
  489. padding-top: 2px;
  490. }
  491. .el-form-item--small {
  492. --font-size: 12px;
  493. --el-form-label-font-size: var(--font-size);
  494. margin-bottom: 18px;
  495. }
  496. .el-form-item--small .el-form-item__label {
  497. height: 24px;
  498. line-height: 24px;
  499. }
  500. .el-form-item--small .el-form-item__content {
  501. line-height: 24px;
  502. }
  503. .el-form-item--small .el-form-item__error {
  504. padding-top: 2px;
  505. }
  506. .el-form-item--label-left .el-form-item__label {
  507. justify-content: flex-start;
  508. }
  509. .el-form-item--label-top {
  510. display: block;
  511. }
  512. .el-form-item--label-top .el-form-item__label {
  513. display: inline-block;
  514. height: auto;
  515. line-height: 22px;
  516. margin-bottom: 8px;
  517. text-align: left;
  518. vertical-align: middle;
  519. }
  520. .el-form-item__label-wrap {
  521. display: flex;
  522. }
  523. .el-form-item__label {
  524. align-items: flex-start;
  525. box-sizing: border-box;
  526. color: var(--el-text-color-regular);
  527. display: inline-flex;
  528. flex: 0 0 auto;
  529. font-size: var(--el-form-label-font-size);
  530. height: 32px;
  531. justify-content: flex-end;
  532. line-height: 32px;
  533. padding: 0 12px 0 0;
  534. }
  535. .el-form-item__content {
  536. align-items: center;
  537. display: flex;
  538. flex: 1;
  539. flex-wrap: wrap;
  540. font-size: var(--font-size);
  541. line-height: 32px;
  542. min-width: 0;
  543. position: relative;
  544. }
  545. .el-form-item__content .el-input-group {
  546. vertical-align: top;
  547. }
  548. .el-form-item__error {
  549. color: var(--el-color-danger);
  550. font-size: 12px;
  551. left: 0;
  552. line-height: 1;
  553. padding-top: 2px;
  554. position: absolute;
  555. top: 100%;
  556. }
  557. .el-form-item__error--inline {
  558. display: inline-block;
  559. left: auto;
  560. margin-left: 10px;
  561. position: relative;
  562. top: auto;
  563. }
  564. .el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label-wrap > .el-form-item__label:before,
  565. .el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label:before {
  566. color: var(--el-color-danger);
  567. content: '*';
  568. margin-right: 4px;
  569. }
  570. .el-form-item.is-required:not(.is-no-asterisk).asterisk-right > .el-form-item__label-wrap > .el-form-item__label:after,
  571. .el-form-item.is-required:not(.is-no-asterisk).asterisk-right > .el-form-item__label:after {
  572. color: var(--el-color-danger);
  573. content: '*';
  574. margin-left: 4px;
  575. }
  576. .el-form-item.is-error .el-input-tag__wrapper,
  577. .el-form-item.is-error .el-input-tag__wrapper.is-focus,
  578. .el-form-item.is-error .el-input-tag__wrapper:focus,
  579. .el-form-item.is-error .el-input-tag__wrapper:hover,
  580. .el-form-item.is-error .el-input__wrapper,
  581. .el-form-item.is-error .el-input__wrapper.is-focus,
  582. .el-form-item.is-error .el-input__wrapper:focus,
  583. .el-form-item.is-error .el-input__wrapper:hover,
  584. .el-form-item.is-error .el-select__wrapper,
  585. .el-form-item.is-error .el-select__wrapper.is-focus,
  586. .el-form-item.is-error .el-select__wrapper:focus,
  587. .el-form-item.is-error .el-select__wrapper:hover,
  588. .el-form-item.is-error .el-textarea__inner,
  589. .el-form-item.is-error .el-textarea__inner.is-focus,
  590. .el-form-item.is-error .el-textarea__inner:focus,
  591. .el-form-item.is-error .el-textarea__inner:hover {
  592. box-shadow: 0 0 0 1px var(--el-color-danger) inset;
  593. }
  594. .el-form-item.is-error .el-input-group__append .el-input__wrapper,
  595. .el-form-item.is-error .el-input-group__prepend .el-input__wrapper {
  596. box-shadow: inset 0 0 0 1px transparent;
  597. }
  598. .el-form-item.is-error .el-input-group__append .el-input__validateIcon,
  599. .el-form-item.is-error .el-input-group__prepend .el-input__validateIcon {
  600. display: none;
  601. }
  602. .el-form-item.is-error .el-input__validateIcon {
  603. color: var(--el-color-danger);
  604. }
  605. .el-form-item--feedback .el-input__validateIcon {
  606. display: inline-flex;
  607. }
  608. .el-checkbox {
  609. --el-checkbox-font-size: 14px;
  610. --el-checkbox-font-weight: var(--el-font-weight-primary);
  611. --el-checkbox-text-color: var(--el-text-color-regular);
  612. --el-checkbox-input-height: 14px;
  613. --el-checkbox-input-width: 14px;
  614. --el-checkbox-border-radius: var(--el-border-radius-small);
  615. --el-checkbox-bg-color: var(--el-fill-color-blank);
  616. --el-checkbox-input-border: var(--el-border);
  617. --el-checkbox-disabled-border-color: var(--el-border-color);
  618. --el-checkbox-disabled-input-fill: var(--el-fill-color-light);
  619. --el-checkbox-disabled-icon-color: var(--el-text-color-placeholder);
  620. --el-checkbox-disabled-checked-input-fill: var(--el-border-color-extra-light);
  621. --el-checkbox-disabled-checked-input-border-color: var(--el-border-color);
  622. --el-checkbox-disabled-checked-icon-color: var(--el-text-color-placeholder);
  623. --el-checkbox-checked-text-color: var(--el-color-primary);
  624. --el-checkbox-checked-input-border-color: var(--el-color-primary);
  625. --el-checkbox-checked-bg-color: var(--el-color-primary);
  626. --el-checkbox-checked-icon-color: var(--el-color-white);
  627. --el-checkbox-input-border-color-hover: var(--el-color-primary);
  628. align-items: center;
  629. color: var(--el-checkbox-text-color);
  630. cursor: pointer;
  631. display: inline-flex;
  632. font-size: var(--el-font-size-base);
  633. font-weight: var(--el-checkbox-font-weight);
  634. height: var(--el-checkbox-height, 32px);
  635. margin-right: 30px;
  636. position: relative;
  637. -webkit-user-select: none;
  638. user-select: none;
  639. white-space: nowrap;
  640. }
  641. .el-checkbox.is-disabled {
  642. cursor: not-allowed;
  643. }
  644. .el-checkbox.is-bordered {
  645. border: var(--el-border);
  646. border-radius: var(--el-border-radius-base);
  647. box-sizing: border-box;
  648. padding: 0 15px 0 9px;
  649. }
  650. .el-checkbox.is-bordered.is-checked {
  651. border-color: var(--el-color-primary);
  652. }
  653. .el-checkbox.is-bordered.is-disabled {
  654. border-color: var(--el-border-color-lighter);
  655. }
  656. .el-checkbox.is-bordered.el-checkbox--large {
  657. border-radius: var(--el-border-radius-base);
  658. padding: 0 19px 0 11px;
  659. }
  660. .el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label {
  661. font-size: var(--el-font-size-base);
  662. }
  663. .el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner {
  664. height: 14px;
  665. width: 14px;
  666. }
  667. .el-checkbox.is-bordered.el-checkbox--small {
  668. border-radius: calc(var(--el-border-radius-base) - 1px);
  669. padding: 0 11px 0 7px;
  670. }
  671. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  672. font-size: 12px;
  673. }
  674. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  675. height: 12px;
  676. width: 12px;
  677. }
  678. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
  679. height: 6px;
  680. width: 2px;
  681. }
  682. .el-checkbox input:focus-visible + .el-checkbox__inner {
  683. border-radius: var(--el-checkbox-border-radius);
  684. outline: 2px solid var(--el-checkbox-input-border-color-hover);
  685. outline-offset: 1px;
  686. }
  687. .el-checkbox__input {
  688. cursor: pointer;
  689. display: inline-flex;
  690. outline: none;
  691. position: relative;
  692. white-space: nowrap;
  693. }
  694. .el-checkbox__input.is-disabled .el-checkbox__inner {
  695. background-color: var(--el-checkbox-disabled-input-fill);
  696. border-color: var(--el-checkbox-disabled-border-color);
  697. cursor: not-allowed;
  698. }
  699. .el-checkbox__input.is-disabled .el-checkbox__inner:after {
  700. border-color: var(--el-checkbox-disabled-icon-color);
  701. cursor: not-allowed;
  702. }
  703. .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  704. background-color: var(--el-checkbox-disabled-checked-input-fill);
  705. border-color: var(--el-checkbox-disabled-checked-input-border-color);
  706. }
  707. .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
  708. border-color: var(--el-checkbox-disabled-checked-icon-color);
  709. }
  710. .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  711. background-color: var(--el-checkbox-disabled-checked-input-fill);
  712. border-color: var(--el-checkbox-disabled-checked-input-border-color);
  713. }
  714. .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
  715. background-color: var(--el-checkbox-disabled-checked-icon-color);
  716. border-color: var(--el-checkbox-disabled-checked-icon-color);
  717. }
  718. .el-checkbox__input.is-disabled + span.el-checkbox__label {
  719. color: var(--el-disabled-text-color);
  720. cursor: not-allowed;
  721. }
  722. .el-checkbox__input.is-checked .el-checkbox__inner {
  723. background-color: var(--el-checkbox-checked-bg-color);
  724. border-color: var(--el-checkbox-checked-input-border-color);
  725. }
  726. .el-checkbox__input.is-checked .el-checkbox__inner:after {
  727. border-color: var(--el-checkbox-checked-icon-color);
  728. transform: rotate(45deg) scaleY(1);
  729. }
  730. .el-checkbox__input.is-checked + .el-checkbox__label {
  731. color: var(--el-checkbox-checked-text-color);
  732. }
  733. .el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible) {
  734. border-color: var(--el-checkbox-input-border-color-hover);
  735. }
  736. .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  737. background-color: var(--el-checkbox-checked-bg-color);
  738. border-color: var(--el-checkbox-checked-input-border-color);
  739. }
  740. .el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
  741. background-color: var(--el-checkbox-checked-icon-color);
  742. content: '';
  743. display: block;
  744. height: 2px;
  745. left: 0;
  746. position: absolute;
  747. right: 0;
  748. top: 5px;
  749. transform: scale(0.5);
  750. }
  751. .el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
  752. display: none;
  753. }
  754. .el-checkbox__inner {
  755. background-color: var(--el-checkbox-bg-color);
  756. border: var(--el-checkbox-input-border);
  757. border-radius: var(--el-checkbox-border-radius);
  758. box-sizing: border-box;
  759. display: inline-block;
  760. height: var(--el-checkbox-input-height);
  761. position: relative;
  762. transition:
  763. border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
  764. background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
  765. outline 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
  766. width: var(--el-checkbox-input-width);
  767. z-index: var(--el-index-normal);
  768. }
  769. .el-checkbox__inner:hover {
  770. border-color: var(--el-checkbox-input-border-color-hover);
  771. }
  772. .el-checkbox__inner:after {
  773. border: 1px solid transparent;
  774. border-left: 0;
  775. border-top: 0;
  776. box-sizing: content-box;
  777. content: '';
  778. height: 7px;
  779. left: 4px;
  780. position: absolute;
  781. top: 1px;
  782. transform: rotate(45deg) scaleY(0);
  783. transform-origin: center;
  784. transition: transform 0.15s ease-in 0.05s;
  785. width: 3px;
  786. }
  787. .el-checkbox__original {
  788. height: 0;
  789. margin: 0;
  790. opacity: 0;
  791. outline: none;
  792. position: absolute;
  793. width: 0;
  794. z-index: -1;
  795. }
  796. .el-checkbox__label {
  797. display: inline-block;
  798. font-size: var(--el-checkbox-font-size);
  799. line-height: 1;
  800. padding-left: 8px;
  801. }
  802. .el-checkbox.el-checkbox--large {
  803. height: 40px;
  804. }
  805. .el-checkbox.el-checkbox--large .el-checkbox__label {
  806. font-size: 14px;
  807. }
  808. .el-checkbox.el-checkbox--large .el-checkbox__inner {
  809. height: 14px;
  810. width: 14px;
  811. }
  812. .el-checkbox.el-checkbox--small {
  813. height: 24px;
  814. }
  815. .el-checkbox.el-checkbox--small .el-checkbox__label {
  816. font-size: 12px;
  817. }
  818. .el-checkbox.el-checkbox--small .el-checkbox__inner {
  819. height: 12px;
  820. width: 12px;
  821. }
  822. .el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
  823. top: 4px;
  824. }
  825. .el-checkbox.el-checkbox--small .el-checkbox__inner:after {
  826. height: 6px;
  827. width: 2px;
  828. }
  829. .el-checkbox:last-of-type {
  830. margin-right: 0;
  831. }
  832. .el-button {
  833. --el-button-font-weight: var(--el-font-weight-primary);
  834. --el-button-border-color: var(--el-border-color);
  835. --el-button-bg-color: var(--el-fill-color-blank);
  836. --el-button-text-color: var(--el-text-color-regular);
  837. --el-button-disabled-text-color: var(--el-disabled-text-color);
  838. --el-button-disabled-bg-color: var(--el-fill-color-blank);
  839. --el-button-disabled-border-color: var(--el-border-color-light);
  840. --el-button-divide-border-color: rgba(255, 255, 255, 0.5);
  841. --el-button-hover-text-color: var(--el-color-primary);
  842. --el-button-hover-bg-color: var(--el-color-primary-light-9);
  843. --el-button-hover-border-color: var(--el-color-primary-light-7);
  844. --el-button-active-text-color: var(--el-button-hover-text-color);
  845. --el-button-active-border-color: var(--el-color-primary);
  846. --el-button-active-bg-color: var(--el-button-hover-bg-color);
  847. --el-button-outline-color: var(--el-color-primary-light-5);
  848. --el-button-hover-link-text-color: var(--el-text-color-secondary);
  849. --el-button-active-color: var(--el-text-color-primary);
  850. align-items: center;
  851. -webkit-appearance: none;
  852. background-color: var(--el-button-bg-color);
  853. border: var(--el-border);
  854. border-color: var(--el-button-border-color);
  855. box-sizing: border-box;
  856. color: var(--el-button-text-color);
  857. cursor: pointer;
  858. display: inline-flex;
  859. font-weight: var(--el-button-font-weight);
  860. height: 32px;
  861. justify-content: center;
  862. line-height: 1;
  863. outline: none;
  864. text-align: center;
  865. transition: 0.1s;
  866. -webkit-user-select: none;
  867. user-select: none;
  868. vertical-align: middle;
  869. white-space: nowrap;
  870. }
  871. .el-button:hover {
  872. background-color: var(--el-button-hover-bg-color);
  873. border-color: var(--el-button-hover-border-color);
  874. color: var(--el-button-hover-text-color);
  875. outline: none;
  876. }
  877. .el-button:active {
  878. background-color: var(--el-button-active-bg-color);
  879. border-color: var(--el-button-active-border-color);
  880. color: var(--el-button-active-text-color);
  881. outline: none;
  882. }
  883. .el-button:focus-visible {
  884. outline: 2px solid var(--el-button-outline-color);
  885. outline-offset: 1px;
  886. transition:
  887. outline-offset 0s,
  888. outline 0s;
  889. }
  890. .el-button > span {
  891. align-items: center;
  892. display: inline-flex;
  893. }
  894. .el-button + .el-button {
  895. margin-left: 12px;
  896. }
  897. .el-button {
  898. border-radius: var(--el-border-radius-base);
  899. font-size: var(--el-font-size-base);
  900. }
  901. .el-button,
  902. .el-button.is-round {
  903. padding: 8px 15px;
  904. }
  905. .el-button::-moz-focus-inner {
  906. border: 0;
  907. }
  908. .el-button [class*='el-icon'] + span {
  909. margin-left: 6px;
  910. }
  911. .el-button [class*='el-icon'] svg {
  912. vertical-align: bottom;
  913. }
  914. .el-button.is-plain {
  915. --el-button-hover-text-color: var(--el-color-primary);
  916. --el-button-hover-bg-color: var(--el-fill-color-blank);
  917. --el-button-hover-border-color: var(--el-color-primary);
  918. }
  919. .el-button.is-active {
  920. background-color: var(--el-button-active-bg-color);
  921. border-color: var(--el-button-active-border-color);
  922. color: var(--el-button-active-text-color);
  923. outline: none;
  924. }
  925. .el-button.is-disabled,
  926. .el-button.is-disabled:hover {
  927. background-color: var(--el-button-disabled-bg-color);
  928. background-image: none;
  929. border-color: var(--el-button-disabled-border-color);
  930. color: var(--el-button-disabled-text-color);
  931. cursor: not-allowed;
  932. }
  933. .el-button.is-loading {
  934. pointer-events: none;
  935. position: relative;
  936. }
  937. .el-button.is-loading:before {
  938. background-color: var(--el-mask-color-extra-light);
  939. border-radius: inherit;
  940. bottom: -1px;
  941. content: '';
  942. left: -1px;
  943. pointer-events: none;
  944. position: absolute;
  945. right: -1px;
  946. top: -1px;
  947. z-index: 1;
  948. }
  949. .el-button.is-round {
  950. border-radius: var(--el-border-radius-round);
  951. }
  952. .el-button.is-circle {
  953. border-radius: 50%;
  954. padding: 8px;
  955. width: 32px;
  956. }
  957. .el-button.is-text {
  958. background-color: transparent;
  959. border: 0 solid transparent;
  960. color: var(--el-button-text-color);
  961. }
  962. .el-button.is-text.is-disabled {
  963. background-color: transparent !important;
  964. color: var(--el-button-disabled-text-color);
  965. }
  966. .el-button.is-text:not(.is-disabled):hover {
  967. background-color: var(--el-fill-color-light);
  968. }
  969. .el-button.is-text:not(.is-disabled):focus-visible {
  970. outline: 2px solid var(--el-button-outline-color);
  971. outline-offset: 1px;
  972. transition:
  973. outline-offset 0s,
  974. outline 0s;
  975. }
  976. .el-button.is-text:not(.is-disabled):active {
  977. background-color: var(--el-fill-color);
  978. }
  979. .el-button.is-text:not(.is-disabled).is-has-bg {
  980. background-color: var(--el-fill-color-light);
  981. }
  982. .el-button.is-text:not(.is-disabled).is-has-bg:hover {
  983. background-color: var(--el-fill-color);
  984. }
  985. .el-button.is-text:not(.is-disabled).is-has-bg:active {
  986. background-color: var(--el-fill-color-dark);
  987. }
  988. .el-button__text--expand {
  989. letter-spacing: 0.3em;
  990. margin-right: -0.3em;
  991. }
  992. .el-button.is-link {
  993. background: transparent;
  994. border-color: transparent;
  995. color: var(--el-button-text-color);
  996. height: auto;
  997. padding: 2px;
  998. }
  999. .el-button.is-link:hover {
  1000. color: var(--el-button-hover-link-text-color);
  1001. }
  1002. .el-button.is-link.is-disabled {
  1003. background-color: transparent !important;
  1004. border-color: transparent !important;
  1005. color: var(--el-button-disabled-text-color);
  1006. }
  1007. .el-button.is-link:not(.is-disabled):active,
  1008. .el-button.is-link:not(.is-disabled):hover {
  1009. background-color: transparent;
  1010. border-color: transparent;
  1011. }
  1012. .el-button.is-link:not(.is-disabled):active {
  1013. color: var(--el-button-active-color);
  1014. }
  1015. .el-button--text {
  1016. background: transparent;
  1017. border-color: transparent;
  1018. color: var(--el-color-primary);
  1019. padding-left: 0;
  1020. padding-right: 0;
  1021. }
  1022. .el-button--text.is-disabled {
  1023. background-color: transparent !important;
  1024. border-color: transparent !important;
  1025. color: var(--el-button-disabled-text-color);
  1026. }
  1027. .el-button--text:not(.is-disabled):hover {
  1028. background-color: transparent;
  1029. border-color: transparent;
  1030. color: var(--el-color-primary-light-3);
  1031. }
  1032. .el-button--text:not(.is-disabled):active {
  1033. background-color: transparent;
  1034. border-color: transparent;
  1035. color: var(--el-color-primary-dark-2);
  1036. }
  1037. .el-button__link--expand {
  1038. letter-spacing: 0.3em;
  1039. margin-right: -0.3em;
  1040. }
  1041. .el-button--primary {
  1042. --el-button-text-color: var(--el-color-white);
  1043. --el-button-bg-color: var(--el-color-primary);
  1044. --el-button-border-color: var(--el-color-primary);
  1045. --el-button-outline-color: var(--el-color-primary-light-5);
  1046. --el-button-active-color: var(--el-color-primary-dark-2);
  1047. --el-button-hover-text-color: var(--el-color-white);
  1048. --el-button-hover-link-text-color: var(--el-color-primary-light-5);
  1049. --el-button-hover-bg-color: var(--el-color-primary-light-3);
  1050. --el-button-hover-border-color: var(--el-color-primary-light-3);
  1051. --el-button-active-bg-color: var(--el-color-primary-dark-2);
  1052. --el-button-active-border-color: var(--el-color-primary-dark-2);
  1053. --el-button-disabled-text-color: var(--el-color-white);
  1054. --el-button-disabled-bg-color: var(--el-color-primary-light-5);
  1055. --el-button-disabled-border-color: var(--el-color-primary-light-5);
  1056. }
  1057. .el-button--primary.is-link,
  1058. .el-button--primary.is-plain,
  1059. .el-button--primary.is-text {
  1060. --el-button-text-color: var(--el-color-primary);
  1061. --el-button-bg-color: var(--el-color-primary-light-9);
  1062. --el-button-border-color: var(--el-color-primary-light-5);
  1063. --el-button-hover-text-color: var(--el-color-white);
  1064. --el-button-hover-bg-color: var(--el-color-primary);
  1065. --el-button-hover-border-color: var(--el-color-primary);
  1066. --el-button-active-text-color: var(--el-color-white);
  1067. }
  1068. .el-button--primary.is-link.is-disabled,
  1069. .el-button--primary.is-link.is-disabled:active,
  1070. .el-button--primary.is-link.is-disabled:focus,
  1071. .el-button--primary.is-link.is-disabled:hover,
  1072. .el-button--primary.is-plain.is-disabled,
  1073. .el-button--primary.is-plain.is-disabled:active,
  1074. .el-button--primary.is-plain.is-disabled:focus,
  1075. .el-button--primary.is-plain.is-disabled:hover,
  1076. .el-button--primary.is-text.is-disabled,
  1077. .el-button--primary.is-text.is-disabled:active,
  1078. .el-button--primary.is-text.is-disabled:focus,
  1079. .el-button--primary.is-text.is-disabled:hover {
  1080. background-color: var(--el-color-primary-light-9);
  1081. border-color: var(--el-color-primary-light-8);
  1082. color: var(--el-color-primary-light-5);
  1083. }
  1084. .el-button--success {
  1085. --el-button-text-color: var(--el-color-white);
  1086. --el-button-bg-color: var(--el-color-success);
  1087. --el-button-border-color: var(--el-color-success);
  1088. --el-button-outline-color: var(--el-color-success-light-5);
  1089. --el-button-active-color: var(--el-color-success-dark-2);
  1090. --el-button-hover-text-color: var(--el-color-white);
  1091. --el-button-hover-link-text-color: var(--el-color-success-light-5);
  1092. --el-button-hover-bg-color: var(--el-color-success-light-3);
  1093. --el-button-hover-border-color: var(--el-color-success-light-3);
  1094. --el-button-active-bg-color: var(--el-color-success-dark-2);
  1095. --el-button-active-border-color: var(--el-color-success-dark-2);
  1096. --el-button-disabled-text-color: var(--el-color-white);
  1097. --el-button-disabled-bg-color: var(--el-color-success-light-5);
  1098. --el-button-disabled-border-color: var(--el-color-success-light-5);
  1099. }
  1100. .el-button--success.is-link,
  1101. .el-button--success.is-plain,
  1102. .el-button--success.is-text {
  1103. --el-button-text-color: var(--el-color-success);
  1104. --el-button-bg-color: var(--el-color-success-light-9);
  1105. --el-button-border-color: var(--el-color-success-light-5);
  1106. --el-button-hover-text-color: var(--el-color-white);
  1107. --el-button-hover-bg-color: var(--el-color-success);
  1108. --el-button-hover-border-color: var(--el-color-success);
  1109. --el-button-active-text-color: var(--el-color-white);
  1110. }
  1111. .el-button--success.is-link.is-disabled,
  1112. .el-button--success.is-link.is-disabled:active,
  1113. .el-button--success.is-link.is-disabled:focus,
  1114. .el-button--success.is-link.is-disabled:hover,
  1115. .el-button--success.is-plain.is-disabled,
  1116. .el-button--success.is-plain.is-disabled:active,
  1117. .el-button--success.is-plain.is-disabled:focus,
  1118. .el-button--success.is-plain.is-disabled:hover,
  1119. .el-button--success.is-text.is-disabled,
  1120. .el-button--success.is-text.is-disabled:active,
  1121. .el-button--success.is-text.is-disabled:focus,
  1122. .el-button--success.is-text.is-disabled:hover {
  1123. background-color: var(--el-color-success-light-9);
  1124. border-color: var(--el-color-success-light-8);
  1125. color: var(--el-color-success-light-5);
  1126. }
  1127. .el-button--warning {
  1128. --el-button-text-color: var(--el-color-white);
  1129. --el-button-bg-color: var(--el-color-warning);
  1130. --el-button-border-color: var(--el-color-warning);
  1131. --el-button-outline-color: var(--el-color-warning-light-5);
  1132. --el-button-active-color: var(--el-color-warning-dark-2);
  1133. --el-button-hover-text-color: var(--el-color-white);
  1134. --el-button-hover-link-text-color: var(--el-color-warning-light-5);
  1135. --el-button-hover-bg-color: var(--el-color-warning-light-3);
  1136. --el-button-hover-border-color: var(--el-color-warning-light-3);
  1137. --el-button-active-bg-color: var(--el-color-warning-dark-2);
  1138. --el-button-active-border-color: var(--el-color-warning-dark-2);
  1139. --el-button-disabled-text-color: var(--el-color-white);
  1140. --el-button-disabled-bg-color: var(--el-color-warning-light-5);
  1141. --el-button-disabled-border-color: var(--el-color-warning-light-5);
  1142. }
  1143. .el-button--warning.is-link,
  1144. .el-button--warning.is-plain,
  1145. .el-button--warning.is-text {
  1146. --el-button-text-color: var(--el-color-warning);
  1147. --el-button-bg-color: var(--el-color-warning-light-9);
  1148. --el-button-border-color: var(--el-color-warning-light-5);
  1149. --el-button-hover-text-color: var(--el-color-white);
  1150. --el-button-hover-bg-color: var(--el-color-warning);
  1151. --el-button-hover-border-color: var(--el-color-warning);
  1152. --el-button-active-text-color: var(--el-color-white);
  1153. }
  1154. .el-button--warning.is-link.is-disabled,
  1155. .el-button--warning.is-link.is-disabled:active,
  1156. .el-button--warning.is-link.is-disabled:focus,
  1157. .el-button--warning.is-link.is-disabled:hover,
  1158. .el-button--warning.is-plain.is-disabled,
  1159. .el-button--warning.is-plain.is-disabled:active,
  1160. .el-button--warning.is-plain.is-disabled:focus,
  1161. .el-button--warning.is-plain.is-disabled:hover,
  1162. .el-button--warning.is-text.is-disabled,
  1163. .el-button--warning.is-text.is-disabled:active,
  1164. .el-button--warning.is-text.is-disabled:focus,
  1165. .el-button--warning.is-text.is-disabled:hover {
  1166. background-color: var(--el-color-warning-light-9);
  1167. border-color: var(--el-color-warning-light-8);
  1168. color: var(--el-color-warning-light-5);
  1169. }
  1170. .el-button--danger {
  1171. --el-button-text-color: var(--el-color-white);
  1172. --el-button-bg-color: var(--el-color-danger);
  1173. --el-button-border-color: var(--el-color-danger);
  1174. --el-button-outline-color: var(--el-color-danger-light-5);
  1175. --el-button-active-color: var(--el-color-danger-dark-2);
  1176. --el-button-hover-text-color: var(--el-color-white);
  1177. --el-button-hover-link-text-color: var(--el-color-danger-light-5);
  1178. --el-button-hover-bg-color: var(--el-color-danger-light-3);
  1179. --el-button-hover-border-color: var(--el-color-danger-light-3);
  1180. --el-button-active-bg-color: var(--el-color-danger-dark-2);
  1181. --el-button-active-border-color: var(--el-color-danger-dark-2);
  1182. --el-button-disabled-text-color: var(--el-color-white);
  1183. --el-button-disabled-bg-color: var(--el-color-danger-light-5);
  1184. --el-button-disabled-border-color: var(--el-color-danger-light-5);
  1185. }
  1186. .el-button--danger.is-link,
  1187. .el-button--danger.is-plain,
  1188. .el-button--danger.is-text {
  1189. --el-button-text-color: var(--el-color-danger);
  1190. --el-button-bg-color: var(--el-color-danger-light-9);
  1191. --el-button-border-color: var(--el-color-danger-light-5);
  1192. --el-button-hover-text-color: var(--el-color-white);
  1193. --el-button-hover-bg-color: var(--el-color-danger);
  1194. --el-button-hover-border-color: var(--el-color-danger);
  1195. --el-button-active-text-color: var(--el-color-white);
  1196. }
  1197. .el-button--danger.is-link.is-disabled,
  1198. .el-button--danger.is-link.is-disabled:active,
  1199. .el-button--danger.is-link.is-disabled:focus,
  1200. .el-button--danger.is-link.is-disabled:hover,
  1201. .el-button--danger.is-plain.is-disabled,
  1202. .el-button--danger.is-plain.is-disabled:active,
  1203. .el-button--danger.is-plain.is-disabled:focus,
  1204. .el-button--danger.is-plain.is-disabled:hover,
  1205. .el-button--danger.is-text.is-disabled,
  1206. .el-button--danger.is-text.is-disabled:active,
  1207. .el-button--danger.is-text.is-disabled:focus,
  1208. .el-button--danger.is-text.is-disabled:hover {
  1209. background-color: var(--el-color-danger-light-9);
  1210. border-color: var(--el-color-danger-light-8);
  1211. color: var(--el-color-danger-light-5);
  1212. }
  1213. .el-button--info {
  1214. --el-button-text-color: var(--el-color-white);
  1215. --el-button-bg-color: var(--el-color-info);
  1216. --el-button-border-color: var(--el-color-info);
  1217. --el-button-outline-color: var(--el-color-info-light-5);
  1218. --el-button-active-color: var(--el-color-info-dark-2);
  1219. --el-button-hover-text-color: var(--el-color-white);
  1220. --el-button-hover-link-text-color: var(--el-color-info-light-5);
  1221. --el-button-hover-bg-color: var(--el-color-info-light-3);
  1222. --el-button-hover-border-color: var(--el-color-info-light-3);
  1223. --el-button-active-bg-color: var(--el-color-info-dark-2);
  1224. --el-button-active-border-color: var(--el-color-info-dark-2);
  1225. --el-button-disabled-text-color: var(--el-color-white);
  1226. --el-button-disabled-bg-color: var(--el-color-info-light-5);
  1227. --el-button-disabled-border-color: var(--el-color-info-light-5);
  1228. }
  1229. .el-button--info.is-link,
  1230. .el-button--info.is-plain,
  1231. .el-button--info.is-text {
  1232. --el-button-text-color: var(--el-color-info);
  1233. --el-button-bg-color: var(--el-color-info-light-9);
  1234. --el-button-border-color: var(--el-color-info-light-5);
  1235. --el-button-hover-text-color: var(--el-color-white);
  1236. --el-button-hover-bg-color: var(--el-color-info);
  1237. --el-button-hover-border-color: var(--el-color-info);
  1238. --el-button-active-text-color: var(--el-color-white);
  1239. }
  1240. .el-button--info.is-link.is-disabled,
  1241. .el-button--info.is-link.is-disabled:active,
  1242. .el-button--info.is-link.is-disabled:focus,
  1243. .el-button--info.is-link.is-disabled:hover,
  1244. .el-button--info.is-plain.is-disabled,
  1245. .el-button--info.is-plain.is-disabled:active,
  1246. .el-button--info.is-plain.is-disabled:focus,
  1247. .el-button--info.is-plain.is-disabled:hover,
  1248. .el-button--info.is-text.is-disabled,
  1249. .el-button--info.is-text.is-disabled:active,
  1250. .el-button--info.is-text.is-disabled:focus,
  1251. .el-button--info.is-text.is-disabled:hover {
  1252. background-color: var(--el-color-info-light-9);
  1253. border-color: var(--el-color-info-light-8);
  1254. color: var(--el-color-info-light-5);
  1255. }
  1256. .el-button--large {
  1257. --el-button-size: 40px;
  1258. height: var(--el-button-size);
  1259. }
  1260. .el-button--large [class*='el-icon'] + span {
  1261. margin-left: 8px;
  1262. }
  1263. .el-button--large {
  1264. border-radius: var(--el-border-radius-base);
  1265. font-size: var(--el-font-size-base);
  1266. padding: 12px 19px;
  1267. }
  1268. .el-button--large.is-round {
  1269. padding: 12px 19px;
  1270. }
  1271. .el-button--large.is-circle {
  1272. padding: 12px;
  1273. width: var(--el-button-size);
  1274. }
  1275. .el-button--small {
  1276. --el-button-size: 24px;
  1277. height: var(--el-button-size);
  1278. }
  1279. .el-button--small [class*='el-icon'] + span {
  1280. margin-left: 4px;
  1281. }
  1282. .el-button--small {
  1283. border-radius: calc(var(--el-border-radius-base) - 1px);
  1284. font-size: 12px;
  1285. padding: 5px 11px;
  1286. }
  1287. .el-button--small.is-round {
  1288. padding: 5px 11px;
  1289. }
  1290. .el-button--small.is-circle {
  1291. padding: 5px;
  1292. width: var(--el-button-size);
  1293. }
  1294. .el-textarea {
  1295. --el-input-text-color: var(--el-text-color-regular);
  1296. --el-input-border: var(--el-border);
  1297. --el-input-hover-border: var(--el-border-color-hover);
  1298. --el-input-focus-border: var(--el-color-primary);
  1299. --el-input-transparent-border: 0 0 0 1px transparent inset;
  1300. --el-input-border-color: var(--el-border-color);
  1301. --el-input-border-radius: var(--el-border-radius-base);
  1302. --el-input-bg-color: var(--el-fill-color-blank);
  1303. --el-input-icon-color: var(--el-text-color-placeholder);
  1304. --el-input-placeholder-color: var(--el-text-color-placeholder);
  1305. --el-input-hover-border-color: var(--el-border-color-hover);
  1306. --el-input-clear-hover-color: var(--el-text-color-secondary);
  1307. --el-input-focus-border-color: var(--el-color-primary);
  1308. --el-input-width: 100%;
  1309. display: inline-block;
  1310. font-size: var(--el-font-size-base);
  1311. position: relative;
  1312. vertical-align: bottom;
  1313. width: 100%;
  1314. }
  1315. .el-textarea__inner {
  1316. -webkit-appearance: none;
  1317. background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
  1318. background-image: none;
  1319. border: none;
  1320. border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
  1321. box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
  1322. box-sizing: border-box;
  1323. color: var(--el-input-text-color, var(--el-text-color-regular));
  1324. display: block;
  1325. font-family: inherit;
  1326. font-size: inherit;
  1327. line-height: 1.5;
  1328. padding: 5px 11px;
  1329. position: relative;
  1330. resize: vertical;
  1331. transition: var(--el-transition-box-shadow);
  1332. width: 100%;
  1333. }
  1334. .el-textarea__inner::placeholder {
  1335. color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
  1336. }
  1337. .el-textarea__inner:hover {
  1338. box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
  1339. }
  1340. .el-textarea__inner:focus {
  1341. box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
  1342. outline: none;
  1343. }
  1344. .el-textarea .el-input__count {
  1345. background: var(--el-fill-color-blank);
  1346. bottom: 5px;
  1347. color: var(--el-color-info);
  1348. font-size: 12px;
  1349. line-height: 14px;
  1350. position: absolute;
  1351. right: 10px;
  1352. }
  1353. .el-textarea.is-disabled .el-textarea__inner {
  1354. background-color: var(--el-disabled-bg-color);
  1355. box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
  1356. color: var(--el-disabled-text-color);
  1357. cursor: not-allowed;
  1358. }
  1359. .el-textarea.is-disabled .el-textarea__inner::placeholder {
  1360. color: var(--el-text-color-placeholder);
  1361. }
  1362. .el-textarea.is-exceed .el-textarea__inner {
  1363. box-shadow: 0 0 0 1px var(--el-color-danger) inset;
  1364. }
  1365. .el-textarea.is-exceed .el-input__count {
  1366. color: var(--el-color-danger);
  1367. }
  1368. .el-input {
  1369. --el-input-text-color: var(--el-text-color-regular);
  1370. --el-input-border: var(--el-border);
  1371. --el-input-hover-border: var(--el-border-color-hover);
  1372. --el-input-focus-border: var(--el-color-primary);
  1373. --el-input-transparent-border: 0 0 0 1px transparent inset;
  1374. --el-input-border-color: var(--el-border-color);
  1375. --el-input-border-radius: var(--el-border-radius-base);
  1376. --el-input-bg-color: var(--el-fill-color-blank);
  1377. --el-input-icon-color: var(--el-text-color-placeholder);
  1378. --el-input-placeholder-color: var(--el-text-color-placeholder);
  1379. --el-input-hover-border-color: var(--el-border-color-hover);
  1380. --el-input-clear-hover-color: var(--el-text-color-secondary);
  1381. --el-input-focus-border-color: var(--el-color-primary);
  1382. --el-input-width: 100%;
  1383. --el-input-height: var(--el-component-size);
  1384. box-sizing: border-box;
  1385. display: inline-flex;
  1386. font-size: var(--el-font-size-base);
  1387. line-height: var(--el-input-height);
  1388. position: relative;
  1389. vertical-align: middle;
  1390. width: var(--el-input-width);
  1391. }
  1392. .el-input::-webkit-scrollbar {
  1393. width: 6px;
  1394. z-index: 11;
  1395. }
  1396. .el-input::-webkit-scrollbar:horizontal {
  1397. height: 6px;
  1398. }
  1399. .el-input::-webkit-scrollbar-thumb {
  1400. background: var(--el-text-color-disabled);
  1401. border-radius: 5px;
  1402. width: 6px;
  1403. }
  1404. .el-input::-webkit-scrollbar-corner,
  1405. .el-input::-webkit-scrollbar-track {
  1406. background: var(--el-fill-color-blank);
  1407. }
  1408. .el-input::-webkit-scrollbar-track-piece {
  1409. background: var(--el-fill-color-blank);
  1410. width: 6px;
  1411. }
  1412. .el-input .el-input__clear,
  1413. .el-input .el-input__password {
  1414. color: var(--el-input-icon-color);
  1415. cursor: pointer;
  1416. font-size: 14px;
  1417. }
  1418. .el-input .el-input__clear:hover,
  1419. .el-input .el-input__password:hover {
  1420. color: var(--el-input-clear-hover-color);
  1421. }
  1422. .el-input .el-input__count {
  1423. align-items: center;
  1424. color: var(--el-color-info);
  1425. display: inline-flex;
  1426. font-size: 12px;
  1427. height: 100%;
  1428. }
  1429. .el-input .el-input__count .el-input__count-inner {
  1430. background: var(--el-fill-color-blank);
  1431. display: inline-block;
  1432. line-height: normal;
  1433. padding-left: 8px;
  1434. }
  1435. .el-input__wrapper {
  1436. align-items: center;
  1437. background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
  1438. background-image: none;
  1439. border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
  1440. box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
  1441. cursor: text;
  1442. display: inline-flex;
  1443. flex-grow: 1;
  1444. justify-content: center;
  1445. padding: 1px 11px;
  1446. transform: translateZ(0);
  1447. transition: var(--el-transition-box-shadow);
  1448. }
  1449. .el-input__wrapper:hover {
  1450. box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
  1451. }
  1452. .el-input__wrapper.is-focus {
  1453. box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
  1454. }
  1455. .el-input {
  1456. --el-input-inner-height: calc(var(--el-input-height, 32px) - 2px);
  1457. }
  1458. .el-input__inner {
  1459. -webkit-appearance: none;
  1460. background: none;
  1461. border: none;
  1462. box-sizing: border-box;
  1463. color: var(--el-input-text-color, var(--el-text-color-regular));
  1464. flex-grow: 1;
  1465. font-size: inherit;
  1466. height: var(--el-input-inner-height);
  1467. line-height: var(--el-input-inner-height);
  1468. outline: none;
  1469. padding: 0;
  1470. width: 100%;
  1471. }
  1472. .el-input__inner:focus {
  1473. outline: none;
  1474. }
  1475. .el-input__inner::placeholder {
  1476. color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
  1477. }
  1478. .el-input__inner[type='password']::-ms-reveal {
  1479. display: none;
  1480. }
  1481. .el-input__inner[type='number'] {
  1482. line-height: 1;
  1483. }
  1484. .el-input__prefix {
  1485. color: var(--el-input-icon-color, var(--el-text-color-placeholder));
  1486. display: inline-flex;
  1487. flex-shrink: 0;
  1488. flex-wrap: nowrap;
  1489. height: 100%;
  1490. line-height: var(--el-input-inner-height);
  1491. pointer-events: none;
  1492. text-align: center;
  1493. transition: all var(--el-transition-duration);
  1494. white-space: nowrap;
  1495. }
  1496. .el-input__prefix-inner {
  1497. align-items: center;
  1498. display: inline-flex;
  1499. justify-content: center;
  1500. pointer-events: all;
  1501. }
  1502. .el-input__prefix-inner > :last-child {
  1503. margin-right: 8px;
  1504. }
  1505. .el-input__prefix-inner > :first-child,
  1506. .el-input__prefix-inner > :first-child.el-input__icon {
  1507. margin-left: 0;
  1508. }
  1509. .el-input__suffix {
  1510. color: var(--el-input-icon-color, var(--el-text-color-placeholder));
  1511. display: inline-flex;
  1512. flex-shrink: 0;
  1513. flex-wrap: nowrap;
  1514. height: 100%;
  1515. line-height: var(--el-input-inner-height);
  1516. pointer-events: none;
  1517. text-align: center;
  1518. transition: all var(--el-transition-duration);
  1519. white-space: nowrap;
  1520. }
  1521. .el-input__suffix-inner {
  1522. align-items: center;
  1523. display: inline-flex;
  1524. justify-content: center;
  1525. pointer-events: all;
  1526. }
  1527. .el-input__suffix-inner > :first-child {
  1528. margin-left: 8px;
  1529. }
  1530. .el-input .el-input__icon {
  1531. align-items: center;
  1532. display: flex;
  1533. height: inherit;
  1534. justify-content: center;
  1535. line-height: inherit;
  1536. margin-left: 8px;
  1537. transition: all var(--el-transition-duration);
  1538. }
  1539. .el-input__validateIcon {
  1540. pointer-events: none;
  1541. }
  1542. .el-input.is-active .el-input__wrapper {
  1543. box-shadow: 0 0 0 1px var(--el-input-focus-color,) inset;
  1544. }
  1545. .el-input.is-disabled {
  1546. cursor: not-allowed;
  1547. }
  1548. .el-input.is-disabled .el-input__wrapper {
  1549. background-color: var(--el-disabled-bg-color);
  1550. box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
  1551. cursor: not-allowed;
  1552. pointer-events: none;
  1553. }
  1554. .el-input.is-disabled .el-input__inner {
  1555. color: var(--el-disabled-text-color);
  1556. -webkit-text-fill-color: var(--el-disabled-text-color);
  1557. cursor: not-allowed;
  1558. }
  1559. .el-input.is-disabled .el-input__inner::placeholder {
  1560. color: var(--el-text-color-placeholder);
  1561. }
  1562. .el-input.is-disabled .el-input__icon {
  1563. cursor: not-allowed;
  1564. }
  1565. .el-input.is-exceed .el-input__wrapper {
  1566. box-shadow: 0 0 0 1px var(--el-color-danger) inset;
  1567. }
  1568. .el-input.is-exceed .el-input__suffix .el-input__count {
  1569. color: var(--el-color-danger);
  1570. }
  1571. .el-input--large {
  1572. --el-input-height: var(--el-component-size-large);
  1573. font-size: 14px;
  1574. }
  1575. .el-input--large .el-input__wrapper {
  1576. padding: 1px 15px;
  1577. }
  1578. .el-input--large {
  1579. --el-input-inner-height: calc(var(--el-input-height, 40px) - 2px);
  1580. }
  1581. .el-input--small {
  1582. --el-input-height: var(--el-component-size-small);
  1583. font-size: 12px;
  1584. }
  1585. .el-input--small .el-input__wrapper {
  1586. padding: 1px 7px;
  1587. }
  1588. .el-input--small {
  1589. --el-input-inner-height: calc(var(--el-input-height, 24px) - 2px);
  1590. }
  1591. .el-input-group {
  1592. align-items: stretch;
  1593. display: inline-flex;
  1594. width: 100%;
  1595. }
  1596. .el-input-group__append,
  1597. .el-input-group__prepend {
  1598. align-items: center;
  1599. background-color: var(--el-fill-color-light);
  1600. border-radius: var(--el-input-border-radius);
  1601. color: var(--el-color-info);
  1602. display: inline-flex;
  1603. justify-content: center;
  1604. min-height: 100%;
  1605. padding: 0 20px;
  1606. position: relative;
  1607. white-space: nowrap;
  1608. }
  1609. .el-input-group__append:focus,
  1610. .el-input-group__prepend:focus {
  1611. outline: none;
  1612. }
  1613. .el-input-group__append .el-button,
  1614. .el-input-group__append .el-select,
  1615. .el-input-group__prepend .el-button,
  1616. .el-input-group__prepend .el-select {
  1617. display: inline-block;
  1618. margin: 0 -20px;
  1619. }
  1620. .el-input-group__append button.el-button,
  1621. .el-input-group__append button.el-button:hover,
  1622. .el-input-group__append div.el-select .el-select__wrapper,
  1623. .el-input-group__append div.el-select:hover .el-select__wrapper,
  1624. .el-input-group__prepend button.el-button,
  1625. .el-input-group__prepend button.el-button:hover,
  1626. .el-input-group__prepend div.el-select .el-select__wrapper,
  1627. .el-input-group__prepend div.el-select:hover .el-select__wrapper {
  1628. background-color: transparent;
  1629. border-color: transparent;
  1630. color: inherit;
  1631. }
  1632. .el-input-group__append .el-button,
  1633. .el-input-group__append .el-input,
  1634. .el-input-group__prepend .el-button,
  1635. .el-input-group__prepend .el-input {
  1636. font-size: inherit;
  1637. }
  1638. .el-input-group__prepend {
  1639. border-bottom-right-radius: 0;
  1640. border-right: 0;
  1641. border-top-right-radius: 0;
  1642. box-shadow:
  1643. 1px 0 0 0 var(--el-input-border-color) inset,
  1644. 0 1px 0 0 var(--el-input-border-color) inset,
  1645. 0 -1px 0 0 var(--el-input-border-color) inset;
  1646. }
  1647. .el-input-group__append {
  1648. border-left: 0;
  1649. box-shadow:
  1650. 0 1px 0 0 var(--el-input-border-color) inset,
  1651. 0 -1px 0 0 var(--el-input-border-color) inset,
  1652. -1px 0 0 0 var(--el-input-border-color) inset;
  1653. }
  1654. .el-input-group--prepend > .el-input__wrapper,
  1655. .el-input-group__append {
  1656. border-bottom-left-radius: 0;
  1657. border-top-left-radius: 0;
  1658. }
  1659. .el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper {
  1660. border-bottom-right-radius: 0;
  1661. border-top-right-radius: 0;
  1662. box-shadow:
  1663. 1px 0 0 0 var(--el-input-border-color) inset,
  1664. 0 1px 0 0 var(--el-input-border-color) inset,
  1665. 0 -1px 0 0 var(--el-input-border-color) inset;
  1666. }
  1667. .el-input-group--append > .el-input__wrapper {
  1668. border-bottom-right-radius: 0;
  1669. border-top-right-radius: 0;
  1670. }
  1671. .el-input-group--append .el-input-group__append .el-select .el-select__wrapper {
  1672. border-bottom-left-radius: 0;
  1673. border-top-left-radius: 0;
  1674. box-shadow:
  1675. 0 1px 0 0 var(--el-input-border-color) inset,
  1676. 0 -1px 0 0 var(--el-input-border-color) inset,
  1677. -1px 0 0 0 var(--el-input-border-color) inset;
  1678. }
  1679. .el-input-hidden {
  1680. display: none !important;
  1681. }
  1682. .el-tag {
  1683. --el-tag-font-size: 12px;
  1684. --el-tag-border-radius: 4px;
  1685. --el-tag-border-radius-rounded: 9999px;
  1686. align-items: center;
  1687. background-color: var(--el-tag-bg-color);
  1688. border-color: var(--el-tag-border-color);
  1689. border-radius: var(--el-tag-border-radius);
  1690. border-style: solid;
  1691. border-width: 1px;
  1692. box-sizing: border-box;
  1693. color: var(--el-tag-text-color);
  1694. display: inline-flex;
  1695. font-size: var(--el-tag-font-size);
  1696. height: 24px;
  1697. justify-content: center;
  1698. line-height: 1;
  1699. padding: 0 9px;
  1700. vertical-align: middle;
  1701. white-space: nowrap;
  1702. --el-icon-size: 14px;
  1703. }
  1704. .el-tag,
  1705. .el-tag.el-tag--primary {
  1706. --el-tag-bg-color: var(--el-color-primary-light-9);
  1707. --el-tag-border-color: var(--el-color-primary-light-8);
  1708. --el-tag-hover-color: var(--el-color-primary);
  1709. }
  1710. .el-tag.el-tag--success {
  1711. --el-tag-bg-color: var(--el-color-success-light-9);
  1712. --el-tag-border-color: var(--el-color-success-light-8);
  1713. --el-tag-hover-color: var(--el-color-success);
  1714. }
  1715. .el-tag.el-tag--warning {
  1716. --el-tag-bg-color: var(--el-color-warning-light-9);
  1717. --el-tag-border-color: var(--el-color-warning-light-8);
  1718. --el-tag-hover-color: var(--el-color-warning);
  1719. }
  1720. .el-tag.el-tag--danger {
  1721. --el-tag-bg-color: var(--el-color-danger-light-9);
  1722. --el-tag-border-color: var(--el-color-danger-light-8);
  1723. --el-tag-hover-color: var(--el-color-danger);
  1724. }
  1725. .el-tag.el-tag--error {
  1726. --el-tag-bg-color: var(--el-color-error-light-9);
  1727. --el-tag-border-color: var(--el-color-error-light-8);
  1728. --el-tag-hover-color: var(--el-color-error);
  1729. }
  1730. .el-tag.el-tag--info {
  1731. --el-tag-bg-color: var(--el-color-info-light-9);
  1732. --el-tag-border-color: var(--el-color-info-light-8);
  1733. --el-tag-hover-color: var(--el-color-info);
  1734. }
  1735. .el-tag.is-hit {
  1736. border-color: var(--el-color-primary);
  1737. }
  1738. .el-tag.is-round {
  1739. border-radius: var(--el-tag-border-radius-rounded);
  1740. }
  1741. .el-tag .el-tag__close {
  1742. color: var(--el-tag-text-color);
  1743. flex-shrink: 0;
  1744. }
  1745. .el-tag .el-tag__close:hover {
  1746. background-color: var(--el-tag-hover-color);
  1747. color: var(--el-color-white);
  1748. }
  1749. .el-tag.el-tag--primary {
  1750. --el-tag-text-color: var(--el-color-primary);
  1751. }
  1752. .el-tag.el-tag--success {
  1753. --el-tag-text-color: var(--el-color-success);
  1754. }
  1755. .el-tag.el-tag--warning {
  1756. --el-tag-text-color: var(--el-color-warning);
  1757. }
  1758. .el-tag.el-tag--danger {
  1759. --el-tag-text-color: var(--el-color-danger);
  1760. }
  1761. .el-tag.el-tag--error {
  1762. --el-tag-text-color: var(--el-color-error);
  1763. }
  1764. .el-tag.el-tag--info {
  1765. --el-tag-text-color: var(--el-color-info);
  1766. }
  1767. .el-tag .el-icon {
  1768. border-radius: 50%;
  1769. cursor: pointer;
  1770. font-size: calc(var(--el-icon-size) - 2px);
  1771. height: var(--el-icon-size);
  1772. width: var(--el-icon-size);
  1773. }
  1774. .el-tag .el-tag__close {
  1775. margin-left: 6px;
  1776. }
  1777. .el-tag--dark {
  1778. --el-tag-text-color: var(--el-color-white);
  1779. }
  1780. .el-tag--dark,
  1781. .el-tag--dark.el-tag--primary {
  1782. --el-tag-bg-color: var(--el-color-primary);
  1783. --el-tag-border-color: var(--el-color-primary);
  1784. --el-tag-hover-color: var(--el-color-primary-light-3);
  1785. }
  1786. .el-tag--dark.el-tag--success {
  1787. --el-tag-bg-color: var(--el-color-success);
  1788. --el-tag-border-color: var(--el-color-success);
  1789. --el-tag-hover-color: var(--el-color-success-light-3);
  1790. }
  1791. .el-tag--dark.el-tag--warning {
  1792. --el-tag-bg-color: var(--el-color-warning);
  1793. --el-tag-border-color: var(--el-color-warning);
  1794. --el-tag-hover-color: var(--el-color-warning-light-3);
  1795. }
  1796. .el-tag--dark.el-tag--danger {
  1797. --el-tag-bg-color: var(--el-color-danger);
  1798. --el-tag-border-color: var(--el-color-danger);
  1799. --el-tag-hover-color: var(--el-color-danger-light-3);
  1800. }
  1801. .el-tag--dark.el-tag--error {
  1802. --el-tag-bg-color: var(--el-color-error);
  1803. --el-tag-border-color: var(--el-color-error);
  1804. --el-tag-hover-color: var(--el-color-error-light-3);
  1805. }
  1806. .el-tag--dark.el-tag--info {
  1807. --el-tag-bg-color: var(--el-color-info);
  1808. --el-tag-border-color: var(--el-color-info);
  1809. --el-tag-hover-color: var(--el-color-info-light-3);
  1810. }
  1811. .el-tag--dark.el-tag--danger,
  1812. .el-tag--dark.el-tag--error,
  1813. .el-tag--dark.el-tag--info,
  1814. .el-tag--dark.el-tag--primary,
  1815. .el-tag--dark.el-tag--success,
  1816. .el-tag--dark.el-tag--warning {
  1817. --el-tag-text-color: var(--el-color-white);
  1818. }
  1819. .el-tag--plain,
  1820. .el-tag--plain.el-tag--primary {
  1821. --el-tag-bg-color: var(--el-fill-color-blank);
  1822. --el-tag-border-color: var(--el-color-primary-light-5);
  1823. --el-tag-hover-color: var(--el-color-primary);
  1824. }
  1825. .el-tag--plain.el-tag--success {
  1826. --el-tag-bg-color: var(--el-fill-color-blank);
  1827. --el-tag-border-color: var(--el-color-success-light-5);
  1828. --el-tag-hover-color: var(--el-color-success);
  1829. }
  1830. .el-tag--plain.el-tag--warning {
  1831. --el-tag-bg-color: var(--el-fill-color-blank);
  1832. --el-tag-border-color: var(--el-color-warning-light-5);
  1833. --el-tag-hover-color: var(--el-color-warning);
  1834. }
  1835. .el-tag--plain.el-tag--danger {
  1836. --el-tag-bg-color: var(--el-fill-color-blank);
  1837. --el-tag-border-color: var(--el-color-danger-light-5);
  1838. --el-tag-hover-color: var(--el-color-danger);
  1839. }
  1840. .el-tag--plain.el-tag--error {
  1841. --el-tag-bg-color: var(--el-fill-color-blank);
  1842. --el-tag-border-color: var(--el-color-error-light-5);
  1843. --el-tag-hover-color: var(--el-color-error);
  1844. }
  1845. .el-tag--plain.el-tag--info {
  1846. --el-tag-bg-color: var(--el-fill-color-blank);
  1847. --el-tag-border-color: var(--el-color-info-light-5);
  1848. --el-tag-hover-color: var(--el-color-info);
  1849. }
  1850. .el-tag.is-closable {
  1851. padding-right: 5px;
  1852. }
  1853. .el-tag--large {
  1854. height: 32px;
  1855. padding: 0 11px;
  1856. --el-icon-size: 16px;
  1857. }
  1858. .el-tag--large .el-tag__close {
  1859. margin-left: 8px;
  1860. }
  1861. .el-tag--large.is-closable {
  1862. padding-right: 7px;
  1863. }
  1864. .el-tag--small {
  1865. height: 20px;
  1866. padding: 0 7px;
  1867. --el-icon-size: 12px;
  1868. }
  1869. .el-tag--small .el-tag__close {
  1870. margin-left: 4px;
  1871. }
  1872. .el-tag--small.is-closable {
  1873. padding-right: 3px;
  1874. }
  1875. .el-tag--small .el-icon-close {
  1876. transform: scale(0.8);
  1877. }
  1878. .el-tag.el-tag--primary.is-hit {
  1879. border-color: var(--el-color-primary);
  1880. }
  1881. .el-tag.el-tag--success.is-hit {
  1882. border-color: var(--el-color-success);
  1883. }
  1884. .el-tag.el-tag--warning.is-hit {
  1885. border-color: var(--el-color-warning);
  1886. }
  1887. .el-tag.el-tag--danger.is-hit {
  1888. border-color: var(--el-color-danger);
  1889. }
  1890. .el-tag.el-tag--error.is-hit {
  1891. border-color: var(--el-color-error);
  1892. }
  1893. .el-tag.el-tag--info.is-hit {
  1894. border-color: var(--el-color-info);
  1895. }
  1896. .el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after {
  1897. background-color: var(--el-color-primary);
  1898. background-position: 50%;
  1899. background-repeat: no-repeat;
  1900. border-right: none;
  1901. border-top: none;
  1902. content: '';
  1903. height: 12px;
  1904. -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E")
  1905. no-repeat;
  1906. mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E")
  1907. no-repeat;
  1908. mask-size: 100% 100%;
  1909. -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E")
  1910. no-repeat;
  1911. -webkit-mask-size: 100% 100%;
  1912. position: absolute;
  1913. right: 20px;
  1914. top: 50%;
  1915. transform: translateY(-50%);
  1916. width: 12px;
  1917. }
  1918. .el-scrollbar {
  1919. --el-scrollbar-opacity: 0.3;
  1920. --el-scrollbar-bg-color: var(--el-text-color-secondary);
  1921. --el-scrollbar-hover-opacity: 0.5;
  1922. --el-scrollbar-hover-bg-color: var(--el-text-color-secondary);
  1923. height: 100%;
  1924. overflow: hidden;
  1925. position: relative;
  1926. }
  1927. .el-scrollbar__wrap {
  1928. height: 100%;
  1929. overflow: auto;
  1930. }
  1931. .el-scrollbar__wrap--hidden-default {
  1932. scrollbar-width: none;
  1933. }
  1934. .el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  1935. display: none;
  1936. }
  1937. .el-scrollbar__thumb {
  1938. background-color: var(--el-scrollbar-bg-color, var(--el-text-color-secondary));
  1939. border-radius: inherit;
  1940. cursor: pointer;
  1941. display: block;
  1942. height: 0;
  1943. opacity: var(--el-scrollbar-opacity, 0.3);
  1944. position: relative;
  1945. transition: var(--el-transition-duration) background-color;
  1946. width: 0;
  1947. }
  1948. .el-scrollbar__thumb:hover {
  1949. background-color: var(--el-scrollbar-hover-bg-color, var(--el-text-color-secondary));
  1950. opacity: var(--el-scrollbar-hover-opacity, 0.5);
  1951. }
  1952. .el-scrollbar__bar {
  1953. border-radius: 4px;
  1954. bottom: 2px;
  1955. position: absolute;
  1956. right: 2px;
  1957. z-index: 1;
  1958. }
  1959. .el-scrollbar__bar.is-vertical {
  1960. top: 2px;
  1961. width: 6px;
  1962. }
  1963. .el-scrollbar__bar.is-vertical > div {
  1964. width: 100%;
  1965. }
  1966. .el-scrollbar__bar.is-horizontal {
  1967. height: 6px;
  1968. left: 2px;
  1969. }
  1970. .el-scrollbar__bar.is-horizontal > div {
  1971. height: 100%;
  1972. }
  1973. .el-scrollbar-fade-enter-active {
  1974. transition: opacity 0.34s ease-out;
  1975. }
  1976. .el-scrollbar-fade-leave-active {
  1977. transition: opacity 0.12s ease-out;
  1978. }
  1979. .el-scrollbar-fade-enter-from,
  1980. .el-scrollbar-fade-leave-active {
  1981. opacity: 0;
  1982. }
  1983. .el-popper {
  1984. --el-popper-border-radius: var(--el-popover-border-radius, 4px);
  1985. border-radius: var(--el-popper-border-radius);
  1986. font-size: 12px;
  1987. line-height: 20px;
  1988. min-width: 10px;
  1989. overflow-wrap: break-word;
  1990. padding: 5px 11px;
  1991. position: absolute;
  1992. visibility: visible;
  1993. z-index: 2000;
  1994. }
  1995. .el-popper.is-dark {
  1996. color: var(--el-bg-color);
  1997. }
  1998. .el-popper.is-dark,
  1999. .el-popper.is-dark > .el-popper__arrow:before {
  2000. background: var(--el-text-color-primary);
  2001. border: 1px solid var(--el-text-color-primary);
  2002. }
  2003. .el-popper.is-dark > .el-popper__arrow:before {
  2004. right: 0;
  2005. }
  2006. .el-popper.is-light,
  2007. .el-popper.is-light > .el-popper__arrow:before {
  2008. background: var(--el-bg-color-overlay);
  2009. border: 1px solid var(--el-border-color-light);
  2010. }
  2011. .el-popper.is-light > .el-popper__arrow:before {
  2012. right: 0;
  2013. }
  2014. .el-popper.is-pure {
  2015. padding: 0;
  2016. }
  2017. .el-popper__arrow,
  2018. .el-popper__arrow:before {
  2019. height: 10px;
  2020. position: absolute;
  2021. width: 10px;
  2022. z-index: -1;
  2023. }
  2024. .el-popper__arrow:before {
  2025. background: var(--el-text-color-primary);
  2026. box-sizing: border-box;
  2027. content: ' ';
  2028. transform: rotate(45deg);
  2029. }
  2030. .el-popper[data-popper-placement^='top'] > .el-popper__arrow {
  2031. bottom: -5px;
  2032. }
  2033. .el-popper[data-popper-placement^='top'] > .el-popper__arrow:before {
  2034. border-bottom-right-radius: 2px;
  2035. }
  2036. .el-popper[data-popper-placement^='bottom'] > .el-popper__arrow {
  2037. top: -5px;
  2038. }
  2039. .el-popper[data-popper-placement^='bottom'] > .el-popper__arrow:before {
  2040. border-top-left-radius: 2px;
  2041. }
  2042. .el-popper[data-popper-placement^='left'] > .el-popper__arrow {
  2043. right: -5px;
  2044. }
  2045. .el-popper[data-popper-placement^='left'] > .el-popper__arrow:before {
  2046. border-top-right-radius: 2px;
  2047. }
  2048. .el-popper[data-popper-placement^='right'] > .el-popper__arrow {
  2049. left: -5px;
  2050. }
  2051. .el-popper[data-popper-placement^='right'] > .el-popper__arrow:before {
  2052. border-bottom-left-radius: 2px;
  2053. }
  2054. .el-popper[data-popper-placement^='top'] > .el-popper__arrow:before {
  2055. border-left-color: transparent !important;
  2056. border-top-color: transparent !important;
  2057. }
  2058. .el-popper[data-popper-placement^='bottom'] > .el-popper__arrow:before {
  2059. border-bottom-color: transparent !important;
  2060. border-right-color: transparent !important;
  2061. }
  2062. .el-popper[data-popper-placement^='left'] > .el-popper__arrow:before {
  2063. border-bottom-color: transparent !important;
  2064. border-left-color: transparent !important;
  2065. }
  2066. .el-popper[data-popper-placement^='right'] > .el-popper__arrow:before {
  2067. border-right-color: transparent !important;
  2068. border-top-color: transparent !important;
  2069. }
  2070. .el-select-dropdown {
  2071. border-radius: var(--el-border-radius-base);
  2072. box-sizing: border-box;
  2073. z-index: calc(var(--el-index-top) + 1);
  2074. }
  2075. .el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
  2076. padding: 0;
  2077. }
  2078. .el-select-dropdown__empty,
  2079. .el-select-dropdown__loading {
  2080. color: var(--el-text-color-secondary);
  2081. font-size: var(--el-select-font-size);
  2082. margin: 0;
  2083. padding: 10px 0;
  2084. text-align: center;
  2085. }
  2086. .el-select-dropdown__wrap {
  2087. max-height: 274px;
  2088. }
  2089. .el-select-dropdown__list {
  2090. box-sizing: border-box;
  2091. list-style: none;
  2092. margin: 0;
  2093. padding: 6px 0;
  2094. }
  2095. .el-select-dropdown__list.el-vl__window {
  2096. margin: 6px 0;
  2097. padding: 0;
  2098. }
  2099. .el-select-dropdown__header {
  2100. border-bottom: 1px solid var(--el-border-color-light);
  2101. padding: 10px;
  2102. }
  2103. .el-select-dropdown__footer {
  2104. border-top: 1px solid var(--el-border-color-light);
  2105. padding: 10px;
  2106. }
  2107. .el-select-dropdown__item {
  2108. box-sizing: border-box;
  2109. color: var(--el-text-color-regular);
  2110. cursor: pointer;
  2111. font-size: var(--el-font-size-base);
  2112. height: 34px;
  2113. line-height: 34px;
  2114. overflow: hidden;
  2115. padding: 0 32px 0 20px;
  2116. position: relative;
  2117. text-overflow: ellipsis;
  2118. white-space: nowrap;
  2119. }
  2120. .el-select-dropdown__item.is-hovering {
  2121. background-color: var(--el-fill-color-light);
  2122. }
  2123. .el-select-dropdown__item.is-selected {
  2124. color: var(--el-color-primary);
  2125. font-weight: 700;
  2126. }
  2127. .el-select-dropdown__item.is-disabled {
  2128. background-color: unset;
  2129. color: var(--el-text-color-placeholder);
  2130. cursor: not-allowed;
  2131. }
  2132. .el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after {
  2133. background-color: var(--el-color-primary);
  2134. background-position: 50%;
  2135. background-repeat: no-repeat;
  2136. border-right: none;
  2137. border-top: none;
  2138. content: '';
  2139. height: 12px;
  2140. -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E")
  2141. no-repeat;
  2142. mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E")
  2143. no-repeat;
  2144. mask-size: 100% 100%;
  2145. -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E")
  2146. no-repeat;
  2147. -webkit-mask-size: 100% 100%;
  2148. position: absolute;
  2149. right: 20px;
  2150. top: 50%;
  2151. transform: translateY(-50%);
  2152. width: 12px;
  2153. }
  2154. .el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled:after {
  2155. background-color: var(--el-text-color-placeholder);
  2156. }
  2157. .el-select-group {
  2158. margin: 0;
  2159. padding: 0;
  2160. }
  2161. .el-select-group__wrap {
  2162. list-style: none;
  2163. margin: 0;
  2164. padding: 0;
  2165. position: relative;
  2166. }
  2167. .el-select-group__title {
  2168. box-sizing: border-box;
  2169. color: var(--el-color-info);
  2170. font-size: 12px;
  2171. line-height: 34px;
  2172. overflow: hidden;
  2173. padding: 0 20px;
  2174. text-overflow: ellipsis;
  2175. white-space: nowrap;
  2176. }
  2177. .el-select-group .el-select-dropdown__item {
  2178. padding-left: 20px;
  2179. }
  2180. .el-select {
  2181. --el-select-border-color-hover: var(--el-border-color-hover);
  2182. --el-select-disabled-color: var(--el-disabled-text-color);
  2183. --el-select-disabled-border: var(--el-disabled-border-color);
  2184. --el-select-font-size: var(--el-font-size-base);
  2185. --el-select-close-hover-color: var(--el-text-color-secondary);
  2186. --el-select-input-color: var(--el-text-color-placeholder);
  2187. --el-select-multiple-input-color: var(--el-text-color-regular);
  2188. --el-select-input-focus-border-color: var(--el-color-primary);
  2189. --el-select-input-font-size: 14px;
  2190. --el-select-width: 100%;
  2191. display: inline-block;
  2192. position: relative;
  2193. vertical-align: middle;
  2194. width: var(--el-select-width);
  2195. }
  2196. .el-select__wrapper {
  2197. align-items: center;
  2198. background-color: var(--el-fill-color-blank);
  2199. border-radius: var(--el-border-radius-base);
  2200. box-shadow: 0 0 0 1px var(--el-border-color) inset;
  2201. box-sizing: border-box;
  2202. cursor: pointer;
  2203. display: flex;
  2204. font-size: 14px;
  2205. gap: 6px;
  2206. line-height: 24px;
  2207. min-height: 32px;
  2208. padding: 4px 12px;
  2209. position: relative;
  2210. text-align: left;
  2211. transform: translateZ(0);
  2212. transition: var(--el-transition-duration);
  2213. }
  2214. .el-select__wrapper.is-filterable {
  2215. cursor: text;
  2216. }
  2217. .el-select__wrapper.is-focused {
  2218. box-shadow: 0 0 0 1px var(--el-color-primary) inset;
  2219. }
  2220. .el-select__wrapper.is-hovering:not(.is-focused) {
  2221. box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
  2222. }
  2223. .el-select__wrapper.is-disabled {
  2224. background-color: var(--el-fill-color-light);
  2225. color: var(--el-text-color-placeholder);
  2226. cursor: not-allowed;
  2227. pointer-events: none;
  2228. }
  2229. .el-select__wrapper.is-disabled,
  2230. .el-select__wrapper.is-disabled:hover {
  2231. box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset;
  2232. }
  2233. .el-select__wrapper.is-disabled.is-focus {
  2234. box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
  2235. }
  2236. .el-select__wrapper.is-disabled .el-select__selected-item {
  2237. color: var(--el-select-disabled-color);
  2238. }
  2239. .el-select__wrapper.is-disabled .el-select__caret,
  2240. .el-select__wrapper.is-disabled .el-tag {
  2241. cursor: not-allowed;
  2242. }
  2243. .el-select__prefix,
  2244. .el-select__suffix {
  2245. align-items: center;
  2246. color: var(--el-input-icon-color, var(--el-text-color-placeholder));
  2247. display: flex;
  2248. flex-shrink: 0;
  2249. gap: 6px;
  2250. }
  2251. .el-select__caret {
  2252. color: var(--el-select-input-color);
  2253. cursor: pointer;
  2254. font-size: var(--el-select-input-font-size);
  2255. transform: rotate(0);
  2256. transition: var(--el-transition-duration);
  2257. }
  2258. .el-select__caret.is-reverse {
  2259. transform: rotate(180deg);
  2260. }
  2261. .el-select__selection {
  2262. align-items: center;
  2263. display: flex;
  2264. flex: 1;
  2265. flex-wrap: wrap;
  2266. gap: 6px;
  2267. min-width: 0;
  2268. position: relative;
  2269. }
  2270. .el-select__selection.is-near {
  2271. margin-left: -8px;
  2272. }
  2273. .el-select__selection .el-tag {
  2274. border-color: transparent;
  2275. cursor: pointer;
  2276. }
  2277. .el-select__selection .el-tag.el-tag--plain {
  2278. border-color: var(--el-tag-border-color);
  2279. }
  2280. .el-select__selection .el-tag .el-tag__content {
  2281. min-width: 0;
  2282. }
  2283. .el-select__selected-item {
  2284. display: flex;
  2285. flex-wrap: wrap;
  2286. -webkit-user-select: none;
  2287. user-select: none;
  2288. }
  2289. .el-select__tags-text {
  2290. line-height: normal;
  2291. }
  2292. .el-select__placeholder,
  2293. .el-select__tags-text {
  2294. display: block;
  2295. overflow: hidden;
  2296. text-overflow: ellipsis;
  2297. white-space: nowrap;
  2298. }
  2299. .el-select__placeholder {
  2300. color: var(--el-input-text-color, var(--el-text-color-regular));
  2301. position: absolute;
  2302. top: 50%;
  2303. transform: translateY(-50%);
  2304. width: 100%;
  2305. z-index: -1;
  2306. }
  2307. .el-select__placeholder.is-transparent {
  2308. color: var(--el-text-color-placeholder);
  2309. -webkit-user-select: none;
  2310. user-select: none;
  2311. }
  2312. .el-select__popper.el-popper {
  2313. background: var(--el-bg-color-overlay);
  2314. box-shadow: var(--el-box-shadow-light);
  2315. }
  2316. .el-select__popper.el-popper,
  2317. .el-select__popper.el-popper .el-popper__arrow:before {
  2318. border: 1px solid var(--el-border-color-light);
  2319. }
  2320. .el-select__popper.el-popper[data-popper-placement^='top'] .el-popper__arrow:before {
  2321. border-left-color: transparent;
  2322. border-top-color: transparent;
  2323. }
  2324. .el-select__popper.el-popper[data-popper-placement^='bottom'] .el-popper__arrow:before {
  2325. border-bottom-color: transparent;
  2326. border-right-color: transparent;
  2327. }
  2328. .el-select__popper.el-popper[data-popper-placement^='left'] .el-popper__arrow:before {
  2329. border-bottom-color: transparent;
  2330. border-left-color: transparent;
  2331. }
  2332. .el-select__popper.el-popper[data-popper-placement^='right'] .el-popper__arrow:before {
  2333. border-right-color: transparent;
  2334. border-top-color: transparent;
  2335. }
  2336. .el-select__input-wrapper {
  2337. flex: 1;
  2338. }
  2339. .el-select__input-wrapper.is-hidden {
  2340. opacity: 0;
  2341. position: absolute;
  2342. z-index: -1;
  2343. }
  2344. .el-select__input {
  2345. -webkit-appearance: none;
  2346. -moz-appearance: none;
  2347. appearance: none;
  2348. background-color: transparent;
  2349. border: none;
  2350. color: var(--el-select-multiple-input-color);
  2351. font-family: inherit;
  2352. font-size: inherit;
  2353. height: 24px;
  2354. outline: none;
  2355. padding: 0;
  2356. width: 100%;
  2357. }
  2358. .el-select__input.is-disabled {
  2359. cursor: not-allowed;
  2360. }
  2361. .el-select__input-calculator {
  2362. left: 0;
  2363. max-width: 100%;
  2364. overflow: hidden;
  2365. position: absolute;
  2366. top: 0;
  2367. visibility: hidden;
  2368. white-space: pre;
  2369. }
  2370. .el-select--large .el-select__wrapper {
  2371. font-size: 14px;
  2372. gap: 6px;
  2373. line-height: 24px;
  2374. min-height: 40px;
  2375. padding: 8px 16px;
  2376. }
  2377. .el-select--large .el-select__selection {
  2378. gap: 6px;
  2379. }
  2380. .el-select--large .el-select__selection.is-near {
  2381. margin-left: -8px;
  2382. }
  2383. .el-select--large .el-select__prefix,
  2384. .el-select--large .el-select__suffix {
  2385. gap: 6px;
  2386. }
  2387. .el-select--large .el-select__input {
  2388. height: 24px;
  2389. }
  2390. .el-select--small .el-select__wrapper {
  2391. font-size: 12px;
  2392. gap: 4px;
  2393. line-height: 20px;
  2394. min-height: 24px;
  2395. padding: 2px 8px;
  2396. }
  2397. .el-select--small .el-select__selection {
  2398. gap: 4px;
  2399. }
  2400. .el-select--small .el-select__selection.is-near {
  2401. margin-left: -6px;
  2402. }
  2403. .el-select--small .el-select__prefix,
  2404. .el-select--small .el-select__suffix {
  2405. gap: 4px;
  2406. }
  2407. .el-select--small .el-select__input {
  2408. height: 20px;
  2409. }
  2410. [data-v-0db935d1] .p-form .el-form-item__label,
  2411. [data-v-32d9a9f0] .p-form .el-form-item__label {
  2412. width: 9.722222vh;
  2413. }
  2414. .list-base li span[data-v-533a778a] {
  2415. width: 6.944444vh;
  2416. }
  2417. .list-base li img[data-v-533a778a] {
  2418. width: 6.944444vh;
  2419. height: 7.12963vh;
  2420. }
  2421. .drop-down[data-v-533a778a] {
  2422. display: block;
  2423. width: 1.851852vh;
  2424. height: 1.851852vh;
  2425. margin-left: 0.925926vh;
  2426. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNDA2NzUwQ0YyNzgxMUVGOTBGNEQ2MzcyMjVEQUZBMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNDA2NzUwREYyNzgxMUVGOTBGNEQ2MzcyMjVEQUZBMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM0MDY3NTBBRjI3ODExRUY5MEY0RDYzNzIyNURBRkEzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM0MDY3NTBCRjI3ODExRUY5MEY0RDYzNzIyNURBRkEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+jSwKAQAAAGFJREFUeNpi+P//vxcQzwJiBhx4BhBHgBhX/kNALxZFzVC5lyCOGRD/gwoUIilK/I8AzjBBMyRBFyC2RuJ7gNQgW+P2HxMEweTR3ZSApKgYWY4RrBoVzANiHiAOQxYECDAA1iHPjsP3lu0AAAAASUVORK5CYII=)
  2427. no-repeat;
  2428. background-size: 0.925926vh 0.648148vh;
  2429. background-position: center;
  2430. transition: transform 0.3s ease;
  2431. cursor: pointer;
  2432. }
  2433. .drop-down.reverse[data-v-533a778a] {
  2434. transform: rotate(180deg);
  2435. }
  2436. .title-shade[data-v-533a778a] {
  2437. position: relative;
  2438. height: 2.962963vh;
  2439. background: linear-gradient(to right, #6583be, #6583be00);
  2440. display: flex;
  2441. align-items: center;
  2442. padding: 0 1.481481vh;
  2443. margin-bottom: 0.925926vh;
  2444. }
  2445. .title-shade[data-v-533a778a]:before {
  2446. content: '';
  2447. position: absolute;
  2448. left: 0;
  2449. top: 0;
  2450. width: 0.37037vh;
  2451. height: 2.962963vh;
  2452. background: #c0d5ff;
  2453. }
  2454. .title-shade span[data-v-533a778a] {
  2455. text-shadow: 0px 0.37037vh 0.37037vh rgba(21, 41, 91, 0.45);
  2456. margin-right: 0.925926vh;
  2457. }
  2458. .title-shade .btn-selectall[data-v-533a778a] {
  2459. display: block;
  2460. width: 2.407407vh;
  2461. height: 2.407407vh;
  2462. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QkVDRkI2QkZFMUYxMUVGOUQ4MkQ5NzRERjJFQUNFQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QkVDRkI2Q0ZFMUYxMUVGOUQ4MkQ5NzRERjJFQUNFQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVCRUNGQjY5RkUxRjExRUY5RDgyRDk3NERGMkVBQ0VDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVCRUNGQjZBRkUxRjExRUY5RDgyRDk3NERGMkVBQ0VDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++Qt7aAAAAQhJREFUeNpi/P//PwMtAeOoBQNuARMOcW4kthgQvwHiAmr64BMQLwLifiC+A8SfgdgUiBWBuA6kD039YyAOI8UHTUCcDTX8ARALAvFNIOYEYiEoHxnz4/QCyAc4cCYQb8MjTxQmNpKtgPgbEF+gViRnQ70OAplAfBRqCQgIYAkiTlKD6A8QvwXiuv8Q0AUVj/mPHTwhNYhEgfg5EDMDcQ0Qt0LFlYDYGUsqAiXjdaRmNFD6Nwbi7RTlNCJTwzIgjqNmKjoDzWRLgfgsEBsBsTsQPwHiaCxB9AKIJ5Hig+3QyHsNpfWh4pE4Ivk2Lh/g895iIP4GxKpY5BjRMMUZbbTCGbUANwAIMAD0z8lbj1vA2AAAAABJRU5ErkJggg==);
  2463. background-size: 100%;
  2464. background-position: center 1px;
  2465. cursor: pointer;
  2466. filter: opacity(0.6);
  2467. }
  2468. .title-shade .btn-selectall.active[data-v-533a778a] {
  2469. filter: opacity(1) drop-shadow(0 0 0.462963vh #379bff);
  2470. transform: scale(1.1);
  2471. }
  2472. .title-shade .drop-down[data-v-533a778a] {
  2473. margin-left: auto;
  2474. }
  2475. .list-item[data-v-533a778a] {
  2476. position: relative;
  2477. height: 3.703704vh;
  2478. padding: 0 1.388889vh;
  2479. margin: 0.833333vh 0;
  2480. display: flex;
  2481. align-items: center;
  2482. background: #4352704d;
  2483. }
  2484. .list-item.disabled[data-v-533a778a] {
  2485. pointer-events: none;
  2486. opacity: 0.5;
  2487. }
  2488. .list-item[data-v-533a778a]:before {
  2489. content: '';
  2490. position: absolute;
  2491. left: 0;
  2492. top: 0;
  2493. width: 1px;
  2494. height: 3.703704vh;
  2495. background: #808dc9;
  2496. }
  2497. .list-item[data-v-533a778a]:last-child {
  2498. margin-bottom: 1.388889vh;
  2499. }
  2500. .list-item img[data-v-533a778a] {
  2501. width: 2.222222vh;
  2502. height: 2.222222vh;
  2503. margin-right: 0.925926vh;
  2504. }
  2505. .list-item span[data-v-533a778a] {
  2506. flex: 1;
  2507. }
  2508. .list-item i[data-v-533a778a] {
  2509. display: block;
  2510. width: 3.148148vh;
  2511. height: 3.148148vh;
  2512. margin-left: 0.462963vh;
  2513. cursor: pointer;
  2514. filter: grayscale(1);
  2515. }
  2516. .list-item i.active[data-v-533a778a] {
  2517. filter: grayscale(0);
  2518. }
  2519. .list-item i[data-v-533a778a]:nth-child(3) {
  2520. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGRDQxMzgxNkYyNzgxMUVGOTZDQ0RCMkZCMUNDQTM4RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRDQxMzgxN0YyNzgxMUVGOTZDQ0RCMkZCMUNDQTM4RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZENDEzODE0RjI3ODExRUY5NkNDREIyRkIxQ0NBMzhFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZENDEzODE1RjI3ODExRUY5NkNDREIyRkIxQ0NBMzhFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+beTDTgAABSJJREFUeNqsWFtsVEUY/mb27LalN0u5WAERrPVSL1UUg4m38oDxrcFoUArR6Eu1YggRExLeDGKl2lc1pqax8RIhwQdjIqLhwRhCQANNTKzWErQpBell293u7oz/nD2zzM7OObsSTzK7c87cvvP9///NP4e17JBwXMz6R8h92CVD7mXYAC9icR7U7RIGSlr1qFICynOA4MY/t+5ZBazoxYTxL6x7GcwjwxgxF48FRdeZ0accEL1YLqjnjDqMdicjNoBY0O4ZgJjFnnTUTUY0gGzQJ2esLWxGmPW2GkDcKDGDFW6AkZZpo0DYpmPmC9iMmCASVKqDumeZijuAhIFYjHBiuBgxgfggtj2Cx25ZhX3xGNbhGq5sDmO/T+Dg0HF8YzkuK8dIESt3rkU/Z2jANV4ex023r8Z7DUvQMTOPjBWFCHNWZjtqwsuDGDyGp6dmsCglYtKYiF11Phb8CvWMMeSWNyCxoxOH6WlVSxOWEJD5CE0qYcQ0UcyL5RvPjWPaYIoblGrP55Z/ZCf+wZwenxMlYulkhDkih5tAVjWj4cIlpFX/5Y2oI2YYvbUtTj5Dk9OYVc/XLEO9Hh/jbnNESXyRrOuJLs3k7dv3PN6uq0Fr1ITzaYztHcTLl2eR4dw3h2JElPWnkOdFQITMv3UijoR+FnZVxVFFDo5kGpm3vkAX9V84P4WFSoE4aYsHi668DgmaLLXrfewyhA3VpDCNtX6o+7qSyiA9nfQXVfohaMyceuyS9EoZ8QVHA1FREEyu/cJ3TlpYpK74vhMzZFs0U8SQOdNlUoiiyPGiNi9thovTvq3lh70YqK9Bm+5A9I+9MIBX1YQ7O7HhwVvxxNJ63EuzsytJnBw5jyMDR3HMUmTuSCdkFBDEg1aZ9xFUJ5CIGyOqRD6c92/D1o51eM4cS9G18VEq66/HEJn0kLV5lgCKBhIwckMzqkmqF7YfQg+Fcq2ehEJ6vvtx3PVAax4E6c2Xn3yPrwl4trsTm+9Yg+71K9G9pws/vnMEx639ymkapyMVokZcTWpo8aS56T15P55V/UbGcfiNj/GpFjUK4c/f7MbsfTej56Hb8Bo9O+HYOAv7DY/IsHxnVYWc1dxRVVG6klnRiBhJebvqs38Yw1byg31D+Eq10V7TtnoZakJAlJhGWlu58IJWzpxpnmIsp/vkcj4IOx9lut3jzhy4EE3cAaBQ14yMTvjmKAH612UsLKRxTvXpfxFbrfE4sBNbVFtqEWfHJv28JDQB9xx5ps4ZctpHNt+DpvGLSKs9Rhp2Hf0byR/OYrBrE/o2tGL7uy9hbvBbnFBKTOG86eF29Krxp37DkCsZKhIVOtdwKzWsCkrNyX6cov2i1jWQFss8dQBb/pxE+rO96GltKQ5f86IU4Myej9BDgKboVilvOiiLgb8JbjEijBQv89Ov2E0Rc4HsC7vEOWRTnd8v9cxBDHz3M16fT+E0tQnVTvVfTo+iL72IkaV16PjgFRzV0m+bUDPCrKw9buSsihlvYxvqySxcKNMEKQA5sDzzB5KZbCEf8cvaFaimbZ+R7vgS334jEkO7MUxmbry7Fx0BC5qJrAangdhpognIC5FmaYRq1CFMaIYdALKBBXyJl44M3FwsF7KAtLL4sDRQWGCyhokK4e453s4+n7gEyHV+dQGRBhjziCFcBywX1TaQsDOvjNraHXMLx1lY2jpiJsR2nVXwCaKSLwUi7JDlhXzDYP/xewgq/I4iw76ZeGUGSPw/Fys3378CDAB0DhbF4i5xlQAAAABJRU5ErkJggg==);
  2521. background-size: cover;
  2522. }
  2523. .list-item i[data-v-533a778a]:nth-child(4) {
  2524. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRUY0Njc2REYyNzgxMUVGQjlGMUZDQUI4NTUyNDZEOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRUY0Njc2RUYyNzgxMUVGQjlGMUZDQUI4NTUyNDZEOSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVFRjQ2NzZCRjI3ODExRUZCOUYxRkNBQjg1NTI0NkQ5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVFRjQ2NzZDRjI3ODExRUZCOUYxRkNBQjg1NTI0NkQ5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VxzamQAABRdJREFUeNq0WGtoHUUU/mbv3t37aJ634SbRpg+laooU9Yc/BP0h/hCJYgQrQk0K/dXiI5BSUtQfYmNDkSoKSaFKRQIWiw8iIijqD+sLRatQq7RpU2PSJk3amNd97npmnSmTydy9t7EunLt7z+zMfHO+M+ecWbvpCR8VXAz/7So7iV3BxKwCMH6FC/FL9bFDOsm7JZ5ZCBi/DBjfAIKpOtsAQoqlPUdKWMYvA8ZXxNP+X+lvG0BYikSEWModIUBMZvcUKWr/lwFhhtVHRLsqlmaRMGuoVigKKSh3iOeAIp0a1RJRIY5yV+nxDROaAMqJ8wan9UzUyAmkJfjkLpe4g3h3O45Qo7v/PWxdzAWD49ktOGwxOC+8g0c1IIhFwXY9grd5O/VpW8hiUQPiqdYNo0ZawaWJ3YSDW/iL9Bzj793YhNqki5u5bvM6rD9+FudVejJ5+NSnlT8TiKiyepUqZqJGBSJ9ItrSgLqaBBpsQcp1KaSTMTid9+Ll6Vl8SiMXHrsbBxMx7B4+jwk5cH0V4rLPbRuw5qdhnNN8ZYm/MYqsTKGEI48JSfR1Ysix/121fk3O4Nved3GAr5Ao6k5V4c6wiJYrYHj3YTzADcQNS5IVkjc5qwrKjkYQk6vSL88PTJzgK2QMVqn3FO91tXCgBk5ftwj3ibiYIEmyqrke6Wqi5ukH8Sbv9fwgumqTiD3Zhj1jU/iZQKA5hTsGv8DeU+O4IHESNU7XQxjgf/o/xpZfzgbUzJHMC4ssKhbx7DL5gY1NI0MyI1dMlGS5vP4R+na140Wue20Ie2iiMTVyXvwbi7IPtU2VS6BWKQBqp3QtEkQTuNBKuf/gj78wLXU00UVTPpLtlVxWJSXAhctYlIPSTskYJloGYkMjqmX77TcgdbVlANPjyvUpJGqSSEkzU/youTSHbN0quIqufmae+GfB1vTXNiD5VBt6iNLPKaBlux/GIaLy8a9PBj5izPLSWWUQc4WzBo462I2jFFU3rqQSGr+EH3f2o4/Htre60FsVx6b2XmwW23dBc9ZimLPyMJ2olGODo+WkVeknQ+OEVnm6RRxl63KpWtOAxrok0hTc+nmHZw6hh/wkS07rvrIdL6k6xqMm0bOxGVW0o3rOTeIb0mXXpXHfwU/QOfQ9TortW5FFlhQtf05igWRaWub3UcyIbZzRdDLTehOXMZ/J4bl9HXiVt+87io7PjmN0JTWrnso92/CmpltSff1wClOynUCMaZXZsjrGLlNjeuvTiBENtXL1rS2ooWCVXV0NV+o2taB6ajYwucc4IKKnsRZJ2X5XK+qPnQh2jF+iojP6SEz4SeLLXnwQd3ETrsFFVA3f04M2xT8yphCvVlmyXii4UTh2BNfkoizuKmWAp1Zn0iJqiWjLqkxYJn7rWjQ01WP1/m14n7+4ox/bRqeQoWSYGNiBN7hu5wA6KAHOBgMzyqQsCGqxA9txRCTK+z/8Lkh6qiVyQgp6GeBrNWYQB34dwSTJ3N6tGLYsuMd+wxmuH5kAy+ZxJkK6r04EuiXOenocXqGI09THIRAjyuQFpYi+4i/SIsxQr8pS0REWckSbnldM5xWd5ryQnLjLYlpStawwUmtKpmxLOVikBBBfO6foYAqaFHUfCQOin0tUIDAA8UucdTzNSYva+EuA6Ccz3Wcs7Qgadgg3AfI00emEXWKwonLuYErdEgbEr+AA7peIsEZq9JM603xmxd9ArvazBMp9Qvg/PtT8I8AASnUf5diQqE4AAAAASUVORK5CYII=);
  2525. background-size: cover;
  2526. }
  2527. .list-item i[data-v-533a778a]:nth-child(5) {
  2528. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3RTg4QThBQkZFMUYxMUVGODVBMURCQUFDNDI1OTMxMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3RTg4QThBQ0ZFMUYxMUVGODVBMURCQUFDNDI1OTMxMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdFODhBOEE5RkUxRjExRUY4NUExREJBQUM0MjU5MzEwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjdFODhBOEFBRkUxRjExRUY4NUExREJBQUM0MjU5MzEwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+heW3eAAABSBJREFUeNrsWE2IHEUU/qqnu2c2G9Flyc+aVWGJCRhUIognhWgkEcEfcvIgsjmoCIp6EcRVEERRcxLB4IKoCQSEeFAxeBTJIRcvwaiIEEyWmJgNUbPZme6u8lV31fi2tmqmZ8bDHmx4dFV3VdfX3/utEkoprOUrwhq/1jzA2Dauf2KgecK597tUoN3zWviYARwClGAaEB6wioGRHmBqIAZrArOg3HbkjHWBSQbYtoXzEwMBdEFZEBZQg/UbzjjOnpbCgHLFBe5lNQ6AE8yJOKBGQIRHzRZAERDpjPOqPg4wB8ZQZMY1zN3XjgIMWoA5u+esDwZOMgyqDoOCsWbBJExiJpGHQckAZgZUxn4oM+NyZpN9GYTjoRxgaqRpQe6/H4/etBEvRALrA7El//0S5t//Ch8aQB0jPltVdW0QHvYSA4xLfPMU5vICi2f+wDxjsVyYMqicmsC905N4mvqHmDkIx/akmStd9YZskEsJ8PmH8HAzwXYpkVzN0O7kUONNTMf0NiOAFy5jQYjut8pFaGy+8VpcpDEzL+3DK4t/44eExq9rotWIkBcSp9/9HIeZw4i6NrhKxVsm8SwtdIs7SCp0rhnD1rt34NVQHNNjNk9grxb+nACepdsRQ0IeykqxJ7q7NIt3jmLfDRuw6coy0tndOEAs3HrwGGb/WkIuIsRi5cftfEFqVgSwIMbki4/gU2L+3Pw3mB1L0V5YxPkAqL5OsspQz19GRnKJmmMkV7VqT57GRebBcDyRh6zSk2mOItY6p37Dn9RfMs4SSo19qxl3cNc+khiJBjjeQkqqX7/nDmy3JrFzBlN3bcO07d93O7Zu24JJrUY9hyQKxNyhy61V7h/TDG3spG75+C48+Ng9eGPHjdigv/XkXrz81AN4WwNKY8T0/s39u6HrpMgAFIHCIlg8RD0AKV+e1OC06EVaCVq6fd041ukHzRhNEh2SBIFp6HcENDXzlJmHPmuougwq38caFRNVrKMoY0JNUbIisEzhpm1eKjOutLWSwagnCapuNeP7o24VQoyopJol9aK6TV5ajktMv6RXVG3TL+eQRyunmhk6k4QmV6CMqqzahOj2u+wyc+iCl3LVTw9dDwaLV60mA0JQDta2BhMHG0yNsXWMKKo8Wj8vhtgBxTW8eMWdOQksm0JUnkmqFswRKgajf+c5DGJYGww5SWk7MdlgXM0qWimxRu1WavpNJJSztRdLYjfS79K0XEPPQ6G824CRGVzhJEncDRc5qa+j20ttXNHlVFqFFf22oz1bv6Owo+dn1BbGSXhFrfrZYTwAuLIiTk0m0SAOfo2ju27DyeOnysSPD47hdYqNms9Om6q/I99i7sezWNB97cWqqidzD0D8FwDLUp0W6liA3/+KCySLNjt89h1+Nu3S2t77Eifsj+ksQjZYOCV/0U/VcR/74+D02OynMzhM+fbOEwdwiCqS4xSQIxJhSqvyTvbXXZAcSG6awE7txb9cwCes/K+lZmEPj5yTBcE2S7aituV+64s5PDOzGc8NcnRCVfdHe17DW9RcJmmbDJMZsWwq92ShF0DBtpV8w2T3JqFtp3CDO9vRZQZcxpjMnexS6+iDF652AXcv0XA286LHyUIR2HbKUeOgZEafezY6/Y4+lHOawIHKOp5cJ9X5Erv0MCd6/KQPaK1gXSeT+LKKCKhW9CrV+lQyI+ViOPtW4WwVETh+q10Ij6JiH5Oix5lOrzJ+4IPMQcqtoU5JR73E/6f8I17/CDAA8BVFtpqXAbsAAAAASUVORK5CYII=);
  2529. background-size: 3.703704vh 3.703704vh;
  2530. background-position: center;
  2531. }
  2532. .no-data[data-v-533a778a] {
  2533. display: block;
  2534. width: 100%;
  2535. text-align: center;
  2536. margin: 0.462963vh 0 0.925926vh;
  2537. color: #999;
  2538. }
  2539. .feature-legend[data-v-533a778a] {
  2540. position: absolute;
  2541. bottom: var(--panel-gap);
  2542. left: calc(var(--panel-left) - var(--panel-gap));
  2543. width: 12.962963vh;
  2544. padding: 0.925926vh 1.388889vh 1.388889vh;
  2545. background-color: #00113280;
  2546. border: 1px solid #055f8d;
  2547. border-radius: 0.462963vh;
  2548. }
  2549. .feature-legend .title-sub[data-v-533a778a] {
  2550. margin-left: -0.648148vh;
  2551. }
  2552. .feature-legend ul[data-v-533a778a] {
  2553. margin-top: 0.462963vh;
  2554. }
  2555. .feature-legend ul li[data-v-533a778a],
  2556. .feature-legend ul div[data-v-533a778a] {
  2557. display: flex;
  2558. align-items: center;
  2559. }
  2560. .feature-legend ul li i[data-v-533a778a],
  2561. .feature-legend ul div i[data-v-533a778a] {
  2562. display: block;
  2563. width: 0.925926vh;
  2564. height: 0.925926vh;
  2565. margin-right: 0.925926vh;
  2566. opacity: 0.6;
  2567. }
  2568. .feature-legend ul li span[data-v-533a778a],
  2569. .feature-legend ul div span[data-v-533a778a] {
  2570. font-size: 1.296296vh;
  2571. color: #ccc;
  2572. }
  2573. .feature-legend ul li[data-v-533a778a]:not(:last-child) {
  2574. margin: 0.462963vh 0;
  2575. }
  2576. .feature-legend ul li span.bold[data-v-533a778a] {
  2577. font-size: 1.388889vh;
  2578. }
  2579. .feature-legend ul div[data-v-533a778a] {
  2580. padding-left: 1.388889vh;
  2581. }
  2582. .home-wrapper[data-v-f9ca384f] {
  2583. transition:
  2584. left 0.5s ease-out,
  2585. right 0.5s ease-out;
  2586. }
  2587. .home-wrapper .aside[data-v-f9ca384f] {
  2588. position: absolute;
  2589. height: calc(100vh - var(--header-height) - var(--page-margin-y));
  2590. width: var(--aside-width);
  2591. padding: 1.388889vh 1.851852vh 1.851852vh;
  2592. transition: all 0.5s ease;
  2593. background: linear-gradient(to bottom, #0000ff1a 50%, #000a1e4d);
  2594. border-radius: 0px 0px 1.111111vh 1.111111vh;
  2595. z-index: 3;
  2596. }
  2597. .home-wrapper .aside-left[data-v-f9ca384f] {
  2598. left: 0;
  2599. }
  2600. .home-wrapper .aside-left.collapse[data-v-f9ca384f] {
  2601. left: calc(0px - var(--aside-width));
  2602. }
  2603. .home-wrapper .aside-right[data-v-f9ca384f] {
  2604. right: 0;
  2605. display: flex;
  2606. flex-direction: column;
  2607. justify-content: space-between;
  2608. }
  2609. .home-wrapper .aside-right.collapse[data-v-f9ca384f] {
  2610. right: calc(0px - var(--aside-width));
  2611. }
  2612. .home-wrapper .b-fxdt li img[data-v-f9ca384f] {
  2613. width: 23.148148vh;
  2614. height: 10.185185vh;
  2615. margin-left: -0.925926vh;
  2616. }
  2617. .home-wrapper .b-fxdt li > div[data-v-f9ca384f] {
  2618. bottom: 0.462963vh;
  2619. left: 9.259259vh;
  2620. z-index: 9;
  2621. }
  2622. .home-wrapper .b-fxdt li > div > span[data-v-f9ca384f] {
  2623. display: block;
  2624. font-size: 1.851852vh;
  2625. text-shadow: 1px 0.185185vh 0px rgba(17, 20, 22, 0.22);
  2626. }
  2627. .home-wrapper .b-fxdt li > div > div span[data-v-f9ca384f]:first-child {
  2628. font-size: 2.777778vh;
  2629. background: linear-gradient(80deg, #1d80e0e6, #ffffffe6);
  2630. -webkit-background-clip: text !important;
  2631. -webkit-text-fill-color: transparent;
  2632. margin-right: 0.462963vh;
  2633. }
  2634. .home-wrapper .b-fxdt li > div > div span[data-v-f9ca384f]:last-child {
  2635. font-family: PingFang;
  2636. font-size: 1.296296vh;
  2637. text-shadow: 1px 0.185185vh 0px rgba(17, 20, 22, 0.22);
  2638. }
  2639. .home-wrapper .b-fxdt li:last-child > div > span[data-v-f9ca384f] {
  2640. color: #e9ebcf;
  2641. }
  2642. .home-wrapper .b-fxdt li:last-child > div > div > span[data-v-f9ca384f]:first-child {
  2643. background: linear-gradient(80deg, #d7d7a9e6, #ffffffe6);
  2644. }
  2645. .home-wrapper .tag-text[data-v-f9ca384f] {
  2646. display: block;
  2647. height: 1.851852vh;
  2648. min-width: 6.944444vh;
  2649. width: -moz-fit-content;
  2650. width: fit-content;
  2651. padding: 0 0.925926vh;
  2652. border-radius: 0.925926vh;
  2653. border: 1px solid #98cda4;
  2654. font-weight: 700;
  2655. font-size: 1.296296vh;
  2656. line-height: 1.666667vh;
  2657. color: #98cda4;
  2658. text-align: center;
  2659. }
  2660. .home-wrapper .tag-text.red[data-v-f9ca384f] {
  2661. color: #e34b4b;
  2662. border-color: #e34b4b;
  2663. }
  2664. .home-wrapper .tag-text.orange[data-v-f9ca384f] {
  2665. color: #dfa9a9;
  2666. border-color: #dfa9a9;
  2667. }
  2668. .home-wrapper .tag-text.yellow[data-v-f9ca384f] {
  2669. color: #ced09d;
  2670. border-color: #ced09d;
  2671. }
  2672. .home-wrapper .tbody-row3[data-v-f9ca384f] {
  2673. max-height: 13.888889vh;
  2674. overflow: hidden;
  2675. }
  2676. .home-wrapper .b-wgzb[data-v-f9ca384f] {
  2677. height: 18.518519vh;
  2678. position: relative;
  2679. }
  2680. .home-wrapper .b-wgzb #bg-wgzb[data-v-f9ca384f] {
  2681. position: absolute;
  2682. left: 0;
  2683. top: -7.407407vh;
  2684. }
  2685. .home-wrapper .b-wgzb ul[data-v-f9ca384f] {
  2686. display: flex;
  2687. flex-wrap: wrap;
  2688. align-content: space-between;
  2689. height: 100%;
  2690. padding: 1.388889vh;
  2691. }
  2692. .home-wrapper .b-wgzb ul li[data-v-f9ca384f] {
  2693. width: 50%;
  2694. height: -moz-fit-content;
  2695. height: fit-content;
  2696. display: flex;
  2697. flex-direction: column;
  2698. }
  2699. .home-wrapper .b-wgzb ul li > span[data-v-f9ca384f] {
  2700. display: block;
  2701. width: 9.62963vh;
  2702. height: 2.592593vh;
  2703. margin-left: 1.851852vh;
  2704. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAAcCAYAAABibZFIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCMEFFRTkzQkYyNzMxMUVGOUQ4MTk3NDMwNDRDQzk4RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCMEFFRTkzQ0YyNzMxMUVGOUQ4MTk3NDMwNDRDQzk4RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkIwQUVFOTM5RjI3MzExRUY5RDgxOTc0MzA0NENDOThGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkIwQUVFOTNBRjI3MzExRUY5RDgxOTc0MzA0NENDOThGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+iEaBZgAAAo9JREFUeNrsms9rE0EUx+dNo0Isil5ExTaSFIRaBQ8iCCIKm5NH/wLx6sGreBBvPfkv+B94rSJ6KyIIhR6EWhEjKlJYmm6yu9nNjt+pbEjS2RFB+kTeg/kR8nYZ3ifvO292Q3eW3ytrNOrU6PP5+fwuhsdoJ5TYflsf7cm924sPqArS0ny+WBi12tmaeRrF9EMps/s9jVEs5zQOl9TY/cxef8d1BL/xNdDEd+OjmbyH09dMraHqfsax3unRONZa5W9+EwvX3OyJ5eg6Q3WV1e5jVq95SN7qp7S+A0Akv+r9N6Pq6L8ik4ba49aOEvog0WKyQrfQr9ipExKkbhaJeDmM9CeJFlcmkYX0vBIS7Pogo2/DQmUSLRarAdIZjC99kNrxQG1KrNikbg79O+xH2z5IQbevNyRabJCapdQ5IWE/ahSFOtXt27JbjKmyW/BCslKXZLS56yrGUTDMoh3A7K0PUtBLSaSOyeiX1L2y5yMnJEjdDIYbYURSNPwDpXdVJl3JhipOM+pJtHgSCZCa5SG2ClIQD+QpA2NVZx9kf4HUffZCimKBxJZGhhampW4C0lIjP2aMuhj2dEfCxbYfNb2QYDfTnDo4I+USLRY7CEhW7l77IAX9VKSOcT9qoH+D/ajng9Te7gkkxvNRyyV1I0gXGvm5YaGORAltSbhYz0crlZCs1CVSenMCOmoFD23NC0newrJL3QvsR87npRpSdwjjtTDSHyVcbOejSqkrM+nqIKcwy1Ui4WIxDbk7azPJBymIU3kLy5dF+jSGDUjddx+kdjfWsh+xnY/8UldCmksztSPRYqnqjiOTLmH2zOdm/xy53Do5fIjx8H8iIH/Z708DXzF3W4j2CFK36nP6KcAAwkXP/o83u1cAAAAASUVORK5CYII=);
  2705. background-size: cover !important;
  2706. line-height: 2.592593vh;
  2707. font-size: 1.481481vh;
  2708. text-align: center;
  2709. }
  2710. .home-wrapper .b-wgzb ul li > div[data-v-f9ca384f] {
  2711. width: 15.092593vh;
  2712. height: 4.166667vh;
  2713. padding-left: 1.851852vh;
  2714. display: flex;
  2715. align-items: center;
  2716. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKMAAAAtCAYAAADC1tsoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDQkE4MzI1M0YyNzMxMUVGOUVBMkQ0OUIxMTk5RERGNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDQkE4MzI1NEYyNzMxMUVGOUVBMkQ0OUIxMTk5RERGNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkNCQTgzMjUxRjI3MzExRUY5RUEyRDQ5QjExOTlEREY1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkNCQTgzMjUyRjI3MzExRUY5RUEyRDQ5QjExOTlEREY1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LW4YkgAABZpJREFUeNrsXUuL1EAQzuqsL8QXuCDIiqiwILP4M7z5S7z4Nxa9ehM8evCgHtx/4WEQBfGBelHRgwiyzk7Kykx60ulnddIzmc5UsGaSdHeSyXypqq/6c3bj0cvvmWfZRBugbUj7QNoGx1hfPzAcV23zHb9JG6Xd2wfE6/xfNQLEJlS9QToazDbK13q7aIH54eVjSf1AOpPoB+r4ens1Vj+maXztnIZ95jHVvuo8huvEfXt3b83vycDzZRxFO4b2Fy3PeMkkCGUSzuaAIQBQ+1LCAAhkILrGVv3NwNH3mQFY9fUA0PJwyMuA4BXzdQYiKAgzAhBkF6p7OBmgdQDKAFK2PV5MHW/tYwMB6KDUz2f2ZrqnVc5XA67iMcU1AmhhhwLGfwxADwClGyvFXYP3Uo4JShsFgODzhmGgNAKQNKYEW8OQXY8gNDAeL0P0WgEQlAYdgO7wawIgKH1dbWDN/3zh1eyRzGFbB5PPm5nApHlWh7edH1d5AChgLMjDCbTJ+uV/qncjArBp/ucAWkwCQh9DJyBNQ3ZomN4MYJ39Cb8UAFLzv4UREPM4MpmwjHGeJ1bIbpgznuwDcYmb/+kkoxUBka4pKNezhO3WYKqFURoBcTJ07/XRwXgK7bD/AIQaGCkERAOuJ/8zh6n4BMSUk4XkjDFDNpmhE8F4Bu1bWgAExcvVC9AxCQiACci+AjTFUxAL0JHYrI2AOB8GEkHyPSBhYDyH9mldCtDtCUhaBWgTMEJYNp0g+WeDfGAsyMtptIO1LkAvk4AQQLnoAjTpASGkFVSvmREJzNlVKXYvlIBYSysNC9CkWl5gAbohm7UCsEHIdqUV1Lpn1qLofaHLYncoAamH3y4ISKQCdAgBcYoWqAVoWsgmTytmlPCuPvR+MG6h/Vw1ArLY/M8fdlddAdO2AO0bYydpjofRQ+goYLyE9iElAsIKmObTfKH5H+VhNKVETT3jNtrz5AnImilgQgiIL2cMeRjD8mjz7IsNjOfRjsRi0qyAoYyJXDMMqGs2JSDO8Esog1EJzGW037EAyAqYbGkKmGAC4rkXITNHuic0TBBYopoLjFfQfrECJj0FzEIISFD+ZyeEtpTLB8ZraK9YAZOeAiY6AaHMMBEqEtoxAqYDd9BesAImPQVMWwJCjUL2emwAAAlsupgGvIH2hRUwCSpgnKGWTtyc+Z+jqmHkCuCvE9vAeLXIF7HfmBUwCSpgWhagfQQEVBy4plU9aZppfnqgEJAiRH9lBUy6CphlEpCQOrEaKU3LAOrh9yauvGcFTJoKmJA82lkbDCUgLQBYB2P9wEN8e8wKmDQVMKEF6DgERJ/aCwGg7hmrA+/i5ltWwCSqgOmQgJj0iY3AWB6n+G8GF3H7Mytg0lTABOV/1mlVYvi1FK5bgnH+oYf4+m52TlbApKmAiVCAjpT/NQJjns8/xi6+vGYFTLoKmCgFaEVPsGgA6mF6dtYhvo5YAZO2AqZJ/qcTkG5+t2GQVzelAOMTVsCkq4Ax539+oUqXABTLnXv7GxKBgSG+j1gBk64CpmsCEitn3MYb92c6FcgKmLQVMB0SkDZeUS7tYIiGEStgUlfAxCtAL3t59uA2TD0jTGdeYMQKmH4oYABWH3zKMv3t9hmBgaLGCPusgOmPAibFpcwZp+RljxUw/VHAJAlGvOGbaNdx/Q0rYPqjgEllKckLlJ4x38EP+RHXD1gB0x8FTKphupiTHrEChglIl+RFzMCUxW5WwPRJAZMmGHPYwi/qBytguADdERCnNUaRMz7Etad4X+6zAkYrQIthRTU2LxuL+kNetID462Ez2V1eInZSXmLRR6xPpuNmH2AitrOqrbBDyeTt4ncyx+U+sS5MbMt9D6V9Y6V9rJxjrJzP9C6uNbdsg/RZxLu6L5P2g/QU1v762n8BBgADwkWhn2vPhAAAAABJRU5ErkJggg==);
  2717. background-size: cover !important;
  2718. }
  2719. .home-wrapper .b-wgzb ul li > div > span[data-v-f9ca384f] {
  2720. font-size: 1.851852vh;
  2721. margin-right: 1.203704vh;
  2722. }
  2723. .home-wrapper .b-wgzb ul li > div > div[data-v-f9ca384f] {
  2724. width: 4.351852vh;
  2725. height: 1.851852vh;
  2726. background: linear-gradient(0deg, #4e71b7b3, #9eb7ea1a);
  2727. border-radius: 0.925926vh;
  2728. border: 1px solid;
  2729. color: #97b4ed;
  2730. font-size: 1.666667vh;
  2731. line-height: 1.666667vh;
  2732. text-align: center;
  2733. }
  2734. .home-wrapper .b-wgzb ul li > div > div > span[data-v-f9ca384f]:last-child {
  2735. font-size: 1.296296vh;
  2736. margin-left: 1px;
  2737. }
  2738. .home-wrapper .b-wgzb ul li[data-v-f9ca384f]:nth-child(2n) {
  2739. align-items: end;
  2740. }
  2741. .home-wrapper .b-wgzb ul li:nth-child(2n) > span[data-v-f9ca384f] {
  2742. margin-right: 1.851852vh;
  2743. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAAAcCAYAAACNr/p2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCOERFRjMxMUYyNzMxMUVGQkZGN0Q2MEUyRkJCMjFGRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCOERFRjMxMkYyNzMxMUVGQkZGN0Q2MEUyRkJCMjFGRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI4REVGMzBGRjI3MzExRUZCRkY3RDYwRTJGQkIyMUZGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI4REVGMzEwRjI3MzExRUZCRkY3RDYwRTJGQkIyMUZGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+cXLbLAAAAotJREFUeNrsWs1qFEEQrupkx6BBJAY9SCT+IngInjwoepDoA4gP4At48KQHbx68Kh59AvUFkiAE8eJNFsWDxp+AIBLdZTczuzM9M+03ie5OJt2rSJj2UB90VzFbMwz1bX9V3bt8//HrW0R0B2M3CerGGsbtG9dOP3IFMAiKqJE+JDbd4oIxww/NYCoMDy6aUsBvf8t95XvM8DnV2GFcMfHWOGs8b7vfHsvumEEsb38P6/PY8q7V3JTe35mLajzR5ARNz0xn15Wi8yCpaSNIYXzGwyfly1w/1vu8Fsb8Cu5VV0xB0CLlfFzS5QfdHr+HuTyaICME+UI7VKuQwbkHT95MuQhaBkEHoImBpKt+5IayOOVVuJfsBAU6hH1JuZqVdPlBFLtlTv2ykDklMucJnehvCJJGwWc39z3LaS/q0CkXQUWrl6MW7ZN0+UE/sa+iTYICXeydllCHZBV5QtgfRdAmFiBzxyRVftAK1QeYC5C5XS6CliBxRyrXBDVBp1C5lFtwz9kJCvRXzO8gc4ckXX7QS2ilKnPV1bLAcqrgDd1IFXXoyiiCimMfqUOe0I74izF0EnXooIugFyBoCmNC0lU/QE7e1/wR7rydoEDHmJ+DoKOSLj+IYl4py5ytY1vkXInM+ZK5cGM/NA+ZYydBWEEnJFXeVlA7zWgM7pyVINPQb2E6IGm/pMsPUIcG3ZxrU1rInLTbnrBe+pXVSZD8yuoPrVB9MkRnUYf2uAh6BoIOw45JuuoHalCSaP4G96KVINShHzBNyNyMpMsPegltyNyog1GROY/ohOqPBD3FCjrD0s15QZxS8UfS2XHnsUNDN1k3bnI2fg87pn8niSv2v4HZ4bid3xJh3P0pwAAachoXQBH3cgAAAABJRU5ErkJggg==);
  2744. }
  2745. .home-wrapper .b-wgzb ul li:nth-child(2n) > div[data-v-f9ca384f] {
  2746. padding-right: 1.851852vh;
  2747. justify-content: end;
  2748. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKMAAAAtCAYAAADC1tsoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEMzQzRkMzN0YyNzMxMUVGQjI1OEI5QUI1N0U4NUZFRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEMzQzRkMzOEYyNzMxMUVGQjI1OEI5QUI1N0U4NUZFRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQzNDNGQzM1RjI3MzExRUZCMjU4QjlBQjU3RTg1RkVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQzNDNGQzM2RjI3MzExRUZCMjU4QjlBQjU3RTg1RkVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+EpEU6QAABARJREFUeNrsnc9r1EAUxyeb7CrFinhQULyoiL/x0L/AkwdB8ODZ/0DQP8G7B/Eo/gviQezBP8C7IiIqQlusgkKVtrTdzfM7mUnyki67W22S/fF9dGbeTN7MZGY/neZlm0zw7NUPQ9klgc5IEkmue0XSXKLbOpKauWJdx0e+KBBfSXRbkvcl/hxEpI9NEgWi+1DtoyzYVZa3H4irFIgUytJzlqRv0X1LbuOa0/a5TToPrkyS8/Bjgt5FsuPbz+wfP1jI5isid31FRgRQAyZDADQjAGiGAGgGAGgGAGg0PP3Ksv6KAA6xzwAcZm9/cQ5A6aBoqzxewtiPwL0DaAjgSPa2dAfxHNItbU8YCWAdAJbtYygddZmQ1ZtpGAlgbQBq+/Q6NUTaFT3fswYjAWwEwOIcur/YHRzsyqxdMxLAsQAwH4NID8lB6BvS56IxIoAEsGIA9Zx0ER1B+ktk92cXEUACWDGAWYribZTOF8c/BTASwIkBUNfZRjKHXIi0N9EODAGcSADL4+8hOgR1zUzarR0COBUA6vndRnoYmbWJWBkJ4NQBqOtvIjoKdcmMK4wEcKoB1J/fOg6dGTsHhgDODICqDVwrGjkxFrd2COBMAqjzW9AiZOeR/VM7jARw5gEs2Zl1HDheG4wEkACWANRtWE/6JLRPlcFIAAngAAA1Bz+hXdj3a0YCSABHBFDdyJFVmNzcFxgJIAH8BwA1CxbG0/ZrQei9PcNIAAngfwKYtWfsIwjOeTmF8HUkGAkgAdxHAMuyinB2IIwEkABWCKCWZYTzCK8LMBJAAlgTgFrsinin4MAUnkUggASwWgC1fEa4rAuCpy+/E0ACWBeAWlr+pve1F49u/C6tjASQAFYOoJYY4QvCRYQ3CYyx6pUAEsCKASzLR4RLGYwEkADWDKCWDwhXlQNDAAlgrQBqeYdwu+RNE0AC2Ii8RbiSedNPni8H7lwJIAFsRL4hLMCjXokkTl8Omb8TigASwAZWx5XMmyaABLBhGBcdjASQADYL43XnwMRCAAlg0zDey256+8kOUi+GABLAGuU9wrlb9xejKI6FKyABbEzgRW8CxCULJGCMCSABHAsnxt30dj+tdE4IIAFsBMY4Fq6ABHAcYLybOzDF3ZMIIAFsaGUs7mQkBJAA1iwbCMcSB8bPlf1iMBT7XIyD0vi93wK/YqZ72bX814ct8ceML7PHvH2Y6Ma0fJuht295Pekn2RNEkDp7+zxOmrZhG/oXBFm7tjsvayttpG17DDZt/88eHZfaZ3rE1u3kdrCx24Ql/Sb1Or7PyL/ON1J1bT40bm8/OxZ37vkYQze+5HnfbKzG7RuYzIdx/8HsdTcHfsJTPTClvQlnWeBJpzA+/CvAANFKI/Dj3Gb7AAAAAElFTkSuQmCC);
  2749. }
  2750. .ue-wrapper[data-v-f45dff54] {
  2751. box-sizing: border-box;
  2752. position: absolute;
  2753. top: 0;
  2754. left: 0;
  2755. width: 100%;
  2756. height: 100%;
  2757. overflow: hidden;
  2758. }
  2759. .ue-wrapper .connect-status[data-v-f45dff54] {
  2760. position: absolute;
  2761. top: 50%;
  2762. width: 100%;
  2763. text-align: center;
  2764. z-index: 200;
  2765. cursor: pointer;
  2766. }
  2767. .ue-wrapper .video-container[data-v-f45dff54] {
  2768. position: absolute;
  2769. top: 0;
  2770. left: 0;
  2771. width: 100%;
  2772. height: 100%;
  2773. display: flex;
  2774. align-items: center;
  2775. justify-content: center;
  2776. }
  2777. #map[data-v-65f5e18d] {
  2778. position: absolute;
  2779. top: 0;
  2780. left: 0;
  2781. width: 100%;
  2782. height: 100%;
  2783. z-index: 1;
  2784. background-color: var(--bg-color);
  2785. }
  2786. #i_map[data-v-65f5e18d] {
  2787. position: fixed;
  2788. width: 100%;
  2789. height: 100%;
  2790. left: 0;
  2791. top: 0;
  2792. border: none;
  2793. }
  2794. .footer[data-v-6e97484a] {
  2795. position: absolute;
  2796. bottom: 0;
  2797. width: calc(100% - 3.703704vh);
  2798. margin: 0 1.851852vh;
  2799. height: var(--footer-height);
  2800. text-align: center;
  2801. background: url(/low_altitude_interface/assets/bg-footer-deco-mRGOjjVn.png) no-repeat;
  2802. background-size: contain;
  2803. background-position: bottom;
  2804. transition: bottom 0.5s ease;
  2805. }
  2806. .footer.collapse[data-v-6e97484a] {
  2807. bottom: calc(0px - var(--footer-height));
  2808. visibility: visible;
  2809. }
  2810. .footer .footer-main[data-v-6e97484a] {
  2811. height: 100%;
  2812. width: 67.12963vh;
  2813. padding-bottom: 0.185185vh;
  2814. background: url(/low_altitude_interface/assets/bg-footer-B5yEudHl.png);
  2815. background-size: cover;
  2816. background-position: bottom;
  2817. }
  2818. .footer .btn-switch[data-v-6e97484a] {
  2819. display: flex;
  2820. align-items: center;
  2821. margin-bottom: 0.277778vh;
  2822. cursor: pointer;
  2823. }
  2824. .footer .btn-switch i[data-v-6e97484a] {
  2825. display: block;
  2826. width: 3.333333vh;
  2827. height: 3.333333vh;
  2828. background-size: 100% !important;
  2829. background-position: center 0.462963vh !important;
  2830. }
  2831. .footer .btn-switch span[data-v-6e97484a] {
  2832. padding-right: 0.462963vh;
  2833. font-size: 2.12963vh;
  2834. font-style: italic;
  2835. background: linear-gradient(45deg, #a9b0b8, #8aa2bd);
  2836. -webkit-background-clip: text;
  2837. -webkit-text-fill-color: transparent;
  2838. }
  2839. .footer .btn-switch.active span[data-v-6e97484a] {
  2840. background: linear-gradient(180deg, #bfd6ff, #fff);
  2841. -webkit-background-clip: text;
  2842. -webkit-text-fill-color: transparent;
  2843. }
  2844. .footer .switch-left i[data-v-6e97484a] {
  2845. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQjFDNDg5NkYyNzgxMUVGOTQ3NEEwRkFGMUJENTNBOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQjFDNDg5N0YyNzgxMUVGOTQ3NEEwRkFGMUJENTNBOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBCMUM0ODk0RjI3ODExRUY5NDc0QTBGQUYxQkQ1M0E4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBCMUM0ODk1RjI3ODExRUY5NDc0QTBGQUYxQkQ1M0E4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Du3D/QAABgZJREFUeNrMWHtsFEUYv33dq9e76+uuXGmhrVRKefQhIEIURGxTBRsbwdRaEWljGqsktQQQDTFoghgpoISURgqUFISo9A+gNIBp0YhAAEEoDzVAOSitba+96/Ueu+vsZQan093tocGwyZeZu5n55jff95vv+3YpURQ1j9JDax6xh0WdiPTFcuPUQ9pX1i2ey3X/AFIAQmFCAhRl+pTCYUSsFeGYKAeMVQCDhIZCYa2GUC6qrMfnCjLtMGuxCsoQEAYKvX9z2XxbrLmCpqhkPshfbO/o3fha5dctBKjQ+tpPirOTE2JXMSyTzQv8zV7XQE1hRc1uMMZjopEDRasAYiBg7c71i/MS7NZ6lqGnA0A2jmOeHTs65kD1B69MA+M6XFa9nTc+Ldl+FMyZS1GaKLBmSmyU6auGDW+VSLqAcFAvLWP1IYAo7L/7YKRNxibEfBw6jiC6vL7Ar2jBhMccy0FjwGVWTupKND7oD1zgeaFT6ttjzKtAo4c6WbjHMG7KWQgB4uBiPcswKaENfIH2uSUblrb90bFR+q3TspNAY5IuKRSTXstJVtPcdHbvyH1z09J+j68ttBFN2WQADbOQEodwCxk8Xl+byaibZDRoJ2xbW1y+ZOXOeuDGUVqWlUBbME4wgFvHgbssxVXbd322/OUiS6RhpjTg8wfbISCB4BI1UmBEvmWRlb5vPrcFAc4Y51i8Y90bldv2nmju9wzyWRMSkyAoS0pibDywIru78ZemLz9aVDp9SvJ7gEehPY79fGUz5BlHWGcIIAqlDhAYKcwqesgJyQ2RQMzFL03Pyp89sSDSoLN19bpvAle4czKSCnhB9PW4PNeBFsFs0idzDG26euPecb+f99ljzSluz2BHy6lrh2v3/XgS6OkD0i/FQCADEguA+IEEpZsmBUY1QEYMkAVyxYBOCNzHHax55wuWYyI0QAe6t4Ig8OVr9qz47ZqzG7okAMQLxA3EBQG5lQDRI4R3kYiuiPDaAa+fu9Pp+pNc1N3raQdgvJhrKCIyi0qpQ47UIhZF5USD8UsLwsCwA4H/KGhlDUZaUo8iMFrFMvhtCMIWgaIYhuZG2SxjycUgCDqSHNFWTDd5q3gZYKq5jAQUAlOYm5VQmJddZIkwJN3p7HX29Hn9IA4ZBTCzo6vPCcgt2mIibSxNcSvKcvOBS3tSk+JS3V6fs6nl0v76xpOniYOJ4bhMjj9C6aJZKUsKn9oqwpG/XO6uXQdOtgACs6A9f/GqU7o9mtHxUYZ3X5897fCJS2cWzJmcEW2NSIm2GlNKF86clRBvrVhX03Ts37hs2LMwL6cK9c9dvnWopKqu7tUXcnL0Ok4LwLiQG9vv9gx4vP7Bgucyn1j26b7vWk9fa0Dr5jz5+Pv/pWIcUoKYInSTpT97+wZ+L1/TsK9q6bwZz0xLm5eZnphJlBPC1MljMjPTR89Yu2zB86s3NDY777lOSWv1WjaRSKiUXAGoVg/dT7Ig7DsBXxwg9sTt31RW6bBbMiQEdztdtyEvkGLxlrPnRkaaIfrpqePmf7OxdBwIljHSQCDIu/ByRqkapRUA4bUQ23r6eq00oOVYs8NuzUATvz1y9igMbl4og1v3tB5B4yBSjzfouTipf/bSre1EUpVNHayKq+4Xah9WN7aCnLQlZ+KY+UadNrrP4+1q/qnth70Hz1wgCEqfb2sfWF/b/HnRi1PzrRaj3e8P9l24crtpdXXjoXBcFk7qMMukDhaz7pD4BC2A4k8Qpo7BEVJHSIdakU8W5gIWlyiiBMVLUhpzCTkuqKQNMdzUwWOn9KGaB5uLkifajCGIi3T5sSTKqwVHpUgtYJv5sHkB4vRBbBM8z+E3ScDc5oN9PtzUQYLBFQchfyjMOsiCAuEyfB2a68M4E1CykhqgIFyswczOYJuQ/MBJTQJCViJdpwpIJE5EEcQMEHFLrpzA3+nIuUgH7mYxHFKj0wYJS5CbiMSbqFwcoxTKGbIEUXUZ+UaJX3e5V2nydfhBXqXDrodwUIJSVFUrRUf42KB5kI8Ncl8p/pfPMWqAwrHAQ3moR+2T3t8CDABuxbtL8vhiIAAAAABJRU5ErkJggg==);
  2846. }
  2847. .footer .switch-left.active i[data-v-6e97484a] {
  2848. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NDAxNDY5OEYyNzcxMUVGQjg1RUREMjM0NzY3NDVBQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NDAxNDY5OUYyNzcxMUVGQjg1RUREMjM0NzY3NDVBQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU0MDE0Njk2RjI3NzExRUZCODVFREQyMzQ3Njc0NUFBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU0MDE0Njk3RjI3NzExRUZCODVFREQyMzQ3Njc0NUFBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5HDgnAAABYpJREFUeNrMWFuMFFUQvY+entfuLOzOzgoqyCoJcQVxFYyRD8NDEbKR+IkJMUb8MCF+gCbin4l//hAjKjE+IsYPH8QfEAQ1ED9IxBc+eEhA3Ud0F5YZd6a3+z7K6km3Xu72zM6YYOik0re7btU9t6puVXVTACDX0sXINXY58eC5PV8n8elVWjfRLS88MfgvoAZAqEE2QEgY0wabAeMOEQ+SgDkNwMTEIqLGnVjKoYm8OVcn3GdYy2mgLAbCI2JbHygNFbJ8G6VkkQb44fKU2vXG4fGjFqi6/JbVxcFiwdnJGR3UmvxWC9SeV/b/+S7ylEEkCRRrAohHgN1H7utZn0/TvUrru6XSJa1hdSHHPn74nrkrkZ826f47Cku6O/gRnLNGSD0XZW5PO/Tlx9YWt4S6kFKRXpZg9SsAUePdP2DCRToz7HlUTgKhyzVffR+OQ+rp5M8gP2vSgqL7bMz3fHXSF3o8HGdSdCfyM5FOJ1pjRmwmWSgGlIqEM1qpfiEU8abl8J6DE4+PXfR3hc+g9VLkdyDlI+rAdytD3vjl4O3XcG61Jk+Fz1KqUgKgGRZqFEOmhbJTnjrlOjRc/NaNgx1PfnS8svehFZ3zOKUh6C4jJvjFivgcY6frw+OVd9Yty29mFO4NBBClYTgCpK1YorMlxti3Tmyln4andwe4SyTalaWPPrg8v/3EOe/Tqi9VXxdfEIHqmpNj13mBcr694B1cuzS3tbeTPYUyLJQ9O+a/FMVZyrIObfeU4QL+Gc/XOxb28E1oqZIQkOrv5Rs7XbJp1eL0kC/hl3DnyFvEKOlYVORFLbVfqcKZQMIfI5Pqkx9HxDeGqxLd1SgPJeaj02PiHNLueIcOI6n1SzPrEEAeNQ+EAlJCeH7ViQvB/smqvhS5RCB5jSzSDiCwyAx4Fw+OU67K83mX3mYKobWGEYwXAa/jtDIzNCodSYDAyKJJRIz4cvFIM8fary/ri7vRYxy0th5op3SYoOKTIKN7DAoTNklx0DcFwQz5+dkUmeMJMmFkY2WRDawtQHUwpRxcX8rrzRg7C3xFR+t5UkAuFAgUGUUBcDkphUAXFugGDWQym4KblSajFz32wdgU/craGLQTQ6ZJdV9O9Zdy+tV6xKoweOnEaJUfxRPkjNfYdzVJK6FQmkN2Xl6tnPTpie6MHkgz6EeA/cWMXsUJ2zY8xT+bzWUtNWgFLp8O0AwhlT04cPay81aXI+/UUrkIphy7ES1X8wVMFxx51/mys+9SjbwXy2Wp2NFWg9bsyAupltUjFOi536fd93tSwRqXyHXY/WIEuYeijdWtmQK5nGnoLrkwMVJL77shI29xKKxA3o1WQaWt5qEZFR9P0yi+mI8r9vbx2nYM5oEAs4sENmIc67qra4L86lLd7RA91OfIxUqSHk3q+ak8W1Js5DJq9ULOlOCv+wFGcaALUsiBcBxSRTpHkD8dJb6QpsvKPRTzZaCWoLt6w3FVsDetotpW6biihPxFs8eyCnZzLYcogW6gdEIw9wufuSetAGWC8FqFZF50lb+BAvThu4pizkHPyR34ry5LBIcKD+P9S6vBInZ+Ci2AYE8j/Ry5U0RWpE2AxJl81tJBrMwdZ16VkPTM5o4l8HWTsgGtlg5l7NKPex5jblw848W4FbixriAimQCwpdKhjcV8Y56wdi+NRcw6Z54kbbjNj8aq1dJhgzEVyyh+qGGd2ILacpkpF8/1I1BBAqiWAMlImBhm58YidnwQo/21AcVWsl3XFBBYO6JWYAorbyW1E2a3ac+NdZhuhlaCWhuNlWkJexGwvkST8hht0M7YLUhTl9lflOZxT/qUtj+H2/mUbrkfMkHpJr0wzJJYG/1sIO10jEl/Kf6X3zGzZWpylcA0vei19kvvbwEGAC7xDSkG3qw/AAAAAElFTkSuQmCC);
  2849. }
  2850. .footer .switch-right i[data-v-6e97484a] {
  2851. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MzM2RDJFMEYyNzcxMUVGOEIyRUY5RTAzRDZBOEM0NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MzM2RDJFMUYyNzcxMUVGOEIyRUY5RTAzRDZBOEM0NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzMzZEMkRFRjI3NzExRUY4QjJFRjlFMDNENkE4QzQ3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYzMzZEMkRGRjI3NzExRUY4QjJFRjlFMDNENkE4QzQ3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+lD3xMQAABZZJREFUeNrMWHtsFEUYv9nHLXe93vVdWtqmFVspYIM00igktBpA0LRSaf+wFW1RpCFRgVhKfCTykAglVf4oRUlDTVOLMVIsiX9IDOK7RKXGtgnUKH2H9HGUe/Tu9maduc7iMO7eC/9gk6/TnZv95jff4/d9u0BRFMO9dAn4T0z+C3ejAzD3UZ/QOXB6HlCUm4Mga5RoAQpRgAE6/9ObK9GCitRCHAGgjqDjWM3K1ETbQad77tPSupY2NAcJABgNKCECy3BEeHq0WkybOB6UxJikXHTfSYD4mRGGC4qLEAw+gIhEQrIAiZkDIB8vgFABBUsy4sm8RNYJlDWDxd2/G+K0D5JlgHKRCsaIpfXw1rLMhXEvG0VhBUQ6FKgYZBmOj9ywN9fu+7gVrfES8SGRibWUYFbCWRYOINU9ATCLUuMs7UdrzosiX4BBYDAqIAghthS+d3dd6C1p6fx2ED3joUApwUBhQFwId9ESAGWLNZlEgc+Z8/iujk/Onp20O7/Diz1eeXx43N7p9vp60XIhzmpOIYfgGbdF7bI7gJC4MGMepcR8pmnb/tQkW5HXJzvW1x6vQHNufFgkDjK6kMwRK/k1si9sC7ExxFMxFAjod155qiw1yVqE3OQTeM5y6lB1PZo3aQQ2r8FZEVuIziwjsY7l5IGqqo7unr5veq55iJVMZENILOE0irzj0K6y4tePfN6O7m8RK3lCBXew0gGYoL4tSfGW5Q3bN1RUblzZ53L7DA6Xx+/3QwRIgZJRNJhNRmFhonURxwHsug7meaBRWsImRsAwc8BtF3++ej4vO2WC57kklPJibAyQ/BByaAsFEaSMFvsmpmb7h8ZmfhMEnpdlP8+AgsFACSFSnaf4R/zoYHV5bnbKzj2HP3vtl74hL3GXRLnMS4La9UVz3cnCZZlrt+5t20d0yBRrK3qguCCpTgdyQOJt5iWSUUh7sWL1JqoUqCVCzSBD6WMF2YinslA5WUolAh3gnF6Qc2GQoVhclJfY1byjIS3ZVoYXLL0/bfMHb1ZWmCSRZ05teGPHE4/Xbnn0LYC0LJDEPESijdWlq+4joAQNXgJ6WcaWiUB6f3igquShZZmd86yMdsWsrBgCrIzHhsazr37/65+TKF4M3S11JwSOswaYGzM4nBd8jd2w79/+dkczyTaVvSGdcXpZBqjYEaZnXfK03dXdOzDyY3ZG4uqs9IQn+wdHz41M2EcWZyY/6PH6cNzIGODIxEzP5LRj9KZjbrp4Ve4ulIEDPb9fP7U8N+0R+6x7ilhcJvo105+10B3WIUEbYGWUVTEX23efQ2XDdsvhHl9Xc3ynToOmtL773O70FNsabJ2m018/+9UPA4OEi5wk6N0UL6lx+B+m1gpo4ZOm2m34ZCVFeek/XfmrvevClcbLfwx1J9jM0uKsZAuKpS1Y6dH68s3r1+Rn4Of/Hp3q//JSX+Oly9fej7OabPj59/Y8XU61I5xeHAk6vfJt7klJsBa2HXnePHPT5b0+Nj2FSdDp9EzWv7RhXVJcTIokibH4hKhRs1VuLCxb+3De8PDEzDj0Qz8qwK4HclJzj+19ZkVyfGwOWndGgyQ1SwdgYkei3UWVCLU+ASYgFabFVTeSiWvcxGUOMrqZghvQEax0qJuo/OKjCiQMExAggNReiCZGGC5T0xtADTAKA4xeDzTET9ibbtJgNLVMtY56Qo6a4zXAawEyUDrUdlZmeiIlHAtBSpGqGBJgdNOu1Y6ygUpb2Uf12H7qTUQTkMK8dUICiFbMM42WovFqA3Qs7afiSNZwtxLKQuy9HElPo/E8ZIqwbisr6HwogNSoKgLhtqFBkoR9qw0KiO1RIONCQyQvfBouVXTcpISbZTRIQwRADEE+zyg6Y0iXhZoDEQIJ+zfh/1Z4txe41z7p/SPAALMUlTpa7HdRAAAAAElFTkSuQmCC);
  2852. }
  2853. .footer .switch-right.active i[data-v-6e97484a] {
  2854. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MEZBMkQ0RUYyNzcxMUVGQTc3NUQwQUI0NUY2QTcxQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MEZBMkQ0RkYyNzcxMUVGQTc3NUQwQUI0NUY2QTcxQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjkwRkEyRDRDRjI3NzExRUZBNzc1RDBBQjQ1RjZBNzFCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjkwRkEyRDRERjI3NzExRUZBNzc1RDBBQjQ1RjZBNzFCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+vCdAlQAABR1JREFUeNrMWE9oHFUYf9+bN7OZ2WQ3arO1TZAmIdZEhdhCQlCMUkRthGBKL72ICPXgwerBP4iXqBfx4qWtIoJQtVU8aD14EkRCJUg8pRWRqljdHBKxaXY3O/Pe93yzedO+jjO7s5seOvDtm3n77Xu/932/788OSCnJzXSx8OO195e2swbEnjs+4VtH920B6nBzaKIjOwXIOgADKffm5rJTUO1aiGoA0QhHHyvtK3jWmwGXn7371cpHag41AOwEFGvDMlSLZY4WlQeFwIeV0oh6Pq2BiNiIWUHRNsGEB7CV5JR0KfGEkKMBR6IEdt9q36Lnc1qPGdZsxru2LQTaIqG+E8qhqeJsr2c9C1KOB0Hj4P0z+wsL61Vx/MzCvx+qZz/GJ3kjLEQMzjQA9bjUe2q6+E2xC05IRAVGkEgEF7vyDnnj6Yd6f50ccYe1lSyTc62sxDJYxrSQ7TBwOZeDdcRfaoFctij0eQ48wFGWK5vyO3U/ajMYsykpKf0/lHDNJchioawusyJAa1cE+XhhfVrd50MOPTHuzdsABCXpObtUCaOspqSiZENbKNCgaBa30Yz8iVxmaw41CD0x5MzaVE7WfQw4x+4DY7mX1LybQGwri7uyusyMMDY1ZB/6bVUsr6xjffGi/72a+1FvGIb2ZgiEAgkmB+1Hz10MThkcoloHmqUAliErU1MowXv2lujhgV5YFmp5FfEiAmQpbWYR5trQD0SGrvsk9ntoxSWWIbpMUFb5Mn7d7ZAVRZsdqlFo5CQ1UvUsFY+4ygBBwMn5qk9+UnOW+s6KgcJmoFiLMLeMZGjfXcK5vE2e+3kVjq3Xwdd8yRku8zWpqxP9+N59t5PppTJ9Va/Bjawt00DRJqFuErkhygR3qYy8a6eHBw0eRCUiKhOkz8M9Su8OVVLGjEAwCU7TSE5bWKgBpODgbSO9wSsExawfILFBPLmnhx9W5LVipyYD3fzAjhx/PdRTkXfn3t7gnZIrhjSoOKD/lRPWwjpswK0/6Fp4OjR4cE23YBNxZDgfHPl703m+wq3V8EfD3bWTaizwa4rhgWaKFpnxPJj/vdp13LBmIsFZk0TYCPNNTrgU8qwv6Tkb5P0McEbdf8klvWQD3qsiLeQND1et+GRRSPhLEPgnT/kLSOBCTVgfdFExxSWsaYBcry+SEiVLcddVC60GufNqnA8z80668fKWb3BiFd0wK39rmrzsuyfCr/to9UVfNPYarUqnvMZzb4dEjw6pszckdZgtXVbEyjOXaf4LRwa7K5yeUhFeUxFeoFTmQKLjyfrjV6j3eQ9W53ywF+tgX6pxOC8J+0HpMQmiSIDZBazMrdP8pwl56bqIYym98lVLcS72e2TDkwB+ANbaFlBYdUTtESqxJIjsUXRFwVFRpT7rgv+n0itvuQSqIMWISzbGhcRBpXcmIUmSVi67ruWsOIVjupC6Rn0CI7IaUnW6TyZsFPKlHuWm7VT7aKMoIgKjQGISoFjPHQk3qr2ZGDFrpjY3wAQwMgbM1IcEETp71w1g2Ekti6wTnZAac1ZKawoJXWG0hq+FGxk9sTdKshAaC0ULowbGYtERXzROVNPKgQYVmGUmDZCM5QTUgMyFrVijJRP6GkixtDB4xBPcLVtZKP7M2+lpEn6PsSIs0rjEUl4UoDFirPYAyX7FgyT+r7YpoHiPgjEXknb+8CW4VKa4SWaNMhMkaQMIafJ6RqaMLV3Wag7aBJL5O3ajF9zuBTfbK73/BBgAFzlTEArW/Y8AAAAASUVORK5CYII=);
  2855. }
  2856. .footer .btn-collapse[data-v-6e97484a] {
  2857. display: block;
  2858. width: 3.055556vh;
  2859. height: 2.314815vh;
  2860. margin: 0 1.851852vh 0.925926vh;
  2861. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAYCAYAAAACqyaBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQUE4NDM1RkYyNzYxMUVGQjAwMThDQUEwRTZDMDI2MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQUE4NDM2MEYyNzYxMUVGQjAwMThDQUEwRTZDMDI2MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZBQTg0MzVERjI3NjExRUZCMDAxOENBQTBFNkMwMjYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZBQTg0MzVFRjI3NjExRUZCMDAxOENBQTBFNkMwMjYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7rq8cgAAA5lJREFUeNqUVs1rU0EQ33l5JtpWU2MrYlW8FPQm9GRv/gGe/A+8iPQuilBzU1I8KCLoRfGkJ714EK9G0BxbFAVBqG3tJ0lMm7Rp3/rbfbv7dvflpbphMrsz82b2Y+a3S0+f10LGWB5E+HEmWvwfN5Lj5F837ugTrmVMeuPGazyy204YBLSLTgDlsDJlhjPnczcUGc6MW3KmwMxkba/xJBoY74a5nLTYAdVBY6ADwpzDBamPebIfROSsnSy9tEefEyV7ZOvUN4ugjpCLlWuPYgK/QOdBg97m92u0j63WR5zzb+AtrcDKAxkcCsG7kH0BTYBGICPHC5ETROjVt3GH2V3bjHch+wzesHVhGAbeATGRAzXQRcjGM1IrdahpmbFtg72Lj9WZlApuu4z7EXhV+Zo0Gm6llOJmZtRzy0VivVH5lJq63PY+rapy4YqsiKR8/iUJlsFeot/kGQkSLq+00it3N7l28sThDs5qCmdWsM5f5omXE8Rj4U90nywsNlv9JhqaYDzjCCFf/P1n9vRYcQaKO4hZ4qqu42C6r81pDn+V+YVGO1UH3liUWg68YICD9zBEf2GpuXR8dLBcyIf3EOiM1gRBXNtq/Kleb1darR3IaUBKAwvt3BwFwuVoT2V4EepAKl3cMm1tbWtzaCh/u3jk4F04v6C3XWBFFPH3K6utSrcb5THO94Bbe3djhAsEHGEW8NOggJ0SCKfQTTI7D4Ss3e4yBCiPHBuYRpBLQry3F71eWd18iMkMYjHk1aSCEIN+EuG8OpdZPQ86BxpiCWKkklnI19a3HpSOHtrGuLu+sfUMEylayeKcrooudvi7g3AWvDKFRF/BJ8BHvfxnCvFMstUbnVfCMXyUlA+vkk3bVsDVSIOMi044f1IIx8bdvPd3lPFMeEkaEI59MECTFVzfZOAReFXJJol6r8m/wbIQDnZ18pJO3mr/iXCpJO5RxlosEQ7UNHYqsB6HuYAyL0iFYjXIOpBNYVzQ5WXdhA5XTSKcTC6xysh6XyCeHqdWrrbdz4NZsBlMoAynw0npkId00nYOVEG3bZYVkOszJ8vbT7i+7QfoBug+6GzGCXwElVV279tkqTnYnH4+2W0Juuvgj6GbUN+pRwR7i/5N8N2eNx2ln1X6Dcf828o+Q+88RQZfBT0CXVYrfgGbW7CJ+t16qZXLMzfpnwSTCwrsiTgT3Ib8Grob6ItqmGbJ59Yrk7zS5Dagsb8CDABI/cmg52Q33gAAAABJRU5ErkJggg==);
  2862. background-size: 100%;
  2863. cursor: pointer;
  2864. }
  2865. .footer .btn-collapse.bc-up[data-v-6e97484a] {
  2866. position: absolute;
  2867. top: -3.703704vh;
  2868. margin: 0;
  2869. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAZCAYAAAC/zUevAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQzBBQjY0MUYyNzcxMUVGODdDN0Q0RDFCNDE2QjNENCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQzBBQjY0MkYyNzcxMUVGODdDN0Q0RDFCNDE2QjNENCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBDMEFCNjNGRjI3NzExRUY4N0M3RDREMUI0MTZCM0Q0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBDMEFCNjQwRjI3NzExRUY4N0M3RDREMUI0MTZCM0Q0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+A8lNIgAAA/xJREFUeNqkVktrVTEQTu6j7b32qVX6wAq+qKAoFutGsaj1B7jQpYIbXakL0RaKglRcqIg77aprf4I7N278D4K46+3t+33uGb8kc3Imp+dW0RyGzEySySQz853or99+qP9oBdAb0BZo4l+NlOKYAoXWWimjMh2RlZPeNMPzvDZ0M5Bv8poqKXoMXZy3Jrve74fPO5EsdB7IRnYiaZIGuqGfRX8RtML2b4HKoIdxHO8Ye+hz7YYOkSo1GsZLeULDp73TpQagG8TYDNij4BeTcV5zDeIH8I8wc0uOZQ+2Zzj+0E6C3rqbUHUXNG814c+B3oGegNb/KieiRmxXp6fO8LwF+PPQP2PdPDoNmXwaOV7xTQ+BXkL3woQrzDl/o+ImGiSTzSVkTCKWtl0C3TUng35NzuHY2rRxzmonK7Uf9NRUD3SLdpBUYDdZ72/CHZgHBY82DroO3YIzQzoNajbTQxtoLZDuY9tP5MKXWeN4JGbsr0eL1YwBNzDvNPqaEgkrklResa9oa4UCW7dBn60d4gTSaSaVoijOyxVTaldAfXZh8xZutVuWzdzolzx71gktjofjtKK7AF0r+DkZd+1q1Z8BQ7qrs+0e+O3Fpc3ZTGRCb901jYD9DpoPnDDhEE5UQMOgBpbV3WaUhlvEs1gstPR0VyYKRT1m1N1dbaq+sPEem8XCURXyNp+OGVQFLSTOMU7YdKpgxqCpAOjXZazlyYxQrZQ7sOk0nD8LxaoZL5UKV3sPVKO52to0DhYRrxIVaevH3B7kXiga4Jf5JqyTrRjqQL+aKZTwTGg9PZV+OPEaDhzBKRZlqaEbPdi770ltfn1qazvaVnEAZipjsQraAW2YmyhBXbQnSs/sqj6Zzvq+Q+0nyuXiK0jtWFdLgI1xIQGrYdzI1PLK1uTS8ub6nqnqKrBciokieBztSqkMmg8d7rKIaWKOvmYDrMVUxi78s4w40NHeMgl6/vPX0oqKm9hmuTTY3+kQTNStIpX5s6rLCNsd8GuMmiRPnw0ah8ci5kBfh0PMJr9zo7OI2aw5xLH1PY7o1NOdSDWvgGC8BfQA8kcIdVKUCzUeMcOatrEtsANnMG+OVICWaaSzCJg8QMKWImbuX7Q5Yo7lIObeabZ3a46YXKLyCWaQctQgJiNbiBNuHvm/p01QThL+g3LP1eLuiOeOQMxHTHHQCiafAhNhci0/3nk54WQDls5BSpwVL5LEFh2XiOmdYHRLEHMV8po7G/9YU1MJ4iWPGJ15qGCcNAV1q7wd8bDpJfNroCxiKtXJr6Cck+/SaU5AJSAtlFSG88Xm7VSh2YHEiAlnoFgRlbn7tZIDMn5L8q93kgib865NkVjZoBiu/FuAAQCifEm49tLj9QAAAABJRU5ErkJggg==);
  2870. }
  2871. .footer .footer-deco[data-v-6e97484a] {
  2872. display: none;
  2873. }
  2874. @media screen and (min-aspect-ratio: 21/9) {
  2875. .footer[data-v-6e97484a] {
  2876. background: none;
  2877. }
  2878. .footer .footer-main[data-v-6e97484a] {
  2879. width: 101.851852vh;
  2880. background: url(/low_altitude_interface/assets/bg-footer_large-Cfs0YNZ5.png);
  2881. background-size: 100% 10.648148vh;
  2882. background-position: bottom;
  2883. }
  2884. .footer .footer-main .btn-switch[data-v-6e97484a] {
  2885. margin-bottom: 0.648148vh;
  2886. }
  2887. .footer .footer-main .btn-collapse[data-v-6e97484a] {
  2888. margin-bottom: 1.296296vh;
  2889. }
  2890. .footer .footer-deco[data-v-6e97484a] {
  2891. display: block;
  2892. flex: 1;
  2893. background-size: contain !important;
  2894. background-position: bottom !important;
  2895. pointer-events: none;
  2896. }
  2897. .footer .footer-deco.footer-deco-left[data-v-6e97484a] {
  2898. background: url(/low_altitude_interface/assets/bg-footer-deco-left-B-baEonq.png) no-repeat;
  2899. }
  2900. .footer .footer-deco.footer-deco-right[data-v-6e97484a] {
  2901. background: url(/low_altitude_interface/assets/bg-footer-deco-right-DYuUvCDA.png) no-repeat;
  2902. }
  2903. }
  2904. .global-loader[data-v-46392ffc] {
  2905. position: absolute;
  2906. top: 50%;
  2907. color: #fff;
  2908. font-size: 1.851852vh;
  2909. margin: 0 auto;
  2910. width: 1em;
  2911. height: 1em;
  2912. border-radius: 50%;
  2913. position: relative;
  2914. text-indent: -9999em;
  2915. animation: load4-46392ffc 1.3s infinite linear;
  2916. transform: translateZ(0);
  2917. z-index: 999;
  2918. }
  2919. @keyframes load4-46392ffc {
  2920. 0%,
  2921. to {
  2922. box-shadow:
  2923. 0 -3em 0 0.2em,
  2924. 2em -2em,
  2925. 3em 0 0 -1em,
  2926. 2em 2em 0 -1em,
  2927. 0 3em 0 -1em,
  2928. -2em 2em 0 -1em,
  2929. -3em 0 0 -1em,
  2930. -2em -2em;
  2931. }
  2932. 12.5% {
  2933. box-shadow:
  2934. 0 -3em,
  2935. 2em -2em 0 0.2em,
  2936. 3em 0,
  2937. 2em 2em 0 -1em,
  2938. 0 3em 0 -1em,
  2939. -2em 2em 0 -1em,
  2940. -3em 0 0 -1em,
  2941. -2em -2em 0 -1em;
  2942. }
  2943. 25% {
  2944. box-shadow:
  2945. 0 -3em 0 -0.5em,
  2946. 2em -2em,
  2947. 3em 0 0 0.2em,
  2948. 2em 2em,
  2949. 0 3em 0 -1em,
  2950. -2em 2em 0 -1em,
  2951. -3em 0 0 -1em,
  2952. -2em -2em 0 -1em;
  2953. }
  2954. 37.5% {
  2955. box-shadow:
  2956. 0 -3em 0 -1em,
  2957. 2em -2em 0 -1em,
  2958. 3em 0,
  2959. 2em 2em 0 0.2em,
  2960. 0 3em,
  2961. -2em 2em 0 -1em,
  2962. -3em 0 0 -1em,
  2963. -2em -2em 0 -1em;
  2964. }
  2965. 50% {
  2966. box-shadow:
  2967. 0 -3em 0 -1em,
  2968. 2em -2em 0 -1em,
  2969. 3em 0 0 -1em,
  2970. 2em 2em,
  2971. 0 3em 0 0.2em,
  2972. -2em 2em,
  2973. -3em 0 0 -1em,
  2974. -2em -2em 0 -1em;
  2975. }
  2976. 62.5% {
  2977. box-shadow:
  2978. 0 -3em 0 -1em,
  2979. 2em -2em 0 -1em,
  2980. 3em 0 0 -1em,
  2981. 2em 2em 0 -1em,
  2982. 0 3em,
  2983. -2em 2em 0 0.2em,
  2984. -3em 0,
  2985. -2em -2em 0 -1em;
  2986. }
  2987. 75% {
  2988. box-shadow:
  2989. 0 -3em 0 -1em,
  2990. 2em -2em 0 -1em,
  2991. 3em 0 0 -1em,
  2992. 2em 2em 0 -1em,
  2993. 0 3em 0 -1em,
  2994. -2em 2em,
  2995. -3em 0 0 0.2em,
  2996. -2em -2em;
  2997. }
  2998. 87.5% {
  2999. box-shadow:
  3000. 0 -3em,
  3001. 2em -2em 0 -1em,
  3002. 3em 0 0 -1em,
  3003. 2em 2em 0 -1em,
  3004. 0 3em 0 -1em,
  3005. -2em 2em,
  3006. -3em 0,
  3007. -2em -2em 0 0.2em;
  3008. }
  3009. }
  3010. #layout[data-v-46392ffc] {
  3011. position: relative;
  3012. width: 100%;
  3013. height: 100%;
  3014. overflow: hidden;
  3015. background-color: var(--bg-color);
  3016. color: #fff;
  3017. -webkit-user-select: none;
  3018. -moz-user-select: none;
  3019. user-select: none;
  3020. }
  3021. #layout.loading[data-v-46392ffc]:after,
  3022. #layout.scene-loading[data-v-46392ffc]:after {
  3023. content: '';
  3024. position: absolute;
  3025. top: 0;
  3026. left: 0;
  3027. width: 100vw;
  3028. height: 100vh;
  3029. background-color: #0000008c;
  3030. z-index: 99;
  3031. }
  3032. #layout.scene-loading[data-v-46392ffc]:after {
  3033. z-index: 2;
  3034. }
  3035. #layout .header[data-v-46392ffc],
  3036. #layout .footer[data-v-46392ffc] {
  3037. z-index: 4;
  3038. }
  3039. #layout .page[data-v-46392ffc] {
  3040. position: absolute;
  3041. top: var(--header-height);
  3042. width: 100%;
  3043. height: 0;
  3044. z-index: 5;
  3045. }
  3046. #layout .common[data-v-46392ffc] {
  3047. position: absolute;
  3048. width: 100%;
  3049. bottom: 0;
  3050. z-index: 6;
  3051. }
  3052. #layout .scene[data-v-46392ffc] {
  3053. z-index: 1;
  3054. }
  3055. #layout .masking[data-v-46392ffc] {
  3056. position: absolute;
  3057. width: 100%;
  3058. height: 0;
  3059. z-index: 3;
  3060. pointer-events: none;
  3061. }
  3062. #layout .masking > div[data-v-46392ffc] {
  3063. position: absolute;
  3064. top: 0;
  3065. transition:
  3066. left 0.5s ease-out,
  3067. right 0.5s ease-out;
  3068. }
  3069. #layout .masking .m-top[data-v-46392ffc] {
  3070. left: 0;
  3071. width: 100%;
  3072. height: 11.111111vh;
  3073. background: linear-gradient(0deg, #00113200, #0139, #001132cc);
  3074. }
  3075. #layout .masking .m-left[data-v-46392ffc],
  3076. #layout .masking .m-right[data-v-46392ffc] {
  3077. width: var(--aside-width);
  3078. height: 100vh;
  3079. pointer-events: none;
  3080. }
  3081. #layout .masking .m-left[data-v-46392ffc] {
  3082. left: 0;
  3083. background: linear-gradient(to left, #00113200, #00113380, #001132cc);
  3084. }
  3085. #layout .masking .m-left.collapse[data-v-46392ffc] {
  3086. visibility: visible;
  3087. left: calc(0px - var(--aside-width));
  3088. }
  3089. #layout .masking .m-right[data-v-46392ffc] {
  3090. right: 0;
  3091. background: linear-gradient(to right, #00113200, #00113380, #001132cc);
  3092. }
  3093. #layout .masking .m-right.collapse[data-v-46392ffc] {
  3094. visibility: visible;
  3095. right: calc(0px - var(--aside-width));
  3096. }