main.css 86 KB

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