layui.css 62 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861
  1. /** layui-v2.0.0 MIT License By http://www.layui.com */
  2. .layui-btn,.layui-inline,img {
  3. vertical-align: middle
  4. }
  5. .layui-btn,.layui-disabled,.layui-icon,.layui-unselect {
  6. -webkit-user-select: none;
  7. -ms-user-select: none;
  8. -moz-user-select: none
  9. }
  10. blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul {
  11. margin: 0;
  12. padding: 0;
  13. -webkit-tap-highlight-color: rgba(0,0,0,0)
  14. }
  15. a:active,a:hover {
  16. outline: 0
  17. }
  18. img {
  19. display: inline-block;
  20. border: none
  21. }
  22. li {
  23. list-style: none
  24. }
  25. table {
  26. border-collapse: collapse;
  27. border-spacing: 0
  28. }
  29. h1,h2,h3 {
  30. font-size: 14px;
  31. font-weight: 400
  32. }
  33. h4,h5,h6 {
  34. font-size: 100%;
  35. font-weight: 400
  36. }
  37. button,input,optgroup,option,select,textarea {
  38. font-family: inherit;
  39. font-size: inherit;
  40. font-style: inherit;
  41. font-weight: inherit;
  42. outline: 0
  43. }
  44. pre {
  45. white-space: pre-wrap;
  46. white-space: -moz-pre-wrap;
  47. white-space: -pre-wrap;
  48. white-space: -o-pre-wrap;
  49. word-wrap: break-word
  50. }
  51. @font-face {
  52. font-family:layui-icon;src:url(../font/iconfont.eot?v=2.0.0);src:url(../font/iconfont.eot?v=2.0.0#iefix) format('embedded-opentype'),url(../font/iconfont.svg?v=2.0.0#iconfont) format('svg'),url(../font/iconfont.woff?v=2.0.0) format('woff'),url(../font/iconfont.ttf?v=2.0.0) format('truetype')
  53. }
  54. .layui-icon {
  55. font-family: layui-icon!important;
  56. font-size: 16px;
  57. font-style: normal;
  58. -webkit-font-smoothing: antialiased;
  59. -moz-osx-font-smoothing: grayscale
  60. }
  61. body {
  62. line-height: 24px;
  63. font: 12px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif
  64. }
  65. hr {
  66. height: 1px;
  67. margin: 10px 0;
  68. border: 0;
  69. background-color: #e2e2e2;
  70. clear: both
  71. }
  72. a {
  73. color: #333;
  74. text-decoration: none;
  75. cursor:pointer
  76. }
  77. a:hover {
  78. color: #777
  79. }
  80. a cite {
  81. font-style: normal;
  82. *cursor: pointer
  83. }
  84. .layui-hidden{
  85. display: none;
  86. }
  87. .layui-block{
  88. display: block;
  89. }
  90. .layui-border-box,.layui-border-box * {
  91. box-sizing: border-box
  92. }
  93. .layui-box,.layui-box * {
  94. box-sizing: content-box
  95. }
  96. .layui-clear {
  97. clear: both;
  98. *zoom: 1
  99. }
  100. .layui-clear:after {
  101. content: '\20';
  102. clear: both;
  103. *zoom: 1;
  104. display: block;
  105. height: 0
  106. }
  107. .layui-inline {
  108. position: relative;
  109. display: inline-block;
  110. *display: inline;
  111. *zoom: 1
  112. }
  113. .layui-edge {
  114. position: absolute;
  115. width: 0;
  116. height: 0;
  117. border-style: dashed;
  118. border-color: transparent;
  119. overflow: hidden
  120. }
  121. .layui-elip {
  122. text-overflow: ellipsis;
  123. overflow: hidden;
  124. white-space: nowrap
  125. }
  126. .layui-disabled,.layui-disabled:hover {
  127. color: #d2d2d2!important;
  128. cursor: not-allowed!important
  129. }
  130. .layui-circle {
  131. border-radius: 100%
  132. }
  133. .layui-show {
  134. display: block!important
  135. }
  136. .layui-hide {
  137. display: none!important
  138. }
  139. .layui-main {
  140. position: relative;
  141. width: 1140px;
  142. margin: 0 auto
  143. }
  144. .layui-header {
  145. position: relative;
  146. z-index: 1000;
  147. height: 50px
  148. }
  149. .layui-header a:hover {
  150. transition: all .5s;
  151. -webkit-transition: all .5s
  152. }
  153. .layui-side {
  154. position: fixed;
  155. top: 0;
  156. bottom: 0;
  157. z-index: 999;
  158. width: 200px;
  159. overflow-x: hidden
  160. }
  161. .layui-side-scroll {
  162. width: 200px;
  163. height: 100%;
  164. overflow-x: hidden
  165. }
  166. .layui-body {
  167. position: absolute;
  168. left: 180px;
  169. right: 0;
  170. top: 0;
  171. bottom: 0;
  172. z-index: 998;
  173. width: auto;
  174. overflow: hidden;
  175. overflow-y: auto;
  176. box-sizing: border-box
  177. }
  178. .layui-layout-admin .layui-header {
  179. background-color: #23262E
  180. }
  181. .layui-layout-admin .layui-side {
  182. top: 50px;
  183. width: 180px;
  184. bottom: 44px;
  185. overflow-x: hidden
  186. }
  187. .layui-layout-admin .layui-body {
  188. top: 50px;
  189. /* bottom: 44px */
  190. }
  191. .layui-layout-admin .layui-main {
  192. width: auto;
  193. margin: 0 15px
  194. }
  195. .layui-layout-admin .layui-footer {
  196. position: fixed;
  197. left: 200px;
  198. right: 0;
  199. bottom: 0;
  200. height: 44px;
  201. line-height: 44px;
  202. padding: 0 15px;
  203. background-color: #eee
  204. }
  205. .layui-layout-admin .layui-logo {
  206. position: absolute;
  207. left: 0;
  208. top: 0;
  209. height: 100%;
  210. line-height: 50px;
  211. color: #c2c2c2;
  212. font-size: 16px
  213. }
  214. .layui-layout-admin .layui-header .layui-nav {
  215. background: 0 0
  216. }
  217. .layui-layout-left {
  218. position: absolute!important;
  219. left: 200px;
  220. top: 0
  221. }
  222. .layui-layout-right {
  223. position: absolute!important;
  224. right: 0;
  225. top: 0
  226. }
  227. .layui-container {
  228. position: relative;
  229. margin: 0 auto;
  230. padding: 15px;
  231. box-sizing: border-box
  232. }
  233. .layui-fluid {
  234. position: relative;
  235. margin: 0 auto;
  236. padding: 0 15px
  237. }
  238. .layui-row:after,.layui-row:before {
  239. content: '';
  240. display: block;
  241. clear: both
  242. }
  243. .layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9,.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9,.layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9,.layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs2_4,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9 {
  244. position: relative;
  245. display: block;
  246. box-sizing: border-box
  247. }
  248. .layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs2_4,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9 {
  249. float: left
  250. }
  251. .layui-col-xs1 {
  252. width: 8.33333333%!important;
  253. }
  254. .layui-col-xs2 {
  255. width: 16.66666667%!important;
  256. }
  257. .layui-col-xs3 {
  258. width: 25%!important;
  259. }
  260. .layui-col-xs4 {
  261. width: 33.33333333%!important;
  262. }
  263. .layui-col-xs5 {
  264. width: 41.66666667%!important;
  265. }
  266. .layui-col-xs6 {
  267. width: 50%!important;
  268. }
  269. .layui-col-xs7 {
  270. width: 58.33333333%!important;
  271. }
  272. .layui-col-xs8 {
  273. width: 66.66666667%!important;
  274. }
  275. .layui-col-xs9 {
  276. width: 75%!important;
  277. }
  278. .layui-col-xs10 {
  279. width: 83.33333333%!important;
  280. }
  281. .layui-col-xs11 {
  282. width: 91.66666667%!important;
  283. }
  284. .layui-col-xs12 {
  285. width: 100%!important;
  286. }
  287. .layui-col-xs-offset1 {
  288. margin-left: 8.33333333%!important;
  289. }
  290. .layui-col-xs-offset2 {
  291. margin-left: 16.66666667%!important;
  292. }
  293. .layui-col-xs-offset3 {
  294. margin-left: 25%!important;
  295. }
  296. .layui-col-xs-offset4 {
  297. margin-left: 33.33333333%!important;
  298. }
  299. .layui-col-xs-offset5 {
  300. margin-left: 41.66666667%!important;
  301. }
  302. .layui-col-xs-offset6 {
  303. margin-left: 50%!important;
  304. }
  305. .layui-col-xs-offset7 {
  306. margin-left: 58.33333333%!important;
  307. }
  308. .layui-col-xs-offset8 {
  309. margin-left: 66.66666667%!important;
  310. }
  311. .layui-col-xs-offset9 {
  312. margin-left: 75%!important;
  313. }
  314. .layui-col-xs-offset10 {
  315. margin-left: 83.33333333%!important;
  316. }
  317. .layui-col-xs-offset11 {
  318. margin-left: 91.66666667%!important;
  319. }
  320. .layui-col-xs-offset12 {
  321. margin-left: 100%!important;
  322. }
  323. @media screen and (max-width:750px) {
  324. .layui-col-xs2_4 {
  325. padding-bottom:10px;
  326. }
  327. }
  328. @media screen and (min-width:780px) {
  329. .layui-container {
  330. width: 750px
  331. }
  332. .layui-col-xs2_4 {
  333. width: 20%!important;
  334. }
  335. .layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9 {
  336. float: left
  337. }
  338. .layui-col-sm1 {
  339. width: 8.33333333%!important
  340. }
  341. .layui-col-sm2 {
  342. width: 16.66666667%!important
  343. }
  344. .layui-col-sm3 {
  345. width: 25%!important
  346. }
  347. .layui-col-sm4 {
  348. width: 33.33333333%!important
  349. }
  350. .layui-col-sm5 {
  351. width: 41.66666667%!important
  352. }
  353. .layui-col-sm6 {
  354. width: 50%!important
  355. }
  356. .layui-col-sm7 {
  357. width: 58.33333333%!important
  358. }
  359. .layui-col-sm8 {
  360. width: 66.66666667%!important
  361. }
  362. .layui-col-sm9 {
  363. width: 75%!important
  364. }
  365. .layui-col-sm10 {
  366. width: 83.33333333%!important
  367. }
  368. .layui-col-sm11 {
  369. width: 91.66666667%!important
  370. }
  371. .layui-col-sm12 {
  372. width: 100%!important
  373. }
  374. .layui-col-sm-offset1 {
  375. margin-left: 8.33333333%!important
  376. }
  377. .layui-col-sm-offset2 {
  378. margin-left: 16.66666667%!important
  379. }
  380. .layui-col-sm-offset3 {
  381. margin-left: 25%!important
  382. }
  383. .layui-col-sm-offset4 {
  384. margin-left: 33.33333333%!important
  385. }
  386. .layui-col-sm-offset5 {
  387. margin-left: 41.66666667%!important
  388. }
  389. .layui-col-sm-offset6 {
  390. margin-left: 50%!important
  391. }
  392. .layui-col-sm-offset7 {
  393. margin-left: 58.33333333%!important
  394. }
  395. .layui-col-sm-offset8 {
  396. margin-left: 66.66666667%!important
  397. }
  398. .layui-col-sm-offset9 {
  399. margin-left: 75%!important
  400. }
  401. .layui-col-sm-offset10 {
  402. margin-left: 83.33333333%!important
  403. }
  404. .layui-col-sm-offset11 {
  405. margin-left: 91.66666667%!important
  406. }
  407. .layui-col-sm-offset12 {
  408. margin-left: 100%!important
  409. }
  410. }
  411. @media screen and (min-width:1000px) {
  412. .layui-container {
  413. width: 970px
  414. }
  415. .layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9 {
  416. float: left
  417. }
  418. .layui-col-md1 {
  419. width: 8.33333333%!important
  420. }
  421. .layui-col-md2 {
  422. width: 16.66666667%!important
  423. }
  424. .layui-col-md3 {
  425. width: 25%!important
  426. }
  427. .layui-col-md4 {
  428. width: 33.33333333%!important
  429. }
  430. .layui-col-md5 {
  431. width: 41.66666667%!important
  432. }
  433. .layui-col-md6 {
  434. width: 50%!important
  435. }
  436. .layui-col-md7 {
  437. width: 58.33333333%!important
  438. }
  439. .layui-col-md8 {
  440. width: 66.66666667%!important
  441. }
  442. .layui-col-md9 {
  443. width: 75%!important
  444. }
  445. .layui-col-md10 {
  446. width: 83.33333333%!important
  447. }
  448. .layui-col-md11 {
  449. width: 91.66666667%!important
  450. }
  451. .layui-col-md12 {
  452. width: 100%!important
  453. }
  454. .layui-col-md-offset1 {
  455. margin-left: 8.33333333%!important
  456. }
  457. .layui-col-md-offset2 {
  458. margin-left: 16.66666667%!important
  459. }
  460. .layui-col-md-offset3 {
  461. margin-left: 25%!important
  462. }
  463. .layui-col-md-offset4 {
  464. margin-left: 33.33333333%!important
  465. }
  466. .layui-col-md-offset5 {
  467. margin-left: 41.66666667%!important
  468. }
  469. .layui-col-md-offset6 {
  470. margin-left: 50%!important
  471. }
  472. .layui-col-md-offset7 {
  473. margin-left: 58.33333333%!important
  474. }
  475. .layui-col-md-offset8 {
  476. margin-left: 66.66666667%!important
  477. }
  478. .layui-col-md-offset9 {
  479. margin-left: 75%!important
  480. }
  481. .layui-col-md-offset10 {
  482. margin-left: 83.33333333%!important
  483. }
  484. .layui-col-md-offset11 {
  485. margin-left: 91.66666667%!important
  486. }
  487. .layui-col-md-offset12 {
  488. margin-left: 100%!important
  489. }
  490. }
  491. @media screen and (min-width:1200px) {
  492. .layui-container {
  493. width: 1170px
  494. }
  495. .layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9 {
  496. float: left
  497. }
  498. .layui-col-lg1 {
  499. width: 8.33333333%!important
  500. }
  501. .layui-col-lg2 {
  502. width: 16.66666667%!important
  503. }
  504. .layui-col-lg3 {
  505. width: 25%!important
  506. }
  507. .layui-col-lg4 {
  508. width: 33.33333333%!important
  509. }
  510. .layui-col-lg5 {
  511. width: 41.66666667%!important
  512. }
  513. .layui-col-lg6 {
  514. width: 50%!important
  515. }
  516. .layui-col-lg7 {
  517. width: 58.33333333%!important
  518. }
  519. .layui-col-lg8 {
  520. width: 66.66666667%!important
  521. }
  522. .layui-col-lg9 {
  523. width: 75%!important
  524. }
  525. .layui-col-lg10 {
  526. width: 83.33333333%!important
  527. }
  528. .layui-col-lg11 {
  529. width: 91.66666667%!important
  530. }
  531. .layui-col-lg12 {
  532. width: 100%!important
  533. }
  534. .layui-col-lg-offset1 {
  535. margin-left: 8.33333333%!important
  536. }
  537. .layui-col-lg-offset2 {
  538. margin-left: 16.66666667%!important
  539. }
  540. .layui-col-lg-offset3 {
  541. margin-left: 25%!important
  542. }
  543. .layui-col-lg-offset4 {
  544. margin-left: 33.33333333%!important
  545. }
  546. .layui-col-lg-offset5 {
  547. margin-left: 41.66666667%!important
  548. }
  549. .layui-col-lg-offset6 {
  550. margin-left: 50%!important
  551. }
  552. .layui-col-lg-offset7 {
  553. margin-left: 58.33333333%!important
  554. }
  555. .layui-col-lg-offset8 {
  556. margin-left: 66.66666667%!important
  557. }
  558. .layui-col-lg-offset9 {
  559. margin-left: 75%!important
  560. }
  561. .layui-col-lg-offset10 {
  562. margin-left: 83.33333333%!important
  563. }
  564. .layui-col-lg-offset11 {
  565. margin-left: 91.66666667%!important
  566. }
  567. .layui-col-lg-offset12 {
  568. margin-left: 100%!important
  569. }
  570. }
  571. .layui-col-space1 {
  572. margin: -.5px
  573. }
  574. .layui-col-space1>* {
  575. padding: .5px
  576. }
  577. .layui-col-space3 {
  578. margin: -1.5px
  579. }
  580. .layui-col-space3>* {
  581. padding: 1.5px
  582. }
  583. .layui-col-space5 {
  584. margin: -2.5px
  585. }
  586. .layui-col-space5>* {
  587. padding: 2.5px
  588. }
  589. .layui-col-space8 {
  590. margin: -3.5px
  591. }
  592. .layui-col-space8>* {
  593. padding: 3.5px
  594. }
  595. .layui-col-space10 {
  596. margin: -5px
  597. }
  598. .layui-col-space10>* {
  599. padding: 5px
  600. }
  601. .layui-col-space12 {
  602. margin: -6px
  603. }
  604. .layui-col-space12>* {
  605. padding: 6px
  606. }
  607. .layui-col-space15 {
  608. margin: -7.5px
  609. }
  610. .layui-col-space15>* {
  611. padding: 7.5px
  612. }
  613. .layui-col-space18 {
  614. margin: -9px
  615. }
  616. .layui-col-space18>* {
  617. padding: 9px
  618. }
  619. .layui-col-space20 {
  620. margin: -10px
  621. }
  622. .layui-col-space20>* {
  623. padding: 10px
  624. }
  625. .layui-col-space22 {
  626. margin: -11px
  627. }
  628. .layui-col-space22>* {
  629. padding: 11px
  630. }
  631. .layui-col-space25 {
  632. margin: -12.5px
  633. }
  634. .layui-col-space25>* {
  635. padding: 12.5px
  636. }
  637. .layui-col-space30 {
  638. margin: -15px
  639. }
  640. .layui-col-space30>* {
  641. padding: 15px
  642. }
  643. .layui-btn,.layui-input,.layui-select,.layui-textarea,.layui-upload-button {
  644. outline: 0;
  645. -webkit-transition: border-color .3s cubic-bezier(.65,.05,.35,.5);
  646. transition: border-color .3s cubic-bezier(.65,.05,.35,.5);
  647. box-sizing: border-box
  648. }
  649. .layui-elem-quote {
  650. margin-bottom: 10px;
  651. padding: 15px;
  652. line-height: 22px;
  653. border-left: 5px solid #1E9FFF;
  654. border-radius: 0 2px 2px 0;
  655. background-color: #f2f2f2
  656. }
  657. .layui-quote-nm {
  658. border-color: #e2e2e2;
  659. border-style: solid;
  660. border-width: 1px 1px 1px 5px;
  661. background: 0 0
  662. }
  663. .layui-elem-field {
  664. margin-bottom: 10px;
  665. padding: 0;
  666. border: 1px solid #e2e2e2
  667. }
  668. .layui-elem-field legend {
  669. margin-left: 20px;
  670. padding: 0 10px;
  671. font-size: 20px;
  672. font-weight: 300
  673. }
  674. .layui-field-title {
  675. margin: 10px 0 20px;
  676. border: none;
  677. border-top: 1px solid #e2e2e2
  678. }
  679. .layui-field-box {
  680. padding: 10px 15px
  681. }
  682. .layui-field-title .layui-field-box {
  683. padding: 10px 0
  684. }
  685. .layui-progress {
  686. position: relative;
  687. height: 6px;
  688. border-radius: 20px;
  689. background-color: #e2e2e2
  690. }
  691. .layui-progress-bar {
  692. position: absolute;
  693. width: 0;
  694. max-width: 100%;
  695. height: 6px;
  696. border-radius: 20px;
  697. text-align: right;
  698. background-color: #1E9FFF;
  699. transition: all .3s;
  700. -webkit-transition: all .3s
  701. }
  702. .layui-progress-big,.layui-progress-big .layui-progress-bar {
  703. height: 18px;
  704. line-height: 18px
  705. }
  706. .layui-progress-text {
  707. position: relative;
  708. top: -18px;
  709. line-height: 18px;
  710. font-size: 12px;
  711. color: #666
  712. }
  713. .layui-progress-big .layui-progress-text {
  714. position: static;
  715. padding: 0 10px;
  716. color: #fff
  717. }
  718. .layui-collapse {
  719. border: 1px solid #e2e2e2;
  720. border-radius: 2px
  721. }
  722. .layui-colla-item {
  723. border-top: 1px solid #e2e2e2
  724. }
  725. .layui-colla-item:first-child {
  726. border-top: none
  727. }
  728. .layui-colla-title {
  729. position: relative;
  730. height: 36px;
  731. line-height: 36px;
  732. padding: 0 15px 0 35px;
  733. color: #333;
  734. background-color: #f2f2f2;
  735. cursor: pointer
  736. }
  737. .layui-colla-content {
  738. display: none;
  739. padding: 10px 15px;
  740. line-height: 22px;
  741. border-top: 1px solid #e2e2e2;
  742. color: #666
  743. }
  744. .layui-bg-black,.layui-bg-blue,.layui-bg-cyan,.layui-bg-green,.layui-bg-orange,.layui-bg-red {
  745. color: #fff!important
  746. }
  747. .layui-colla-icon {
  748. position: absolute;
  749. left: 15px;
  750. top: 0;
  751. font-size: 14px
  752. }
  753. .layui-bg-red {
  754. background-color: #FF5722!important
  755. }
  756. .layui-bg-orange {
  757. background-color: #FFB800!important
  758. }
  759. .layui-bg-green {
  760. background-color: #1E9FFF!important
  761. }
  762. .layui-bg-cyan {
  763. background-color: #2F4056!important
  764. }
  765. .layui-bg-blue {
  766. background-color: #1E9FFF!important
  767. }
  768. .layui-bg-black {
  769. background-color: #393D49!important
  770. }
  771. .layui-bg-gray {
  772. background-color: #eee!important;
  773. color: #666!important
  774. }
  775. .layui-text {
  776. line-height: 22px;
  777. font-size: 14px;
  778. color: #666
  779. }
  780. .layui-text h1,.layui-text h2,.layui-text h3 {
  781. font-weight: 500;
  782. color: #333
  783. }
  784. .layui-text h1 {
  785. font-size: 30px
  786. }
  787. .layui-text h2 {
  788. font-size: 24px
  789. }
  790. .layui-text h3 {
  791. font-size: 18px
  792. }
  793. .layui-text a {
  794. color: #01AAED
  795. }
  796. .layui-text a:hover {
  797. text-decoration: underline
  798. }
  799. .layui-text ul {
  800. padding: 5px 0 5px 15px
  801. }
  802. .layui-text ul li {
  803. margin-top: 5px;
  804. list-style-type: disc
  805. }
  806. .layui-text em,.layui-word-aux {
  807. color: #999!important;
  808. padding: 0 5px!important
  809. }
  810. .layui-btn {
  811. display: inline-block;
  812. height: 38px;
  813. line-height: 38px;
  814. padding: 0 18px;
  815. background-color: #1E9FFF;
  816. color: #fff;
  817. white-space: nowrap;
  818. text-align: center;
  819. font-size: 14px;
  820. border: none;
  821. border-radius: 2px;
  822. cursor: pointer;
  823. opacity: .9;
  824. filter: alpha(opacity=90)
  825. }
  826. .layui-btn:hover {
  827. opacity: .8;
  828. filter: alpha(opacity=80);
  829. color: #fff
  830. }
  831. .layui-btn:active {
  832. opacity: 1;
  833. filter: alpha(opacity=100)
  834. }
  835. .layui-btn+.layui-btn {
  836. margin-left: 10px
  837. }
  838. .layui-btn-radius {
  839. border-radius: 100px
  840. }
  841. .layui-btn .layui-icon {
  842. margin-right: 3px;
  843. font-size: 18px;
  844. vertical-align: bottom;
  845. vertical-align: middle\9
  846. }
  847. .layui-btn-primary {
  848. border: 1px solid #C9C9C9;
  849. background-color: #fff;
  850. color: #555
  851. }
  852. .layui-btn-primary:hover {
  853. border-color: #1E9FFF;
  854. color: #333
  855. }
  856. .layui-btn-normal {
  857. background-color: #1E9FFF
  858. }
  859. .layui-btn-warm {
  860. background-color: #FFB800
  861. }
  862. .layui-btn-danger {
  863. background-color: #FF5722
  864. }
  865. .layui-btn-disabled,.layui-btn-disabled:active,.layui-btn-disabled:hover {
  866. border: 1px solid #e6e6e6;
  867. background-color: #FBFBFB;
  868. color: #C9C9C9;
  869. cursor: not-allowed;
  870. opacity: 1
  871. }
  872. .layui-btn-big {
  873. height: 44px;
  874. line-height: 44px;
  875. padding: 0 25px;
  876. font-size: 16px
  877. }
  878. .layui-btn-small {
  879. height: 30px;
  880. line-height: 30px;
  881. padding: 0 10px;
  882. font-size: 12px
  883. }
  884. .layui-btn-small i {
  885. font-size: 16px!important
  886. }
  887. .layui-btn-mini {
  888. height: 22px;
  889. line-height: 22px;
  890. padding: 0 5px;
  891. font-size: 12px
  892. }
  893. .layui-btn-mini i {
  894. font-size: 14px!important
  895. }
  896. .layui-btn-group {
  897. display: inline-block;
  898. vertical-align: middle;
  899. font-size: 0
  900. }
  901. .layui-btn-group .layui-btn {
  902. margin-left: 0!important;
  903. margin-right: 0!important;
  904. border-left: 1px solid rgba(255,255,255,.5);
  905. border-radius: 0
  906. }
  907. .layui-btn-group .layui-btn-primary {
  908. border-left: none
  909. }
  910. .layui-btn-group .layui-btn-primary:hover {
  911. border-color: #C9C9C9;
  912. color: #1E9FFF
  913. }
  914. .layui-btn-group .layui-btn:first-child {
  915. border-left: none;
  916. border-radius: 2px 0 0 2px
  917. }
  918. .layui-btn-group .layui-btn-primary:first-child {
  919. border-left: 1px solid #c9c9c9
  920. }
  921. .layui-btn-group .layui-btn:last-child {
  922. border-radius: 0 2px 2px 0
  923. }
  924. .layui-btn-group .layui-btn+.layui-btn {
  925. margin-left: 0
  926. }
  927. .layui-btn-group+.layui-btn-group {
  928. margin-left: 10px
  929. }
  930. .layui-input,.layui-select,.layui-textarea {
  931. height: 30px;
  932. line-height: 30px;
  933. border: 1px solid #e6e6e6;
  934. background-color: #fff;
  935. border-radius: 2px
  936. }
  937. .layui-form-label,.layui-form-mid,.layui-textarea {
  938. line-height: 20px;
  939. position: relative
  940. }
  941. .layui-input,.layui-textarea {
  942. display: block;
  943. width: 100%;
  944. padding-left: 10px
  945. }
  946. .layui-input:hover,.layui-textarea:hover {
  947. border-color: #D2D2D2!important
  948. }
  949. .layui-input:focus,.layui-textarea:focus {
  950. border-color: #C9C9C9!important
  951. }
  952. input[disabled]{
  953. border-color: #eee!important;
  954. background-color: #f2f2f2;
  955. cursor: not-allowed;
  956. }
  957. .layui-textarea {
  958. min-height: 100px;
  959. height: auto;
  960. padding: 6px 10px;
  961. resize: vertical
  962. }
  963. .layui-select {
  964. padding: 0 10px
  965. }
  966. .layui-form input[type=checkbox],.layui-form input[type=radio],.layui-form select {
  967. display: none
  968. }
  969. .layui-form-item {
  970. margin-bottom: 10px;
  971. clear: both;
  972. *zoom: 1
  973. }
  974. .layui-form-item:after {
  975. content: '\20';
  976. clear: both;
  977. *zoom: 1;
  978. display: block;
  979. height: 0
  980. }
  981. .layui-form-horizontal .layui-form-label {
  982. float: left;
  983. display: block;
  984. padding: 5px 15px;
  985. font-weight: 400;
  986. text-align: right
  987. }
  988. .layui-form-label {
  989. float: left;
  990. display: block;
  991. padding: 5px 10px;
  992. width: 80px;
  993. font-weight: 400;
  994. text-align: right
  995. }
  996. .layui-form-item .layui-inline {
  997. margin-bottom: 10px;
  998. /* margin-right: 10px */
  999. }
  1000. .layui-input-block,.layui-input-inline {
  1001. position: relative
  1002. }
  1003. .layui-input-block {
  1004. min-height: 30px
  1005. }
  1006. .layui-input-inline {
  1007. display: inline-block;
  1008. vertical-align: middle
  1009. }
  1010. .layui-form-item .layui-input-inline {
  1011. float: left;
  1012. width: 170px;
  1013. /* margin-right: 10px */
  1014. }
  1015. .layui-form-text .layui-input-inline {
  1016. width: auto
  1017. }
  1018. .layui-form-mid {
  1019. float: left;
  1020. display: block;
  1021. padding: 8px 0!important;
  1022. margin-right: 10px
  1023. }
  1024. .layui-form-danger+.layui-form-select .layui-input,.layui-form-danger:focus {
  1025. border: 1px solid #FF5722!important
  1026. }
  1027. .layui-form-select {
  1028. position: relative
  1029. }
  1030. .layui-form-select .layui-input {
  1031. padding-right: 30px;
  1032. cursor: pointer
  1033. }
  1034. .layui-form-select .layui-edge {
  1035. position: absolute;
  1036. right: 10px;
  1037. top: 50%;
  1038. margin-top: -3px;
  1039. cursor: pointer;
  1040. border-width: 6px;
  1041. border-top-color: #c2c2c2;
  1042. border-top-style: solid;
  1043. transition: all .3s;
  1044. -webkit-transition: all .3s
  1045. }
  1046. .layui-form-select dl {
  1047. display: none;
  1048. position: absolute;
  1049. left: 0;
  1050. top: 42px;
  1051. padding: 5px 0;
  1052. z-index: 1000;
  1053. min-width: 100%;
  1054. border: 1px solid #d2d2d2;
  1055. max-height: 300px;
  1056. overflow-y: auto;
  1057. background-color: #fff;
  1058. border-radius: 2px;
  1059. box-shadow: 0 2px 4px rgba(0,0,0,.12);
  1060. box-sizing: border-box
  1061. }
  1062. .layui-form-select dl dd,.layui-form-select dl dt {
  1063. padding: 0 10px;
  1064. line-height: 36px;
  1065. white-space: nowrap;
  1066. overflow: hidden;
  1067. text-overflow: ellipsis
  1068. }
  1069. .layui-form-select dl dt {
  1070. font-size: 12px;
  1071. color: #999
  1072. }
  1073. .layui-form-select dl dd {
  1074. cursor: pointer
  1075. }
  1076. .layui-form-select dl dd:hover {
  1077. background-color: #f2f2f2
  1078. }
  1079. .layui-form-select .layui-select-group dd {
  1080. padding-left: 20px
  1081. }
  1082. .layui-form-select dl dd.layui-select-tips {
  1083. padding-left: 10px!important;
  1084. color: #999
  1085. }
  1086. .layui-form-select dl dd.layui-this {
  1087. background-color: #1E9FFF;
  1088. color: #fff
  1089. }
  1090. .layui-form-checkbox,.layui-form-select dl dd.layui-disabled {
  1091. background-color: #fff
  1092. }
  1093. .layui-form-selected dl {
  1094. display: block
  1095. }
  1096. .layui-form-checkbox,.layui-form-checkbox *,.layui-form-radio,.layui-form-radio *,.layui-form-switch {
  1097. display: inline-block;
  1098. vertical-align: middle
  1099. }
  1100. .layui-form-selected .layui-edge {
  1101. margin-top: -9px;
  1102. -webkit-transform: rotate(180deg);
  1103. transform: rotate(180deg);
  1104. margin-top: -3px\9
  1105. }
  1106. :root .layui-form-selected .layui-edge {
  1107. margin-top: -9px\0/IE9
  1108. }
  1109. .layui-form-selectup dl {
  1110. top: auto;
  1111. bottom: 42px
  1112. }
  1113. .layui-select-none {
  1114. margin: 5px 0;
  1115. text-align: center;
  1116. color: #999
  1117. }
  1118. .layui-select-disabled .layui-disabled {
  1119. border-color: #eee!important;
  1120. background-color: #f2f2f2!important;
  1121. }
  1122. .layui-select-disabled .layui-edge {
  1123. border-top-color: #d2d2d2
  1124. }
  1125. .layui-form-checkbox {
  1126. position: relative;
  1127. height: 30px;
  1128. line-height: 28px;
  1129. margin-right: 10px;
  1130. padding-right: 30px;
  1131. border: 1px solid #d2d2d2;
  1132. cursor: pointer;
  1133. font-size: 0;
  1134. border-radius: 2px;
  1135. -webkit-transition: .1s linear;
  1136. transition: .1s linear;
  1137. box-sizing: border-box
  1138. }
  1139. .layui-form-checkbox:hover {
  1140. border: 1px solid #c2c2c2
  1141. }
  1142. .layui-form-checkbox span {
  1143. padding: 0 10px;
  1144. height: 100%;
  1145. font-size: 14px;
  1146. background-color: #d2d2d2;
  1147. color: #fff;
  1148. overflow: hidden;
  1149. white-space: nowrap;
  1150. text-overflow: ellipsis
  1151. }
  1152. .layui-form-checkbox:hover span {
  1153. background-color: #c2c2c2
  1154. }
  1155. .layui-form-checkbox i {
  1156. position: absolute;
  1157. right: 0;
  1158. width: 30px;
  1159. color: #fff;
  1160. font-size: 20px;
  1161. text-align: center
  1162. }
  1163. .layui-form-checkbox:hover i {
  1164. color: #c2c2c2
  1165. }
  1166. .layui-form-checked,.layui-form-checked:hover {
  1167. border-color: #1E9FFF
  1168. }
  1169. .layui-form-checked span,.layui-form-checked:hover span {
  1170. background-color: #1E9FFF
  1171. }
  1172. .layui-form-checked i,.layui-form-checked:hover i {
  1173. color: #1E9FFF
  1174. }
  1175. .layui-form-item .layui-form-checkbox {
  1176. margin-top: 4px
  1177. }
  1178. .layui-form-checkbox[lay-skin=primary] {
  1179. height: auto!important;
  1180. line-height: normal!important;
  1181. border: none!important;
  1182. margin-right: 0;
  1183. padding-right: 0;
  1184. background: 0 0
  1185. }
  1186. .layui-form-checkbox[lay-skin=primary] span {
  1187. float: right;
  1188. padding-right: 15px;
  1189. line-height: 18px;
  1190. background: 0 0;
  1191. color: #666
  1192. }
  1193. .layui-form-checkbox[lay-skin=primary] i {
  1194. position: relative;
  1195. top: 0;
  1196. width: 16px;
  1197. height: 16px;
  1198. line-height: 16px;
  1199. border: 1px solid #d2d2d2;
  1200. font-size: 12px;
  1201. border-radius: 2px;
  1202. background-color: #fff;
  1203. -webkit-transition: .1s linear;
  1204. transition: .1s linear
  1205. }
  1206. .layui-form-checkbox[lay-skin=primary]:hover i {
  1207. border-color: #1E9FFF;
  1208. color: #fff
  1209. }
  1210. .layui-form-checked[lay-skin=primary] i {
  1211. border-color: #1E9FFF;
  1212. background-color: #1E9FFF;
  1213. color: #fff
  1214. }
  1215. .layui-checkbox-disbaled[lay-skin=primary] span {
  1216. background: 0 0!important
  1217. }
  1218. .layui-checkbox-disbaled[lay-skin=primary]:hover i {
  1219. border-color: #d2d2d2
  1220. }
  1221. .layui-form-item .layui-form-checkbox[lay-skin=primary] {
  1222. margin-top: 10px
  1223. }
  1224. .layui-form-switch {
  1225. position: relative;
  1226. height: 22px;
  1227. line-height: 22px;
  1228. width: 42px;
  1229. padding: 0 5px;
  1230. margin-top: 2px;
  1231. border: 1px solid #d2d2d2;
  1232. border-radius: 20px;
  1233. cursor: pointer;
  1234. background-color: #fff;
  1235. -webkit-transition: .1s linear;
  1236. transition: .1s linear
  1237. }
  1238. .layui-form-switch i {
  1239. position: absolute;
  1240. left: 5px;
  1241. top: 3px;
  1242. width: 16px;
  1243. height: 16px;
  1244. border-radius: 20px;
  1245. background-color: #d2d2d2;
  1246. -webkit-transition: .1s linear;
  1247. transition: .1s linear
  1248. }
  1249. .layui-form-switch em {
  1250. position: absolute;
  1251. right: 5px;
  1252. top: 0;
  1253. width: 25px;
  1254. padding: 0!important;
  1255. text-align: center!important;
  1256. color: #999!important;
  1257. font-style: normal!important;
  1258. font-size: 12px
  1259. }
  1260. .layui-form-onswitch {
  1261. border-color: #1E9FFF;
  1262. background-color: #1E9FFF
  1263. }
  1264. .layui-form-onswitch i {
  1265. left: 32px;
  1266. background-color: #fff
  1267. }
  1268. .layui-form-onswitch em {
  1269. left: 5px;
  1270. right: auto;
  1271. color: #fff!important
  1272. }
  1273. .layui-checkbox-disbaled {
  1274. border-color: #e2e2e2!important
  1275. }
  1276. .layui-checkbox-disbaled span {
  1277. background-color: #e2e2e2!important
  1278. }
  1279. .layui-checkbox-disbaled:hover i {
  1280. color: #fff!important
  1281. }
  1282. .layui-form-radio {
  1283. line-height: 28px;
  1284. margin: 6px 10px 0 0;
  1285. padding-right: 10px;
  1286. cursor: pointer;
  1287. font-size: 0
  1288. }
  1289. .layui-form-radio i {
  1290. margin-right: 8px;
  1291. font-size: 22px;
  1292. color: #c2c2c2
  1293. }
  1294. .layui-form-radio span {
  1295. font-size: 14px
  1296. }
  1297. .layui-form-radio i:hover,.layui-form-radioed i {
  1298. color: #1E9FFF
  1299. }
  1300. .layui-radio-disbaled i {
  1301. color: #e2e2e2!important
  1302. }
  1303. .layui-form-pane .layui-form-label {
  1304. width: 110px;
  1305. padding: 8px 15px;
  1306. height: 38px;
  1307. line-height: 20px;
  1308. border: 1px solid #e6e6e6;
  1309. border-radius: 2px 0 0 2px;
  1310. text-align: center;
  1311. background-color: #FBFBFB;
  1312. overflow: hidden;
  1313. white-space: nowrap;
  1314. text-overflow: ellipsis;
  1315. box-sizing: border-box
  1316. }
  1317. .layui-form-pane .layui-input-inline {
  1318. margin-left: -1px
  1319. }
  1320. .layui-form-pane .layui-input-block {
  1321. margin-left: 110px;
  1322. left: -1px
  1323. }
  1324. .layui-form-pane .layui-input {
  1325. border-radius: 0 2px 2px 0
  1326. }
  1327. .layui-form-pane .layui-form-text .layui-form-label {
  1328. float: none;
  1329. width: 100%;
  1330. border-right: 1px solid #e6e6e6;
  1331. border-radius: 2px;
  1332. box-sizing: border-box;
  1333. text-align: left
  1334. }
  1335. .layui-form-pane .layui-form-text .layui-input-inline {
  1336. display: block;
  1337. margin: 0;
  1338. top: -1px;
  1339. clear: both
  1340. }
  1341. .layui-form-pane .layui-form-text .layui-input-block {
  1342. margin: 0;
  1343. left: 0;
  1344. top: -1px
  1345. }
  1346. .layui-form-pane .layui-form-text .layui-textarea {
  1347. min-height: 100px;
  1348. border-radius: 0 0 2px 2px
  1349. }
  1350. .layui-form-pane .layui-form-checkbox {
  1351. margin: 4px 0 4px 10px
  1352. }
  1353. .layui-form-pane .layui-form-radio,.layui-form-pane .layui-form-switch {
  1354. margin-top: 6px;
  1355. margin-left: 10px
  1356. }
  1357. .layui-form-pane .layui-form-item[pane] {
  1358. position: relative;
  1359. border: 1px solid #e6e6e6
  1360. }
  1361. .layui-form-pane .layui-form-item[pane] .layui-form-label {
  1362. position: absolute;
  1363. left: 0;
  1364. top: 0;
  1365. height: 100%;
  1366. border-width: 0 1px 0 0
  1367. }
  1368. .layui-form-pane .layui-form-item[pane] .layui-input-inline {
  1369. margin-left: 110px
  1370. }
  1371. @media screen and (max-width:450px) {
  1372. .layui-form-item .layui-form-label {
  1373. text-overflow: ellipsis;
  1374. overflow: hidden;
  1375. white-space: nowrap
  1376. }
  1377. .layui-form-item .layui-inline {
  1378. display: block;
  1379. margin-right: 0;
  1380. margin-bottom: 20px;
  1381. clear: both
  1382. }
  1383. .layui-form-item .layui-inline:after {
  1384. content: '\20';
  1385. clear: both;
  1386. display: block;
  1387. height: 0
  1388. }
  1389. .layui-form-item .layui-input-inline {
  1390. display: block;
  1391. float: none;
  1392. left: -3px;
  1393. width: auto;
  1394. margin: 0 0 10px 112px
  1395. }
  1396. .layui-form-item .layui-input-inline+.layui-form-mid {
  1397. margin-left: 110px;
  1398. top: -5px;
  1399. padding: 0
  1400. }
  1401. .layui-form-item .layui-form-checkbox {
  1402. margin-right: 5px;
  1403. margin-bottom: 5px
  1404. }
  1405. }
  1406. .layui-layedit {
  1407. border: 1px solid #d2d2d2;
  1408. border-radius: 2px
  1409. }
  1410. .layui-layedit-tool {
  1411. padding: 3px 5px;
  1412. border-bottom: 1px solid #e2e2e2;
  1413. font-size: 0
  1414. }
  1415. .layedit-tool-fixed {
  1416. position: fixed;
  1417. top: 0;
  1418. border-top: 1px solid #e2e2e2
  1419. }
  1420. .layui-layedit-tool .layedit-tool-mid,.layui-layedit-tool .layui-icon {
  1421. display: inline-block;
  1422. vertical-align: middle;
  1423. text-align: center;
  1424. font-size: 14px
  1425. }
  1426. .layui-layedit-tool .layui-icon {
  1427. position: relative;
  1428. width: 32px;
  1429. height: 30px;
  1430. line-height: 30px;
  1431. margin: 3px 5px;
  1432. color: #777;
  1433. cursor: pointer;
  1434. border-radius: 2px
  1435. }
  1436. .layui-layedit-tool .layui-icon:hover {
  1437. color: #393D49
  1438. }
  1439. .layui-layedit-tool .layui-icon:active {
  1440. color: #000
  1441. }
  1442. .layui-layedit-tool .layedit-tool-active {
  1443. background-color: #e2e2e2;
  1444. color: #000
  1445. }
  1446. .layui-layedit-tool .layui-disabled,.layui-layedit-tool .layui-disabled:hover {
  1447. color: #d2d2d2;
  1448. cursor: not-allowed
  1449. }
  1450. .layui-layedit-tool .layedit-tool-mid {
  1451. width: 1px;
  1452. height: 18px;
  1453. margin: 0 10px;
  1454. background-color: #d2d2d2
  1455. }
  1456. .layedit-tool-html {
  1457. width: 50px!important;
  1458. font-size: 30px!important
  1459. }
  1460. .layedit-tool-b,.layedit-tool-code,.layedit-tool-help {
  1461. font-size: 16px!important
  1462. }
  1463. .layedit-tool-d,.layedit-tool-face,.layedit-tool-image,.layedit-tool-unlink {
  1464. font-size: 18px!important
  1465. }
  1466. .layedit-tool-image input {
  1467. position: absolute;
  1468. font-size: 0;
  1469. left: 0;
  1470. top: 0;
  1471. width: 100%;
  1472. height: 100%;
  1473. opacity: .01;
  1474. filter: Alpha(opacity=1);
  1475. cursor: pointer
  1476. }
  1477. .layui-layedit-iframe iframe {
  1478. display: block;
  1479. width: 100%
  1480. }
  1481. #LAY_layedit_code {
  1482. overflow: hidden
  1483. }
  1484. .layui-laypage {
  1485. display: inline-block;
  1486. *display: inline;
  1487. *zoom: 1;
  1488. vertical-align: middle;
  1489. margin: 10px 0;
  1490. font-size: 0
  1491. }
  1492. .layui-laypage>a:first-child,.layui-laypage>a:first-child em {
  1493. border-radius: 2px 0 0 2px
  1494. }
  1495. .layui-laypage>a:last-child,.layui-laypage>a:last-child em {
  1496. border-radius: 0 2px 2px 0
  1497. }
  1498. .layui-laypage>:first-child {
  1499. margin-left: 0!important
  1500. }
  1501. .layui-laypage>:last-child {
  1502. margin-right: 0!important
  1503. }
  1504. .layui-laypage a,.layui-laypage button,.layui-laypage input,.layui-laypage select,.layui-laypage span {
  1505. border: 1px solid #e2e2e2
  1506. }
  1507. .layui-laypage a,.layui-laypage span {
  1508. display: inline-block;
  1509. *display: inline;
  1510. *zoom: 1;
  1511. vertical-align: middle;
  1512. padding: 0 15px;
  1513. height: 28px;
  1514. line-height: 28px;
  1515. margin: 0 -1px 5px 0;
  1516. background-color: #fff;
  1517. color: #333;
  1518. font-size: 12px
  1519. }
  1520. .layui-laypage a:hover {
  1521. color: #1E9FFF
  1522. }
  1523. .layui-laypage em {
  1524. font-style: normal
  1525. }
  1526. .layui-laypage .layui-laypage-spr {
  1527. color: #999;
  1528. font-weight: 700
  1529. }
  1530. .layui-laypage a {
  1531. text-decoration: none
  1532. }
  1533. .layui-laypage .layui-laypage-curr {
  1534. position: relative
  1535. }
  1536. .layui-laypage .layui-laypage-curr em {
  1537. position: relative;
  1538. color: #fff
  1539. }
  1540. .layui-laypage .layui-laypage-curr .layui-laypage-em {
  1541. position: absolute;
  1542. left: -1px;
  1543. top: -1px;
  1544. padding: 1px;
  1545. width: 100%;
  1546. height: 100%;
  1547. background-color: #1E9FFF
  1548. }
  1549. .layui-laypage-em {
  1550. border-radius: 2px
  1551. }
  1552. .layui-laypage-next em,.layui-laypage-prev em {
  1553. font-family: Sim sun;
  1554. font-size: 16px
  1555. }
  1556. .layui-laypage .layui-laypage-count,.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-skip {
  1557. margin-left: 10px;
  1558. margin-right: 10px;
  1559. padding: 0;
  1560. border: none
  1561. }
  1562. .layui-laypage .layui-laypage-limits {
  1563. vertical-align: top
  1564. }
  1565. .layui-laypage select {
  1566. height: 22px;
  1567. padding: 3px;
  1568. border-radius: 2px;
  1569. cursor: pointer
  1570. }
  1571. .layui-laypage .layui-laypage-skip {
  1572. height: 30px;
  1573. line-height: 30px;
  1574. color: #999
  1575. }
  1576. .layui-laypage button,.layui-laypage input {
  1577. height: 30px;
  1578. line-height: 30px;
  1579. border: 1px solid #e2e2e2;
  1580. border-radius: 2px;
  1581. vertical-align: top;
  1582. background-color: #fff;
  1583. box-sizing: border-box
  1584. }
  1585. .layui-laypage input {
  1586. display: inline-block;
  1587. width: 40px;
  1588. margin: 0 10px;
  1589. padding: 0 3px;
  1590. text-align: center
  1591. }
  1592. .layui-laypage input:focus,.layui-laypage select:focus {
  1593. border-color: #1E9FFF!important
  1594. }
  1595. .layui-laypage button {
  1596. margin-left: 10px;
  1597. padding: 0 10px;
  1598. cursor: pointer
  1599. }
  1600. .layui-flow-more {
  1601. margin: 10px 0;
  1602. text-align: center;
  1603. color: #999;
  1604. font-size: 14px
  1605. }
  1606. .layui-flow-more a {
  1607. height: 32px;
  1608. line-height: 32px
  1609. }
  1610. .layui-flow-more a * {
  1611. display: inline-block;
  1612. vertical-align: top
  1613. }
  1614. .layui-flow-more a cite {
  1615. padding: 0 20px;
  1616. border-radius: 3px;
  1617. background-color: #eee;
  1618. color: #333;
  1619. font-style: normal
  1620. }
  1621. .layui-flow-more a cite:hover {
  1622. opacity: .8
  1623. }
  1624. .layui-flow-more a i {
  1625. font-size: 30px;
  1626. color: #737383
  1627. }
  1628. .layui-table {
  1629. width: 100%;
  1630. margin: 0;
  1631. background-color: #fff
  1632. }
  1633. .layui-table tr {
  1634. transition: all .3s;
  1635. -webkit-transition: all .3s
  1636. }
  1637. .layui-table thead tr,.layui-table-fixed-l tr,.layui-table-header,.layui-table-mend,.layui-table-patch,.layui-table-tool {
  1638. background-color: #f6f7fb
  1639. }
  1640. .layui-table th {
  1641. text-align: left;
  1642. font-weight: 400
  1643. }
  1644. .layui-table td,.layui-table th,.layui-table-header,.layui-table-tool,.layui-table-view,.layui-table[lay-skin=row],.layui-table[lay-skin=line] {
  1645. border: 1px solid #e2e2e2
  1646. }
  1647. .layui-table td,.layui-table th {
  1648. position: relative;
  1649. padding: 8px;
  1650. min-height: 20px;
  1651. line-height: 20px;
  1652. font-size: 12px
  1653. }
  1654. .layui-table[lay-even] tr:nth-child(even) {
  1655. background-color: #f5fbff
  1656. }
  1657. .layui-table tbody tr:hover,.layui-table-hover {
  1658. background-color: #f5fbff!important
  1659. }
  1660. .layui-table-click {
  1661. background-color: #FFEEE8!important
  1662. }
  1663. .layui-table[lay-skin=line] td,.layui-table[lay-skin=line] th {
  1664. border-width: 0 0 1px
  1665. }
  1666. .layui-table[lay-skin=row] td,.layui-table[lay-skin=row] th {
  1667. border-width: 0 1px 0 0
  1668. }
  1669. .layui-table[lay-skin=nob] td,.layui-table[lay-skin=nob] th {
  1670. border: none
  1671. }
  1672. .layui-table img {
  1673. max-height: 100px
  1674. }
  1675. .layui-table[lay-size=lg] td,.layui-table[lay-size=lg] th {
  1676. padding: 15px 30px
  1677. }
  1678. .layui-table-view .layui-table[lay-size=lg] .layui-table-cell {
  1679. height: 40px;
  1680. line-height: 40px
  1681. }
  1682. .layui-table[lay-size=sm] td,.layui-table[lay-size=sm] th {
  1683. font-size: 12px;
  1684. padding: 5px 10px
  1685. }
  1686. .layui-table-view .layui-table[lay-size=sm] .layui-table-cell {
  1687. height: 20px;
  1688. line-height: 20px
  1689. }
  1690. .layui-table[lay-data] {
  1691. display: none
  1692. }
  1693. .layui-table-view {
  1694. position: relative;
  1695. margin: 10px 0;
  1696. overflow: hidden
  1697. }
  1698. .layui-table-view .layui-table {
  1699. position: relative;
  1700. width: auto;
  1701. margin: 0
  1702. }
  1703. .layui-table-body,.layui-table-header .layui-table {
  1704. margin-bottom: -1px
  1705. }
  1706. .layui-table-view .layui-table[lay-skin=line] {
  1707. border-width: 0 1px 0 0
  1708. }
  1709. .layui-table-view .layui-table[lay-skin=row] {
  1710. border-width: 0 0 1px
  1711. }
  1712. .layui-table-view .layui-table td,.layui-table-view .layui-table th {
  1713. padding: 5px 0;
  1714. border-top: none;
  1715. border-left: none
  1716. }
  1717. .layui-table-view .layui-table td {
  1718. cursor: default
  1719. }
  1720. .layui-table-view .layui-form-checkbox[lay-skin=primary] i {
  1721. width: 18px;
  1722. height: 18px
  1723. }
  1724. .layui-table-header {
  1725. border-width: 0 0 1px;
  1726. overflow: hidden
  1727. }
  1728. .layui-table-sort {
  1729. width: 20px;
  1730. height: 20px;
  1731. margin-left: 5px;
  1732. cursor: pointer!important
  1733. }
  1734. .layui-table-sort .layui-edge {
  1735. left: 5px;
  1736. border-width: 5px
  1737. }
  1738. .layui-table-sort .layui-table-sort-asc {
  1739. top: 4px;
  1740. border-top: none;
  1741. border-bottom-style: solid;
  1742. border-bottom-color: #b2b2b2
  1743. }
  1744. .layui-table-sort .layui-table-sort-asc:hover {
  1745. border-bottom-color: #666
  1746. }
  1747. .layui-table-sort .layui-table-sort-desc {
  1748. bottom: 4px;
  1749. border-bottom: none;
  1750. border-top-style: solid;
  1751. border-top-color: #b2b2b2
  1752. }
  1753. .layui-table-sort .layui-table-sort-desc:hover {
  1754. border-top-color: #666
  1755. }
  1756. .layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
  1757. border-bottom-color: #000
  1758. }
  1759. .layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
  1760. border-top-color: #000
  1761. }
  1762. .layui-table-cell {
  1763. height: 28px;
  1764. line-height: 28px;
  1765. padding: 0 15px;
  1766. position: relative;
  1767. overflow: hidden;
  1768. text-overflow: ellipsis;
  1769. white-space: nowrap;
  1770. box-sizing: border-box
  1771. }
  1772. .layui-table-cell .layui-form-checkbox {
  1773. top: -1px
  1774. }
  1775. .layui-table-cell .layui-table-link {
  1776. color: #01AAED
  1777. }
  1778. .layui-table-body {
  1779. position: relative;
  1780. overflow: auto;
  1781. margin-right: -1px
  1782. }
  1783. .layui-table-body .layui-none {
  1784. line-height: 40px;
  1785. text-align: center;
  1786. color: #999
  1787. }
  1788. .layui-table-fixed {
  1789. position: absolute;
  1790. left: 0;
  1791. top: 0
  1792. }
  1793. .layui-table-fixed .layui-table-body {
  1794. overflow: hidden
  1795. }
  1796. .layui-table-fixed-r {
  1797. left: auto;
  1798. right: -1px;
  1799. box-shadow: -1px 0 8px rgba(0,0,0,.1)
  1800. }
  1801. .layui-table-fixed-r td,.layui-table-fixed-r th {
  1802. border-left: 1px solid #e2e2e2!important
  1803. }
  1804. .layui-table-fixed-r .layui-table-header {
  1805. position: relative;
  1806. overflow: visible
  1807. }
  1808. .layui-table-mend {
  1809. position: absolute;
  1810. right: -49px;
  1811. top: 0;
  1812. height: 100%;
  1813. width: 50px
  1814. }
  1815. .layui-table-tool {
  1816. position: relative;
  1817. top: 1px;
  1818. width: 100%;
  1819. padding: 7px 10px 0 0;
  1820. border-width: 1px 0 0;
  1821. height: 41px;
  1822. font-size: 12px;
  1823. white-space: nowrap
  1824. }
  1825. .layui-table-tool:hover {
  1826. overflow-x: auto
  1827. }
  1828. .layui-table-page {
  1829. height: 26px
  1830. }
  1831. .layui-table-tool .layui-laypage {
  1832. margin: 0
  1833. }
  1834. .layui-table-tool .layui-laypage a,.layui-table-tool .layui-laypage span {
  1835. height: 26px;
  1836. line-height: 26px;
  1837. border: none;
  1838. background: 0 0;
  1839. padding: 0 12px
  1840. }
  1841. .layui-table-tool .layui-laypage .layui-laypage-count,.layui-table-tool .layui-laypage .layui-laypage-limits,.layui-table-tool .layui-laypage .layui-laypage-skip {
  1842. margin-left: 0;
  1843. padding: 0
  1844. }
  1845. .layui-table-tool .layui-laypage .layui-laypage-total {
  1846. padding: 0 10px
  1847. }
  1848. .layui-table-tool .layui-laypage .layui-laypage-spr {
  1849. padding: 0
  1850. }
  1851. .layui-table-tool .layui-laypage button,.layui-table-tool .layui-laypage input {
  1852. height: 26px;
  1853. line-height: 26px
  1854. }
  1855. .layui-table-tool .layui-laypage input {
  1856. width: 40px
  1857. }
  1858. .layui-table-tool .layui-laypage button {
  1859. padding: 0 10px
  1860. }
  1861. .layui-table-view select[lay-ignore] {
  1862. display: inline-block
  1863. }
  1864. .layui-table-tool select {
  1865. height: 18px
  1866. }
  1867. .layui-table-patch .layui-table-cell {
  1868. padding: 0;
  1869. width: 30px
  1870. }
  1871. .layui-table-edit {
  1872. position: absolute;
  1873. left: 0;
  1874. top: 0;
  1875. width: 100%;
  1876. height: 100%;
  1877. padding: 0 15px 1px;
  1878. border: none
  1879. }
  1880. .layui-table-edit:focus {
  1881. background-color: #F0F9F2
  1882. }
  1883. body .layui-table-tips .layui-layer-content {
  1884. background: 0 0;
  1885. padding: 0;
  1886. box-shadow: 0 1px 6px rgba(0,0,0,.1)
  1887. }
  1888. .layui-table-tips-main {
  1889. margin: -44px 0 0 -1px;
  1890. max-height: 150px;
  1891. padding: 8px 15px;
  1892. font-size: 14px;
  1893. overflow-y: scroll;
  1894. background-color: #fff;
  1895. color: #333;
  1896. border: 1px solid #e2e2e2
  1897. }
  1898. .layui-code,.layui-upload-list {
  1899. margin: 10px 0
  1900. }
  1901. .layui-table-tips-c {
  1902. position: absolute;
  1903. right: -3px;
  1904. top: -12px;
  1905. width: 18px;
  1906. height: 18px;
  1907. padding: 3px;
  1908. text-align: center;
  1909. font-weight: 700;
  1910. border-radius: 100%;
  1911. font-size: 16px;
  1912. cursor: pointer;
  1913. background-color: #666
  1914. }
  1915. .layui-table-tips-c:hover {
  1916. background-color: #999
  1917. }
  1918. .layui-upload-file {
  1919. display: none!important;
  1920. opacity: .01;
  1921. filter: Alpha(opacity=1)
  1922. }
  1923. .layui-upload-drag,.layui-upload-form,.layui-upload-wrap {
  1924. display: inline-block
  1925. }
  1926. .layui-upload-choose {
  1927. padding: 0 10px;
  1928. color: #999
  1929. }
  1930. .layui-upload-drag {
  1931. position: relative;
  1932. padding: 30px;
  1933. border: 1px dashed #e2e2e2;
  1934. background-color: #fff;
  1935. text-align: center;
  1936. cursor: pointer;
  1937. color: #999
  1938. }
  1939. .layui-upload-drag .layui-icon {
  1940. font-size: 50px;
  1941. color: #1E9FFF
  1942. }
  1943. .layui-upload-drag[lay-over] {
  1944. border-color: #1E9FFF
  1945. }
  1946. .layui-upload-iframe {
  1947. position: absolute;
  1948. width: 0;
  1949. height: 0;
  1950. border: 0;
  1951. visibility: hidden
  1952. }
  1953. .layui-upload-wrap {
  1954. position: relative;
  1955. vertical-align: middle
  1956. }
  1957. .layui-upload-wrap .layui-upload-file {
  1958. display: block!important;
  1959. position: absolute;
  1960. left: 0;
  1961. top: 0;
  1962. z-index: 10;
  1963. font-size: 100px;
  1964. width: 100%;
  1965. height: 100%;
  1966. opacity: .01;
  1967. filter: Alpha(opacity=1);
  1968. cursor: pointer
  1969. }
  1970. .layui-code {
  1971. position: relative;
  1972. padding: 15px;
  1973. line-height: 20px;
  1974. border: 1px solid #ddd;
  1975. border-left-width: 6px;
  1976. background-color: #F2F2F2;
  1977. color: #333;
  1978. font-family: Courier New;
  1979. font-size: 12px
  1980. }
  1981. .layui-tree {
  1982. line-height: 26px
  1983. }
  1984. .layui-tree li {
  1985. text-overflow: ellipsis;
  1986. overflow: hidden;
  1987. white-space: nowrap
  1988. }
  1989. .layui-tree li .layui-tree-spread,.layui-tree li a {
  1990. display: inline-block;
  1991. vertical-align: top;
  1992. height: 26px;
  1993. *display: inline;
  1994. *zoom: 1;
  1995. cursor: pointer
  1996. }
  1997. .layui-tree li a {
  1998. font-size: 0
  1999. }
  2000. .layui-tree li a i {
  2001. font-size: 16px
  2002. }
  2003. .layui-tree li a cite {
  2004. padding: 0 6px;
  2005. font-size: 14px;
  2006. font-style: normal
  2007. }
  2008. .layui-tree li i {
  2009. padding-left: 6px;
  2010. color: #333;
  2011. -moz-user-select: none
  2012. }
  2013. .layui-tree li .layui-tree-check {
  2014. font-size: 13px
  2015. }
  2016. .layui-tree li .layui-tree-check:hover {
  2017. color: #009E94
  2018. }
  2019. .layui-tree li ul {
  2020. display: none;
  2021. margin-left: 20px
  2022. }
  2023. .layui-tree li .layui-tree-enter {
  2024. line-height: 24px;
  2025. border: 1px dotted #000
  2026. }
  2027. .layui-tree-drag {
  2028. display: none;
  2029. position: absolute;
  2030. left: -666px;
  2031. top: -666px;
  2032. background-color: #f2f2f2;
  2033. padding: 5px 10px;
  2034. border: 1px dotted #000;
  2035. white-space: nowrap
  2036. }
  2037. .layui-tree-drag i {
  2038. padding-right: 5px
  2039. }
  2040. .layui-nav {
  2041. position: relative;
  2042. padding: 0 20px;
  2043. background-color: #393D49;
  2044. color: #fff;
  2045. border-radius: 2px;
  2046. font-size: 0;
  2047. box-sizing: border-box
  2048. }
  2049. .layui-nav * {
  2050. font-size: 12px
  2051. }
  2052. .layui-nav .iconfont{
  2053. font-size: 16px
  2054. }
  2055. .layui-nav .layui-nav-item {
  2056. position: relative;
  2057. display: inline-block;
  2058. *display: inline;
  2059. *zoom: 1;
  2060. vertical-align: middle;
  2061. line-height: 50px
  2062. }
  2063. .layui-nav .layui-nav-item a {
  2064. display: block;
  2065. padding: 0 20px;
  2066. color: #fff;
  2067. opacity: .8;
  2068. transition: all .3s;
  2069. -webkit-transition: all .3s
  2070. }
  2071. .layui-nav .layui-nav-item a i {
  2072. margin-right: 10px;
  2073. }
  2074. .layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after {
  2075. position: absolute;
  2076. left: 0;
  2077. top: 0;
  2078. width: 0;
  2079. height: 5px;
  2080. background-color: #1E9FFF;
  2081. transition: all .2s;
  2082. -webkit-transition: all .2s
  2083. }
  2084. .layui-nav-bar {
  2085. z-index: 1000
  2086. }
  2087. .layui-nav .layui-nav-item a:hover,.layui-nav .layui-this a {
  2088. opacity: 1
  2089. }
  2090. .layui-nav .layui-this:after {
  2091. content: '';
  2092. top: auto;
  2093. bottom: 0;
  2094. width: 100%
  2095. }
  2096. .layui-nav-img {
  2097. width: 30px;
  2098. height: 30px;
  2099. margin-right: 10px;
  2100. border-radius: 50%
  2101. }
  2102. .layui-nav .layui-nav-more {
  2103. content: '';
  2104. width: 0;
  2105. height: 0;
  2106. border-style: solid dashed dashed;
  2107. border-color: #fff transparent transparent;
  2108. overflow: hidden;
  2109. cursor: pointer;
  2110. transition: all .2s;
  2111. -webkit-transition: all .2s;
  2112. position: absolute;
  2113. top: 23px;
  2114. right: 3px;
  2115. border-width: 6px;
  2116. opacity: .8
  2117. }
  2118. .layui-nav .layui-nav-mored,.layui-nav-itemed .layui-nav-more {
  2119. top: 17px;
  2120. border-style: dashed dashed solid;
  2121. border-color: transparent transparent #fff
  2122. }
  2123. .layui-nav-child {
  2124. display: none;
  2125. position: absolute;
  2126. left: 0;
  2127. top: 55px;
  2128. min-width: 100%;
  2129. line-height: 36px;
  2130. padding: 5px 0;
  2131. box-shadow: 0 2px 4px rgba(0,0,0,.12);
  2132. border: 1px solid #d2d2d2;
  2133. background-color: #fff;
  2134. z-index: 100;
  2135. border-radius: 2px;
  2136. white-space: nowrap
  2137. }
  2138. .layui-nav .layui-nav-child a {
  2139. color: #333
  2140. }
  2141. .layui-nav .layui-nav-child a:hover {
  2142. background-color: #f2f2f2
  2143. }
  2144. .layui-nav-child dd {
  2145. position: relative
  2146. }
  2147. .layui-nav .layui-nav-child dd.layui-this a,.layui-nav-child dd.layui-this {
  2148. background-color: #1E9FFF;
  2149. color: #fff
  2150. }
  2151. .layui-nav-child dd.layui-this:after {
  2152. display: none
  2153. }
  2154. .layui-nav-tree {
  2155. width: 180px;
  2156. padding: 0
  2157. }
  2158. .layui-nav-tree .layui-nav-item {
  2159. display: block;
  2160. width: 100%;
  2161. line-height: 45px
  2162. }
  2163. .layui-nav-tree .layui-nav-item a {
  2164. height: 45px;
  2165. text-overflow: ellipsis;
  2166. overflow: hidden;
  2167. white-space: nowrap
  2168. }
  2169. .layui-nav-tree .layui-nav-item a:hover {
  2170. background-color: #4E5465
  2171. }
  2172. .layui-nav-tree .layui-nav-bar {
  2173. width: 5px;
  2174. height: 0;
  2175. background-color: #1E9FFF
  2176. }
  2177. .layui-nav-tree .layui-nav-child dd.layui-this,.layui-nav-tree .layui-nav-child dd.layui-this a,.layui-nav-tree .layui-this,.layui-nav-tree .layui-this>a,.layui-nav-tree .layui-this>a:hover {
  2178. background-color: #1E9FFF;
  2179. color: #fff
  2180. }
  2181. .layui-nav-tree .layui-this:after {
  2182. display: none
  2183. }
  2184. .layui-nav-itemed>a,.layui-nav-tree .layui-nav-title a,.layui-nav-tree .layui-nav-title a:hover {
  2185. color: #fff!important
  2186. }
  2187. .layui-nav-tree .layui-nav-child {
  2188. position: relative;
  2189. z-index: 0;
  2190. top: 0;
  2191. border: none;
  2192. box-shadow: none
  2193. }
  2194. .layui-nav-tree .layui-nav-child a {
  2195. height: 40px;
  2196. line-height: 40px;
  2197. color: #fff;
  2198. opacity: .8
  2199. }
  2200. .layui-nav-tree .layui-nav-child,.layui-nav-tree .layui-nav-child a:hover {
  2201. background: 0 0;
  2202. opacity: 1
  2203. }
  2204. .layui-nav-tree .layui-nav-more {
  2205. top: 20px;
  2206. right: 10px
  2207. }
  2208. .layui-nav-itemed .layui-nav-more {
  2209. top: 14px
  2210. }
  2211. .layui-nav-itemed .layui-nav-child {
  2212. display: block;
  2213. padding: 0;
  2214. background-color: rgba(0,0,0,.3)!important
  2215. }
  2216. .layui-nav-side {
  2217. position: fixed;
  2218. top: 0;
  2219. bottom: 0;
  2220. left: 0;
  2221. overflow-x: hidden;
  2222. z-index: 999
  2223. }
  2224. .layui-bg-blue .layui-nav-bar,.layui-bg-blue .layui-nav-itemed:after,.layui-bg-blue .layui-this:after {
  2225. background-color: #1E9FFF
  2226. }
  2227. .layui-bg-blue .layui-nav-child dd.layui-this {
  2228. background-color: #1E9FFF
  2229. }
  2230. .layui-bg-blue .layui-nav-itemed>a,.layui-nav-tree.layui-bg-blue .layui-nav-title a,.layui-nav-tree.layui-bg-blue .layui-nav-title a:hover {
  2231. background-color: #007DDB!important
  2232. }
  2233. .layui-breadcrumb {
  2234. visibility: hidden;
  2235. font-size: 0
  2236. }
  2237. .layui-breadcrumb a {
  2238. padding-right: 8px;
  2239. line-height: 22px;
  2240. font-size: 14px;
  2241. color: #333!important
  2242. }
  2243. .layui-breadcrumb a:hover {
  2244. color: #01AAED!important
  2245. }
  2246. .layui-breadcrumb a cite,.layui-breadcrumb a span {
  2247. color: #666;
  2248. cursor: text;
  2249. font-style: normal
  2250. }
  2251. .layui-breadcrumb a span {
  2252. padding-left: 8px;
  2253. font-family: Sim sun
  2254. }
  2255. .layui-tab {
  2256. margin: 0;
  2257. text-align: left!important
  2258. }
  2259. .layui-tab[overflow]>.layui-tab-title {
  2260. overflow: hidden
  2261. }
  2262. .layui-tab-title {
  2263. position: relative;
  2264. left: 0;
  2265. height: 40px;
  2266. white-space: nowrap;
  2267. font-size: 0;
  2268. border-bottom: 1px solid #e2e2e2;
  2269. transition: all .2s;
  2270. -webkit-transition: all .2s
  2271. }
  2272. .layui-tab-title li {
  2273. display: inline-block;
  2274. *display: inline;
  2275. *zoom: 1;
  2276. vertical-align: middle;
  2277. font-size: 14px;
  2278. transition: all .2s;
  2279. -webkit-transition: all .2s;
  2280. position: relative;
  2281. line-height: 40px;
  2282. min-width: 65px;
  2283. padding: 0 15px;
  2284. text-align: center;
  2285. cursor: pointer
  2286. }
  2287. .layui-tab-title li a {
  2288. display: block
  2289. }
  2290. .layui-tab-title .layui-this {
  2291. color: #000
  2292. }
  2293. .layui-tab-title .layui-this:after {
  2294. position: absolute;
  2295. left: 0;
  2296. top: 0;
  2297. content: '';
  2298. width: 100%;
  2299. height: 41px;
  2300. border: 1px solid #e2e2e2;
  2301. border-bottom-color: #fff;
  2302. border-radius: 2px 2px 0 0;
  2303. box-sizing: border-box;
  2304. pointer-events: none
  2305. }
  2306. .layui-tab-bar {
  2307. position: absolute;
  2308. right: 0;
  2309. top: 0;
  2310. z-index: 10;
  2311. width: 30px;
  2312. height: 39px;
  2313. line-height: 39px;
  2314. border: 1px solid #e2e2e2;
  2315. border-radius: 2px;
  2316. text-align: center;
  2317. background-color: #fff;
  2318. cursor: pointer
  2319. }
  2320. .layui-tab-bar .layui-icon {
  2321. position: relative;
  2322. display: inline-block;
  2323. top: 3px;
  2324. transition: all .3s;
  2325. -webkit-transition: all .3s
  2326. }
  2327. .layui-tab-item {
  2328. display: none
  2329. }
  2330. .layui-tab-more {
  2331. padding-right: 30px;
  2332. height: auto!important;
  2333. white-space: normal!important
  2334. }
  2335. .layui-tab-more li.layui-this:after {
  2336. border-bottom-color: #e2e2e2;
  2337. border-radius: 2px
  2338. }
  2339. .layui-tab-more .layui-tab-bar .layui-icon {
  2340. top: -2px;
  2341. top: 3px\9;
  2342. -webkit-transform: rotate(180deg);
  2343. transform: rotate(180deg)
  2344. }
  2345. :root .layui-tab-more .layui-tab-bar .layui-icon {
  2346. top: -2px\0/IE9
  2347. }
  2348. .layui-tab-content {
  2349. padding: 0;
  2350. }
  2351. .layui-tab-title li .layui-tab-close {
  2352. position: relative;
  2353. display: inline-block;
  2354. width: 18px;
  2355. height: 18px;
  2356. line-height: 20px;
  2357. margin-left: 8px;
  2358. top: 1px;
  2359. text-align: center;
  2360. font-size: 14px;
  2361. color: #c2c2c2;
  2362. transition: all .2s;
  2363. -webkit-transition: all .2s
  2364. }
  2365. .layui-tab-title li .layui-tab-close:hover {
  2366. border-radius: 2px;
  2367. background-color: #FF5722;
  2368. color: #fff
  2369. }
  2370. .layui-tab-brief>.layui-tab-title .layui-this {
  2371. color: #1E9FFF
  2372. }
  2373. .layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after {
  2374. border: none;
  2375. border-radius: 0;
  2376. border-bottom: 2px solid #1E9FFF
  2377. }
  2378. .layui-tab-brief[overflow]>.layui-tab-title .layui-this:after {
  2379. top: -1px
  2380. }
  2381. .layui-tab-card {
  2382. border: 1px solid #e2e2e2;
  2383. border-radius: 2px;
  2384. box-shadow: 0 2px 5px 0 rgba(0,0,0,.1)
  2385. }
  2386. .layui-tab-card>.layui-tab-title {
  2387. background-color: #f2f2f2
  2388. }
  2389. .layui-tab-card>.layui-tab-title li {
  2390. margin-right: -1px;
  2391. margin-left: -1px
  2392. }
  2393. .layui-tab-card>.layui-tab-title .layui-this {
  2394. background-color: #fff
  2395. }
  2396. .layui-tab-card>.layui-tab-title .layui-this:after {
  2397. border-top: none;
  2398. border-width: 1px;
  2399. border-bottom-color: #fff
  2400. }
  2401. .layui-tab-card>.layui-tab-title .layui-tab-bar {
  2402. height: 40px;
  2403. line-height: 40px;
  2404. border-radius: 0;
  2405. border-top: none;
  2406. border-right: none
  2407. }
  2408. .layui-tab-card>.layui-tab-more .layui-this {
  2409. background: 0 0;
  2410. color: #1E9FFF
  2411. }
  2412. .layui-tab-card>.layui-tab-more .layui-this:after {
  2413. border: none
  2414. }
  2415. .layui-timeline {
  2416. padding-left: 5px
  2417. }
  2418. .layui-timeline-item {
  2419. position: relative;
  2420. padding-bottom: 20px
  2421. }
  2422. .layui-timeline-axis {
  2423. position: absolute;
  2424. left: -5px;
  2425. top: 0;
  2426. z-index: 10;
  2427. width: 20px;
  2428. height: 20px;
  2429. line-height: 20px;
  2430. background-color: #fff;
  2431. color: #1E9FFF;
  2432. border-radius: 50%;
  2433. text-align: center;
  2434. cursor: pointer
  2435. }
  2436. .layui-timeline-axis:hover {
  2437. color: #FF5722
  2438. }
  2439. .layui-timeline-item:before {
  2440. content: '';
  2441. position: absolute;
  2442. left: 5px;
  2443. top: 0;
  2444. z-index: 0;
  2445. width: 1px;
  2446. height: 100%;
  2447. background-color: #e2e2e2
  2448. }
  2449. .layui-timeline-item:last-child:before {
  2450. display: none
  2451. }
  2452. .layui-timeline-item:first-child:before {
  2453. display: block
  2454. }
  2455. .layui-timeline-content {
  2456. padding-left: 25px
  2457. }
  2458. .layui-badge,.layui-badge-rim {
  2459. line-height: 18px;
  2460. padding: 0 5px
  2461. }
  2462. .layui-timeline-title {
  2463. position: relative;
  2464. margin-bottom: 10px
  2465. }
  2466. .layui-badge,.layui-badge-dot,.layui-badge-rim {
  2467. position: relative;
  2468. display: inline-block;
  2469. font-size: 12px;
  2470. background-color: #FF5722;
  2471. color: #fff
  2472. }
  2473. .layui-badge {
  2474. min-width: 8px;
  2475. height: 18px;
  2476. text-align: center;
  2477. border-radius: 9px
  2478. }
  2479. .layui-badge-dot {
  2480. width: 8px;
  2481. height: 8px;
  2482. border-radius: 50%
  2483. }
  2484. .layui-badge-rim {
  2485. height: 18px;
  2486. border: 1px solid #e2e2e2;
  2487. border-radius: 3px;
  2488. background-color: #fff;
  2489. color: #666
  2490. }
  2491. .layui-btn .layui-badge,.layui-btn .layui-badge-dot {
  2492. margin-left: 5px
  2493. }
  2494. .layui-nav .layui-badge,.layui-nav .layui-badge-dot {
  2495. position: absolute;
  2496. top: 50%;
  2497. margin: -10px 6px 0
  2498. }
  2499. .layui-tab-title .layui-badge,.layui-tab-title .layui-badge-dot {
  2500. left: 5px;
  2501. top: -2px
  2502. }
  2503. .layui-carousel {
  2504. position: relative;
  2505. left: 0;
  2506. top: 0;
  2507. background-color: #f2f2f2
  2508. }
  2509. .layui-carousel>[carousel-item] {
  2510. position: relative;
  2511. width: 100%;
  2512. height: 100%;
  2513. overflow: hidden
  2514. }
  2515. .layui-carousel>[carousel-item]:before {
  2516. position: absolute;
  2517. content: '\e63d';
  2518. left: 50%;
  2519. top: 50%;
  2520. width: 100px;
  2521. line-height: 20px;
  2522. margin: -10px 0 0 -50px;
  2523. text-align: center;
  2524. color: #999;
  2525. font-family: layui-icon!important;
  2526. font-size: 20px;
  2527. font-style: normal;
  2528. -webkit-font-smoothing: antialiased;
  2529. -moz-osx-font-smoothing: grayscale
  2530. }
  2531. .layui-carousel>[carousel-item]>* {
  2532. display: none;
  2533. position: absolute;
  2534. left: 0;
  2535. top: 0;
  2536. width: 100%;
  2537. height: 100%;
  2538. background-color: #f2f2f2;
  2539. transition-duration: .3s;
  2540. -webkit-transition-duration: .3s
  2541. }
  2542. .layui-carousel-updown>* {
  2543. -webkit-transition: .3s ease-in-out up;
  2544. transition: .3s ease-in-out up
  2545. }
  2546. .layui-carousel-arrow {
  2547. display: none\9;
  2548. opacity: 0;
  2549. position: absolute;
  2550. left: 10px;
  2551. top: 50%;
  2552. margin-top: -18px;
  2553. width: 36px;
  2554. height: 36px;
  2555. line-height: 36px;
  2556. text-align: center;
  2557. font-size: 20px;
  2558. border: 0;
  2559. border-radius: 50%;
  2560. background-color: rgba(0,0,0,.2);
  2561. color: #fff;
  2562. -webkit-transition-duration: .3s;
  2563. transition-duration: .3s;
  2564. cursor: pointer
  2565. }
  2566. .layui-carousel-arrow[lay-type=add] {
  2567. left: auto!important;
  2568. right: 10px
  2569. }
  2570. .layui-carousel:hover .layui-carousel-arrow[lay-type=add],.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
  2571. right: 20px
  2572. }
  2573. .layui-carousel[lay-arrow=always] .layui-carousel-arrow {
  2574. opacity: 1;
  2575. left: 20px
  2576. }
  2577. .layui-carousel[lay-arrow=none] .layui-carousel-arrow {
  2578. display: none
  2579. }
  2580. .layui-carousel-arrow:hover,.layui-carousel-ind ul:hover {
  2581. background-color: rgba(0,0,0,.35)
  2582. }
  2583. .layui-carousel:hover .layui-carousel-arrow {
  2584. display: block\9;
  2585. opacity: 1;
  2586. left: 20px
  2587. }
  2588. .layui-carousel-ind {
  2589. position: relative;
  2590. top: -35px;
  2591. width: 100%;
  2592. line-height: 0!important;
  2593. text-align: center;
  2594. font-size: 0
  2595. }
  2596. .layui-carousel[lay-indicator=outside] {
  2597. margin-bottom: 30px
  2598. }
  2599. .layui-carousel[lay-indicator=outside] .layui-carousel-ind {
  2600. top: 10px
  2601. }
  2602. .layui-carousel[lay-indicator=outside] .layui-carousel-ind ul {
  2603. background-color: rgba(0,0,0,.5)
  2604. }
  2605. .layui-carousel[lay-indicator=none] .layui-carousel-ind {
  2606. display: none
  2607. }
  2608. .layui-carousel-ind ul {
  2609. display: inline-block;
  2610. padding: 5px;
  2611. background-color: rgba(0,0,0,.2);
  2612. border-radius: 10px;
  2613. -webkit-transition-duration: .3s;
  2614. transition-duration: .3s
  2615. }
  2616. .layui-carousel-ind li {
  2617. display: inline-block;
  2618. width: 10px;
  2619. height: 10px;
  2620. margin: 0 3px;
  2621. font-size: 14px;
  2622. background-color: #e2e2e2;
  2623. background-color: rgba(255,255,255,.5);
  2624. border-radius: 50%;
  2625. cursor: pointer;
  2626. -webkit-transition-duration: .3s;
  2627. transition-duration: .3s
  2628. }
  2629. .layui-carousel-ind li:hover {
  2630. background-color: rgba(255,255,255,.7)
  2631. }
  2632. .layui-carousel-ind li.layui-this {
  2633. background-color: #fff
  2634. }
  2635. .layui-carousel>[carousel-item]>.layui-carousel-next,.layui-carousel>[carousel-item]>.layui-carousel-prev,.layui-carousel>[carousel-item]>.layui-this {
  2636. display: block
  2637. }
  2638. .layui-carousel>[carousel-item]>.layui-this {
  2639. left: 0
  2640. }
  2641. .layui-carousel>[carousel-item]>.layui-carousel-prev {
  2642. left: -100%
  2643. }
  2644. .layui-carousel>[carousel-item]>.layui-carousel-next {
  2645. left: 100%
  2646. }
  2647. .layui-carousel>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel>[carousel-item]>.layui-carousel-prev.layui-carousel-right {
  2648. left: 0
  2649. }
  2650. .layui-carousel>[carousel-item]>.layui-this.layui-carousel-left {
  2651. left: -100%
  2652. }
  2653. .layui-carousel>[carousel-item]>.layui-this.layui-carousel-right {
  2654. left: 100%
  2655. }
  2656. .layui-carousel[lay-anim=updown] .layui-carousel-arrow {
  2657. left: 50%!important;
  2658. top: 20px;
  2659. margin: 0 0 0 -18px
  2660. }
  2661. .layui-carousel[lay-anim=updown]>[carousel-item]>*,.layui-carousel[lay-anim=fade]>[carousel-item]>* {
  2662. left: 0!important
  2663. }
  2664. .layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=add] {
  2665. top: auto!important;
  2666. bottom: 20px
  2667. }
  2668. .layui-carousel[lay-anim=updown] .layui-carousel-ind {
  2669. position: absolute;
  2670. top: 50%;
  2671. right: 20px;
  2672. width: auto;
  2673. height: auto
  2674. }
  2675. .layui-carousel[lay-anim=updown] .layui-carousel-ind ul {
  2676. padding: 3px 5px
  2677. }
  2678. .layui-carousel[lay-anim=updown] .layui-carousel-ind li {
  2679. display: block;
  2680. margin: 6px 0
  2681. }
  2682. .layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this {
  2683. top: 0
  2684. }
  2685. .layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev {
  2686. top: -100%
  2687. }
  2688. .layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next {
  2689. top: 100%
  2690. }
  2691. .layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev.layui-carousel-right {
  2692. top: 0
  2693. }
  2694. .layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-left {
  2695. top: -100%
  2696. }
  2697. .layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-right {
  2698. top: 100%
  2699. }
  2700. .layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev {
  2701. opacity: 0
  2702. }
  2703. .layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev.layui-carousel-right {
  2704. opacity: 1
  2705. }
  2706. .layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-left,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-right {
  2707. opacity: 0
  2708. }
  2709. .layui-fixbar {
  2710. position: fixed;
  2711. right: 15px;
  2712. bottom: 15px;
  2713. z-index: 9999
  2714. }
  2715. .layui-fixbar li {
  2716. width: 50px;
  2717. height: 50px;
  2718. line-height: 50px;
  2719. margin-bottom: 1px;
  2720. text-align: center;
  2721. cursor: pointer;
  2722. font-size: 30px;
  2723. background-color: #9F9F9F;
  2724. color: #fff;
  2725. border-radius: 2px;
  2726. opacity: .95
  2727. }
  2728. .layui-fixbar li:hover {
  2729. opacity: .85
  2730. }
  2731. .layui-fixbar li:active {
  2732. opacity: 1
  2733. }
  2734. .layui-fixbar .layui-fixbar-top {
  2735. display: none;
  2736. font-size: 40px
  2737. }
  2738. body .layui-util-face {
  2739. border: none;
  2740. background: 0 0
  2741. }
  2742. body .layui-util-face .layui-layer-content {
  2743. padding: 0;
  2744. background-color: #fff;
  2745. color: #666;
  2746. box-shadow: none
  2747. }
  2748. .layui-util-face .layui-layer-TipsG {
  2749. display: none
  2750. }
  2751. .layui-util-face ul {
  2752. position: relative;
  2753. width: 372px;
  2754. padding: 10px;
  2755. border: 1px solid #D9D9D9;
  2756. background-color: #fff;
  2757. box-shadow: 0 0 20px rgba(0,0,0,.2)
  2758. }
  2759. .layui-util-face ul li {
  2760. cursor: pointer;
  2761. float: left;
  2762. border: 1px solid #e8e8e8;
  2763. height: 22px;
  2764. width: 26px;
  2765. overflow: hidden;
  2766. margin: -1px 0 0 -1px;
  2767. padding: 4px 2px;
  2768. text-align: center
  2769. }
  2770. .layui-util-face ul li:hover {
  2771. position: relative;
  2772. z-index: 2;
  2773. border: 1px solid #eb7350;
  2774. background: #fff9ec
  2775. }
  2776. .layui-anim {
  2777. -webkit-animation-duration: .3s;
  2778. animation-duration: .3s;
  2779. -webkit-animation-fill-mode: both;
  2780. animation-fill-mode: both
  2781. }
  2782. .layui-anim.layui-icon {
  2783. display: inline-block
  2784. }
  2785. .layui-anim-loop {
  2786. -webkit-animation-iteration-count: infinite;
  2787. animation-iteration-count: infinite
  2788. }
  2789. @-webkit-keyframes layui-rotate {
  2790. from {
  2791. -webkit-transform: rotate(0)
  2792. }
  2793. to {
  2794. -webkit-transform: rotate(360deg)
  2795. }
  2796. }
  2797. @keyframes layui-rotate {
  2798. from {
  2799. transform: rotate(0)
  2800. }
  2801. to {
  2802. transform: rotate(360deg)
  2803. }
  2804. }
  2805. .layui-anim-rotate {
  2806. -webkit-animation-name: layui-rotate;
  2807. animation-name: layui-rotate;
  2808. -webkit-animation-duration: 1s;
  2809. animation-duration: 1s;
  2810. -webkit-animation-timing-function: linear;
  2811. animation-timing-function: linear
  2812. }
  2813. @-webkit-keyframes layui-up {
  2814. from {
  2815. -webkit-transform: translate3d(0,100%,0);
  2816. opacity: .3
  2817. }
  2818. to {
  2819. -webkit-transform: translate3d(0,0,0);
  2820. opacity: 1
  2821. }
  2822. }
  2823. @keyframes layui-up {
  2824. from {
  2825. transform: translate3d(0,100%,0);
  2826. opacity: .3
  2827. }
  2828. to {
  2829. transform: translate3d(0,0,0);
  2830. opacity: 1
  2831. }
  2832. }
  2833. .layui-anim-up {
  2834. -webkit-animation-name: layui-up;
  2835. animation-name: layui-up
  2836. }
  2837. @-webkit-keyframes layui-upbit {
  2838. from {
  2839. -webkit-transform: translate3d(0,30px,0);
  2840. opacity: .3
  2841. }
  2842. to {
  2843. -webkit-transform: translate3d(0,0,0);
  2844. opacity: 1
  2845. }
  2846. }
  2847. @keyframes layui-upbit {
  2848. from {
  2849. transform: translate3d(0,30px,0);
  2850. opacity: .3
  2851. }
  2852. to {
  2853. transform: translate3d(0,0,0);
  2854. opacity: 1
  2855. }
  2856. }
  2857. .layui-anim-upbit {
  2858. -webkit-animation-name: layui-upbit;
  2859. animation-name: layui-upbit
  2860. }
  2861. @-webkit-keyframes layui-scale {
  2862. 0% {
  2863. opacity: .3;
  2864. -webkit-transform: scale(.5)
  2865. }
  2866. 100% {
  2867. opacity: 1;
  2868. -webkit-transform: scale(1)
  2869. }
  2870. }
  2871. @keyframes layui-scale {
  2872. 0% {
  2873. opacity: .3;
  2874. -ms-transform: scale(.5);
  2875. transform: scale(.5)
  2876. }
  2877. 100% {
  2878. opacity: 1;
  2879. -ms-transform: scale(1);
  2880. transform: scale(1)
  2881. }
  2882. }
  2883. .layui-anim-scale {
  2884. -webkit-animation-name: layui-scale;
  2885. animation-name: layui-scale
  2886. }
  2887. @-webkit-keyframes layui-scale-spring {
  2888. 0% {
  2889. opacity: .5;
  2890. -webkit-transform: scale(.5)
  2891. }
  2892. 80% {
  2893. opacity: .8;
  2894. -webkit-transform: scale(1.1)
  2895. }
  2896. 100% {
  2897. opacity: 1;
  2898. -webkit-transform: scale(1)
  2899. }
  2900. }
  2901. @keyframes layui-scale-spring {
  2902. 0% {
  2903. opacity: .5;
  2904. transform: scale(.5)
  2905. }
  2906. 80% {
  2907. opacity: .8;
  2908. transform: scale(1.1)
  2909. }
  2910. 100% {
  2911. opacity: 1;
  2912. transform: scale(1)
  2913. }
  2914. }
  2915. .layui-anim-scaleSpring {
  2916. -webkit-animation-name: layui-scale-spring;
  2917. animation-name: layui-scale-spring
  2918. }
  2919. @-webkit-keyframes layui-fadein {
  2920. 0% {
  2921. opacity: 0
  2922. }
  2923. 100% {
  2924. opacity: 1
  2925. }
  2926. }
  2927. @keyframes layui-fadein {
  2928. 0% {
  2929. opacity: 0
  2930. }
  2931. 100% {
  2932. opacity: 1
  2933. }
  2934. }
  2935. .layui-anim-fadein {
  2936. -webkit-animation-name: layui-fadein;
  2937. animation-name: layui-fadein
  2938. }
  2939. @-webkit-keyframes layui-fadeout {
  2940. 0% {
  2941. opacity: 1
  2942. }
  2943. 100% {
  2944. opacity: 0
  2945. }
  2946. }
  2947. @keyframes layui-fadeout {
  2948. 0% {
  2949. opacity: 1
  2950. }
  2951. 100% {
  2952. opacity: 0
  2953. }
  2954. }
  2955. .layui-anim-fadeout {
  2956. -webkit-animation-name: layui-fadeout;
  2957. animation-name: layui-fadeout
  2958. }
  2959. .alert-info {
  2960. color: #31708f;
  2961. background-color: #d9edf7;
  2962. border-color: #bce8f1;
  2963. }
  2964. .alert {
  2965. padding: 15px;
  2966. margin-bottom: 20px;
  2967. border: 1px solid transparent;
  2968. border-radius: 4px;
  2969. }
  2970. .layui-card-body,.layui-card-header,.layui-form-label,.layui-form-mid,.layui-form-select,.layui-input-block,.layui-input-inline,.layui-textarea {
  2971. position: relative
  2972. }
  2973. .layui-card {
  2974. margin-bottom: 15px;
  2975. border-radius: 2px;
  2976. background-color: #fff;
  2977. box-shadow: 0 1px 2px 0 rgba(0,0,0,.05)
  2978. }
  2979. .layui-card:last-child {
  2980. margin-bottom: 0
  2981. }
  2982. .layui-card-header {
  2983. height: 42px;
  2984. line-height: 42px;
  2985. padding: 0 15px;
  2986. border-bottom: 1px solid #f6f6f6;
  2987. color: #333;
  2988. border-radius: 2px 2px 0 0;
  2989. font-size: 14px
  2990. }
  2991. .layui-bg-black,.layui-bg-blue,.layui-bg-cyan,.layui-bg-green,.layui-bg-orange,.layui-bg-red {
  2992. color: #fff!important
  2993. }
  2994. .layui-card-body {
  2995. padding: 10px 15px;
  2996. line-height: 24px
  2997. }
  2998. .layui-card-body[pad15] {
  2999. padding: 15px
  3000. }
  3001. .layui-card-body[pad20] {
  3002. padding: 20px
  3003. }
  3004. .layui-card-body .layui-table {
  3005. margin: 5px 0
  3006. }
  3007. .layui-card .layui-tab {
  3008. margin: 0
  3009. }
  3010. .layui-card-header .layui-a-tips {
  3011. position: absolute;
  3012. right: 15px;
  3013. color: #01AAED
  3014. }
  3015. .layuiadmin-card-text {
  3016. background-color: #f8f8f8;
  3017. color: #777;
  3018. padding: 24px
  3019. }
  3020. .layuiadmin-card-text .layui-text-top {
  3021. padding-bottom: 10px
  3022. }
  3023. .layuiadmin-card-text .layui-text-top i {
  3024. margin-right: 10px;
  3025. font-size: 24px;
  3026. color: #009688
  3027. }
  3028. .layuiadmin-card-text .layui-text-top a {
  3029. line-height: 24px;
  3030. font-size: 16px;
  3031. vertical-align: top
  3032. }
  3033. .layuiadmin-card-text .layui-text-center {
  3034. height: 44px;
  3035. line-height: 22px;
  3036. margin-bottom: 10px;
  3037. overflow: hidden
  3038. }
  3039. .layuiadmin-card-text .layui-text-bottom {
  3040. position: relative
  3041. }
  3042. .layuiadmin-card-text .layui-text-bottom a {
  3043. color: #777;
  3044. font-size: 12px;
  3045. text-overflow: ellipsis;
  3046. word-break: break-all
  3047. }
  3048. .layuiadmin-card-text .layui-text-bottom span {
  3049. color: #CCC;
  3050. font-size: 12px;
  3051. position: absolute;
  3052. right: 0
  3053. }
  3054. .layuiadmin-badge,.layuiadmin-btn-group,.layuiadmin-span-color {
  3055. position: absolute;
  3056. right: 15px
  3057. }
  3058. .layuiadmin-card-link a:hover,.layuiadmin-card-team li a:hover,.layuiadmin-card-text a:hover {
  3059. color: #01AAED;
  3060. transition: all .3s
  3061. }
  3062. .layuiadmin-card-status {
  3063. padding: 0 10px 10px
  3064. }
  3065. .layuiadmin-card-status dd {
  3066. padding: 15px 0;
  3067. border-bottom: 1px solid #EEE;
  3068. display: -webkit-flex;
  3069. display: flex
  3070. }
  3071. .layuiadmin-card-status dd:last-child {
  3072. border: none
  3073. }
  3074. .layuiadmin-card-status dd div.layui-status-img,.layuiadmin-card-team .layui-team-img {
  3075. width: 32px;
  3076. height: 32px;
  3077. border-radius: 50%;
  3078. background-color: #009688;
  3079. margin-right: 15px
  3080. }
  3081. .layuiadmin-card-status dd div.layui-status-img a {
  3082. width: 100%;
  3083. height: 100%;
  3084. display: inline-block;
  3085. text-align: center;
  3086. line-height: 32px
  3087. }
  3088. .layuiadmin-card-status dd div.layui-status-img img,.layuiadmin-card-team .layui-team-img img {
  3089. width: 50%;
  3090. height: 50%
  3091. }
  3092. .layuiadmin-card-status dd div a {
  3093. color: #01AAED
  3094. }
  3095. .layuiadmin-card-status dd div span {
  3096. color: #BBB
  3097. }
  3098. .layuiadmin-card-link {
  3099. padding-left: 10px;
  3100. font-size: 0
  3101. }
  3102. .layuiadmin-card-link a {
  3103. display: inline-block;
  3104. width: 25%;
  3105. color: #666;
  3106. font-size: 14px;
  3107. margin-bottom: 12px
  3108. }
  3109. .layuiadmin-card-link button {
  3110. vertical-align: top
  3111. }
  3112. .layuiadmin-card-link button:hover {
  3113. color: #009688
  3114. }
  3115. .layuiadmin-card-team li {
  3116. padding: 10px 0 10px 10px
  3117. }
  3118. .layuiadmin-card-team .layui-team-img {
  3119. display: inline-block;
  3120. margin-right: 8px;
  3121. width: 24px;
  3122. height: 24px;
  3123. text-align: center;
  3124. line-height: 24px
  3125. }
  3126. .layuiadmin-card-team span {
  3127. color: #777
  3128. }
  3129. .layuiadmin-badge {
  3130. top: 50%;
  3131. margin-top: -9px;
  3132. color: #01AAED
  3133. }
  3134. .layuiadmin-card-list {
  3135. padding: 15px
  3136. }
  3137. .layuiadmin-card-list p.layuiadmin-big-font {
  3138. font-size: 36px;
  3139. color: #666;
  3140. line-height: 36px;
  3141. padding: 5px 0 10px;
  3142. overflow: hidden;
  3143. text-overflow: ellipsis;
  3144. word-break: break-all;
  3145. white-space: nowrap
  3146. }
  3147. .layuiadmin-card-list p.layuiadmin-normal-font {
  3148. padding-bottom: 10px;
  3149. font-size: 20px;
  3150. color: #666;
  3151. line-height: 24px
  3152. }
  3153. .layuiadmin-span-color {
  3154. font-size: 14px
  3155. }
  3156. .layuiadmin-span-color i {
  3157. padding-left: 5px
  3158. }
  3159. .layuiadmin-card-status li {
  3160. position: relative;
  3161. padding: 10px 0;
  3162. border-bottom: 1px solid #EEE
  3163. }
  3164. .layuiadmin-card-status li h3 {
  3165. padding-bottom: 5px;
  3166. font-weight: 700
  3167. }
  3168. .layuiadmin-card-status li p {
  3169. padding-bottom: 10px
  3170. }
  3171. .layuiadmin-card-status li>span {
  3172. color: #999
  3173. }