layui.css 75 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094
  1. /** layui-v2.4.5 MIT License By https://www.layui.com*/
  2. .layui-inline,img {
  3. display:inline-block;
  4. vertical-align:middle
  5. }
  6. h1,h2,h3,h4,h5,h6 {
  7. font-weight:400
  8. }
  9. .layui-edge,.layui-header,.layui-inline,.layui-main {
  10. position:relative
  11. }
  12. .layui-elip,.layui-form-checkbox span,.layui-form-pane .layui-form-label {
  13. text-overflow:ellipsis;
  14. white-space:nowrap
  15. }
  16. .layui-btn,.layui-edge,.layui-inline,img {
  17. vertical-align:middle
  18. }
  19. .layui-btn,.layui-disabled,.layui-icon,.layui-unselect {
  20. -webkit-user-select:none;
  21. -ms-user-select:none;
  22. -moz-user-select:none
  23. }
  24. blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul {
  25. margin:0;
  26. padding:0;
  27. -webkit-tap-highlight-color:rgba(0,0,0,0)
  28. }
  29. a:active,a:hover {
  30. outline:0
  31. }
  32. img {
  33. border:none
  34. }
  35. li {
  36. list-style:none
  37. }
  38. table {
  39. border-collapse:collapse;
  40. border-spacing:0
  41. }
  42. h4,h5,h6 {
  43. font-size:100%
  44. }
  45. button,input,optgroup,option,select,textarea {
  46. font-family:inherit;
  47. font-size:inherit;
  48. font-style:inherit;
  49. font-weight:inherit;
  50. outline:0
  51. }
  52. pre {
  53. white-space:pre-wrap;
  54. white-space:-moz-pre-wrap;
  55. white-space:-pre-wrap;
  56. white-space:-o-pre-wrap;
  57. word-wrap:break-word
  58. }
  59. body {
  60. line-height:24px;
  61. font:14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif
  62. }
  63. hr {
  64. height:1px;
  65. margin:10px 0;
  66. border:0;
  67. clear:both
  68. }
  69. a {
  70. color:#333;
  71. text-decoration:none
  72. }
  73. a:hover {
  74. color:#777
  75. }
  76. a cite {
  77. font-style:normal;
  78. *cursor:pointer
  79. }
  80. .layui-border-box,.layui-border-box * {
  81. box-sizing:border-box
  82. }
  83. .layui-box,.layui-box * {
  84. box-sizing:content-box
  85. }
  86. .layui-clear {
  87. clear:both;
  88. *zoom:1
  89. }
  90. .layui-clear:after {
  91. content:'\20';
  92. clear:both;
  93. *zoom:1;
  94. display:block;
  95. height:0
  96. }
  97. .layui-inline {
  98. *display:inline;
  99. *zoom:1
  100. }
  101. .layui-edge {
  102. display:inline-block;
  103. width:0;
  104. height:0;
  105. border-width:6px;
  106. border-style:dashed;
  107. border-color:transparent;
  108. overflow:hidden
  109. }
  110. .layui-edge-top {
  111. top:-4px;
  112. border-bottom-color:#999;
  113. border-bottom-style:solid
  114. }
  115. .layui-edge-right {
  116. border-left-color:#999;
  117. border-left-style:solid
  118. }
  119. .layui-edge-bottom {
  120. top:2px;
  121. border-top-color:#999;
  122. border-top-style:solid
  123. }
  124. .layui-edge-left {
  125. border-right-color:#999;
  126. border-right-style:solid
  127. }
  128. .layui-elip {
  129. overflow:hidden
  130. }
  131. .layui-disabled,.layui-disabled:hover {
  132. color:#d2d2d2!important;
  133. cursor:not-allowed!important
  134. }
  135. .layui-circle {
  136. border-radius:100%
  137. }
  138. .layui-show {
  139. display:block!important
  140. }
  141. .layui-hide {
  142. display:none!important
  143. }
  144. @font-face {
  145. font-family:layui-icon;
  146. src:url(../font/iconfont.eot?v=240);
  147. src:url(../font/iconfont.eot?v=240#iefix) format('embedded-opentype'),url(../font/iconfont.svg?v=240#iconfont) format('svg'),url(../font/iconfont.woff?v=240) format('woff'),url(../font/iconfont.ttf?v=240) format('truetype')
  148. }
  149. .layui-icon {
  150. font-family:layui-icon!important;
  151. font-size:16px;
  152. font-style:normal;
  153. -webkit-font-smoothing:antialiased;
  154. -moz-osx-font-smoothing:grayscale
  155. }
  156. .layui-icon-reply-fill:before {
  157. content:"\e611"
  158. }
  159. .layui-icon-set-fill:before {
  160. content:"\e614"
  161. }
  162. .layui-icon-menu-fill:before {
  163. content:"\e60f"
  164. }
  165. .layui-icon-search:before {
  166. content:"\e615"
  167. }
  168. .layui-icon-share:before {
  169. content:"\e641"
  170. }
  171. .layui-icon-set-sm:before {
  172. content:"\e620"
  173. }
  174. .layui-icon-engine:before {
  175. content:"\e628"
  176. }
  177. .layui-icon-close:before {
  178. content:"\1006"
  179. }
  180. .layui-icon-close-fill:before {
  181. content:"\1007"
  182. }
  183. .layui-icon-chart-screen:before {
  184. content:"\e629"
  185. }
  186. .layui-icon-star:before {
  187. content:"\e600"
  188. }
  189. .layui-icon-circle-dot:before {
  190. content:"\e617"
  191. }
  192. .layui-icon-chat:before {
  193. content:"\e606"
  194. }
  195. .layui-icon-release:before {
  196. content:"\e609"
  197. }
  198. .layui-icon-list:before {
  199. content:"\e60a"
  200. }
  201. .layui-icon-chart:before {
  202. content:"\e62c"
  203. }
  204. .layui-icon-ok-circle:before {
  205. content:"\1005"
  206. }
  207. .layui-icon-layim-theme:before {
  208. content:"\e61b"
  209. }
  210. .layui-icon-table:before {
  211. content:"\e62d"
  212. }
  213. .layui-icon-right:before {
  214. content:"\e602"
  215. }
  216. .layui-icon-left:before {
  217. content:"\e603"
  218. }
  219. .layui-icon-cart-simple:before {
  220. content:"\e698"
  221. }
  222. .layui-icon-face-cry:before {
  223. content:"\e69c"
  224. }
  225. .layui-icon-face-smile:before {
  226. content:"\e6af"
  227. }
  228. .layui-icon-survey:before {
  229. content:"\e6b2"
  230. }
  231. .layui-icon-tree:before {
  232. content:"\e62e"
  233. }
  234. .layui-icon-upload-circle:before {
  235. content:"\e62f"
  236. }
  237. .layui-icon-add-circle:before {
  238. content:"\e61f"
  239. }
  240. .layui-icon-download-circle:before {
  241. content:"\e601"
  242. }
  243. .layui-icon-templeate-1:before {
  244. content:"\e630"
  245. }
  246. .layui-icon-util:before {
  247. content:"\e631"
  248. }
  249. .layui-icon-face-surprised:before {
  250. content:"\e664"
  251. }
  252. .layui-icon-edit:before {
  253. content:"\e642"
  254. }
  255. .layui-icon-speaker:before {
  256. content:"\e645"
  257. }
  258. .layui-icon-down:before {
  259. content:"\e61a"
  260. }
  261. .layui-icon-file:before {
  262. content:"\e621"
  263. }
  264. .layui-icon-layouts:before {
  265. content:"\e632"
  266. }
  267. .layui-icon-rate-half:before {
  268. content:"\e6c9"
  269. }
  270. .layui-icon-add-circle-fine:before {
  271. content:"\e608"
  272. }
  273. .layui-icon-prev-circle:before {
  274. content:"\e633"
  275. }
  276. .layui-icon-read:before {
  277. content:"\e705"
  278. }
  279. .layui-icon-404:before {
  280. content:"\e61c"
  281. }
  282. .layui-icon-carousel:before {
  283. content:"\e634"
  284. }
  285. .layui-icon-help:before {
  286. content:"\e607"
  287. }
  288. .layui-icon-code-circle:before {
  289. content:"\e635"
  290. }
  291. .layui-icon-water:before {
  292. content:"\e636"
  293. }
  294. .layui-icon-username:before {
  295. content:"\e66f"
  296. }
  297. .layui-icon-find-fill:before {
  298. content:"\e670"
  299. }
  300. .layui-icon-about:before {
  301. content:"\e60b"
  302. }
  303. .layui-icon-location:before {
  304. content:"\e715"
  305. }
  306. .layui-icon-up:before {
  307. content:"\e619"
  308. }
  309. .layui-icon-pause:before {
  310. content:"\e651"
  311. }
  312. .layui-icon-date:before {
  313. content:"\e637"
  314. }
  315. .layui-icon-layim-uploadfile:before {
  316. content:"\e61d"
  317. }
  318. .layui-icon-delete:before {
  319. content:"\e640"
  320. }
  321. .layui-icon-play:before {
  322. content:"\e652"
  323. }
  324. .layui-icon-top:before {
  325. content:"\e604"
  326. }
  327. .layui-icon-friends:before {
  328. content:"\e612"
  329. }
  330. .layui-icon-refresh-3:before {
  331. content:"\e9aa"
  332. }
  333. .layui-icon-ok:before {
  334. content:"\e605"
  335. }
  336. .layui-icon-layer:before {
  337. content:"\e638"
  338. }
  339. .layui-icon-face-smile-fine:before {
  340. content:"\e60c"
  341. }
  342. .layui-icon-dollar:before {
  343. content:"\e659"
  344. }
  345. .layui-icon-group:before {
  346. content:"\e613"
  347. }
  348. .layui-icon-layim-download:before {
  349. content:"\e61e"
  350. }
  351. .layui-icon-picture-fine:before {
  352. content:"\e60d"
  353. }
  354. .layui-icon-link:before {
  355. content:"\e64c"
  356. }
  357. .layui-icon-diamond:before {
  358. content:"\e735"
  359. }
  360. .layui-icon-log:before {
  361. content:"\e60e"
  362. }
  363. .layui-icon-rate-solid:before {
  364. content:"\e67a"
  365. }
  366. .layui-icon-fonts-del:before {
  367. content:"\e64f"
  368. }
  369. .layui-icon-unlink:before {
  370. content:"\e64d"
  371. }
  372. .layui-icon-fonts-clear:before {
  373. content:"\e639"
  374. }
  375. .layui-icon-triangle-r:before {
  376. content:"\e623"
  377. }
  378. .layui-icon-circle:before {
  379. content:"\e63f"
  380. }
  381. .layui-icon-radio:before {
  382. content:"\e643"
  383. }
  384. .layui-icon-align-center:before {
  385. content:"\e647"
  386. }
  387. .layui-icon-align-right:before {
  388. content:"\e648"
  389. }
  390. .layui-icon-align-left:before {
  391. content:"\e649"
  392. }
  393. .layui-icon-loading-1:before {
  394. content:"\e63e"
  395. }
  396. .layui-icon-return:before {
  397. content:"\e65c"
  398. }
  399. .layui-icon-fonts-strong:before {
  400. content:"\e62b"
  401. }
  402. .layui-icon-upload:before {
  403. content:"\e67c"
  404. }
  405. .layui-icon-dialogue:before {
  406. content:"\e63a"
  407. }
  408. .layui-icon-video:before {
  409. content:"\e6ed"
  410. }
  411. .layui-icon-headset:before {
  412. content:"\e6fc"
  413. }
  414. .layui-icon-cellphone-fine:before {
  415. content:"\e63b"
  416. }
  417. .layui-icon-add-1:before {
  418. content:"\e654"
  419. }
  420. .layui-icon-face-smile-b:before {
  421. content:"\e650"
  422. }
  423. .layui-icon-fonts-html:before {
  424. content:"\e64b"
  425. }
  426. .layui-icon-form:before {
  427. content:"\e63c"
  428. }
  429. .layui-icon-cart:before {
  430. content:"\e657"
  431. }
  432. .layui-icon-camera-fill:before {
  433. content:"\e65d"
  434. }
  435. .layui-icon-tabs:before {
  436. content:"\e62a"
  437. }
  438. .layui-icon-fonts-code:before {
  439. content:"\e64e"
  440. }
  441. .layui-icon-fire:before {
  442. content:"\e756"
  443. }
  444. .layui-icon-set:before {
  445. content:"\e716"
  446. }
  447. .layui-icon-fonts-u:before {
  448. content:"\e646"
  449. }
  450. .layui-icon-triangle-d:before {
  451. content:"\e625"
  452. }
  453. .layui-icon-tips:before {
  454. content:"\e702"
  455. }
  456. .layui-icon-picture:before {
  457. content:"\e64a"
  458. }
  459. .layui-icon-more-vertical:before {
  460. content:"\e671"
  461. }
  462. .layui-icon-flag:before {
  463. content:"\e66c"
  464. }
  465. .layui-icon-loading:before {
  466. content:"\e63d"
  467. }
  468. .layui-icon-fonts-i:before {
  469. content:"\e644"
  470. }
  471. .layui-icon-refresh-1:before {
  472. content:"\e666"
  473. }
  474. .layui-icon-rmb:before {
  475. content:"\e65e"
  476. }
  477. .layui-icon-home:before {
  478. content:"\e68e"
  479. }
  480. .layui-icon-user:before {
  481. content:"\e770"
  482. }
  483. .layui-icon-notice:before {
  484. content:"\e667"
  485. }
  486. .layui-icon-login-weibo:before {
  487. content:"\e675"
  488. }
  489. .layui-icon-voice:before {
  490. content:"\e688"
  491. }
  492. .layui-icon-upload-drag:before {
  493. content:"\e681"
  494. }
  495. .layui-icon-login-qq:before {
  496. content:"\e676"
  497. }
  498. .layui-icon-snowflake:before {
  499. content:"\e6b1"
  500. }
  501. .layui-icon-file-b:before {
  502. content:"\e655"
  503. }
  504. .layui-icon-template:before {
  505. content:"\e663"
  506. }
  507. .layui-icon-auz:before {
  508. content:"\e672"
  509. }
  510. .layui-icon-console:before {
  511. content:"\e665"
  512. }
  513. .layui-icon-app:before {
  514. content:"\e653"
  515. }
  516. .layui-icon-prev:before {
  517. content:"\e65a"
  518. }
  519. .layui-icon-website:before {
  520. content:"\e7ae"
  521. }
  522. .layui-icon-next:before {
  523. content:"\e65b"
  524. }
  525. .layui-icon-component:before {
  526. content:"\e857"
  527. }
  528. .layui-icon-more:before {
  529. content:"\e65f"
  530. }
  531. .layui-icon-login-wechat:before {
  532. content:"\e677"
  533. }
  534. .layui-icon-shrink-right:before {
  535. content:"\e668"
  536. }
  537. .layui-icon-spread-left:before {
  538. content:"\e66b"
  539. }
  540. .layui-icon-camera:before {
  541. content:"\e660"
  542. }
  543. .layui-icon-note:before {
  544. content:"\e66e"
  545. }
  546. .layui-icon-refresh:before {
  547. content:"\e669"
  548. }
  549. .layui-icon-female:before {
  550. content:"\e661"
  551. }
  552. .layui-icon-male:before {
  553. content:"\e662"
  554. }
  555. .layui-icon-password:before {
  556. content:"\e673"
  557. }
  558. .layui-icon-senior:before {
  559. content:"\e674"
  560. }
  561. .layui-icon-theme:before {
  562. content:"\e66a"
  563. }
  564. .layui-icon-tread:before {
  565. content:"\e6c5"
  566. }
  567. .layui-icon-praise:before {
  568. content:"\e6c6"
  569. }
  570. .layui-icon-star-fill:before {
  571. content:"\e658"
  572. }
  573. .layui-icon-rate:before {
  574. content:"\e67b"
  575. }
  576. .layui-icon-template-1:before {
  577. content:"\e656"
  578. }
  579. .layui-icon-vercode:before {
  580. content:"\e679"
  581. }
  582. .layui-icon-cellphone:before {
  583. content:"\e678"
  584. }
  585. .layui-icon-screen-full:before {
  586. content:"\e622"
  587. }
  588. .layui-icon-screen-restore:before {
  589. content:"\e758"
  590. }
  591. .layui-icon-cols:before {
  592. content:"\e610"
  593. }
  594. .layui-icon-export:before {
  595. content:"\e67d"
  596. }
  597. .layui-icon-print:before {
  598. content:"\e66d"
  599. }
  600. .layui-icon-slider:before {
  601. content:"\e714"
  602. }
  603. .layui-main {
  604. width:1140px;
  605. margin:0 auto
  606. }
  607. .layui-header {
  608. z-index:1000;
  609. height:60px
  610. }
  611. .layui-header a:hover {
  612. transition:all .5s;
  613. -webkit-transition:all .5s
  614. }
  615. .layui-side {
  616. position:fixed;
  617. left:0;
  618. top:0;
  619. bottom:0;
  620. z-index:999;
  621. width:200px;
  622. overflow-x:hidden
  623. }
  624. .layui-side-scroll {
  625. position:relative;
  626. width:220px;
  627. height:100%;
  628. overflow-x:hidden
  629. }
  630. .layui-body {
  631. position:absolute;
  632. left:200px;
  633. right:0;
  634. top:0;
  635. bottom:0;
  636. z-index:998;
  637. width:auto;
  638. overflow:hidden;
  639. overflow-y:auto;
  640. box-sizing:border-box
  641. }
  642. .layui-layout-body {
  643. overflow:hidden
  644. }
  645. .layui-layout-admin .layui-header {
  646. background-color:#23262E
  647. }
  648. .layui-layout-admin .layui-side {
  649. top:60px;
  650. width:200px;
  651. overflow-x:hidden
  652. }
  653. .layui-layout-admin .layui-body {
  654. top:60px;
  655. bottom:44px
  656. }
  657. .layui-layout-admin .layui-main {
  658. width:auto;
  659. margin:0 15px
  660. }
  661. .layui-layout-admin .layui-footer {
  662. position:fixed;
  663. left:200px;
  664. right:0;
  665. bottom:0;
  666. height:44px;
  667. line-height:44px;
  668. padding:0 15px;
  669. background-color:#eee
  670. }
  671. .layui-layout-admin .layui-logo {
  672. position:absolute;
  673. left:0;
  674. top:0;
  675. width:200px;
  676. height:100%;
  677. line-height:60px;
  678. text-align:center;
  679. color:#009688;
  680. font-size:16px
  681. }
  682. .layui-layout-admin .layui-header .layui-nav {
  683. background:0 0
  684. }
  685. .layui-layout-left {
  686. position:absolute!important;
  687. left:200px;
  688. top:0
  689. }
  690. .layui-layout-right {
  691. position:absolute!important;
  692. right:0;
  693. top:0
  694. }
  695. .layui-container {
  696. position:relative;
  697. margin:0 auto;
  698. padding:0 15px;
  699. box-sizing:border-box
  700. }
  701. .layui-fluid {
  702. position:relative;
  703. margin:0 auto;
  704. padding:0 15px
  705. }
  706. .layui-row:after,.layui-row:before {
  707. content:'';
  708. display:block;
  709. clear:both
  710. }
  711. .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-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9 {
  712. position:relative;
  713. display:block;
  714. box-sizing:border-box
  715. }
  716. .layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9 {
  717. float:left
  718. }
  719. .layui-col-xs1 {
  720. width:8.33333333%
  721. }
  722. .layui-col-xs2 {
  723. width:16.66666667%
  724. }
  725. .layui-col-xs3 {
  726. width:25%
  727. }
  728. .layui-col-xs4 {
  729. width:33.33333333%
  730. }
  731. .layui-col-xs5 {
  732. width:41.66666667%
  733. }
  734. .layui-col-xs6 {
  735. width:50%
  736. }
  737. .layui-col-xs7 {
  738. width:58.33333333%
  739. }
  740. .layui-col-xs8 {
  741. width:66.66666667%
  742. }
  743. .layui-col-xs9 {
  744. width:75%
  745. }
  746. .layui-col-xs10 {
  747. width:83.33333333%
  748. }
  749. .layui-col-xs11 {
  750. width:91.66666667%
  751. }
  752. .layui-col-xs12 {
  753. width:100%
  754. }
  755. .layui-col-xs-offset1 {
  756. margin-left:8.33333333%
  757. }
  758. .layui-col-xs-offset2 {
  759. margin-left:16.66666667%
  760. }
  761. .layui-col-xs-offset3 {
  762. margin-left:25%
  763. }
  764. .layui-col-xs-offset4 {
  765. margin-left:33.33333333%
  766. }
  767. .layui-col-xs-offset5 {
  768. margin-left:41.66666667%
  769. }
  770. .layui-col-xs-offset6 {
  771. margin-left:50%
  772. }
  773. .layui-col-xs-offset7 {
  774. margin-left:58.33333333%
  775. }
  776. .layui-col-xs-offset8 {
  777. margin-left:66.66666667%
  778. }
  779. .layui-col-xs-offset9 {
  780. margin-left:75%
  781. }
  782. .layui-col-xs-offset10 {
  783. margin-left:83.33333333%
  784. }
  785. .layui-col-xs-offset11 {
  786. margin-left:91.66666667%
  787. }
  788. .layui-col-xs-offset12 {
  789. margin-left:100%
  790. }
  791. @media screen and (max-width:768px) {
  792. .layui-hide-xs {
  793. display:none!important
  794. }
  795. .layui-show-xs-block {
  796. display:block!important
  797. }
  798. .layui-show-xs-inline {
  799. display:inline!important
  800. }
  801. .layui-show-xs-inline-block {
  802. display:inline-block!important
  803. }
  804. }@media screen and (min-width:768px) {
  805. .layui-container {
  806. width:750px
  807. }
  808. .layui-hide-sm {
  809. display:none!important
  810. }
  811. .layui-show-sm-block {
  812. display:block!important
  813. }
  814. .layui-show-sm-inline {
  815. display:inline!important
  816. }
  817. .layui-show-sm-inline-block {
  818. display:inline-block!important
  819. }
  820. .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 {
  821. float:left
  822. }
  823. .layui-col-sm1 {
  824. width:8.33333333%
  825. }
  826. .layui-col-sm2 {
  827. width:16.66666667%
  828. }
  829. .layui-col-sm3 {
  830. width:25%
  831. }
  832. .layui-col-sm4 {
  833. width:33.33333333%
  834. }
  835. .layui-col-sm5 {
  836. width:41.66666667%
  837. }
  838. .layui-col-sm6 {
  839. width:50%
  840. }
  841. .layui-col-sm7 {
  842. width:58.33333333%
  843. }
  844. .layui-col-sm8 {
  845. width:66.66666667%
  846. }
  847. .layui-col-sm9 {
  848. width:75%
  849. }
  850. .layui-col-sm10 {
  851. width:83.33333333%
  852. }
  853. .layui-col-sm11 {
  854. width:91.66666667%
  855. }
  856. .layui-col-sm12 {
  857. width:100%
  858. }
  859. .layui-col-sm-offset1 {
  860. margin-left:8.33333333%
  861. }
  862. .layui-col-sm-offset2 {
  863. margin-left:16.66666667%
  864. }
  865. .layui-col-sm-offset3 {
  866. margin-left:25%
  867. }
  868. .layui-col-sm-offset4 {
  869. margin-left:33.33333333%
  870. }
  871. .layui-col-sm-offset5 {
  872. margin-left:41.66666667%
  873. }
  874. .layui-col-sm-offset6 {
  875. margin-left:50%
  876. }
  877. .layui-col-sm-offset7 {
  878. margin-left:58.33333333%
  879. }
  880. .layui-col-sm-offset8 {
  881. margin-left:66.66666667%
  882. }
  883. .layui-col-sm-offset9 {
  884. margin-left:75%
  885. }
  886. .layui-col-sm-offset10 {
  887. margin-left:83.33333333%
  888. }
  889. .layui-col-sm-offset11 {
  890. margin-left:91.66666667%
  891. }
  892. .layui-col-sm-offset12 {
  893. margin-left:100%
  894. }
  895. }@media screen and (min-width:992px) {
  896. .layui-container {
  897. width:970px
  898. }
  899. .layui-hide-md {
  900. display:none!important
  901. }
  902. .layui-show-md-block {
  903. display:block!important
  904. }
  905. .layui-show-md-inline {
  906. display:inline!important
  907. }
  908. .layui-show-md-inline-block {
  909. display:inline-block!important
  910. }
  911. .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 {
  912. float:left
  913. }
  914. .layui-col-md1 {
  915. width:8.33333333%
  916. }
  917. .layui-col-md2 {
  918. width:16.66666667%
  919. }
  920. .layui-col-md3 {
  921. width:25%
  922. }
  923. .layui-col-md4 {
  924. width:33.33333333%
  925. }
  926. .layui-col-md5 {
  927. width:41.66666667%
  928. }
  929. .layui-col-md6 {
  930. width:50%
  931. }
  932. .layui-col-md7 {
  933. width:58.33333333%
  934. }
  935. .layui-col-md8 {
  936. width:66.66666667%
  937. }
  938. .layui-col-md9 {
  939. width:75%
  940. }
  941. .layui-col-md10 {
  942. width:83.33333333%
  943. }
  944. .layui-col-md11 {
  945. width:91.66666667%
  946. }
  947. .layui-col-md12 {
  948. width:100%
  949. }
  950. .layui-col-md-offset1 {
  951. margin-left:8.33333333%
  952. }
  953. .layui-col-md-offset2 {
  954. margin-left:16.66666667%
  955. }
  956. .layui-col-md-offset3 {
  957. margin-left:25%
  958. }
  959. .layui-col-md-offset4 {
  960. margin-left:33.33333333%
  961. }
  962. .layui-col-md-offset5 {
  963. margin-left:41.66666667%
  964. }
  965. .layui-col-md-offset6 {
  966. margin-left:50%
  967. }
  968. .layui-col-md-offset7 {
  969. margin-left:58.33333333%
  970. }
  971. .layui-col-md-offset8 {
  972. margin-left:66.66666667%
  973. }
  974. .layui-col-md-offset9 {
  975. margin-left:75%
  976. }
  977. .layui-col-md-offset10 {
  978. margin-left:83.33333333%
  979. }
  980. .layui-col-md-offset11 {
  981. margin-left:91.66666667%
  982. }
  983. .layui-col-md-offset12 {
  984. margin-left:100%
  985. }
  986. }@media screen and (min-width:1200px) {
  987. .layui-container {
  988. width:1170px
  989. }
  990. .layui-hide-lg {
  991. display:none!important
  992. }
  993. .layui-show-lg-block {
  994. display:block!important
  995. }
  996. .layui-show-lg-inline {
  997. display:inline!important
  998. }
  999. .layui-show-lg-inline-block {
  1000. display:inline-block!important
  1001. }
  1002. .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 {
  1003. float:left
  1004. }
  1005. .layui-col-lg1 {
  1006. width:8.33333333%
  1007. }
  1008. .layui-col-lg2 {
  1009. width:16.66666667%
  1010. }
  1011. .layui-col-lg3 {
  1012. width:25%
  1013. }
  1014. .layui-col-lg4 {
  1015. width:33.33333333%
  1016. }
  1017. .layui-col-lg5 {
  1018. width:41.66666667%
  1019. }
  1020. .layui-col-lg6 {
  1021. width:50%
  1022. }
  1023. .layui-col-lg7 {
  1024. width:58.33333333%
  1025. }
  1026. .layui-col-lg8 {
  1027. width:66.66666667%
  1028. }
  1029. .layui-col-lg9 {
  1030. width:75%
  1031. }
  1032. .layui-col-lg10 {
  1033. width:83.33333333%
  1034. }
  1035. .layui-col-lg11 {
  1036. width:91.66666667%
  1037. }
  1038. .layui-col-lg12 {
  1039. width:100%
  1040. }
  1041. .layui-col-lg-offset1 {
  1042. margin-left:8.33333333%
  1043. }
  1044. .layui-col-lg-offset2 {
  1045. margin-left:16.66666667%
  1046. }
  1047. .layui-col-lg-offset3 {
  1048. margin-left:25%
  1049. }
  1050. .layui-col-lg-offset4 {
  1051. margin-left:33.33333333%
  1052. }
  1053. .layui-col-lg-offset5 {
  1054. margin-left:41.66666667%
  1055. }
  1056. .layui-col-lg-offset6 {
  1057. margin-left:50%
  1058. }
  1059. .layui-col-lg-offset7 {
  1060. margin-left:58.33333333%
  1061. }
  1062. .layui-col-lg-offset8 {
  1063. margin-left:66.66666667%
  1064. }
  1065. .layui-col-lg-offset9 {
  1066. margin-left:75%
  1067. }
  1068. .layui-col-lg-offset10 {
  1069. margin-left:83.33333333%
  1070. }
  1071. .layui-col-lg-offset11 {
  1072. margin-left:91.66666667%
  1073. }
  1074. .layui-col-lg-offset12 {
  1075. margin-left:100%
  1076. }
  1077. }.layui-col-space1 {
  1078. margin:-.5px
  1079. }
  1080. .layui-col-space1>* {
  1081. padding:.5px
  1082. }
  1083. .layui-col-space3 {
  1084. margin:-1.5px
  1085. }
  1086. .layui-col-space3>* {
  1087. padding:1.5px
  1088. }
  1089. .layui-col-space5 {
  1090. margin:-2.5px
  1091. }
  1092. .layui-col-space5>* {
  1093. padding:2.5px
  1094. }
  1095. .layui-col-space8 {
  1096. margin:-3.5px
  1097. }
  1098. .layui-col-space8>* {
  1099. padding:3.5px
  1100. }
  1101. .layui-col-space10 {
  1102. margin:-5px
  1103. }
  1104. .layui-col-space10>* {
  1105. padding:5px
  1106. }
  1107. .layui-col-space12 {
  1108. margin:-6px
  1109. }
  1110. .layui-col-space12>* {
  1111. padding:6px
  1112. }
  1113. .layui-col-space15 {
  1114. margin:-7.5px
  1115. }
  1116. .layui-col-space15>* {
  1117. padding:7.5px
  1118. }
  1119. .layui-col-space18 {
  1120. margin:-9px
  1121. }
  1122. .layui-col-space18>* {
  1123. padding:9px
  1124. }
  1125. .layui-col-space20 {
  1126. margin:-10px
  1127. }
  1128. .layui-col-space20>* {
  1129. padding:10px
  1130. }
  1131. .layui-col-space22 {
  1132. margin:-11px
  1133. }
  1134. .layui-col-space22>* {
  1135. padding:11px
  1136. }
  1137. .layui-col-space25 {
  1138. margin:-12.5px
  1139. }
  1140. .layui-col-space25>* {
  1141. padding:12.5px
  1142. }
  1143. .layui-col-space30 {
  1144. margin:-15px
  1145. }
  1146. .layui-col-space30>* {
  1147. padding:15px
  1148. }
  1149. .layui-btn,.layui-input,.layui-select,.layui-textarea,.layui-upload-button {
  1150. outline:0;
  1151. -webkit-appearance:none;
  1152. transition:all .3s;
  1153. -webkit-transition:all .3s;
  1154. box-sizing:border-box
  1155. }
  1156. .layui-elem-quote {
  1157. margin-bottom:10px;
  1158. padding:15px;
  1159. line-height:22px;
  1160. border-left:5px solid #009688;
  1161. border-radius:0 2px 2px 0;
  1162. background-color:#f2f2f2
  1163. }
  1164. .layui-quote-nm {
  1165. border-style:solid;
  1166. border-width:1px 1px 1px 5px;
  1167. background:0 0
  1168. }
  1169. .layui-elem-field {
  1170. margin-bottom:10px;
  1171. padding:0;
  1172. border-width:1px;
  1173. border-style:solid
  1174. }
  1175. .layui-elem-field legend {
  1176. margin-left:20px;
  1177. padding:0 10px;
  1178. font-size:20px;
  1179. font-weight:300
  1180. }
  1181. .layui-field-title {
  1182. margin:10px 0 20px;
  1183. border-width:1px 0 0
  1184. }
  1185. .layui-field-box {
  1186. padding:10px 15px
  1187. }
  1188. .layui-field-title .layui-field-box {
  1189. padding:10px 0
  1190. }
  1191. .layui-progress {
  1192. position:relative;
  1193. height:6px;
  1194. border-radius:20px;
  1195. background-color:#e2e2e2
  1196. }
  1197. .layui-progress-bar {
  1198. position:absolute;
  1199. left:0;
  1200. top:0;
  1201. width:0;
  1202. max-width:100%;
  1203. height:6px;
  1204. border-radius:20px;
  1205. text-align:right;
  1206. background-color:#5FB878;
  1207. transition:all .3s;
  1208. -webkit-transition:all .3s
  1209. }
  1210. .layui-progress-big,.layui-progress-big .layui-progress-bar {
  1211. height:18px;
  1212. line-height:18px
  1213. }
  1214. .layui-progress-text {
  1215. position:relative;
  1216. top:-20px;
  1217. line-height:18px;
  1218. font-size:12px;
  1219. color:#666
  1220. }
  1221. .layui-progress-big .layui-progress-text {
  1222. position:static;
  1223. padding:0 10px;
  1224. color:#fff
  1225. }
  1226. .layui-collapse {
  1227. border-width:1px;
  1228. border-style:solid;
  1229. border-radius:2px
  1230. }
  1231. .layui-colla-content,.layui-colla-item {
  1232. border-top-width:1px;
  1233. border-top-style:solid
  1234. }
  1235. .layui-colla-item:first-child {
  1236. border-top:none
  1237. }
  1238. .layui-colla-title {
  1239. position:relative;
  1240. height:42px;
  1241. line-height:42px;
  1242. padding:0 15px 0 35px;
  1243. color:#333;
  1244. background-color:#f2f2f2;
  1245. cursor:pointer;
  1246. font-size:14px;
  1247. overflow:hidden
  1248. }
  1249. .layui-colla-content {
  1250. display:none;
  1251. padding:10px 15px;
  1252. line-height:22px;
  1253. color:#666
  1254. }
  1255. .layui-colla-icon {
  1256. position:absolute;
  1257. left:15px;
  1258. top:0;
  1259. font-size:14px
  1260. }
  1261. .layui-card {
  1262. margin-bottom:15px;
  1263. border-radius:2px;
  1264. background-color:#fff;
  1265. box-shadow:0 1px 2px 0 rgba(0,0,0,.05)
  1266. }
  1267. .layui-card:last-child {
  1268. margin-bottom:0
  1269. }
  1270. .layui-card-header {
  1271. position:relative;
  1272. height:42px;
  1273. line-height:42px;
  1274. padding:0 15px;
  1275. border-bottom:1px solid #f6f6f6;
  1276. color:#333;
  1277. border-radius:2px 2px 0 0;
  1278. font-size:14px
  1279. }
  1280. .layui-bg-black,.layui-bg-blue,.layui-bg-cyan,.layui-bg-green,.layui-bg-orange,.layui-bg-red {
  1281. color:#fff!important
  1282. }
  1283. .layui-card-body {
  1284. position:relative;
  1285. padding:10px 15px;
  1286. line-height:24px
  1287. }
  1288. .layui-card-body[pad15] {
  1289. padding:15px
  1290. }
  1291. .layui-card-body[pad20] {
  1292. padding:20px
  1293. }
  1294. .layui-card-body .layui-table {
  1295. margin:5px 0
  1296. }
  1297. .layui-card .layui-tab {
  1298. margin:0
  1299. }
  1300. .layui-panel-window {
  1301. position:relative;
  1302. padding:15px;
  1303. border-radius:0;
  1304. border-top:5px solid #E6E6E6;
  1305. background-color:#fff
  1306. }
  1307. .layui-auxiliar-moving {
  1308. position:fixed;
  1309. left:0;
  1310. right:0;
  1311. top:0;
  1312. bottom:0;
  1313. width:100%;
  1314. height:100%;
  1315. background:0 0;
  1316. z-index:9999999999
  1317. }
  1318. .layui-form-label,.layui-form-mid,.layui-form-select,.layui-input-block,.layui-input-inline,.layui-textarea {
  1319. position:relative
  1320. }
  1321. .layui-bg-red {
  1322. background-color:#FF5722!important
  1323. }
  1324. .layui-bg-orange {
  1325. background-color:#FFB800!important
  1326. }
  1327. .layui-bg-green {
  1328. background-color:#009688!important
  1329. }
  1330. .layui-bg-cyan {
  1331. background-color:#2F4056!important
  1332. }
  1333. .layui-bg-blue {
  1334. background-color:#1E9FFF!important
  1335. }
  1336. .layui-bg-black {
  1337. background-color:#393D49!important
  1338. }
  1339. .layui-bg-gray {
  1340. background-color:#eee!important;
  1341. color:#666!important
  1342. }
  1343. .layui-badge-rim,.layui-colla-content,.layui-colla-item,.layui-collapse,.layui-elem-field,.layui-form-pane .layui-form-item[pane],.layui-form-pane .layui-form-label,.layui-input,.layui-layedit,.layui-layedit-tool,.layui-quote-nm,.layui-select,.layui-tab-bar,.layui-tab-card,.layui-tab-title,.layui-tab-title .layui-this:after,.layui-textarea {
  1344. border-color:#e6e6e6
  1345. }
  1346. .layui-timeline-item:before,hr {
  1347. background-color:#e6e6e6
  1348. }
  1349. .layui-text {
  1350. line-height:22px;
  1351. font-size:14px;
  1352. color:#666
  1353. }
  1354. .layui-text h1,.layui-text h2,.layui-text h3 {
  1355. font-weight:500;
  1356. color:#333
  1357. }
  1358. .layui-text h1 {
  1359. font-size:30px
  1360. }
  1361. .layui-text h2 {
  1362. font-size:24px
  1363. }
  1364. .layui-text h3 {
  1365. font-size:18px
  1366. }
  1367. .layui-text a:not(.layui-btn) {
  1368. color:#01AAED
  1369. }
  1370. .layui-text a:not(.layui-btn):hover {
  1371. text-decoration:underline
  1372. }
  1373. .layui-text ul {
  1374. padding:5px 0 5px 15px
  1375. }
  1376. .layui-text ul li {
  1377. margin-top:5px;
  1378. list-style-type:disc
  1379. }
  1380. .layui-text em,.layui-word-aux {
  1381. color:#999!important;
  1382. padding:0 5px!important
  1383. }
  1384. .layui-btn {
  1385. display:inline-block;
  1386. height:38px;
  1387. line-height:38px;
  1388. padding:0 18px;
  1389. background-color:#009688;
  1390. color:#fff;
  1391. white-space:nowrap;
  1392. text-align:center;
  1393. font-size:14px;
  1394. border:none;
  1395. border-radius:2px;
  1396. cursor:pointer
  1397. }
  1398. .layui-btn:hover {
  1399. opacity:.8;
  1400. filter:alpha(opacity=80);
  1401. color:#fff
  1402. }
  1403. .layui-btn:active {
  1404. opacity:1;
  1405. filter:alpha(opacity=100)
  1406. }
  1407. .layui-btn+.layui-btn {
  1408. margin-left:10px
  1409. }
  1410. .layui-btn-container {
  1411. font-size:0
  1412. }
  1413. .layui-btn-container .layui-btn {
  1414. margin-right:10px;
  1415. margin-bottom:10px
  1416. }
  1417. .layui-btn-container .layui-btn+.layui-btn {
  1418. margin-left:0
  1419. }
  1420. .layui-table .layui-btn-container .layui-btn {
  1421. margin-bottom:9px
  1422. }
  1423. .layui-btn-radius {
  1424. border-radius:100px
  1425. }
  1426. .layui-btn .layui-icon {
  1427. margin-right:3px;
  1428. font-size:18px;
  1429. vertical-align:bottom;
  1430. vertical-align:middle\9
  1431. }
  1432. .layui-btn-primary {
  1433. border:1px solid #C9C9C9;
  1434. background-color:#fff;
  1435. color:#555
  1436. }
  1437. .layui-btn-primary:hover {
  1438. border-color:#009688;
  1439. color:#333
  1440. }
  1441. .layui-btn-normal {
  1442. background-color:#1E9FFF
  1443. }
  1444. .layui-btn-warm {
  1445. background-color:#FFB800
  1446. }
  1447. .layui-btn-danger {
  1448. background-color:#FF5722
  1449. }
  1450. .layui-btn-disabled,.layui-btn-disabled:active,.layui-btn-disabled:hover {
  1451. border:1px solid #e6e6e6;
  1452. background-color:#FBFBFB;
  1453. color:#C9C9C9;
  1454. cursor:not-allowed;
  1455. opacity:1
  1456. }
  1457. .layui-btn-lg {
  1458. height:44px;
  1459. line-height:44px;
  1460. padding:0 25px;
  1461. font-size:16px
  1462. }
  1463. .layui-btn-sm {
  1464. height:30px;
  1465. line-height:30px;
  1466. padding:0 10px;
  1467. font-size:12px
  1468. }
  1469. .layui-btn-sm i {
  1470. font-size:16px!important
  1471. }
  1472. .layui-btn-xs {
  1473. height:22px;
  1474. line-height:22px;
  1475. padding:0 5px;
  1476. font-size:12px
  1477. }
  1478. .layui-btn-xs i {
  1479. font-size:14px!important
  1480. }
  1481. .layui-btn-group {
  1482. display:inline-block;
  1483. vertical-align:middle;
  1484. font-size:0
  1485. }
  1486. .layui-btn-group .layui-btn {
  1487. margin-left:0!important;
  1488. margin-right:0!important;
  1489. border-left:1px solid rgba(255,255,255,.5);
  1490. border-radius:0
  1491. }
  1492. .layui-btn-group .layui-btn-primary {
  1493. border-left:none
  1494. }
  1495. .layui-btn-group .layui-btn-primary:hover {
  1496. border-color:#C9C9C9;
  1497. color:#009688
  1498. }
  1499. .layui-btn-group .layui-btn:first-child {
  1500. border-left:none;
  1501. border-radius:2px 0 0 2px
  1502. }
  1503. .layui-btn-group .layui-btn-primary:first-child {
  1504. border-left:1px solid #c9c9c9
  1505. }
  1506. .layui-btn-group .layui-btn:last-child {
  1507. border-radius:0 2px 2px 0
  1508. }
  1509. .layui-btn-group .layui-btn+.layui-btn {
  1510. margin-left:0
  1511. }
  1512. .layui-btn-group+.layui-btn-group {
  1513. margin-left:10px
  1514. }
  1515. .layui-btn-fluid {
  1516. width:100%
  1517. }
  1518. .layui-input,.layui-select,.layui-textarea {
  1519. height:38px;
  1520. line-height:1.3;
  1521. line-height:38px\9;
  1522. border-width:1px;
  1523. border-style:solid;
  1524. background-color:#fff;
  1525. border-radius:2px
  1526. }
  1527. .layui-input::-webkit-input-placeholder,.layui-select::-webkit-input-placeholder,.layui-textarea::-webkit-input-placeholder {
  1528. line-height:1.3
  1529. }
  1530. .layui-input,.layui-textarea {
  1531. display:block;
  1532. width:100%;
  1533. padding-left:10px
  1534. }
  1535. .layui-input:hover,.layui-textarea:hover {
  1536. border-color:#D2D2D2!important
  1537. }
  1538. .layui-input:focus,.layui-textarea:focus {
  1539. border-color:#C9C9C9!important
  1540. }
  1541. .layui-textarea {
  1542. min-height:100px;
  1543. height:auto;
  1544. line-height:20px;
  1545. padding:6px 10px;
  1546. resize:vertical
  1547. }
  1548. .layui-select {
  1549. padding:0 10px
  1550. }
  1551. .layui-form input[type=checkbox],.layui-form input[type=radio],.layui-form select {
  1552. display:none
  1553. }
  1554. .layui-form [lay-ignore] {
  1555. display:initial
  1556. }
  1557. .layui-form-item {
  1558. margin-bottom:15px;
  1559. clear:both;
  1560. *
  1561. zoom:1;
  1562. }
  1563. .layui-form-item:after {
  1564. content:'\20';
  1565. clear:both;
  1566. *zoom:1;
  1567. display:block;
  1568. height:0
  1569. }
  1570. .layui-form-label {
  1571. float:left;
  1572. display:block;
  1573. padding:9px 15px;
  1574. width:80px;
  1575. font-weight:400;
  1576. line-height:20px;
  1577. text-align:right
  1578. }
  1579. .layui-form-label-col {
  1580. display:block;
  1581. float:none;
  1582. padding:9px 0;
  1583. line-height:20px;
  1584. text-align:left
  1585. }
  1586. .layui-form-item .layui-inline {
  1587. margin-bottom:5px;
  1588. margin-right:10px
  1589. }
  1590. .layui-input-block {
  1591. /* margin-left:110px; */
  1592. min-height:36px;
  1593. width: 7rem;
  1594. margin: 1rem auto 0;
  1595. }
  1596. .layui-input-inline {
  1597. display:inline-block;
  1598. vertical-align:middle
  1599. }
  1600. .layui-form-item .layui-input-inline {
  1601. float:left;
  1602. width:190px;
  1603. margin-right:10px
  1604. }
  1605. .layui-form-text .layui-input-inline {
  1606. width:auto
  1607. }
  1608. .layui-form-mid {
  1609. float:left;
  1610. display:block;
  1611. padding:9px 0!important;
  1612. line-height:20px;
  1613. margin-right:10px
  1614. }
  1615. .layui-form-danger+.layui-form-select .layui-input,.layui-form-danger:focus {
  1616. border-color:#FF5722!important
  1617. }
  1618. .layui-form-select .layui-input {
  1619. padding-right:30px;
  1620. cursor:pointer
  1621. }
  1622. .layui-form-select .layui-edge {
  1623. position:absolute;
  1624. right:10px;
  1625. top:50%;
  1626. margin-top:-3px;
  1627. cursor:pointer;
  1628. border-width:6px;
  1629. border-top-color:#c2c2c2;
  1630. border-top-style:solid;
  1631. transition:all .3s;
  1632. -webkit-transition:all .3s
  1633. }
  1634. .layui-form-select dl {
  1635. display:none;
  1636. position:absolute;
  1637. left:0;
  1638. top:42px;
  1639. padding:5px 0;
  1640. z-index:899;
  1641. min-width:100%;
  1642. border:1px solid #d2d2d2;
  1643. max-height:300px;
  1644. overflow-y:auto;
  1645. background-color:#fff;
  1646. border-radius:2px;
  1647. box-shadow:0 2px 4px rgba(0,0,0,.12);
  1648. box-sizing:border-box
  1649. }
  1650. .layui-form-select dl dd,.layui-form-select dl dt {
  1651. padding:0 10px;
  1652. line-height:36px;
  1653. white-space:nowrap;
  1654. overflow:hidden;
  1655. text-overflow:ellipsis
  1656. }
  1657. .layui-form-select dl dt {
  1658. font-size:12px;
  1659. color:#999
  1660. }
  1661. .layui-form-select dl dd {
  1662. cursor:pointer
  1663. }
  1664. .layui-form-select dl dd:hover {
  1665. background-color:#f2f2f2;
  1666. -webkit-transition:.5s all;
  1667. transition:.5s all
  1668. }
  1669. .layui-form-select .layui-select-group dd {
  1670. padding-left:20px
  1671. }
  1672. .layui-form-select dl dd.layui-select-tips {
  1673. padding-left:10px!important;
  1674. color:#999
  1675. }
  1676. .layui-form-select dl dd.layui-this {
  1677. background-color:#5FB878;
  1678. color:#fff
  1679. }
  1680. .layui-form-checkbox,.layui-form-select dl dd.layui-disabled {
  1681. background-color:#fff
  1682. }
  1683. .layui-form-selected dl {
  1684. display:block
  1685. }
  1686. .layui-form-checkbox,.layui-form-checkbox *,.layui-form-switch {
  1687. display:inline-block;
  1688. vertical-align:middle
  1689. }
  1690. .layui-form-selected .layui-edge {
  1691. margin-top:-9px;
  1692. -webkit-transform:rotate(180deg);
  1693. transform:rotate(180deg);
  1694. margin-top:-3px\9
  1695. }
  1696. :root .layui-form-selected .layui-edge {
  1697. margin-top:-9px\0/IE9
  1698. }
  1699. .layui-form-selectup dl {
  1700. top:auto;
  1701. bottom:42px
  1702. }
  1703. .layui-select-none {
  1704. margin:5px 0;
  1705. text-align:center;
  1706. color:#999
  1707. }
  1708. .layui-select-disabled .layui-disabled {
  1709. border-color:#eee!important
  1710. }
  1711. .layui-select-disabled .layui-edge {
  1712. border-top-color:#d2d2d2
  1713. }
  1714. .layui-form-checkbox {
  1715. position:relative;
  1716. height:30px;
  1717. line-height:30px;
  1718. margin-right:10px;
  1719. padding-right:30px;
  1720. cursor:pointer;
  1721. font-size:0;
  1722. -webkit-transition:.1s linear;
  1723. transition:.1s linear;
  1724. box-sizing:border-box
  1725. }
  1726. .layui-form-checkbox span {
  1727. padding:0 10px;
  1728. height:100%;
  1729. font-size:14px;
  1730. border-radius:2px 0 0 2px;
  1731. background-color:#d2d2d2;
  1732. color:#fff;
  1733. overflow:hidden
  1734. }
  1735. .layui-form-checkbox:hover span {
  1736. background-color:#c2c2c2
  1737. }
  1738. .layui-form-checkbox i {
  1739. position:absolute;
  1740. right:0;
  1741. top:0;
  1742. width:30px;
  1743. height:28px;
  1744. border:1px solid #d2d2d2;
  1745. border-left:none;
  1746. border-radius:0 2px 2px 0;
  1747. color:#fff;
  1748. font-size:20px;
  1749. text-align:center
  1750. }
  1751. .layui-form-checkbox:hover i {
  1752. border-color:#c2c2c2;
  1753. color:#c2c2c2
  1754. }
  1755. .layui-form-checked,.layui-form-checked:hover {
  1756. border-color:#5FB878
  1757. }
  1758. .layui-form-checked span,.layui-form-checked:hover span {
  1759. background-color:#5FB878
  1760. }
  1761. .layui-form-checked i,.layui-form-checked:hover i {
  1762. color:#5FB878
  1763. }
  1764. .layui-form-item .layui-form-checkbox {
  1765. margin-top:4px
  1766. }
  1767. .layui-form-checkbox[lay-skin=primary] {
  1768. height:auto!important;
  1769. line-height:normal!important;
  1770. min-width:18px;
  1771. min-height:18px;
  1772. border:none!important;
  1773. margin-right:0;
  1774. padding-left:28px;
  1775. padding-right:0;
  1776. background:0 0
  1777. }
  1778. .layui-form-checkbox[lay-skin=primary] span {
  1779. padding-left:0;
  1780. padding-right:15px;
  1781. line-height:18px;
  1782. background:0 0;
  1783. color:#666
  1784. }
  1785. .layui-form-checkbox[lay-skin=primary] i {
  1786. right:auto;
  1787. left:0;
  1788. width:16px;
  1789. height:16px;
  1790. line-height:16px;
  1791. border:1px solid #d2d2d2;
  1792. font-size:12px;
  1793. border-radius:2px;
  1794. background-color:#fff;
  1795. -webkit-transition:.1s linear;
  1796. transition:.1s linear
  1797. }
  1798. .layui-form-checkbox[lay-skin=primary]:hover i {
  1799. border-color:#5FB878;
  1800. color:#fff
  1801. }
  1802. .layui-form-checked[lay-skin=primary] i {
  1803. border-color:#5FB878;
  1804. background-color:#5FB878;
  1805. color:#fff
  1806. }
  1807. .layui-checkbox-disbaled[lay-skin=primary] span {
  1808. background:0 0!important;
  1809. color:#c2c2c2
  1810. }
  1811. .layui-checkbox-disbaled[lay-skin=primary]:hover i {
  1812. border-color:#d2d2d2
  1813. }
  1814. .layui-form-item .layui-form-checkbox[lay-skin=primary] {
  1815. margin-top:10px
  1816. }
  1817. .layui-form-switch {
  1818. position:relative;
  1819. height:22px;
  1820. line-height:22px;
  1821. min-width:35px;
  1822. padding:0 5px;
  1823. margin-top:8px;
  1824. border:1px solid #d2d2d2;
  1825. border-radius:20px;
  1826. cursor:pointer;
  1827. background-color:#fff;
  1828. -webkit-transition:.1s linear;
  1829. transition:.1s linear
  1830. }
  1831. .layui-form-switch i {
  1832. position:absolute;
  1833. left:5px;
  1834. top:3px;
  1835. width:16px;
  1836. height:16px;
  1837. border-radius:20px;
  1838. background-color:#d2d2d2;
  1839. -webkit-transition:.1s linear;
  1840. transition:.1s linear
  1841. }
  1842. .layui-form-switch em {
  1843. position:relative;
  1844. top:0;
  1845. width:25px;
  1846. margin-left:21px;
  1847. padding:0!important;
  1848. text-align:center!important;
  1849. color:#999!important;
  1850. font-style:normal!important;
  1851. font-size:12px
  1852. }
  1853. .layui-form-onswitch {
  1854. border-color:#5FB878;
  1855. background-color:#5FB878
  1856. }
  1857. .layui-checkbox-disbaled,.layui-checkbox-disbaled i {
  1858. border-color:#e2e2e2!important
  1859. }
  1860. .layui-form-onswitch i {
  1861. left:100%;
  1862. margin-left:-21px;
  1863. background-color:#fff
  1864. }
  1865. .layui-form-onswitch em {
  1866. margin-left:5px;
  1867. margin-right:21px;
  1868. color:#fff!important
  1869. }
  1870. .layui-checkbox-disbaled span {
  1871. background-color:#e2e2e2!important
  1872. }
  1873. .layui-checkbox-disbaled:hover i {
  1874. color:#fff!important
  1875. }
  1876. [lay-radio] {
  1877. display:none
  1878. }
  1879. .layui-form-radio,.layui-form-radio * {
  1880. display:inline-block;
  1881. vertical-align:middle
  1882. }
  1883. .layui-form-radio {
  1884. line-height:28px;
  1885. margin:6px 10px 0 0;
  1886. padding-right:10px;
  1887. cursor:pointer;
  1888. font-size:0
  1889. }
  1890. .layui-form-radio * {
  1891. font-size:14px
  1892. }
  1893. .layui-form-radio>i {
  1894. margin-right:8px;
  1895. font-size:22px;
  1896. color:#c2c2c2
  1897. }
  1898. .layui-form-radio>i:hover,.layui-form-radioed>i {
  1899. color:#5FB878
  1900. }
  1901. .layui-radio-disbaled>i {
  1902. color:#e2e2e2!important
  1903. }
  1904. .layui-form-pane .layui-form-label {
  1905. width:110px;
  1906. padding:8px 15px;
  1907. height:38px;
  1908. line-height:20px;
  1909. border-width:1px;
  1910. border-style:solid;
  1911. border-radius:2px 0 0 2px;
  1912. text-align:center;
  1913. background-color:#FBFBFB;
  1914. overflow:hidden;
  1915. box-sizing:border-box
  1916. }
  1917. .layui-form-pane .layui-input-inline {
  1918. margin-left:-1px
  1919. }
  1920. .layui-form-pane .layui-input-block {
  1921. margin-left:110px;
  1922. left:-1px
  1923. }
  1924. .layui-form-pane .layui-input {
  1925. border-radius:0 2px 2px 0
  1926. }
  1927. .layui-form-pane .layui-form-text .layui-form-label {
  1928. float:none;
  1929. width:100%;
  1930. border-radius:2px;
  1931. box-sizing:border-box;
  1932. text-align:left
  1933. }
  1934. .layui-form-pane .layui-form-text .layui-input-inline {
  1935. display:block;
  1936. margin:0;
  1937. top:-1px;
  1938. clear:both
  1939. }
  1940. .layui-form-pane .layui-form-text .layui-input-block {
  1941. margin:0;
  1942. left:0;
  1943. top:-1px
  1944. }
  1945. .layui-form-pane .layui-form-text .layui-textarea {
  1946. min-height:100px;
  1947. border-radius:0 0 2px 2px
  1948. }
  1949. .layui-form-pane .layui-form-checkbox {
  1950. margin:4px 0 4px 10px
  1951. }
  1952. .layui-form-pane .layui-form-radio,.layui-form-pane .layui-form-switch {
  1953. margin-top:6px;
  1954. margin-left:10px
  1955. }
  1956. .layui-form-pane .layui-form-item[pane] {
  1957. position:relative;
  1958. border-width:1px;
  1959. border-style:solid
  1960. }
  1961. .layui-form-pane .layui-form-item[pane] .layui-form-label {
  1962. position:absolute;
  1963. left:0;
  1964. top:0;
  1965. height:100%;
  1966. border-width:0 1px 0 0
  1967. }
  1968. .layui-form-pane .layui-form-item[pane] .layui-input-inline {
  1969. margin-left:110px
  1970. }
  1971. @media screen and (max-width:450px) {
  1972. .layui-form-item .layui-form-label {
  1973. text-overflow:ellipsis;
  1974. overflow:hidden;
  1975. white-space:nowrap
  1976. }
  1977. .layui-form-item .layui-inline {
  1978. display:block;
  1979. margin-right:0;
  1980. margin-bottom:20px;
  1981. clear:both
  1982. }
  1983. .layui-form-item .layui-inline:after {
  1984. content:'\20';
  1985. clear:both;
  1986. display:block;
  1987. height:0
  1988. }
  1989. .layui-form-item .layui-input-inline {
  1990. display:block;
  1991. float:none;
  1992. left:-3px;
  1993. width:auto;
  1994. margin:0 0 10px 112px
  1995. }
  1996. .layui-form-item .layui-input-inline+.layui-form-mid {
  1997. margin-left:110px;
  1998. top:-5px;
  1999. padding:0
  2000. }
  2001. .layui-form-item .layui-form-checkbox {
  2002. margin-right:5px;
  2003. margin-bottom:5px
  2004. }
  2005. }.layui-layedit {
  2006. border-width:1px;
  2007. border-style:solid;
  2008. border-radius:2px
  2009. }
  2010. .layui-layedit-tool {
  2011. padding:3px 5px;
  2012. border-bottom-width:1px;
  2013. border-bottom-style:solid;
  2014. font-size:0
  2015. }
  2016. .layedit-tool-fixed {
  2017. position:fixed;
  2018. top:0;
  2019. border-top:1px solid #e2e2e2
  2020. }
  2021. .layui-layedit-tool .layedit-tool-mid,.layui-layedit-tool .layui-icon {
  2022. display:inline-block;
  2023. vertical-align:middle;
  2024. text-align:center;
  2025. font-size:14px
  2026. }
  2027. .layui-layedit-tool .layui-icon {
  2028. position:relative;
  2029. width:32px;
  2030. height:30px;
  2031. line-height:30px;
  2032. margin:3px 5px;
  2033. color:#777;
  2034. cursor:pointer;
  2035. border-radius:2px
  2036. }
  2037. .layui-layedit-tool .layui-icon:hover {
  2038. color:#393D49
  2039. }
  2040. .layui-layedit-tool .layui-icon:active {
  2041. color:#000
  2042. }
  2043. .layui-layedit-tool .layedit-tool-active {
  2044. background-color:#e2e2e2;
  2045. color:#000
  2046. }
  2047. .layui-layedit-tool .layui-disabled,.layui-layedit-tool .layui-disabled:hover {
  2048. color:#d2d2d2;
  2049. cursor:not-allowed
  2050. }
  2051. .layui-layedit-tool .layedit-tool-mid {
  2052. width:1px;
  2053. height:18px;
  2054. margin:0 10px;
  2055. background-color:#d2d2d2
  2056. }
  2057. .layedit-tool-html {
  2058. width:50px!important;
  2059. font-size:30px!important
  2060. }
  2061. .layedit-tool-b,.layedit-tool-code,.layedit-tool-help {
  2062. font-size:16px!important
  2063. }
  2064. .layedit-tool-d,.layedit-tool-face,.layedit-tool-image,.layedit-tool-unlink {
  2065. font-size:18px!important
  2066. }
  2067. .layedit-tool-image input {
  2068. position:absolute;
  2069. font-size:0;
  2070. left:0;
  2071. top:0;
  2072. width:100%;
  2073. height:100%;
  2074. opacity:.01;
  2075. filter:Alpha(opacity=1);
  2076. cursor:pointer
  2077. }
  2078. .layui-layedit-iframe iframe {
  2079. display:block;
  2080. width:100%
  2081. }
  2082. #LAY_layedit_code {
  2083. overflow:hidden
  2084. }
  2085. .layui-laypage {
  2086. display:inline-block;
  2087. *display:inline;
  2088. *zoom:1;
  2089. vertical-align:middle;
  2090. margin:10px 0;
  2091. font-size:0
  2092. }
  2093. .layui-laypage>a:first-child,.layui-laypage>a:first-child em {
  2094. border-radius:2px 0 0 2px
  2095. }
  2096. .layui-laypage>a:last-child,.layui-laypage>a:last-child em {
  2097. border-radius:0 2px 2px 0
  2098. }
  2099. .layui-laypage>:first-child {
  2100. margin-left:0!important
  2101. }
  2102. .layui-laypage>:last-child {
  2103. margin-right:0!important
  2104. }
  2105. .layui-laypage a,.layui-laypage button,.layui-laypage input,.layui-laypage select,.layui-laypage span {
  2106. border:1px solid #e2e2e2
  2107. }
  2108. .layui-laypage a,.layui-laypage span {
  2109. display:inline-block;
  2110. *display:inline;
  2111. *zoom:1;
  2112. vertical-align:middle;
  2113. padding:0 15px;
  2114. height:28px;
  2115. line-height:28px;
  2116. margin:0 -1px 5px 0;
  2117. background-color:#fff;
  2118. color:#333;
  2119. font-size:12px
  2120. }
  2121. .layui-flow-more a *,.layui-laypage input,.layui-table-view select[lay-ignore] {
  2122. display:inline-block
  2123. }
  2124. .layui-laypage a:hover {
  2125. color:#009688
  2126. }
  2127. .layui-laypage em {
  2128. font-style:normal
  2129. }
  2130. .layui-laypage .layui-laypage-spr {
  2131. color:#999;
  2132. font-weight:700
  2133. }
  2134. .layui-laypage a {
  2135. text-decoration:none
  2136. }
  2137. .layui-laypage .layui-laypage-curr {
  2138. position:relative
  2139. }
  2140. .layui-laypage .layui-laypage-curr em {
  2141. position:relative;
  2142. color:#fff
  2143. }
  2144. .layui-laypage .layui-laypage-curr .layui-laypage-em {
  2145. position:absolute;
  2146. left:-1px;
  2147. top:-1px;
  2148. padding:1px;
  2149. width:100%;
  2150. height:100%;
  2151. background-color:#009688
  2152. }
  2153. .layui-laypage-em {
  2154. border-radius:2px
  2155. }
  2156. .layui-laypage-next em,.layui-laypage-prev em {
  2157. font-family:Sim sun;
  2158. font-size:16px
  2159. }
  2160. .layui-laypage .layui-laypage-count,.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-refresh,.layui-laypage .layui-laypage-skip {
  2161. margin-left:10px;
  2162. margin-right:10px;
  2163. padding:0;
  2164. border:none
  2165. }
  2166. .layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-refresh {
  2167. vertical-align:top
  2168. }
  2169. .layui-laypage .layui-laypage-refresh i {
  2170. font-size:18px;
  2171. cursor:pointer
  2172. }
  2173. .layui-laypage select {
  2174. height:22px;
  2175. padding:3px;
  2176. border-radius:2px;
  2177. cursor:pointer
  2178. }
  2179. .layui-laypage .layui-laypage-skip {
  2180. height:30px;
  2181. line-height:30px;
  2182. color:#999
  2183. }
  2184. .layui-laypage button,.layui-laypage input {
  2185. height:30px;
  2186. line-height:30px;
  2187. border-radius:2px;
  2188. vertical-align:top;
  2189. background-color:#fff;
  2190. box-sizing:border-box
  2191. }
  2192. .layui-laypage input {
  2193. width:40px;
  2194. margin:0 10px;
  2195. padding:0 3px;
  2196. text-align:center
  2197. }
  2198. .layui-laypage input:focus,.layui-laypage select:focus {
  2199. border-color:#009688!important
  2200. }
  2201. .layui-laypage button {
  2202. margin-left:10px;
  2203. padding:0 10px;
  2204. cursor:pointer
  2205. }
  2206. .layui-table,.layui-table-view {
  2207. margin:10px 0
  2208. }
  2209. .layui-flow-more {
  2210. margin:10px 0;
  2211. text-align:center;
  2212. color:#999;
  2213. font-size:14px
  2214. }
  2215. .layui-flow-more a {
  2216. height:32px;
  2217. line-height:32px
  2218. }
  2219. .layui-flow-more a * {
  2220. vertical-align:top
  2221. }
  2222. .layui-flow-more a cite {
  2223. padding:0 20px;
  2224. border-radius:3px;
  2225. background-color:#eee;
  2226. color:#333;
  2227. font-style:normal
  2228. }
  2229. .layui-flow-more a cite:hover {
  2230. opacity:.8
  2231. }
  2232. .layui-flow-more a i {
  2233. font-size:30px;
  2234. color:#737383
  2235. }
  2236. .layui-table {
  2237. width:100%;
  2238. background-color:#fff;
  2239. color:#666
  2240. }
  2241. .layui-table tr {
  2242. transition:all .3s;
  2243. -webkit-transition:all .3s
  2244. }
  2245. .layui-table th {
  2246. text-align:left;
  2247. font-weight:400
  2248. }
  2249. .layui-table tbody tr:hover,.layui-table thead tr,.layui-table-click,.layui-table-header,.layui-table-hover,.layui-table-mend,.layui-table-patch,.layui-table-tool,.layui-table-total,.layui-table-total tr,.layui-table[lay-even] tr:nth-child(even) {
  2250. background-color:#f2f2f2
  2251. }
  2252. .layui-table td,.layui-table th,.layui-table-col-set,.layui-table-fixed-r,.layui-table-grid-down,.layui-table-header,.layui-table-page,.layui-table-tips-main,.layui-table-tool,.layui-table-total,.layui-table-view,.layui-table[lay-skin=line],.layui-table[lay-skin=row] {
  2253. border-width:1px;
  2254. border-style:solid;
  2255. border-color:#e6e6e6
  2256. }
  2257. .layui-table td,.layui-table th {
  2258. position:relative;
  2259. padding:9px 15px;
  2260. min-height:20px;
  2261. line-height:20px;
  2262. font-size:14px
  2263. }
  2264. .layui-table[lay-skin=line] td,.layui-table[lay-skin=line] th {
  2265. border-width:0 0 1px
  2266. }
  2267. .layui-table[lay-skin=row] td,.layui-table[lay-skin=row] th {
  2268. border-width:0 1px 0 0
  2269. }
  2270. .layui-table[lay-skin=nob] td,.layui-table[lay-skin=nob] th {
  2271. border:none
  2272. }
  2273. .layui-table img {
  2274. max-width:100px
  2275. }
  2276. .layui-table[lay-size=lg] td,.layui-table[lay-size=lg] th {
  2277. padding:15px 30px
  2278. }
  2279. .layui-table-view .layui-table[lay-size=lg] .layui-table-cell {
  2280. height:40px;
  2281. line-height:40px
  2282. }
  2283. .layui-table[lay-size=sm] td,.layui-table[lay-size=sm] th {
  2284. font-size:12px;
  2285. padding:5px 10px
  2286. }
  2287. .layui-table-view .layui-table[lay-size=sm] .layui-table-cell {
  2288. height:20px;
  2289. line-height:20px
  2290. }
  2291. .layui-table[lay-data] {
  2292. display:none
  2293. }
  2294. .layui-table-box {
  2295. position:relative;
  2296. overflow:hidden
  2297. }
  2298. .layui-table-view .layui-table {
  2299. position:relative;
  2300. width:auto;
  2301. margin:0
  2302. }
  2303. .layui-table-view .layui-table[lay-skin=line] {
  2304. border-width:0 1px 0 0
  2305. }
  2306. .layui-table-view .layui-table[lay-skin=row] {
  2307. border-width:0 0 1px
  2308. }
  2309. .layui-table-view .layui-table td,.layui-table-view .layui-table th {
  2310. padding:5px 0;
  2311. border-top:none;
  2312. border-left:none
  2313. }
  2314. .layui-table-view .layui-table th.layui-unselect .layui-table-cell span {
  2315. cursor:pointer
  2316. }
  2317. .layui-table-view .layui-table td {
  2318. cursor:default
  2319. }
  2320. .layui-table-view .layui-form-checkbox[lay-skin=primary] i {
  2321. width:18px;
  2322. height:18px
  2323. }
  2324. .layui-table-view .layui-form-radio {
  2325. line-height:0;
  2326. padding:0
  2327. }
  2328. .layui-table-view .layui-form-radio>i {
  2329. margin:0;
  2330. font-size:20px
  2331. }
  2332. .layui-table-init {
  2333. position:absolute;
  2334. left:0;
  2335. top:0;
  2336. width:100%;
  2337. height:100%;
  2338. text-align:center;
  2339. z-index:110
  2340. }
  2341. .layui-table-init .layui-icon {
  2342. position:absolute;
  2343. left:50%;
  2344. top:50%;
  2345. margin:-15px 0 0 -15px;
  2346. font-size:30px;
  2347. color:#c2c2c2
  2348. }
  2349. .layui-table-header {
  2350. border-width:0 0 1px;
  2351. overflow:hidden
  2352. }
  2353. .layui-table-header .layui-table {
  2354. margin-bottom:-1px
  2355. }
  2356. .layui-table-tool .layui-inline[lay-event] {
  2357. position:relative;
  2358. width:26px;
  2359. height:26px;
  2360. padding:5px;
  2361. line-height:16px;
  2362. margin-right:10px;
  2363. text-align:center;
  2364. color:#333;
  2365. border:1px solid #ccc;
  2366. cursor:pointer;
  2367. -webkit-transition:.5s all;
  2368. transition:.5s all
  2369. }
  2370. .layui-table-tool .layui-inline[lay-event]:hover {
  2371. border:1px solid #999
  2372. }
  2373. .layui-table-tool-temp {
  2374. padding-right:120px
  2375. }
  2376. .layui-table-tool-self {
  2377. position:absolute;
  2378. right:17px;
  2379. top:10px
  2380. }
  2381. .layui-table-tool .layui-table-tool-self .layui-inline[lay-event] {
  2382. margin:0 0 0 10px
  2383. }
  2384. .layui-table-tool-panel {
  2385. position:absolute;
  2386. top:29px;
  2387. left:-1px;
  2388. padding:5px 0;
  2389. min-width:150px;
  2390. min-height:40px;
  2391. border:1px solid #d2d2d2;
  2392. text-align:left;
  2393. overflow-y:auto;
  2394. background-color:#fff;
  2395. box-shadow:0 2px 4px rgba(0,0,0,.12)
  2396. }
  2397. .layui-table-cell,.layui-table-tool-panel li {
  2398. overflow:hidden;
  2399. text-overflow:ellipsis;
  2400. white-space:nowrap
  2401. }
  2402. .layui-table-tool-panel li {
  2403. padding:0 10px;
  2404. line-height:30px;
  2405. -webkit-transition:.5s all;
  2406. transition:.5s all
  2407. }
  2408. .layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] {
  2409. width:100%;
  2410. padding-left:28px
  2411. }
  2412. .layui-table-tool-panel li:hover {
  2413. background-color:#f2f2f2
  2414. }
  2415. .layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] i {
  2416. position:absolute;
  2417. left:0;
  2418. top:0
  2419. }
  2420. .layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] span {
  2421. padding:0
  2422. }
  2423. .layui-table-tool .layui-table-tool-self .layui-table-tool-panel {
  2424. left:auto;
  2425. right:-1px
  2426. }
  2427. .layui-table-col-set {
  2428. position:absolute;
  2429. right:0;
  2430. top:0;
  2431. width:20px;
  2432. height:100%;
  2433. border-width:0 0 0 1px;
  2434. background-color:#fff
  2435. }
  2436. .layui-table-sort {
  2437. width:10px;
  2438. height:20px;
  2439. margin-left:5px;
  2440. cursor:pointer!important
  2441. }
  2442. .layui-table-sort .layui-edge {
  2443. position:absolute;
  2444. left:5px;
  2445. border-width:5px
  2446. }
  2447. .layui-table-sort .layui-table-sort-asc {
  2448. top:3px;
  2449. border-top:none;
  2450. border-bottom-style:solid;
  2451. border-bottom-color:#b2b2b2
  2452. }
  2453. .layui-table-sort .layui-table-sort-asc:hover {
  2454. border-bottom-color:#666
  2455. }
  2456. .layui-table-sort .layui-table-sort-desc {
  2457. bottom:5px;
  2458. border-bottom:none;
  2459. border-top-style:solid;
  2460. border-top-color:#b2b2b2
  2461. }
  2462. .layui-table-sort .layui-table-sort-desc:hover {
  2463. border-top-color:#666
  2464. }
  2465. .layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
  2466. border-bottom-color:#000
  2467. }
  2468. .layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
  2469. border-top-color:#000
  2470. }
  2471. .layui-table-cell {
  2472. height:28px;
  2473. line-height:28px;
  2474. padding:0 15px;
  2475. position:relative;
  2476. box-sizing:border-box
  2477. }
  2478. .layui-table-cell .layui-form-checkbox[lay-skin=primary] {
  2479. top:-1px;
  2480. padding:0
  2481. }
  2482. .layui-table-cell .layui-table-link {
  2483. color:#01AAED
  2484. }
  2485. .laytable-cell-checkbox,.laytable-cell-numbers,.laytable-cell-radio,.laytable-cell-space {
  2486. padding:0;
  2487. text-align:center
  2488. }
  2489. .layui-table-body {
  2490. position:relative;
  2491. overflow:auto;
  2492. margin-right:-1px;
  2493. margin-bottom:-1px
  2494. }
  2495. .layui-table-body .layui-none {
  2496. line-height:26px;
  2497. padding:15px;
  2498. text-align:center;
  2499. color:#999
  2500. }
  2501. .layui-table-fixed {
  2502. position:absolute;
  2503. left:0;
  2504. top:0;
  2505. z-index:101
  2506. }
  2507. .layui-table-fixed .layui-table-body {
  2508. overflow:hidden
  2509. }
  2510. .layui-table-fixed-l {
  2511. box-shadow:0 -1px 8px rgba(0,0,0,.08)
  2512. }
  2513. .layui-table-fixed-r {
  2514. left:auto;
  2515. right:-1px;
  2516. border-width:0 0 0 1px;
  2517. box-shadow:-1px 0 8px rgba(0,0,0,.08)
  2518. }
  2519. .layui-table-fixed-r .layui-table-header {
  2520. position:relative;
  2521. overflow:visible
  2522. }
  2523. .layui-table-mend {
  2524. position:absolute;
  2525. right:-49px;
  2526. top:0;
  2527. height:100%;
  2528. width:50px
  2529. }
  2530. .layui-table-tool {
  2531. position:relative;
  2532. z-index:890;
  2533. width:100%;
  2534. min-height:50px;
  2535. line-height:30px;
  2536. padding:10px 15px;
  2537. border-width:0 0 1px
  2538. }
  2539. .layui-table-tool .layui-btn-container {
  2540. margin-bottom:-10px
  2541. }
  2542. .layui-table-page,.layui-table-total {
  2543. border-width:1px 0 0;
  2544. margin-bottom:-1px;
  2545. overflow:hidden
  2546. }
  2547. .layui-table-page {
  2548. position:relative;
  2549. width:100%;
  2550. padding:7px 7px 0;
  2551. height:41px;
  2552. font-size:12px;
  2553. white-space:nowrap
  2554. }
  2555. .layui-table-page>div {
  2556. height:26px
  2557. }
  2558. .layui-table-page .layui-laypage {
  2559. margin:0
  2560. }
  2561. .layui-table-page .layui-laypage a,.layui-table-page .layui-laypage span {
  2562. height:26px;
  2563. line-height:26px;
  2564. margin-bottom:10px;
  2565. border:none;
  2566. background:0 0
  2567. }
  2568. .layui-table-page .layui-laypage a,.layui-table-page .layui-laypage span.layui-laypage-curr {
  2569. padding:0 12px
  2570. }
  2571. .layui-table-page .layui-laypage span {
  2572. margin-left:0;
  2573. padding:0
  2574. }
  2575. .layui-table-page .layui-laypage .layui-laypage-prev {
  2576. margin-left:-7px!important
  2577. }
  2578. .layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em {
  2579. left:0;
  2580. top:0;
  2581. padding:0
  2582. }
  2583. .layui-table-page .layui-laypage button,.layui-table-page .layui-laypage input {
  2584. height:26px;
  2585. line-height:26px
  2586. }
  2587. .layui-table-page .layui-laypage input {
  2588. width:40px
  2589. }
  2590. .layui-table-page .layui-laypage button {
  2591. padding:0 10px
  2592. }
  2593. .layui-table-page select {
  2594. height:18px
  2595. }
  2596. .layui-table-patch .layui-table-cell {
  2597. padding:0;
  2598. width:30px
  2599. }
  2600. .layui-table-edit {
  2601. position:absolute;
  2602. left:0;
  2603. top:0;
  2604. width:100%;
  2605. height:100%;
  2606. padding:0 14px 1px;
  2607. border-radius:0;
  2608. box-shadow:1px 1px 20px rgba(0,0,0,.15)
  2609. }
  2610. .layui-table-edit:focus {
  2611. border-color:#5FB878!important
  2612. }
  2613. select.layui-table-edit {
  2614. padding:0 0 0 10px;
  2615. border-color:#C9C9C9
  2616. }
  2617. .layui-table-view .layui-form-checkbox,.layui-table-view .layui-form-radio,.layui-table-view .layui-form-switch {
  2618. top:0;
  2619. margin:0;
  2620. box-sizing:content-box
  2621. }
  2622. .layui-table-view .layui-form-checkbox {
  2623. top:-1px;
  2624. height:26px;
  2625. line-height:26px
  2626. }
  2627. .layui-table-view .layui-form-checkbox i {
  2628. height:26px
  2629. }
  2630. .layui-table-grid .layui-table-cell {
  2631. overflow:visible
  2632. }
  2633. .layui-table-grid-down {
  2634. position:absolute;
  2635. top:0;
  2636. right:0;
  2637. width:26px;
  2638. height:100%;
  2639. padding:5px 0;
  2640. border-width:0 0 0 1px;
  2641. text-align:center;
  2642. background-color:#fff;
  2643. color:#999;
  2644. cursor:pointer
  2645. }
  2646. .layui-table-grid-down .layui-icon {
  2647. position:absolute;
  2648. top:50%;
  2649. left:50%;
  2650. margin:-8px 0 0 -8px
  2651. }
  2652. .layui-table-grid-down:hover {
  2653. background-color:#fbfbfb
  2654. }
  2655. body .layui-table-tips .layui-layer-content {
  2656. background:0 0;
  2657. padding:0;
  2658. box-shadow:0 1px 6px rgba(0,0,0,.12)
  2659. }
  2660. .layui-table-tips-main {
  2661. margin:-44px 0 0 -1px;
  2662. max-height:150px;
  2663. padding:8px 15px;
  2664. font-size:14px;
  2665. overflow-y:scroll;
  2666. background-color:#fff;
  2667. color:#666
  2668. }
  2669. .layui-table-tips-c {
  2670. position:absolute;
  2671. right:-3px;
  2672. top:-13px;
  2673. width:20px;
  2674. height:20px;
  2675. padding:3px;
  2676. cursor:pointer;
  2677. background-color:#666;
  2678. border-radius:50%;
  2679. color:#fff
  2680. }
  2681. .layui-table-tips-c:hover {
  2682. background-color:#777
  2683. }
  2684. .layui-table-tips-c:before {
  2685. position:relative;
  2686. right:-2px
  2687. }
  2688. .layui-upload-file {
  2689. display:none!important;
  2690. opacity:.01;
  2691. filter:Alpha(opacity=1)
  2692. }
  2693. .layui-upload-drag,.layui-upload-form,.layui-upload-wrap {
  2694. display:inline-block
  2695. }
  2696. .layui-upload-list {
  2697. margin:10px 0
  2698. }
  2699. .layui-upload-choose {
  2700. padding:0 10px;
  2701. color:#999
  2702. }
  2703. .layui-upload-drag {
  2704. position:relative;
  2705. padding:30px;
  2706. border:1px dashed #e2e2e2;
  2707. background-color:#fff;
  2708. text-align:center;
  2709. cursor:pointer;
  2710. color:#999
  2711. }
  2712. .layui-upload-drag .layui-icon {
  2713. font-size:50px;
  2714. color:#009688
  2715. }
  2716. .layui-upload-drag[lay-over] {
  2717. border-color:#009688
  2718. }
  2719. .layui-upload-iframe {
  2720. position:absolute;
  2721. width:0;
  2722. height:0;
  2723. border:0;
  2724. visibility:hidden
  2725. }
  2726. .layui-upload-wrap {
  2727. position:relative;
  2728. vertical-align:middle
  2729. }
  2730. .layui-upload-wrap .layui-upload-file {
  2731. display:block!important;
  2732. position:absolute;
  2733. left:0;
  2734. top:0;
  2735. z-index:10;
  2736. font-size:100px;
  2737. width:100%;
  2738. height:100%;
  2739. opacity:.01;
  2740. filter:Alpha(opacity=1);
  2741. cursor:pointer
  2742. }
  2743. .layui-tree {
  2744. line-height:26px
  2745. }
  2746. .layui-tree li {
  2747. text-overflow:ellipsis;
  2748. overflow:hidden;
  2749. white-space:nowrap
  2750. }
  2751. .layui-tree li .layui-tree-spread,.layui-tree li a {
  2752. display:inline-block;
  2753. vertical-align:top;
  2754. height:26px;
  2755. *display:inline;
  2756. *zoom:1;
  2757. cursor:pointer
  2758. }
  2759. .layui-tree li a {
  2760. font-size:0
  2761. }
  2762. .layui-tree li a i {
  2763. font-size:16px
  2764. }
  2765. .layui-tree li a cite {
  2766. padding:0 6px;
  2767. font-size:14px;
  2768. font-style:normal
  2769. }
  2770. .layui-tree li i {
  2771. padding-left:6px;
  2772. color:#333;
  2773. -moz-user-select:none
  2774. }
  2775. .layui-tree li .layui-tree-check {
  2776. font-size:13px
  2777. }
  2778. .layui-tree li .layui-tree-check:hover {
  2779. color:#009E94
  2780. }
  2781. .layui-tree li ul {
  2782. display:none;
  2783. margin-left:20px
  2784. }
  2785. .layui-tree li .layui-tree-enter {
  2786. line-height:24px;
  2787. border:1px dotted #000
  2788. }
  2789. .layui-tree-drag {
  2790. display:none;
  2791. position:absolute;
  2792. left:-666px;
  2793. top:-666px;
  2794. background-color:#f2f2f2;
  2795. padding:5px 10px;
  2796. border:1px dotted #000;
  2797. white-space:nowrap
  2798. }
  2799. .layui-tree-drag i {
  2800. padding-right:5px
  2801. }
  2802. .layui-nav {
  2803. position:relative;
  2804. padding:0 20px;
  2805. background-color:#393D49;
  2806. color:#fff;
  2807. border-radius:2px;
  2808. font-size:0;
  2809. box-sizing:border-box
  2810. }
  2811. .layui-nav * {
  2812. font-size:14px
  2813. }
  2814. .layui-nav .layui-nav-item {
  2815. position:relative;
  2816. display:inline-block;
  2817. *display:inline;
  2818. *zoom:1;
  2819. vertical-align:middle;
  2820. line-height:60px
  2821. }
  2822. .layui-nav .layui-nav-item a {
  2823. display:block;
  2824. padding:0 20px;
  2825. color:#fff;
  2826. color:rgba(255,255,255,.7);
  2827. transition:all .3s;
  2828. -webkit-transition:all .3s
  2829. }
  2830. .layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after {
  2831. position:absolute;
  2832. left:0;
  2833. top:0;
  2834. width:0;
  2835. height:5px;
  2836. background-color:#5FB878;
  2837. transition:all .2s;
  2838. -webkit-transition:all .2s
  2839. }
  2840. .layui-nav-bar {
  2841. z-index:1000
  2842. }
  2843. .layui-nav .layui-nav-item a:hover,.layui-nav .layui-this a {
  2844. color:#fff
  2845. }
  2846. .layui-nav .layui-this:after {
  2847. content:'';
  2848. top:auto;
  2849. bottom:0;
  2850. width:100%
  2851. }
  2852. .layui-nav-img {
  2853. width:30px;
  2854. height:30px;
  2855. margin-right:10px;
  2856. border-radius:50%
  2857. }
  2858. .layui-nav .layui-nav-more {
  2859. content:'';
  2860. width:0;
  2861. height:0;
  2862. border-style:solid dashed dashed;
  2863. border-color:#fff transparent transparent;
  2864. overflow:hidden;
  2865. cursor:pointer;
  2866. transition:all .2s;
  2867. -webkit-transition:all .2s;
  2868. position:absolute;
  2869. top:50%;
  2870. right:3px;
  2871. margin-top:-3px;
  2872. border-width:6px;
  2873. border-top-color:rgba(255,255,255,.7)
  2874. }
  2875. .layui-nav .layui-nav-mored,.layui-nav-itemed>a .layui-nav-more {
  2876. margin-top:-9px;
  2877. border-style:dashed dashed solid;
  2878. border-color:transparent transparent #fff
  2879. }
  2880. .layui-nav-child {
  2881. display:none;
  2882. position:absolute;
  2883. left:0;
  2884. top:65px;
  2885. min-width:100%;
  2886. line-height:36px;
  2887. padding:5px 0;
  2888. box-shadow:0 2px 4px rgba(0,0,0,.12);
  2889. border:1px solid #d2d2d2;
  2890. background-color:#fff;
  2891. z-index:100;
  2892. border-radius:2px;
  2893. white-space:nowrap
  2894. }
  2895. .layui-nav .layui-nav-child a {
  2896. color:#333
  2897. }
  2898. .layui-nav .layui-nav-child a:hover {
  2899. background-color:#f2f2f2;
  2900. color:#000
  2901. }
  2902. .layui-nav-child dd {
  2903. position:relative
  2904. }
  2905. .layui-nav .layui-nav-child dd.layui-this a,.layui-nav-child dd.layui-this {
  2906. background-color:#5FB878;
  2907. color:#fff
  2908. }
  2909. .layui-nav-child dd.layui-this:after {
  2910. display:none
  2911. }
  2912. .layui-nav-tree {
  2913. width:200px;
  2914. padding:0
  2915. }
  2916. .layui-nav-tree .layui-nav-item {
  2917. display:block;
  2918. width:100%;
  2919. line-height:45px
  2920. }
  2921. .layui-nav-tree .layui-nav-item a {
  2922. position:relative;
  2923. height:45px;
  2924. line-height:45px;
  2925. text-overflow:ellipsis;
  2926. overflow:hidden;
  2927. white-space:nowrap
  2928. }
  2929. .layui-nav-tree .layui-nav-item a:hover {
  2930. background-color:#4E5465
  2931. }
  2932. .layui-nav-tree .layui-nav-bar {
  2933. width:5px;
  2934. height:0;
  2935. background-color:#009688
  2936. }
  2937. .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 {
  2938. background-color:#009688;
  2939. color:#fff
  2940. }
  2941. .layui-nav-tree .layui-this:after {
  2942. display:none
  2943. }
  2944. .layui-nav-itemed>a,.layui-nav-tree .layui-nav-title a,.layui-nav-tree .layui-nav-title a:hover {
  2945. color:#fff!important
  2946. }
  2947. .layui-nav-tree .layui-nav-child {
  2948. position:relative;
  2949. z-index:0;
  2950. top:0;
  2951. border:none;
  2952. box-shadow:none
  2953. }
  2954. .layui-nav-tree .layui-nav-child a {
  2955. height:40px;
  2956. line-height:40px;
  2957. color:#fff;
  2958. color:rgba(255,255,255,.7)
  2959. }
  2960. .layui-nav-tree .layui-nav-child,.layui-nav-tree .layui-nav-child a:hover {
  2961. background:0 0;
  2962. color:#fff
  2963. }
  2964. .layui-nav-tree .layui-nav-more {
  2965. right:10px
  2966. }
  2967. .layui-nav-itemed>.layui-nav-child {
  2968. display:block;
  2969. padding:0;
  2970. background-color:rgba(0,0,0,.3)!important
  2971. }
  2972. .layui-nav-itemed>.layui-nav-child>.layui-this>.layui-nav-child {
  2973. display:block
  2974. }
  2975. .layui-nav-side {
  2976. position:fixed;
  2977. top:0;
  2978. bottom:0;
  2979. left:0;
  2980. overflow-x:hidden;
  2981. z-index:999
  2982. }
  2983. .layui-bg-blue .layui-nav-bar,.layui-bg-blue .layui-nav-itemed:after,.layui-bg-blue .layui-this:after {
  2984. background-color:#93D1FF
  2985. }
  2986. .layui-bg-blue .layui-nav-child dd.layui-this {
  2987. background-color:#1E9FFF
  2988. }
  2989. .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 {
  2990. background-color:#007DDB!important
  2991. }
  2992. .layui-breadcrumb {
  2993. visibility:hidden;
  2994. font-size:0
  2995. }
  2996. .layui-breadcrumb>* {
  2997. font-size:14px
  2998. }
  2999. .layui-breadcrumb a {
  3000. color:#999!important
  3001. }
  3002. .layui-breadcrumb a:hover {
  3003. color:#5FB878!important
  3004. }
  3005. .layui-breadcrumb a cite {
  3006. color:#666;
  3007. font-style:normal
  3008. }
  3009. .layui-breadcrumb span[lay-separator] {
  3010. margin:0 10px;
  3011. color:#999
  3012. }
  3013. .layui-tab {
  3014. margin:10px 0;
  3015. text-align:left!important
  3016. }
  3017. .layui-tab[overflow]>.layui-tab-title {
  3018. overflow:hidden
  3019. }
  3020. .layui-tab-title {
  3021. position:relative;
  3022. left:0;
  3023. height:40px;
  3024. white-space:nowrap;
  3025. font-size:0;
  3026. border-bottom-width:1px;
  3027. border-bottom-style:solid;
  3028. transition:all .2s;
  3029. -webkit-transition:all .2s
  3030. }
  3031. .layui-tab-title li {
  3032. display:inline-block;
  3033. *display:inline;
  3034. *zoom:1;
  3035. vertical-align:middle;
  3036. font-size:14px;
  3037. transition:all .2s;
  3038. -webkit-transition:all .2s;
  3039. position:relative;
  3040. line-height:40px;
  3041. min-width:65px;
  3042. padding:0 15px;
  3043. text-align:center;
  3044. cursor:pointer
  3045. }
  3046. .layui-tab-title li a {
  3047. display:block
  3048. }
  3049. .layui-tab-title .layui-this {
  3050. color:#000
  3051. }
  3052. .layui-tab-title .layui-this:after {
  3053. position:absolute;
  3054. left:0;
  3055. top:0;
  3056. content:'';
  3057. width:100%;
  3058. height:41px;
  3059. border-width:1px;
  3060. border-style:solid;
  3061. border-bottom-color:#fff;
  3062. border-radius:2px 2px 0 0;
  3063. box-sizing:border-box;
  3064. pointer-events:none
  3065. }
  3066. .layui-tab-bar {
  3067. position:absolute;
  3068. right:0;
  3069. top:0;
  3070. z-index:10;
  3071. width:30px;
  3072. height:39px;
  3073. line-height:39px;
  3074. border-width:1px;
  3075. border-style:solid;
  3076. border-radius:2px;
  3077. text-align:center;
  3078. background-color:#fff;
  3079. cursor:pointer
  3080. }
  3081. .layui-tab-bar .layui-icon {
  3082. position:relative;
  3083. display:inline-block;
  3084. top:3px;
  3085. transition:all .3s;
  3086. -webkit-transition:all .3s
  3087. }
  3088. .layui-tab-item {
  3089. display:none
  3090. }
  3091. .layui-tab-more {
  3092. padding-right:30px;
  3093. height:auto!important;
  3094. white-space:normal!important
  3095. }
  3096. .layui-tab-more li.layui-this:after {
  3097. border-bottom-color:#e2e2e2;
  3098. border-radius:2px
  3099. }
  3100. .layui-tab-more .layui-tab-bar .layui-icon {
  3101. top:-2px;
  3102. top:3px\9;
  3103. -webkit-transform:rotate(180deg);
  3104. transform:rotate(180deg)
  3105. }
  3106. :root .layui-tab-more .layui-tab-bar .layui-icon {
  3107. top:-2px\0/IE9
  3108. }
  3109. .layui-tab-content {
  3110. padding:10px
  3111. }
  3112. .layui-tab-title li .layui-tab-close {
  3113. position:relative;
  3114. display:inline-block;
  3115. width:18px;
  3116. height:18px;
  3117. line-height:20px;
  3118. margin-left:8px;
  3119. top:1px;
  3120. text-align:center;
  3121. font-size:14px;
  3122. color:#c2c2c2;
  3123. transition:all .2s;
  3124. -webkit-transition:all .2s
  3125. }
  3126. .layui-tab-title li .layui-tab-close:hover {
  3127. border-radius:2px;
  3128. background-color:#FF5722;
  3129. color:#fff
  3130. }
  3131. .layui-tab-brief>.layui-tab-title .layui-this {
  3132. color:#009688
  3133. }
  3134. .layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after {
  3135. border:none;
  3136. border-radius:0;
  3137. border-bottom:2px solid #5FB878
  3138. }
  3139. .layui-tab-brief[overflow]>.layui-tab-title .layui-this:after {
  3140. top:-1px
  3141. }
  3142. .layui-tab-card {
  3143. border-width:1px;
  3144. border-style:solid;
  3145. border-radius:2px;
  3146. box-shadow:0 2px 5px 0 rgba(0,0,0,.1)
  3147. }
  3148. .layui-tab-card>.layui-tab-title {
  3149. background-color:#f2f2f2
  3150. }
  3151. .layui-tab-card>.layui-tab-title li {
  3152. margin-right:-1px;
  3153. margin-left:-1px
  3154. }
  3155. .layui-tab-card>.layui-tab-title .layui-this {
  3156. background-color:#fff
  3157. }
  3158. .layui-tab-card>.layui-tab-title .layui-this:after {
  3159. border-top:none;
  3160. border-width:1px;
  3161. border-bottom-color:#fff
  3162. }
  3163. .layui-tab-card>.layui-tab-title .layui-tab-bar {
  3164. height:40px;
  3165. line-height:40px;
  3166. border-radius:0;
  3167. border-top:none;
  3168. border-right:none
  3169. }
  3170. .layui-tab-card>.layui-tab-more .layui-this {
  3171. background:0 0;
  3172. color:#5FB878
  3173. }
  3174. .layui-tab-card>.layui-tab-more .layui-this:after {
  3175. border:none
  3176. }
  3177. .layui-timeline {
  3178. padding-left:5px
  3179. }
  3180. .layui-timeline-item {
  3181. position:relative;
  3182. padding-bottom:20px
  3183. }
  3184. .layui-timeline-axis {
  3185. position:absolute;
  3186. left:-5px;
  3187. top:0;
  3188. z-index:10;
  3189. width:20px;
  3190. height:20px;
  3191. line-height:20px;
  3192. background-color:#fff;
  3193. color:#5FB878;
  3194. border-radius:50%;
  3195. text-align:center;
  3196. cursor:pointer
  3197. }
  3198. .layui-timeline-axis:hover {
  3199. color:#FF5722
  3200. }
  3201. .layui-timeline-item:before {
  3202. content:'';
  3203. position:absolute;
  3204. left:5px;
  3205. top:0;
  3206. z-index:0;
  3207. width:1px;
  3208. height:100%
  3209. }
  3210. .layui-timeline-item:last-child:before {
  3211. display:none
  3212. }
  3213. .layui-timeline-item:first-child:before {
  3214. display:block
  3215. }
  3216. .layui-timeline-content {
  3217. padding-left:25px
  3218. }
  3219. .layui-timeline-title {
  3220. position:relative;
  3221. margin-bottom:10px
  3222. }
  3223. .layui-badge,.layui-badge-dot,.layui-badge-rim {
  3224. position:relative;
  3225. display:inline-block;
  3226. padding:0 6px;
  3227. font-size:12px;
  3228. text-align:center;
  3229. background-color:#FF5722;
  3230. color:#fff;
  3231. border-radius:2px
  3232. }
  3233. .layui-badge {
  3234. height:18px;
  3235. line-height:18px
  3236. }
  3237. .layui-badge-dot {
  3238. width:8px;
  3239. height:8px;
  3240. padding:0;
  3241. border-radius:50%
  3242. }
  3243. .layui-badge-rim {
  3244. height:18px;
  3245. line-height:18px;
  3246. border-width:1px;
  3247. border-style:solid;
  3248. background-color:#fff;
  3249. color:#666
  3250. }
  3251. .layui-btn .layui-badge,.layui-btn .layui-badge-dot {
  3252. margin-left:5px
  3253. }
  3254. .layui-nav .layui-badge,.layui-nav .layui-badge-dot {
  3255. position:absolute;
  3256. top:50%;
  3257. margin:-8px 6px 0
  3258. }
  3259. .layui-tab-title .layui-badge,.layui-tab-title .layui-badge-dot {
  3260. left:5px;
  3261. top:-2px
  3262. }
  3263. .layui-carousel {
  3264. position:relative;
  3265. left:0;
  3266. top:0;
  3267. background-color:#f8f8f8
  3268. }
  3269. .layui-carousel>[carousel-item] {
  3270. position:relative;
  3271. width:100%;
  3272. height:100%;
  3273. overflow:hidden
  3274. }
  3275. .layui-carousel>[carousel-item]:before {
  3276. position:absolute;
  3277. content:'\e63d';
  3278. left:50%;
  3279. top:50%;
  3280. width:100px;
  3281. line-height:20px;
  3282. margin:-10px 0 0 -50px;
  3283. text-align:center;
  3284. color:#c2c2c2;
  3285. font-family:layui-icon!important;
  3286. font-size:30px;
  3287. font-style:normal;
  3288. -webkit-font-smoothing:antialiased;
  3289. -moz-osx-font-smoothing:grayscale
  3290. }
  3291. .layui-carousel>[carousel-item]>* {
  3292. display:none;
  3293. position:absolute;
  3294. left:0;
  3295. top:0;
  3296. width:100%;
  3297. height:100%;
  3298. background-color:#f8f8f8;
  3299. transition-duration:.3s;
  3300. -webkit-transition-duration:.3s
  3301. }
  3302. .layui-carousel-updown>* {
  3303. -webkit-transition:.3s ease-in-out up;
  3304. transition:.3s ease-in-out up
  3305. }
  3306. .layui-carousel-arrow {
  3307. display:none\9;
  3308. opacity:0;
  3309. position:absolute;
  3310. left:10px;
  3311. top:50%;
  3312. margin-top:-18px;
  3313. width:36px;
  3314. height:36px;
  3315. line-height:36px;
  3316. text-align:center;
  3317. font-size:20px;
  3318. border:0;
  3319. border-radius:50%;
  3320. background-color:rgba(0,0,0,.2);
  3321. color:#fff;
  3322. -webkit-transition-duration:.3s;
  3323. transition-duration:.3s;
  3324. cursor:pointer
  3325. }
  3326. .layui-carousel-arrow[lay-type=add] {
  3327. left:auto!important;
  3328. right:10px
  3329. }
  3330. .layui-carousel:hover .layui-carousel-arrow[lay-type=add],.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
  3331. right:20px
  3332. }
  3333. .layui-carousel[lay-arrow=always] .layui-carousel-arrow {
  3334. opacity:1;
  3335. left:20px
  3336. }
  3337. .layui-carousel[lay-arrow=none] .layui-carousel-arrow {
  3338. display:none
  3339. }
  3340. .layui-carousel-arrow:hover,.layui-carousel-ind ul:hover {
  3341. background-color:rgba(0,0,0,.35)
  3342. }
  3343. .layui-carousel:hover .layui-carousel-arrow {
  3344. display:block\9;
  3345. opacity:1;
  3346. left:20px
  3347. }
  3348. .layui-carousel-ind {
  3349. position:relative;
  3350. top:-35px;
  3351. width:100%;
  3352. line-height:0!important;
  3353. text-align:center;
  3354. font-size:0
  3355. }
  3356. .layui-carousel[lay-indicator=outside] {
  3357. margin-bottom:30px
  3358. }
  3359. .layui-carousel[lay-indicator=outside] .layui-carousel-ind {
  3360. top:10px
  3361. }
  3362. .layui-carousel[lay-indicator=outside] .layui-carousel-ind ul {
  3363. background-color:rgba(0,0,0,.5)
  3364. }
  3365. .layui-carousel[lay-indicator=none] .layui-carousel-ind {
  3366. display:none
  3367. }
  3368. .layui-carousel-ind ul {
  3369. display:inline-block;
  3370. padding:5px;
  3371. background-color:rgba(0,0,0,.2);
  3372. border-radius:10px;
  3373. -webkit-transition-duration:.3s;
  3374. transition-duration:.3s
  3375. }
  3376. .layui-carousel-ind li {
  3377. display:inline-block;
  3378. width:10px;
  3379. height:10px;
  3380. margin:0 3px;
  3381. font-size:14px;
  3382. background-color:#e2e2e2;
  3383. background-color:rgba(255,255,255,.5);
  3384. border-radius:50%;
  3385. cursor:pointer;
  3386. -webkit-transition-duration:.3s;
  3387. transition-duration:.3s
  3388. }
  3389. .layui-carousel-ind li:hover {
  3390. background-color:rgba(255,255,255,.7)
  3391. }
  3392. .layui-carousel-ind li.layui-this {
  3393. background-color:#fff
  3394. }
  3395. .layui-carousel>[carousel-item]>.layui-carousel-next,.layui-carousel>[carousel-item]>.layui-carousel-prev,.layui-carousel>[carousel-item]>.layui-this {
  3396. display:block
  3397. }
  3398. .layui-carousel>[carousel-item]>.layui-this {
  3399. left:0
  3400. }
  3401. .layui-carousel>[carousel-item]>.layui-carousel-prev {
  3402. left:-100%
  3403. }
  3404. .layui-carousel>[carousel-item]>.layui-carousel-next {
  3405. left:100%
  3406. }
  3407. .layui-carousel>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel>[carousel-item]>.layui-carousel-prev.layui-carousel-right {
  3408. left:0
  3409. }
  3410. .layui-carousel>[carousel-item]>.layui-this.layui-carousel-left {
  3411. left:-100%
  3412. }
  3413. .layui-carousel>[carousel-item]>.layui-this.layui-carousel-right {
  3414. left:100%
  3415. }
  3416. .layui-carousel[lay-anim=updown] .layui-carousel-arrow {
  3417. left:50%!important;
  3418. top:20px;
  3419. margin:0 0 0 -18px
  3420. }
  3421. .layui-carousel[lay-anim=updown]>[carousel-item]>*,.layui-carousel[lay-anim=fade]>[carousel-item]>* {
  3422. left:0!important
  3423. }
  3424. .layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=add] {
  3425. top:auto!important;
  3426. bottom:20px
  3427. }
  3428. .layui-carousel[lay-anim=updown] .layui-carousel-ind {
  3429. position:absolute;
  3430. top:50%;
  3431. right:20px;
  3432. width:auto;
  3433. height:auto
  3434. }
  3435. .layui-carousel[lay-anim=updown] .layui-carousel-ind ul {
  3436. padding:3px 5px
  3437. }
  3438. .layui-carousel[lay-anim=updown] .layui-carousel-ind li {
  3439. display:block;
  3440. margin:6px 0
  3441. }
  3442. .layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this {
  3443. top:0
  3444. }
  3445. .layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev {
  3446. top:-100%
  3447. }
  3448. .layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next {
  3449. top:100%
  3450. }
  3451. .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 {
  3452. top:0
  3453. }
  3454. .layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-left {
  3455. top:-100%
  3456. }
  3457. .layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-right {
  3458. top:100%
  3459. }
  3460. .layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev {
  3461. opacity:0
  3462. }
  3463. .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 {
  3464. opacity:1
  3465. }
  3466. .layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-left,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-right {
  3467. opacity:0
  3468. }
  3469. .layui-fixbar {
  3470. position:fixed;
  3471. right:15px;
  3472. bottom:15px;
  3473. z-index:999999
  3474. }
  3475. .layui-fixbar li {
  3476. width:50px;
  3477. height:50px;
  3478. line-height:50px;
  3479. margin-bottom:1px;
  3480. text-align:center;
  3481. cursor:pointer;
  3482. font-size:30px;
  3483. background-color:#9F9F9F;
  3484. color:#fff;
  3485. border-radius:2px;
  3486. opacity:.95
  3487. }
  3488. .layui-fixbar li:hover {
  3489. opacity:.85
  3490. }
  3491. .layui-fixbar li:active {
  3492. opacity:1
  3493. }
  3494. .layui-fixbar .layui-fixbar-top {
  3495. display:none;
  3496. font-size:40px
  3497. }
  3498. body .layui-util-face {
  3499. border:none;
  3500. background:0 0
  3501. }
  3502. body .layui-util-face .layui-layer-content {
  3503. padding:0;
  3504. background-color:#fff;
  3505. color:#666;
  3506. box-shadow:none
  3507. }
  3508. .layui-util-face .layui-layer-TipsG {
  3509. display:none
  3510. }
  3511. .layui-util-face ul {
  3512. position:relative;
  3513. width:372px;
  3514. padding:10px;
  3515. border:1px solid #D9D9D9;
  3516. background-color:#fff;
  3517. box-shadow:0 0 20px rgba(0,0,0,.2)
  3518. }
  3519. .layui-util-face ul li {
  3520. cursor:pointer;
  3521. float:left;
  3522. border:1px solid #e8e8e8;
  3523. height:22px;
  3524. width:26px;
  3525. overflow:hidden;
  3526. margin:-1px 0 0 -1px;
  3527. padding:4px 2px;
  3528. text-align:center
  3529. }
  3530. .layui-util-face ul li:hover {
  3531. position:relative;
  3532. z-index:2;
  3533. border:1px solid #eb7350;
  3534. background:#fff9ec
  3535. }
  3536. .layui-code {
  3537. position:relative;
  3538. margin:10px 0;
  3539. padding:15px;
  3540. line-height:20px;
  3541. border:1px solid #ddd;
  3542. border-left-width:6px;
  3543. background-color:#F2F2F2;
  3544. color:#333;
  3545. font-family:Courier New;
  3546. font-size:12px
  3547. }
  3548. .layui-rate,.layui-rate * {
  3549. display:inline-block;
  3550. vertical-align:middle
  3551. }
  3552. .layui-rate {
  3553. padding:10px 5px 10px 0;
  3554. font-size:0
  3555. }
  3556. .layui-rate li i.layui-icon {
  3557. font-size:20px;
  3558. color:#FFB800;
  3559. margin-right:5px;
  3560. transition:all .3s;
  3561. -webkit-transition:all .3s
  3562. }
  3563. .layui-rate li i:hover {
  3564. cursor:pointer;
  3565. transform:scale(1.12);
  3566. -webkit-transform:scale(1.12)
  3567. }
  3568. .layui-rate[readonly] li i:hover {
  3569. cursor:default;
  3570. transform:scale(1)
  3571. }
  3572. .layui-colorpicker {
  3573. width:26px;
  3574. height:26px;
  3575. border:1px solid #e6e6e6;
  3576. padding:5px;
  3577. border-radius:2px;
  3578. line-height:24px;
  3579. display:inline-block;
  3580. cursor:pointer;
  3581. transition:all .3s;
  3582. -webkit-transition:all .3s
  3583. }
  3584. .layui-colorpicker:hover {
  3585. border-color:#d2d2d2
  3586. }
  3587. .layui-colorpicker.layui-colorpicker-lg {
  3588. width:34px;
  3589. height:34px;
  3590. line-height:32px
  3591. }
  3592. .layui-colorpicker.layui-colorpicker-sm {
  3593. width:24px;
  3594. height:24px;
  3595. line-height:22px
  3596. }
  3597. .layui-colorpicker.layui-colorpicker-xs {
  3598. width:22px;
  3599. height:22px;
  3600. line-height:20px
  3601. }
  3602. .layui-colorpicker-trigger-bgcolor {
  3603. display:block;
  3604. background:url(data:image/png;
  3605. base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
  3606. border-radius:2px
  3607. }
  3608. .layui-colorpicker-trigger-span {
  3609. display:block;
  3610. height:100%;
  3611. box-sizing:border-box;
  3612. border:1px solid rgba(0,0,0,.15);
  3613. border-radius:2px;
  3614. text-align:center
  3615. }
  3616. .layui-colorpicker-trigger-i {
  3617. display:inline-block;
  3618. color:#FFF;
  3619. font-size:12px
  3620. }
  3621. .layui-colorpicker-trigger-i.layui-icon-close {
  3622. color:#999
  3623. }
  3624. .layui-colorpicker-main {
  3625. position:absolute;
  3626. z-index:66666666;
  3627. width:280px;
  3628. padding:7px;
  3629. background:#FFF;
  3630. border:1px solid #d2d2d2;
  3631. border-radius:2px;
  3632. box-shadow:0 2px 4px rgba(0,0,0,.12)
  3633. }
  3634. .layui-colorpicker-main-wrapper {
  3635. height:180px;
  3636. position:relative
  3637. }
  3638. .layui-colorpicker-basis {
  3639. width:260px;
  3640. height:100%;
  3641. position:relative
  3642. }
  3643. .layui-colorpicker-basis-white {
  3644. width:100%;
  3645. height:100%;
  3646. position:absolute;
  3647. top:0;
  3648. left:0;
  3649. background:linear-gradient(90deg,#FFF,hsla(0,0%,100%,0))
  3650. }
  3651. .layui-colorpicker-basis-black {
  3652. width:100%;
  3653. height:100%;
  3654. position:absolute;
  3655. top:0;
  3656. left:0;
  3657. background:linear-gradient(0deg,#000,transparent)
  3658. }
  3659. .layui-colorpicker-basis-cursor {
  3660. width:10px;
  3661. height:10px;
  3662. border:1px solid #FFF;
  3663. border-radius:50%;
  3664. position:absolute;
  3665. top:-3px;
  3666. right:-3px;
  3667. cursor:pointer
  3668. }
  3669. .layui-colorpicker-side {
  3670. position:absolute;
  3671. top:0;
  3672. right:0;
  3673. width:12px;
  3674. height:100%;
  3675. background:linear-gradient(red,#FF0,#0F0,#0FF,#00F,#F0F,red)
  3676. }
  3677. .layui-colorpicker-side-slider {
  3678. width:100%;
  3679. height:5px;
  3680. box-shadow:0 0 1px #888;
  3681. box-sizing:border-box;
  3682. background:#FFF;
  3683. border-radius:1px;
  3684. border:1px solid #f0f0f0;
  3685. cursor:pointer;
  3686. position:absolute;
  3687. left:0
  3688. }
  3689. .layui-colorpicker-main-alpha {
  3690. display:none;
  3691. height:12px;
  3692. margin-top:7px;
  3693. background:url(data:image/png;
  3694. base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
  3695. }
  3696. .layui-colorpicker-alpha-bgcolor {
  3697. height:100%;
  3698. position:relative
  3699. }
  3700. .layui-colorpicker-alpha-slider {
  3701. width:5px;
  3702. height:100%;
  3703. box-shadow:0 0 1px #888;
  3704. box-sizing:border-box;
  3705. background:#FFF;
  3706. border-radius:1px;
  3707. border:1px solid #f0f0f0;
  3708. cursor:pointer;
  3709. position:absolute;
  3710. top:0
  3711. }
  3712. .layui-colorpicker-main-pre {
  3713. padding-top:7px;
  3714. font-size:0
  3715. }
  3716. .layui-colorpicker-pre {
  3717. width:20px;
  3718. height:20px;
  3719. border-radius:2px;
  3720. display:inline-block;
  3721. margin-left:6px;
  3722. margin-bottom:7px;
  3723. cursor:pointer
  3724. }
  3725. .layui-colorpicker-pre:nth-child(11n+1) {
  3726. margin-left:0
  3727. }
  3728. .layui-colorpicker-pre-isalpha {
  3729. background:url(data:image/png;
  3730. base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
  3731. }
  3732. .layui-colorpicker-pre.layui-this {
  3733. box-shadow:0 0 3px 2px rgba(0,0,0,.15)
  3734. }
  3735. .layui-colorpicker-pre>div {
  3736. height:100%;
  3737. border-radius:2px
  3738. }
  3739. .layui-colorpicker-main-input {
  3740. text-align:right;
  3741. padding-top:7px
  3742. }
  3743. .layui-colorpicker-main-input .layui-btn-container .layui-btn {
  3744. margin:0 0 0 10px
  3745. }
  3746. .layui-colorpicker-main-input div.layui-inline {
  3747. float:left;
  3748. margin-right:10px;
  3749. font-size:14px
  3750. }
  3751. .layui-colorpicker-main-input input.layui-input {
  3752. width:150px;
  3753. height:30px;
  3754. color:#666
  3755. }
  3756. .layui-slider {
  3757. height:4px;
  3758. background:#e2e2e2;
  3759. border-radius:3px;
  3760. position:relative;
  3761. cursor:pointer
  3762. }
  3763. .layui-slider-bar {
  3764. border-radius:3px;
  3765. position:absolute;
  3766. height:100%
  3767. }
  3768. .layui-slider-step {
  3769. position:absolute;
  3770. top:0;
  3771. width:4px;
  3772. height:4px;
  3773. border-radius:50%;
  3774. background:#FFF;
  3775. -webkit-transform:translateX(-50%);
  3776. transform:translateX(-50%)
  3777. }
  3778. .layui-slider-wrap {
  3779. width:36px;
  3780. height:36px;
  3781. position:absolute;
  3782. top:-16px;
  3783. -webkit-transform:translateX(-50%);
  3784. transform:translateX(-50%);
  3785. z-index:10;
  3786. text-align:center
  3787. }
  3788. .layui-slider-wrap-btn {
  3789. width:12px;
  3790. height:12px;
  3791. border-radius:50%;
  3792. background:#FFF;
  3793. display:inline-block;
  3794. vertical-align:middle;
  3795. cursor:pointer;
  3796. transition:.3s
  3797. }
  3798. .layui-slider-wrap:after {
  3799. content:"";
  3800. height:100%;
  3801. display:inline-block;
  3802. vertical-align:middle
  3803. }
  3804. .layui-slider-wrap-btn.layui-slider-hover,.layui-slider-wrap-btn:hover {
  3805. transform:scale(1.2)
  3806. }
  3807. .layui-slider-wrap-btn.layui-disabled:hover {
  3808. transform:scale(1)!important
  3809. }
  3810. .layui-slider-tips {
  3811. position:absolute;
  3812. top:-42px;
  3813. z-index:66666666;
  3814. white-space:nowrap;
  3815. display:none;
  3816. -webkit-transform:translateX(-50%);
  3817. transform:translateX(-50%);
  3818. color:#FFF;
  3819. background:#000;
  3820. border-radius:3px;
  3821. height:25px;
  3822. line-height:25px;
  3823. padding:0 10px
  3824. }
  3825. .layui-slider-tips:after {
  3826. content:'';
  3827. position:absolute;
  3828. bottom:-12px;
  3829. left:50%;
  3830. margin-left:-6px;
  3831. width:0;
  3832. height:0;
  3833. border-width:6px;
  3834. border-style:solid;
  3835. border-color:#000 transparent transparent
  3836. }
  3837. .layui-slider-input {
  3838. width:70px;
  3839. height:32px;
  3840. border:1px solid #e6e6e6;
  3841. border-radius:3px;
  3842. font-size:16px;
  3843. line-height:32px;
  3844. position:absolute;
  3845. right:0;
  3846. top:-15px
  3847. }
  3848. .layui-slider-input-btn {
  3849. display:none;
  3850. position:absolute;
  3851. top:0;
  3852. right:0;
  3853. width:20px;
  3854. height:100%;
  3855. border-left:1px solid #d2d2d2
  3856. }
  3857. .layui-slider-input-btn i {
  3858. cursor:pointer;
  3859. position:absolute;
  3860. right:0;
  3861. bottom:0;
  3862. width:20px;
  3863. height:50%;
  3864. font-size:12px;
  3865. line-height:16px;
  3866. text-align:center;
  3867. color:#999
  3868. }
  3869. .layui-slider-input-btn i:first-child {
  3870. top:0;
  3871. border-bottom:1px solid #d2d2d2
  3872. }
  3873. .layui-slider-input-txt {
  3874. height:100%;
  3875. font-size:14px
  3876. }
  3877. .layui-slider-input-txt input {
  3878. height:100%;
  3879. border:none
  3880. }
  3881. .layui-slider-input-btn i:hover {
  3882. color:#009688
  3883. }
  3884. .layui-slider-vertical {
  3885. width:4px;
  3886. margin-left:34px
  3887. }
  3888. .layui-slider-vertical .layui-slider-bar {
  3889. width:4px
  3890. }
  3891. .layui-slider-vertical .layui-slider-step {
  3892. top:auto;
  3893. left:0;
  3894. -webkit-transform:translateY(50%);
  3895. transform:translateY(50%)
  3896. }
  3897. .layui-slider-vertical .layui-slider-wrap {
  3898. top:auto;
  3899. left:-16px;
  3900. -webkit-transform:translateY(50%);
  3901. transform:translateY(50%)
  3902. }
  3903. .layui-slider-vertical .layui-slider-tips {
  3904. top:auto;
  3905. left:2px
  3906. }
  3907. @media \0screen {
  3908. .layui-slider-wrap-btn {
  3909. margin-left:-20px
  3910. }
  3911. .layui-slider-vertical .layui-slider-wrap-btn {
  3912. margin-left:0;
  3913. margin-bottom:-20px
  3914. }
  3915. .layui-slider-vertical .layui-slider-tips {
  3916. margin-left:-8px
  3917. }
  3918. .layui-slider>span {
  3919. margin-left:8px
  3920. }
  3921. }.layui-anim {
  3922. -webkit-animation-duration:.3s;
  3923. animation-duration:.3s;
  3924. -webkit-animation-fill-mode:both;
  3925. animation-fill-mode:both
  3926. }
  3927. .layui-anim.layui-icon {
  3928. display:inline-block
  3929. }
  3930. .layui-anim-loop {
  3931. -webkit-animation-iteration-count:infinite;
  3932. animation-iteration-count:infinite
  3933. }
  3934. .layui-trans,.layui-trans a {
  3935. transition:all .3s;
  3936. -webkit-transition:all .3s
  3937. }
  3938. @-webkit-keyframes layui-rotate {
  3939. from {
  3940. -webkit-transform:rotate(0)
  3941. }
  3942. to {
  3943. -webkit-transform:rotate(360deg)
  3944. }
  3945. }@keyframes layui-rotate {
  3946. from {
  3947. transform:rotate(0)
  3948. }
  3949. to {
  3950. transform:rotate(360deg)
  3951. }
  3952. }.layui-anim-rotate {
  3953. -webkit-animation-name:layui-rotate;
  3954. animation-name:layui-rotate;
  3955. -webkit-animation-duration:1s;
  3956. animation-duration:1s;
  3957. -webkit-animation-timing-function:linear;
  3958. animation-timing-function:linear
  3959. }
  3960. @-webkit-keyframes layui-up {
  3961. from {
  3962. -webkit-transform:translate3d(0,100%,0);
  3963. opacity:.3
  3964. }
  3965. to {
  3966. -webkit-transform:translate3d(0,0,0);
  3967. opacity:1
  3968. }
  3969. }@keyframes layui-up {
  3970. from {
  3971. transform:translate3d(0,100%,0);
  3972. opacity:.3
  3973. }
  3974. to {
  3975. transform:translate3d(0,0,0);
  3976. opacity:1
  3977. }
  3978. }.layui-anim-up {
  3979. -webkit-animation-name:layui-up;
  3980. animation-name:layui-up
  3981. }
  3982. @-webkit-keyframes layui-upbit {
  3983. from {
  3984. -webkit-transform:translate3d(0,30px,0);
  3985. opacity:.3
  3986. }
  3987. to {
  3988. -webkit-transform:translate3d(0,0,0);
  3989. opacity:1
  3990. }
  3991. }@keyframes layui-upbit {
  3992. from {
  3993. transform:translate3d(0,30px,0);
  3994. opacity:.3
  3995. }
  3996. to {
  3997. transform:translate3d(0,0,0);
  3998. opacity:1
  3999. }
  4000. }.layui-anim-upbit {
  4001. -webkit-animation-name:layui-upbit;
  4002. animation-name:layui-upbit
  4003. }
  4004. @-webkit-keyframes layui-scale {
  4005. 0% {
  4006. opacity:.3;
  4007. -webkit-transform:scale(.5)
  4008. }
  4009. 100% {
  4010. opacity:1;
  4011. -webkit-transform:scale(1)
  4012. }
  4013. }@keyframes layui-scale {
  4014. 0% {
  4015. opacity:.3;
  4016. -ms-transform:scale(.5);
  4017. transform:scale(.5)
  4018. }
  4019. 100% {
  4020. opacity:1;
  4021. -ms-transform:scale(1);
  4022. transform:scale(1)
  4023. }
  4024. }.layui-anim-scale {
  4025. -webkit-animation-name:layui-scale;
  4026. animation-name:layui-scale
  4027. }
  4028. @-webkit-keyframes layui-scale-spring {
  4029. 0% {
  4030. opacity:.5;
  4031. -webkit-transform:scale(.5)
  4032. }
  4033. 80% {
  4034. opacity:.8;
  4035. -webkit-transform:scale(1.1)
  4036. }
  4037. 100% {
  4038. opacity:1;
  4039. -webkit-transform:scale(1)
  4040. }
  4041. }@keyframes layui-scale-spring {
  4042. 0% {
  4043. opacity:.5;
  4044. transform:scale(.5)
  4045. }
  4046. 80% {
  4047. opacity:.8;
  4048. transform:scale(1.1)
  4049. }
  4050. 100% {
  4051. opacity:1;
  4052. transform:scale(1)
  4053. }
  4054. }.layui-anim-scaleSpring {
  4055. -webkit-animation-name:layui-scale-spring;
  4056. animation-name:layui-scale-spring
  4057. }
  4058. @-webkit-keyframes layui-fadein {
  4059. 0% {
  4060. opacity:0
  4061. }
  4062. 100% {
  4063. opacity:1
  4064. }
  4065. }@keyframes layui-fadein {
  4066. 0% {
  4067. opacity:0
  4068. }
  4069. 100% {
  4070. opacity:1
  4071. }
  4072. }.layui-anim-fadein {
  4073. -webkit-animation-name:layui-fadein;
  4074. animation-name:layui-fadein
  4075. }
  4076. @-webkit-keyframes layui-fadeout {
  4077. 0% {
  4078. opacity:1
  4079. }
  4080. 100% {
  4081. opacity:0
  4082. }
  4083. }@keyframes layui-fadeout {
  4084. 0% {
  4085. opacity:1
  4086. }
  4087. 100% {
  4088. opacity:0
  4089. }
  4090. }.layui-anim-fadeout {
  4091. -webkit-animation-name:layui-fadeout;
  4092. animation-name:layui-fadeout
  4093. }