layui.css 34 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856
  1. /** layui-v1.0.9_rls MIT License By http://www.layui.com */
  2. .layui-laypage a,a {
  3. text-decoration:none
  4. }
  5. .layui-btn,.layui-inline,img {
  6. vertical-align:middle
  7. }
  8. .layui-btn,.layui-unselect {
  9. -webkit-user-select:none;
  10. -ms-user-select:none;
  11. -moz-user-select:none
  12. }
  13. .layui-btn,.layui-tree li i,.layui-unselect {
  14. -moz-user-select:none
  15. }
  16. blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul {
  17. margin:0;
  18. padding:0;
  19. -webkit-tap-highlight-color:rgba(0,0,0,0)
  20. }
  21. a:active,a:hover {
  22. outline:0
  23. }
  24. img {
  25. display:inline-block;
  26. border:none
  27. }
  28. li {
  29. list-style:none
  30. }
  31. table {
  32. border-collapse:collapse;
  33. border-spacing:0
  34. }
  35. h1,h2,h3 {
  36. font-size:14px;
  37. font-weight:400
  38. }
  39. h4,h5,h6 {
  40. font-size:100%;
  41. font-weight:400
  42. }
  43. button,input,optgroup,option,select,textarea {
  44. font-family:inherit;
  45. font-size:inherit;
  46. font-style:inherit;
  47. font-weight:inherit;
  48. outline:0
  49. }
  50. pre {
  51. white-space:pre-wrap;
  52. white-space:-moz-pre-wrap;
  53. white-space:-pre-wrap;
  54. white-space:-o-pre-wrap;
  55. word-wrap:break-word
  56. }
  57. ::-webkit-scrollbar {
  58. width:10px;
  59. height:10px
  60. }
  61. ::-webkit-scrollbar-button:vertical {
  62. display:none
  63. }
  64. ::-webkit-scrollbar-corner,::-webkit-scrollbar-track {
  65. background-color:#e2e2e2
  66. }
  67. ::-webkit-scrollbar-thumb {
  68. border-radius:0;
  69. background-color:rgba(0,0,0,.3)
  70. }
  71. ::-webkit-scrollbar-thumb:vertical:hover {
  72. background-color:rgba(0,0,0,.35)
  73. }
  74. ::-webkit-scrollbar-thumb:vertical:active {
  75. background-color:rgba(0,0,0,.38)
  76. }
  77. body {
  78. line-height:24px;
  79. font:14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif
  80. }
  81. hr {
  82. height:1px;
  83. margin:10px 0;
  84. border:0;
  85. background-color:#e2e2e2;
  86. clear:both
  87. }
  88. /*a {
  89. color:#333
  90. }*/
  91. a:hover {
  92. color:#777
  93. }
  94. a cite {
  95. font-style:normal;
  96. *cursor:pointer
  97. }
  98. .layui-box,.layui-box * {
  99. -webkit-box-sizing:content-box!important;
  100. -moz-box-sizing:content-box!important;
  101. box-sizing:content-box!important
  102. }
  103. .layui-border-box,.layui-border-box * {
  104. -webkit-box-sizing:border-box!important;
  105. -moz-box-sizing:border-box!important;
  106. box-sizing:border-box!important
  107. }
  108. .layui-clear {
  109. clear:both;
  110. *zoom:1
  111. }
  112. .layui-clear:after {
  113. content:'\20';
  114. clear:both;
  115. *zoom:1;
  116. display:block;
  117. height:0
  118. }
  119. .layui-inline {
  120. position:relative;
  121. display:inline-block;
  122. *display:inline;
  123. *zoom:1
  124. }
  125. .layui-edge {
  126. position:absolute;
  127. width:0;
  128. height:0;
  129. border-style:dashed;
  130. border-color:transparent;
  131. overflow:hidden
  132. }
  133. .layui-elip {
  134. text-overflow:ellipsis;
  135. overflow:hidden;
  136. white-space:nowrap
  137. }
  138. .layui-disabled,.layui-disabled:hover {
  139. color:#d2d2d2!important;
  140. cursor:not-allowed!important
  141. }
  142. .layui-circle {
  143. border-radius:100%
  144. }
  145. .layui-show {
  146. display:block!important
  147. }
  148. .layui-hide {
  149. display:none!important
  150. }
  151. .layui-main {
  152. position:relative;
  153. width:1140px;
  154. margin:0 auto
  155. }
  156. .layui-header {
  157. position:relative;
  158. z-index:1000;
  159. height:60px
  160. }
  161. .layui-header a:hover {
  162. transition:all .5s;
  163. -webkit-transition:all .5s
  164. }
  165. .layui-side {
  166. position:fixed;
  167. top:0;
  168. bottom:0;
  169. z-index:999;
  170. width:200px;
  171. overflow-x:hidden
  172. }
  173. .layui-side-scroll {
  174. width:220px;
  175. height:100%;
  176. overflow-x:hidden
  177. }
  178. .layui-body {
  179. position:absolute;
  180. left:200px;
  181. right:0;
  182. top:0;
  183. bottom:0;
  184. z-index:998;
  185. width:auto;
  186. overflow:hidden;
  187. overflow-y:auto;
  188. -webkit-box-sizing:border-box;
  189. -moz-box-sizing:border-box;
  190. box-sizing:border-box
  191. }
  192. .layui-layout-admin .layui-header {
  193. background-color:#23262E
  194. }
  195. .layui-layout-admin .layui-side {
  196. top:60px;
  197. width:200px;
  198. overflow-x:hidden
  199. }
  200. .layui-layout-admin .layui-body {
  201. top:60px;
  202. bottom:44px
  203. }
  204. .layui-layout-admin .layui-main {
  205. width:auto;
  206. margin:0 15px
  207. }
  208. .layui-layout-admin .layui-footer {
  209. position:fixed;
  210. left:200px;
  211. right:0;
  212. bottom:0;
  213. height:44px;
  214. background-color:#eee
  215. }
  216. .layui-btn,.layui-input,.layui-select,.layui-textarea,.layui-upload-button {
  217. outline:0;
  218. -webkit-transition:border-color .3s cubic-bezier(.65,.05,.35,.5);
  219. transition:border-color .3s cubic-bezier(.65,.05,.35,.5);
  220. -webkit-box-sizing:border-box!important;
  221. -moz-box-sizing:border-box!important;
  222. box-sizing:border-box!important
  223. }
  224. .layui-elem-quote {
  225. margin-bottom:10px;
  226. padding:15px;
  227. line-height:22px;
  228. border-left:5px solid #009688;
  229. border-radius:0 2px 2px 0;
  230. background-color:#f2f2f2
  231. }
  232. .layui-quote-nm {
  233. font-size: 16px;
  234. border-color:#eee;
  235. border-style:solid;
  236. border-width:1px 1px 1px 5px;
  237. background:0 0
  238. }
  239. .layui-elem-field {
  240. margin-bottom:10px;
  241. padding:0;
  242. border:1px solid #e2e2e2
  243. }
  244. .layui-elem-field legend {
  245. margin-left:20px;
  246. padding:0 10px;
  247. font-size:16px;
  248. font-weight:300;
  249. width: inherit;
  250. display: inherit;
  251. border: 0;
  252. color: #FD6664;
  253. }
  254. .layui-field-title {
  255. margin:10px 0 20px;
  256. border:none;
  257. border-top:1px solid #e2e2e2
  258. }
  259. .layui-field-box {
  260. padding:10px 15px
  261. }
  262. .layui-field-title .layui-field-box {
  263. padding:10px 0
  264. }
  265. .layui-progress {
  266. position:relative;
  267. height:6px;
  268. border-radius:20px;
  269. background-color:#e2e2e2
  270. }
  271. .layui-progress-bar {
  272. position:absolute;
  273. width:0;
  274. max-width:100%;
  275. height:6px;
  276. border-radius:20px;
  277. text-align:right;
  278. background-color:#5FB878;
  279. transition:all .3s;
  280. -webkit-transition:all .3s
  281. }
  282. .layui-progress-big,.layui-progress-big .layui-progress-bar {
  283. height:18px;
  284. line-height:18px
  285. }
  286. .layui-progress-text {
  287. position:relative;
  288. top:-18px;
  289. line-height:18px;
  290. font-size:12px;
  291. color:#666
  292. }
  293. .layui-progress-big .layui-progress-text {
  294. position:static;
  295. padding:0 10px;
  296. color:#fff
  297. }
  298. .layui-collapse {
  299. border:1px solid #e2e2e2;
  300. border-radius:2px
  301. }
  302. .layui-colla-item {
  303. border-top:1px solid #e2e2e2
  304. }
  305. .layui-colla-item:first-child {
  306. border-top:none
  307. }
  308. .layui-colla-title {
  309. position:relative;
  310. height:42px;
  311. line-height:42px;
  312. padding:0 15px 0 35px;
  313. color:#333;
  314. background-color:#f2f2f2;
  315. cursor:pointer
  316. }
  317. .layui-colla-content {
  318. display:none;
  319. padding:10px 15px;
  320. line-height:22px;
  321. border-top:1px solid #e2e2e2;
  322. color:#666
  323. }
  324. .layui-colla-icon {
  325. position:absolute;
  326. left:15px;
  327. top:0;
  328. font-size:14px
  329. }
  330. .layui-bg-red {
  331. background-color:#FF5722
  332. }
  333. .layui-bg-orange {
  334. background-color:#F7B824
  335. }
  336. .layui-bg-green {
  337. background-color:#009688
  338. }
  339. .layui-bg-cyan {
  340. background-color:#2F4056
  341. }
  342. .layui-bg-blue {
  343. background-color:#1E9FFF
  344. }
  345. .layui-bg-black {
  346. background-color:#393D49
  347. }
  348. .layui-bg-gray {
  349. background-color:#eee
  350. }
  351. .layui-word-aux {
  352. font-size:12px;
  353. color:#999;
  354. padding:0 5px
  355. }
  356. .layui-btn {
  357. display:inline-block;
  358. height:38px;
  359. line-height:38px;
  360. padding:0 18px;
  361. background-color:#fe6765;
  362. color:#fff;
  363. white-space:nowrap;
  364. text-align:center;
  365. font-size:14px;
  366. border:none;
  367. border-radius:2px;
  368. cursor:pointer;
  369. opacity:.9;
  370. filter:alpha(opacity=90)
  371. }
  372. .layui-btn:hover {
  373. opacity:.8;
  374. filter:alpha(opacity=80);
  375. color:#fff
  376. }
  377. .layui-btn:active {
  378. opacity:1;
  379. filter:alpha(opacity=100)
  380. }
  381. .layui-btn+.layui-btn {
  382. margin-left:10px
  383. }
  384. .layui-btn-radius {
  385. border-radius:100px
  386. }
  387. .layui-btn .layui-icon {
  388. font-size:18px;
  389. vertical-align:bottom
  390. }
  391. .layui-btn-primary {
  392. border:1px solid #C9C9C9;
  393. background-color:#fff;
  394. color:#555
  395. }
  396. .layui-btn-primary:hover {
  397. border-color:#009688;
  398. color:#333
  399. }
  400. .layui-btn-normal {
  401. background-color:#41bcff
  402. }
  403. .layui-btn-warm {
  404. background-color:#F7B824
  405. }
  406. .layui-btn-danger {
  407. background-color:#FF5722
  408. }
  409. .layui-btn-disabled,.layui-btn-disabled:active,.layui-btn-disabled:hover {
  410. border:1px solid #e6e6e6;
  411. background-color:#FBFBFB;
  412. color:#C9C9C9;
  413. cursor:not-allowed;
  414. opacity:1
  415. }
  416. .layui-btn-big {
  417. height:44px;
  418. line-height:44px;
  419. padding:0 25px;
  420. font-size:16px
  421. }
  422. .layui-btn-small {
  423. height:30px;
  424. line-height:30px;
  425. padding:0 10px;
  426. font-size:12px
  427. }
  428. .layui-btn-small i {
  429. font-size:16px!important
  430. }
  431. .layui-btn-mini {
  432. height:22px;
  433. line-height:22px;
  434. padding:0 5px;
  435. font-size:12px
  436. }
  437. .layui-btn-mini i {
  438. font-size:14px!important
  439. }
  440. .layui-btn-group {
  441. display:inline-block;
  442. vertical-align:middle;
  443. font-size:0
  444. }
  445. .layui-btn-group .layui-btn {
  446. margin-left:0!important;
  447. margin-right:0!important;
  448. border-left:1px solid rgba(255,255,255,.5);
  449. border-radius:0
  450. }
  451. .layui-btn-group .layui-btn-primary {
  452. border-left:none
  453. }
  454. .layui-btn-group .layui-btn-primary:hover {
  455. border-color:#C9C9C9;
  456. color:#009688
  457. }
  458. .layui-btn-group .layui-btn:first-child {
  459. border-left:none;
  460. border-radius:2px 0 0 2px
  461. }
  462. .layui-btn-group .layui-btn-primary:first-child {
  463. border-left:1px solid #c9c9c9
  464. }
  465. .layui-btn-group .layui-btn:last-child {
  466. border-radius:0 2px 2px 0
  467. }
  468. .layui-btn-group .layui-btn+.layui-btn {
  469. margin-left:0
  470. }
  471. .layui-btn-group+.layui-btn-group {
  472. margin-left:10px
  473. }
  474. .layui-input,.layui-select,.layui-textarea {
  475. height:38px;
  476. line-height:38px;
  477. line-height:36px\9;
  478. border:1px solid #e6e6e6;
  479. background-color:#fff;
  480. border-radius:2px
  481. }
  482. .layui-form-label,.layui-form-mid,.layui-textarea {
  483. line-height:20px;
  484. position:relative
  485. }
  486. .layui-input,.layui-textarea {
  487. display:block;
  488. width:100%;
  489. padding-left:10px
  490. }
  491. .layui-input:hover,.layui-textarea:hover {
  492. border-color:#D2D2D2!important
  493. }
  494. .layui-input:focus,.layui-textarea:focus {
  495. border-color:#C9C9C9!important
  496. }
  497. .layui-textarea {
  498. min-height:100px;
  499. height:auto;
  500. padding:6px 10px;
  501. resize:vertical
  502. }
  503. .layui-select {
  504. padding:0 10px
  505. }
  506. .layui-form input[type=checkbox],.layui-form input[type=radio],.layui-form select {
  507. display:none
  508. }
  509. .layui-form-item {
  510. margin-bottom:15px;
  511. clear:both;
  512. *zoom:1
  513. }
  514. .layui-form-item:after {
  515. content:'\20';
  516. clear:both;
  517. *zoom:1;
  518. display:block;
  519. height:0
  520. }
  521. .layui-form-label {
  522. float:left;
  523. display:block;
  524. padding:9px 15px;
  525. width:80px;
  526. font-weight:400;
  527. text-align:right
  528. }
  529. .layui-form-item .layui-inline {
  530. margin-bottom:5px;
  531. margin-right:10px
  532. }
  533. .layui-input-block,.layui-input-inline {
  534. position:relative
  535. }
  536. .layui-input-block {
  537. margin-left:110px;
  538. min-height:36px
  539. }
  540. .layui-input-inline {
  541. display:inline-block;
  542. vertical-align:middle
  543. }
  544. .layui-form-item .layui-input-inline {
  545. float:left;
  546. width:190px;
  547. margin-right:10px
  548. }
  549. .layui-form-text .layui-input-inline {
  550. width:auto
  551. }
  552. .layui-form-mid {
  553. float:left;
  554. display:block;
  555. padding:8px 0;
  556. margin-right:10px
  557. }
  558. .layui-form-danger+.layui-form-select .layui-input,.layui-form-danger:focus {
  559. border:1px solid #FF5722!important
  560. }
  561. .layui-form-select {
  562. position:relative
  563. }
  564. .layui-form-select .layui-input {
  565. padding-right:30px;
  566. cursor:pointer
  567. }
  568. .layui-form-select .layui-edge {
  569. position:absolute;
  570. right:10px;
  571. top:50%;
  572. margin-top:-3px;
  573. cursor:pointer;
  574. border-width:6px;
  575. border-top-color:#c2c2c2;
  576. border-top-style:solid;
  577. transition:all .3s;
  578. -webkit-transition:all .3s
  579. }
  580. .layui-form-select dl {
  581. display:none;
  582. position:absolute;
  583. left:0;
  584. top:42px;
  585. padding:5px 0;
  586. z-index:999;
  587. min-width:100%;
  588. border:1px solid #d2d2d2;
  589. max-height:300px;
  590. overflow-y:auto;
  591. background-color:#fff;
  592. border-radius:2px;
  593. box-shadow:0 2px 4px rgba(0,0,0,.12);
  594. box-sizing:border-box
  595. }
  596. .layui-form-select dl dd,.layui-form-select dl dt {
  597. padding:0 10px;
  598. line-height:36px;
  599. white-space:nowrap;
  600. overflow:hidden;
  601. text-overflow:ellipsis
  602. }
  603. .layui-form-select dl dt {
  604. font-size:12px;
  605. color:#999
  606. }
  607. .layui-form-select dl dd {
  608. cursor:pointer
  609. }
  610. .layui-form-select dl dd:hover {
  611. background-color:#f2f2f2
  612. }
  613. .layui-form-select .layui-select-group dd {
  614. padding-left:20px
  615. }
  616. .layui-form-select dl dd.layui-this {
  617. background-color:#5FB878;
  618. color:#fff
  619. }
  620. .layui-form-checkbox,.layui-form-select dl dd.layui-disabled {
  621. background-color:#fff
  622. }
  623. .layui-form-selected dl {
  624. display:block
  625. }
  626. .layui-form-checkbox,.layui-form-checkbox *,.layui-form-radio,.layui-form-radio *,.layui-form-switch {
  627. display:inline-block;
  628. vertical-align:middle
  629. }
  630. .layui-form-selected .layui-edge {
  631. margin-top:-9px;
  632. -webkit-transform:rotate(180deg);
  633. transform:rotate(180deg);
  634. margin-top:-3px\9
  635. }
  636. :root .layui-form-selected .layui-edge {
  637. margin-top:-9px\0/IE9
  638. }
  639. .layui-select-none {
  640. margin:5px 0;
  641. text-align:center;
  642. color:#999
  643. }
  644. .layui-select-disabled .layui-disabled {
  645. border-color:#eee!important
  646. }
  647. .layui-select-disabled .layui-edge {
  648. border-top-color:#d2d2d2
  649. }
  650. .layui-form-checkbox {
  651. position:relative;
  652. height:30px;
  653. line-height:28px;
  654. margin-right:10px;
  655. padding-right:30px;
  656. border:1px solid #d2d2d2;
  657. cursor:pointer;
  658. font-size:0;
  659. border-radius:2px;
  660. -webkit-transition:.1s linear;
  661. transition:.1s linear;
  662. box-sizing:border-box!important
  663. }
  664. .layui-form-checkbox:hover {
  665. border:1px solid #c2c2c2
  666. }
  667. .layui-form-checkbox span {
  668. padding:0 10px;
  669. height:100%;
  670. font-size:14px;
  671. background-color:#d2d2d2;
  672. color:#fff;
  673. overflow:hidden;
  674. white-space:nowrap;
  675. text-overflow:ellipsis
  676. }
  677. .layui-form-checkbox:hover span {
  678. background-color:#c2c2c2
  679. }
  680. .layui-form-checkbox i {
  681. position:absolute;
  682. right:0;
  683. width:30px;
  684. color:#fff;
  685. font-size:20px;
  686. text-align:center
  687. }
  688. .layui-form-checkbox:hover i {
  689. color:#c2c2c2
  690. }
  691. .layui-form-checked,.layui-form-checked:hover {
  692. border-color:#5FB878
  693. }
  694. .layui-form-checked span,.layui-form-checked:hover span {
  695. background-color:#5FB878
  696. }
  697. .layui-form-checked i,.layui-form-checked:hover i {
  698. color:#5FB878
  699. }
  700. .layui-form-item .layui-form-checkbox {
  701. margin-top:4px
  702. }
  703. .layui-form-checkbox[lay-skin=primary] {
  704. height:auto!important;
  705. line-height:normal!important;
  706. border:none!important;
  707. margin-right:0;
  708. padding-right:0;
  709. background:0 0
  710. }
  711. .layui-form-checkbox[lay-skin=primary] span {
  712. float:right;
  713. padding-right:15px;
  714. line-height:18px;
  715. background:0 0;
  716. color:#666
  717. }
  718. .layui-form-checkbox[lay-skin=primary] i {
  719. position:relative;
  720. top:0;
  721. width:16px;
  722. line-height:16px;
  723. border:1px solid #d2d2d2;
  724. font-size:12px;
  725. border-radius:2px;
  726. background-color:#fff;
  727. -webkit-transition:.1s linear;
  728. transition:.1s linear
  729. }
  730. .layui-form-checkbox[lay-skin=primary]:hover i {
  731. border-color:#5FB878;
  732. color:#fff
  733. }
  734. .layui-form-checked[lay-skin=primary] i {
  735. border-color:#5FB878;
  736. background-color:#5FB878;
  737. color:#fff
  738. }
  739. .layui-checkbox-disbaled[lay-skin=primary] span {
  740. background:0 0!important
  741. }
  742. .layui-checkbox-disbaled[lay-skin=primary]:hover i {
  743. border-color:#d2d2d2
  744. }
  745. .layui-form-item .layui-form-checkbox[lay-skin=primary] {
  746. margin-top:10px
  747. }
  748. .layui-form-switch {
  749. position:relative;
  750. height:22px;
  751. line-height:22px;
  752. width:42px;
  753. padding:0 5px;
  754. margin-top:8px;
  755. border:1px solid #d2d2d2;
  756. border-radius:20px;
  757. cursor:pointer;
  758. background-color:#fff;
  759. -webkit-transition:.1s linear;
  760. transition:.1s linear
  761. }
  762. .layui-form-switch i {
  763. position:absolute;
  764. left:5px;
  765. top:3px;
  766. width:16px;
  767. height:16px;
  768. border-radius:20px;
  769. background-color:#d2d2d2;
  770. -webkit-transition:.1s linear;
  771. transition:.1s linear
  772. }
  773. .layui-form-switch em {
  774. position:absolute;
  775. right:5px;
  776. top:0;
  777. width:25px;
  778. padding:0!important;
  779. text-align:center!important;
  780. color:#999!important;
  781. font-style:normal!important;
  782. font-size:12px
  783. }
  784. .layui-form-onswitch {
  785. border-color:#5FB878;
  786. background-color:#5FB878
  787. }
  788. .layui-form-onswitch i {
  789. left:32px;
  790. background-color:#fff
  791. }
  792. .layui-form-onswitch em {
  793. left:5px;
  794. right:auto;
  795. color:#fff!important
  796. }
  797. .layui-checkbox-disbaled {
  798. border-color:#e2e2e2!important
  799. }
  800. .layui-checkbox-disbaled span {
  801. background-color:#e2e2e2!important
  802. }
  803. .layui-checkbox-disbaled:hover i {
  804. color:#fff!important
  805. }
  806. .layui-form-radio {
  807. line-height:28px;
  808. margin:6px 10px 0 0;
  809. padding-right:10px;
  810. cursor:pointer;
  811. font-size:0
  812. }
  813. .layui-form-radio i {
  814. margin-right:8px;
  815. font-size:22px;
  816. color:#c2c2c2
  817. }
  818. .layui-form-radio span {
  819. font-size:14px
  820. }
  821. .layui-form-radio i:hover,.layui-form-radioed i {
  822. color:#5FB878
  823. }
  824. .layui-radio-disbaled i {
  825. color:#e2e2e2!important
  826. }
  827. .layui-form-pane .layui-form-label {
  828. width:110px;
  829. padding:8px 15px;
  830. height:38px;
  831. line-height:20px;
  832. border:1px solid #e6e6e6;
  833. border-radius:2px 0 0 2px;
  834. text-align:center;
  835. background-color:#FBFBFB;
  836. overflow:hidden;
  837. white-space:nowrap;
  838. text-overflow:ellipsis;
  839. -webkit-box-sizing:border-box!important;
  840. -moz-box-sizing:border-box!important;
  841. box-sizing:border-box!important
  842. }
  843. .layui-form-pane .layui-input-inline {
  844. margin-left:-1px
  845. }
  846. .layui-form-pane .layui-input-block {
  847. margin-left:110px;
  848. left:-1px
  849. }
  850. .layui-form-pane .layui-input {
  851. border-radius:0 2px 2px 0
  852. }
  853. .layui-form-pane .layui-form-text .layui-form-label {
  854. float:none;
  855. width:100%;
  856. border-right:1px solid #e6e6e6;
  857. border-radius:2px;
  858. -webkit-box-sizing:border-box!important;
  859. -moz-box-sizing:border-box!important;
  860. box-sizing:border-box!important;
  861. text-align:left
  862. }
  863. .layui-laypage button,.layui-laypage input,.layui-nav {
  864. -webkit-box-sizing:border-box!important;
  865. -moz-box-sizing:border-box!important
  866. }
  867. .layui-form-pane .layui-form-text .layui-input-inline {
  868. display:block;
  869. margin:0;
  870. top:-1px;
  871. clear:both
  872. }
  873. .layui-form-pane .layui-form-text .layui-input-block {
  874. margin:0;
  875. left:0;
  876. top:-1px
  877. }
  878. .layui-form-pane .layui-form-text .layui-textarea {
  879. min-height:100px;
  880. border-radius:0 0 2px 2px
  881. }
  882. .layui-form-pane .layui-form-checkbox {
  883. margin:4px 0 4px 10px
  884. }
  885. .layui-form-pane .layui-form-radio,.layui-form-pane .layui-form-switch {
  886. margin-top:6px;
  887. margin-left:10px
  888. }
  889. .layui-form-pane .layui-form-item[pane] {
  890. position:relative;
  891. border:1px solid #e6e6e6
  892. }
  893. .layui-form-pane .layui-form-item[pane] .layui-form-label {
  894. position:absolute;
  895. left:0;
  896. top:0;
  897. height:100%;
  898. border-width:0 1px 0 0
  899. }
  900. .layui-form-pane .layui-form-item[pane] .layui-input-inline {
  901. margin-left:110px
  902. }
  903. .layui-layedit {
  904. border:1px solid #d2d2d2;
  905. border-radius:2px
  906. }
  907. .layui-layedit-tool {
  908. padding:3px 5px;
  909. border-bottom:1px solid #e2e2e2;
  910. font-size:0
  911. }
  912. .layedit-tool-fixed {
  913. position:fixed;
  914. top:0;
  915. border-top:1px solid #e2e2e2
  916. }
  917. .layui-layedit-tool .layedit-tool-mid,.layui-layedit-tool .layui-icon {
  918. display:inline-block;
  919. vertical-align:middle;
  920. text-align:center;
  921. font-size:14px
  922. }
  923. .layui-layedit-tool .layui-icon {
  924. position:relative;
  925. width:32px;
  926. height:30px;
  927. line-height:30px;
  928. margin:3px 5px;
  929. color:#777;
  930. cursor:pointer;
  931. border-radius:2px
  932. }
  933. .layui-layedit-tool .layui-icon:hover {
  934. color:#393D49
  935. }
  936. .layui-layedit-tool .layui-icon:active {
  937. color:#000
  938. }
  939. .layui-layedit-tool .layedit-tool-active {
  940. background-color:#e2e2e2;
  941. color:#000
  942. }
  943. .layui-layedit-tool .layui-disabled,.layui-layedit-tool .layui-disabled:hover {
  944. color:#d2d2d2;
  945. cursor:not-allowed
  946. }
  947. .layui-layedit-tool .layedit-tool-mid {
  948. width:1px;
  949. height:18px;
  950. margin:0 10px;
  951. background-color:#d2d2d2
  952. }
  953. .layui-table,.layui-table-view {
  954. margin:10px 0
  955. }
  956. .layedit-tool-html {
  957. width:50px!important;
  958. font-size:30px!important
  959. }
  960. .layedit-tool-b,.layedit-tool-code,.layedit-tool-help {
  961. font-size:16px!important
  962. }
  963. .layedit-tool-d,.layedit-tool-face,.layedit-tool-image,.layedit-tool-unlink {
  964. font-size:18px!important
  965. }
  966. .layedit-tool-image input {
  967. position:absolute;
  968. font-size:0;
  969. left:0;
  970. top:0;
  971. width:100%;
  972. height:100%;
  973. opacity:.01;
  974. filter:Alpha(opacity=1);
  975. cursor:pointer
  976. }
  977. .layui-layedit-iframe iframe {
  978. display:block;
  979. width:100%
  980. }
  981. #LAY_layedit_code {
  982. overflow:hidden
  983. }
  984. .layui-table {
  985. width:100%;
  986. background-color:#fff
  987. }
  988. .layui-table tr {
  989. transition:all .3s;
  990. -webkit-transition:all .3s
  991. }
  992. .layui-table thead tr {
  993. background-color:#f2f2f2
  994. }
  995. .layui-table th {
  996. text-align:left
  997. }
  998. .layui-table td,.layui-table th {
  999. padding:9px 15px;
  1000. min-height:20px;
  1001. line-height:20px;
  1002. border:1px solid #e2e2e2;
  1003. font-size:14px
  1004. }
  1005. .layui-table tr:hover,.layui-table[lay-even] tr:nth-child(even) {
  1006. background-color:#f8f8f8
  1007. }
  1008. .layui-table[lay-skin=line],.layui-table[lay-skin=row] {
  1009. border:1px solid #e2e2e2
  1010. }
  1011. .layui-table[lay-skin=line] td,.layui-table[lay-skin=line] th {
  1012. border:none;
  1013. border-bottom:1px solid #e2e2e2
  1014. }
  1015. .layui-table[lay-skin=row] td,.layui-table[lay-skin=row] th {
  1016. border:none;
  1017. border-right:1px solid #e2e2e2
  1018. }
  1019. .layui-table[lay-skin=nob] td,.layui-table[lay-skin=nob] th {
  1020. border:none
  1021. }
  1022. .layui-table-view .layui-table {
  1023. margin:0
  1024. }
  1025. .layui-table-cell {
  1026. position:relative;
  1027. overflow:hidden;
  1028. text-overflow:ellipsis;
  1029. white-space:nowrap;
  1030. padding:0 10px
  1031. }
  1032. .layui-upload-button {
  1033. position:relative;
  1034. display:inline-block;
  1035. vertical-align:middle;
  1036. min-width:60px;
  1037. height:38px;
  1038. line-height:38px;
  1039. border:1px solid #DFDFDF;
  1040. border-radius:2px;
  1041. overflow:hidden;
  1042. background-color:#fff;
  1043. color:#666
  1044. }
  1045. .layui-upload-button:hover {
  1046. border:1px solid #aaa;
  1047. color:#333
  1048. }
  1049. .layui-upload-button:active {
  1050. border:1px solid #4CAF50;
  1051. color:#000
  1052. }
  1053. .layui-upload-button input,.layui-upload-file {
  1054. opacity:.01;
  1055. filter:Alpha(opacity=1);
  1056. cursor:pointer
  1057. }
  1058. .layui-upload-button input {
  1059. position:absolute;
  1060. left:0;
  1061. top:0;
  1062. z-index:10;
  1063. font-size:100px;
  1064. width:100%;
  1065. height:100%
  1066. }
  1067. .layui-upload-icon {
  1068. display:block;
  1069. margin:0 15px;
  1070. text-align:center
  1071. }
  1072. .layui-upload-icon i {
  1073. margin-right:5px;
  1074. vertical-align:top;
  1075. font-size:20px;
  1076. color:#5FB878
  1077. }
  1078. .layui-upload-iframe {
  1079. position:absolute;
  1080. width:0;
  1081. height:0;
  1082. border:0;
  1083. visibility:hidden
  1084. }
  1085. .layui-upload-enter {
  1086. border:1px solid #009E94;
  1087. background-color:#009E94;
  1088. color:#fff;
  1089. -webkit-transform:scale(1.1);
  1090. transform:scale(1.1)
  1091. }
  1092. .layui-upload-enter .layui-upload-icon,.layui-upload-enter .layui-upload-icon i {
  1093. color:#fff
  1094. }
  1095. .layui-flow-more {
  1096. margin:10px 0;
  1097. text-align:center;
  1098. color:#999;
  1099. font-size:14px
  1100. }
  1101. .layui-flow-more a {
  1102. height:32px;
  1103. line-height:32px
  1104. }
  1105. .layui-flow-more a * {
  1106. display:inline-block;
  1107. vertical-align:top
  1108. }
  1109. .layui-flow-more a cite {
  1110. padding:0 20px;
  1111. border-radius:3px;
  1112. background-color:#eee;
  1113. color:#333;
  1114. font-style:normal
  1115. }
  1116. .layui-flow-more a cite:hover {
  1117. opacity:.8
  1118. }
  1119. .layui-flow-more a i {
  1120. font-size:30px;
  1121. color:#737383
  1122. }
  1123. .layui-laypage {
  1124. display:inline-block;
  1125. *display:inline;
  1126. *zoom:1;
  1127. vertical-align:middle;
  1128. margin:10px 0;
  1129. font-size:0
  1130. }
  1131. .layui-laypage>:first-child,.layui-laypage>:first-child em {
  1132. border-radius:2px 0 0 2px
  1133. }
  1134. .layui-laypage>:last-child,.layui-laypage>:last-child em {
  1135. border-radius:0 2px 2px 0
  1136. }
  1137. .layui-laypage a,.layui-laypage span {
  1138. display:inline-block;
  1139. *display:inline;
  1140. *zoom:1;
  1141. vertical-align:middle;
  1142. padding:0 15px;
  1143. border:1px solid #e2e2e2;
  1144. height:28px;
  1145. line-height:28px;
  1146. margin:0 -1px 5px 0;
  1147. background-color:#fff;
  1148. color:#333;
  1149. font-size:12px
  1150. }
  1151. .layui-laypage em {
  1152. font-style:normal
  1153. }
  1154. .layui-laypage span {
  1155. color:#999;
  1156. font-weight:700
  1157. }
  1158. .layui-laypage .layui-laypage-curr {
  1159. position:relative
  1160. }
  1161. .layui-laypage .layui-laypage-curr em {
  1162. position:relative;
  1163. color:#fff;
  1164. font-weight:400
  1165. }
  1166. .layui-laypage .layui-laypage-curr .layui-laypage-em {
  1167. position:absolute;
  1168. left:-1px;
  1169. top:-1px;
  1170. padding:1px;
  1171. width:100%;
  1172. height:100%;
  1173. background-color:#009688
  1174. }
  1175. .layui-laypage-em {
  1176. border-radius:2px
  1177. }
  1178. .layui-laypage-next em,.layui-laypage-prev em {
  1179. font-family:Sim sun;
  1180. font-size:16px
  1181. }
  1182. .layui-laypage .layui-laypage-total {
  1183. height:30px;
  1184. line-height:30px;
  1185. margin-left:1px;
  1186. border:none;
  1187. font-weight:400
  1188. }
  1189. .layui-laypage button,.layui-laypage input {
  1190. height:30px;
  1191. line-height:30px;
  1192. border:1px solid #e2e2e2;
  1193. border-radius:2px;
  1194. vertical-align:top;
  1195. background-color:#fff;
  1196. box-sizing:border-box!important
  1197. }
  1198. .layui-laypage input {
  1199. width:50px;
  1200. margin:0 5px;
  1201. text-align:center
  1202. }
  1203. .layui-laypage button {
  1204. margin-left:5px;
  1205. padding:0 15px;
  1206. cursor:pointer
  1207. }
  1208. .layui-code {
  1209. position:relative;
  1210. margin:10px 0;
  1211. padding:15px;
  1212. line-height:20px;
  1213. border:1px solid #ddd;
  1214. border-left-width:6px;
  1215. background-color:#F2F2F2;
  1216. color:#333;
  1217. font-family:Courier New;
  1218. font-size:12px
  1219. }
  1220. .layui-tree {
  1221. line-height:26px
  1222. }
  1223. .layui-tree li {
  1224. text-overflow:ellipsis;
  1225. overflow:hidden;
  1226. white-space:nowrap
  1227. }
  1228. .layui-tree li .layui-tree-spread,.layui-tree li a {
  1229. display:inline-block;
  1230. vertical-align:top;
  1231. height:26px;
  1232. *display:inline;
  1233. *zoom:1;
  1234. cursor:pointer
  1235. }
  1236. .layui-tree li a {
  1237. font-size:0
  1238. }
  1239. .layui-tree li a i {
  1240. font-size:16px
  1241. }
  1242. .layui-tree li a cite {
  1243. padding:0 6px;
  1244. font-size:14px;
  1245. font-style:normal
  1246. }
  1247. .layui-tree li i {
  1248. padding-left:6px;
  1249. color:#333
  1250. }
  1251. .layui-tree li .layui-tree-check {
  1252. font-size:13px
  1253. }
  1254. .layui-tree li .layui-tree-check:hover {
  1255. color:#009E94
  1256. }
  1257. .layui-tree li ul {
  1258. display:none;
  1259. margin-left:20px
  1260. }
  1261. .layui-tree li .layui-tree-enter {
  1262. line-height:24px;
  1263. border:1px dotted #000
  1264. }
  1265. .layui-tree-drag {
  1266. display:none;
  1267. position:absolute;
  1268. left:-666px;
  1269. top:-666px;
  1270. background-color:#f2f2f2;
  1271. padding:5px 10px;
  1272. border:1px dotted #000;
  1273. white-space:nowrap
  1274. }
  1275. .layui-tree-drag i {
  1276. padding-right:5px
  1277. }
  1278. .layui-nav {
  1279. position:relative;
  1280. padding:0 20px;
  1281. background-color:#393D49;
  1282. color:#c2c2c2;
  1283. border-radius:2px;
  1284. font-size:0;
  1285. box-sizing:border-box!important
  1286. }
  1287. .layui-nav * {
  1288. font-size:14px
  1289. }
  1290. .layui-nav .layui-nav-item {
  1291. position:relative;
  1292. display:inline-block;
  1293. *display:inline;
  1294. *zoom:1;
  1295. vertical-align:middle;
  1296. line-height:60px
  1297. }
  1298. .layui-nav .layui-nav-item a {
  1299. display:block;
  1300. padding:0 20px;
  1301. color:#c2c2c2;
  1302. transition:all .3s;
  1303. -webkit-transition:all .3s
  1304. }
  1305. .layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after {
  1306. position:absolute;
  1307. left:0;
  1308. top:0;
  1309. width:0;
  1310. height:5px;
  1311. background-color:#5FB878;
  1312. transition:all .2s;
  1313. -webkit-transition:all .2s
  1314. }
  1315. .layui-nav-bar {
  1316. z-index:1000
  1317. }
  1318. .layui-nav .layui-nav-item a:hover,.layui-nav .layui-this a {
  1319. color:#fff
  1320. }
  1321. .layui-nav .layui-this:after {
  1322. content:'';
  1323. top:auto;
  1324. bottom:0;
  1325. width:100%
  1326. }
  1327. .layui-nav .layui-nav-more {
  1328. content:'';
  1329. width:0;
  1330. height:0;
  1331. border-style:solid dashed dashed;
  1332. border-color:#c2c2c2 transparent transparent;
  1333. overflow:hidden;
  1334. cursor:pointer;
  1335. transition:all .2s;
  1336. -webkit-transition:all .2s;
  1337. position:absolute;
  1338. top:28px;
  1339. right:3px;
  1340. border-width:6px
  1341. }
  1342. .layui-nav .layui-nav-mored,.layui-nav-itemed .layui-nav-more {
  1343. top:22px;
  1344. border-style:dashed dashed solid;
  1345. border-color:transparent transparent #c2c2c2
  1346. }
  1347. .layui-nav-child {
  1348. display:none;
  1349. position:absolute;
  1350. left:0;
  1351. top:65px;
  1352. min-width:100%;
  1353. line-height:36px;
  1354. padding:5px 0;
  1355. box-shadow:0 2px 4px rgba(0,0,0,.12);
  1356. border:1px solid #d2d2d2;
  1357. background-color:#fff;
  1358. z-index:100;
  1359. border-radius:2px;
  1360. white-space:nowrap
  1361. }
  1362. .layui-nav .layui-nav-child a {
  1363. color:#333
  1364. }
  1365. .layui-nav .layui-nav-child a:hover {
  1366. background-color:#f2f2f2;
  1367. color:#333
  1368. }
  1369. .layui-nav-child dd {
  1370. position:relative
  1371. }
  1372. .layui-nav-child dd.layui-this {
  1373. background-color:#5FB878;
  1374. color:#fff
  1375. }
  1376. .layui-nav-child dd.layui-this a {
  1377. color:#fff
  1378. }
  1379. .layui-nav-child dd.layui-this:after {
  1380. display:none
  1381. }
  1382. .layui-nav-tree {
  1383. width:200px;
  1384. padding:0
  1385. }
  1386. .layui-nav-tree .layui-nav-item {
  1387. display:block;
  1388. width:100%;
  1389. line-height:45px
  1390. }
  1391. .layui-nav-tree .layui-nav-item a {
  1392. height:45px;
  1393. text-overflow:ellipsis;
  1394. overflow:hidden;
  1395. white-space:nowrap
  1396. }
  1397. .layui-nav-tree .layui-nav-item a:hover {
  1398. background-color:#4E5465
  1399. }
  1400. .layui-nav-tree .layui-nav-child dd.layui-this,.layui-nav-tree .layui-this,.layui-nav-tree .layui-this>a,.layui-nav-tree .layui-this>a:hover {
  1401. background-color:#009688;
  1402. color:#fff
  1403. }
  1404. .layui-nav-tree .layui-this:after {
  1405. display:none
  1406. }
  1407. .layui-nav-itemed>a,.layui-nav-tree .layui-nav-title a,.layui-nav-tree .layui-nav-title a:hover {
  1408. background-color:#2B2E37!important;
  1409. color:#fff!important
  1410. }
  1411. .layui-nav-tree .layui-nav-bar {
  1412. width:5px;
  1413. height:0;
  1414. background-color:#009688
  1415. }
  1416. .layui-nav-tree .layui-nav-child {
  1417. position:relative;
  1418. z-index:0;
  1419. top:0;
  1420. border:none;
  1421. box-shadow:none
  1422. }
  1423. .layui-nav-tree .layui-nav-child a {
  1424. height:40px;
  1425. line-height:40px;
  1426. color:#c2c2c2
  1427. }
  1428. .layui-nav-tree .layui-nav-child,.layui-nav-tree .layui-nav-child a:hover {
  1429. background:0 0;
  1430. color:#fff
  1431. }
  1432. .layui-nav-tree .layui-nav-more {
  1433. top:20px;
  1434. right:10px
  1435. }
  1436. .layui-nav-itemed .layui-nav-more {
  1437. top:14px
  1438. }
  1439. .layui-nav-itemed .layui-nav-child {
  1440. display:block;
  1441. padding:0
  1442. }
  1443. .layui-nav-side {
  1444. position:fixed;
  1445. top:0;
  1446. bottom:0;
  1447. left:0;
  1448. overflow-x:hidden;
  1449. z-index:999
  1450. }
  1451. .layui-breadcrumb {
  1452. visibility:hidden;
  1453. font-size:0
  1454. }
  1455. .layui-breadcrumb a {
  1456. padding-right:8px;
  1457. line-height:22px;
  1458. font-size:14px;
  1459. color:#333!important
  1460. }
  1461. .layui-breadcrumb a:hover {
  1462. color:#01AAED!important
  1463. }
  1464. .layui-breadcrumb a cite,.layui-breadcrumb a span {
  1465. color:#666;
  1466. cursor:text;
  1467. font-style:normal
  1468. }
  1469. .layui-breadcrumb a span {
  1470. padding-left:8px;
  1471. font-family:Sim sun
  1472. }
  1473. .layui-tab {
  1474. margin:10px 0;
  1475. text-align:left!important
  1476. }
  1477. .layui-fixbar li,.layui-tab-bar,.layui-tab-title li,.layui-util-face ul li {
  1478. cursor:pointer;
  1479. text-align:center
  1480. }
  1481. .layui-tab[overflow]>.layui-tab-title {
  1482. overflow:hidden
  1483. }
  1484. .layui-tab-title {
  1485. position:relative;
  1486. left:0;
  1487. height:40px;
  1488. white-space:nowrap;
  1489. font-size:0;
  1490. border-bottom:1px solid #e2e2e2;
  1491. transition:all .2s;
  1492. -webkit-transition:all .2s
  1493. }
  1494. .layui-tab-title li {
  1495. display:inline-block;
  1496. *display:inline;
  1497. *zoom:1;
  1498. vertical-align:middle;
  1499. font-size:14px;
  1500. transition:all .2s;
  1501. -webkit-transition:all .2s;
  1502. position:relative;
  1503. line-height:40px;
  1504. min-width:65px;
  1505. padding:0 10px
  1506. }
  1507. .layui-tab-title li a {
  1508. display:block
  1509. }
  1510. .layui-tab-title .layui-this {
  1511. color:#000
  1512. }
  1513. .layui-tab-title .layui-this:after {
  1514. position:absolute;
  1515. left:0;
  1516. top:0;
  1517. content:'';
  1518. width:100%;
  1519. height:41px;
  1520. border:1px solid #e2e2e2;
  1521. border-bottom-color:#fff;
  1522. border-radius:2px 2px 0 0;
  1523. -webkit-box-sizing:border-box!important;
  1524. -moz-box-sizing:border-box!important;
  1525. box-sizing:border-box!important;
  1526. pointer-events:none
  1527. }
  1528. .layui-tab-bar {
  1529. position:absolute;
  1530. right:0;
  1531. top:0;
  1532. z-index:10;
  1533. width:30px;
  1534. height:39px;
  1535. line-height:39px;
  1536. border:1px solid #e2e2e2;
  1537. border-radius:2px;
  1538. background-color:#fff
  1539. }
  1540. .layui-tab-bar .layui-icon {
  1541. position:relative;
  1542. display:inline-block;
  1543. top:3px;
  1544. transition:all .3s;
  1545. -webkit-transition:all .3s
  1546. }
  1547. .layui-tab-item,.layui-util-face .layui-layer-TipsG {
  1548. display:none
  1549. }
  1550. .layui-tab-more {
  1551. padding-right:30px;
  1552. height:auto;
  1553. white-space:normal
  1554. }
  1555. .layui-tab-more li.layui-this:after {
  1556. border-bottom-color:#e2e2e2;
  1557. border-radius:2px
  1558. }
  1559. .layui-tab-more .layui-tab-bar .layui-icon {
  1560. top:-2px;
  1561. top:3px\9;
  1562. -webkit-transform:rotate(180deg);
  1563. transform:rotate(180deg)
  1564. }
  1565. :root .layui-tab-more .layui-tab-bar .layui-icon {
  1566. top:-2px\0/IE9
  1567. }
  1568. .layui-tab-content {
  1569. padding:25px 10px
  1570. }
  1571. .layui-tab-title li .layui-tab-close {
  1572. position:relative;
  1573. margin-left:8px;
  1574. top:1px;
  1575. color:#c2c2c2;
  1576. transition:all .2s;
  1577. -webkit-transition:all .2s
  1578. }
  1579. .layui-tab-title li .layui-tab-close:hover {
  1580. border-radius:2px;
  1581. background-color:#FF5722;
  1582. color:#fff
  1583. }
  1584. .layui-tab-brief>.layui-tab-title .layui-this {
  1585. color:#fe6765
  1586. }
  1587. .layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after {
  1588. border:none;
  1589. border-radius:0;
  1590. border-bottom:3px solid #fe6765
  1591. }
  1592. .layui-tab-brief[overflow]>.layui-tab-title .layui-this:after {
  1593. top:-1px
  1594. }
  1595. .layui-tab-card {
  1596. border:1px solid #e2e2e2;
  1597. border-radius:2px;
  1598. box-shadow:0 2px 5px 0 rgba(0,0,0,.1)
  1599. }
  1600. .layui-tab-card>.layui-tab-title {
  1601. background-color:#f2f2f2
  1602. }
  1603. .layui-tab-card>.layui-tab-title li {
  1604. margin-right:-1px;
  1605. margin-left:-1px
  1606. }
  1607. .layui-tab-card>.layui-tab-title .layui-this {
  1608. background-color:#fff
  1609. }
  1610. .layui-tab-card>.layui-tab-title .layui-this:after {
  1611. border-top:none;
  1612. border-width:1px;
  1613. border-bottom-color:#fff
  1614. }
  1615. .layui-tab-card>.layui-tab-title .layui-tab-bar {
  1616. height:40px;
  1617. line-height:40px;
  1618. border-radius:0;
  1619. border-top:none;
  1620. border-right:none
  1621. }
  1622. .layui-tab-card>.layui-tab-more .layui-this {
  1623. background:0 0;
  1624. color:#5FB878
  1625. }
  1626. .layui-tab-card>.layui-tab-more .layui-this:after {
  1627. border:none
  1628. }
  1629. .layui-fixbar {
  1630. position:fixed;
  1631. right:15px;
  1632. bottom:15px;
  1633. z-index:9999
  1634. }
  1635. .layui-fixbar li {
  1636. width:50px;
  1637. height:50px;
  1638. line-height:50px;
  1639. margin-bottom:1px;
  1640. font-size:30px;
  1641. background-color:#9F9F9F;
  1642. color:#fff;
  1643. border-radius:2px;
  1644. opacity:.95
  1645. }
  1646. .layui-fixbar li:hover {
  1647. opacity:.85
  1648. }
  1649. .layui-fixbar li:active {
  1650. opacity:1
  1651. }
  1652. .layui-fixbar .layui-fixbar-top {
  1653. display:none;
  1654. font-size:40px
  1655. }
  1656. body .layui-util-face {
  1657. border:none;
  1658. background:0 0
  1659. }
  1660. body .layui-util-face .layui-layer-content {
  1661. padding:0;
  1662. background-color:#fff;
  1663. color:#666;
  1664. box-shadow:none
  1665. }
  1666. .layui-util-face ul {
  1667. position:relative;
  1668. width:372px;
  1669. padding:10px;
  1670. border:1px solid #D9D9D9;
  1671. background-color:#fff;
  1672. box-shadow:0 0 20px rgba(0,0,0,.2)
  1673. }
  1674. .layui-util-face ul li {
  1675. float:left;
  1676. border:1px solid #e8e8e8;
  1677. height:22px;
  1678. width:26px;
  1679. overflow:hidden;
  1680. margin:-1px 0 0 -1px;
  1681. padding:4px 2px
  1682. }
  1683. .layui-util-face ul li:hover {
  1684. position:relative;
  1685. z-index:2;
  1686. border:1px solid #eb7350;
  1687. background:#fff9ec
  1688. }
  1689. .layui-anim {
  1690. -webkit-animation-duration:.3s;
  1691. animation-duration:.3s;
  1692. -webkit-animation-fill-mode:both;
  1693. animation-fill-mode:both
  1694. }
  1695. .layui-anim-loop {
  1696. -webkit-animation-iteration-count:infinite;
  1697. animation-iteration-count:infinite
  1698. }
  1699. @-webkit-keyframes layui-rotate {
  1700. from {
  1701. -webkit-transform:rotate(0)
  1702. }
  1703. to {
  1704. -webkit-transform:rotate(360deg)
  1705. }
  1706. }@keyframes layui-rotate {
  1707. from {
  1708. transform:rotate(0)
  1709. }
  1710. to {
  1711. transform:rotate(360deg)
  1712. }
  1713. }.layui-anim-rotate {
  1714. -webkit-animation-name:layui-rotate;
  1715. animation-name:layui-rotate;
  1716. -webkit-animation-duration:1s;
  1717. animation-duration:1s;
  1718. -webkit-animation-timing-function:linear;
  1719. animation-timing-function:linear
  1720. }
  1721. @-webkit-keyframes layui-up {
  1722. from {
  1723. -webkit-transform:translate3d(0,100%,0);
  1724. opacity:.3
  1725. }
  1726. to {
  1727. -webkit-transform:translate3d(0,0,0);
  1728. opacity:1
  1729. }
  1730. }@keyframes layui-up {
  1731. from {
  1732. transform:translate3d(0,100%,0);
  1733. opacity:.3
  1734. }
  1735. to {
  1736. transform:translate3d(0,0,0);
  1737. opacity:1
  1738. }
  1739. }.layui-anim-up {
  1740. -webkit-animation-name:layui-up;
  1741. animation-name:layui-up
  1742. }
  1743. @-webkit-keyframes layui-upbit {
  1744. from {
  1745. -webkit-transform:translate3d(0,30px,0);
  1746. opacity:.3
  1747. }
  1748. to {
  1749. -webkit-transform:translate3d(0,0,0);
  1750. opacity:1
  1751. }
  1752. }@keyframes layui-upbit {
  1753. from {
  1754. transform:translate3d(0,30px,0);
  1755. opacity:.3
  1756. }
  1757. to {
  1758. transform:translate3d(0,0,0);
  1759. opacity:1
  1760. }
  1761. }.layui-anim-upbit {
  1762. -webkit-animation-name:layui-upbit;
  1763. animation-name:layui-upbit
  1764. }
  1765. @-webkit-keyframes layui-scale {
  1766. 0% {
  1767. opacity:.3;
  1768. -webkit-transform:scale(.5)
  1769. }
  1770. 100% {
  1771. opacity:1;
  1772. -webkit-transform:scale(1)
  1773. }
  1774. }@keyframes layui-scale {
  1775. 0% {
  1776. opacity:.3;
  1777. -ms-transform:scale(.5);
  1778. transform:scale(.5)
  1779. }
  1780. 100% {
  1781. opacity:1;
  1782. -ms-transform:scale(1);
  1783. transform:scale(1)
  1784. }
  1785. }.layui-anim-scale {
  1786. -webkit-animation-name:layui-scale;
  1787. animation-name:layui-scale
  1788. }
  1789. @-webkit-keyframes layui-scale-spring {
  1790. 0% {
  1791. opacity:.5;
  1792. -webkit-transform:scale(.5)
  1793. }
  1794. 80% {
  1795. opacity:.8;
  1796. -webkit-transform:scale(1.1)
  1797. }
  1798. 100% {
  1799. opacity:1;
  1800. -webkit-transform:scale(1)
  1801. }
  1802. }@keyframes layui-scale-spring {
  1803. 0% {
  1804. opacity:.5;
  1805. -ms-transform:scale(.5);
  1806. transform:scale(.5)
  1807. }
  1808. 80% {
  1809. opacity:.8;
  1810. -ms-transform:scale(1.1);
  1811. transform:scale(1.1)
  1812. }
  1813. 100% {
  1814. opacity:1;
  1815. -ms-transform:scale(1);
  1816. transform:scale(1)
  1817. }
  1818. }.layui-anim-scaleSpring {
  1819. -webkit-animation-name:layui-scale-spring;
  1820. animation-name:layui-scale-spring
  1821. }
  1822. @media screen and (max-width:450px) {
  1823. .layui-form-item .layui-form-label {
  1824. text-overflow:ellipsis;
  1825. overflow:hidden;
  1826. white-space:nowrap
  1827. }
  1828. .layui-form-item .layui-inline {
  1829. display:block;
  1830. margin-right:0;
  1831. margin-bottom:20px;
  1832. clear:both
  1833. }
  1834. .layui-form-item .layui-inline:after {
  1835. content:'\20';
  1836. clear:both;
  1837. display:block;
  1838. height:0
  1839. }
  1840. .layui-form-item .layui-input-inline {
  1841. display:block;
  1842. float:none;
  1843. left:-3px;
  1844. width:auto;
  1845. margin:0 0 10px 112px
  1846. }
  1847. .layui-form-item .layui-input-inline+.layui-form-mid {
  1848. margin-left:110px;
  1849. top:-5px;
  1850. padding:0
  1851. }
  1852. .layui-form-item .layui-form-checkbox {
  1853. margin-right:5px;
  1854. margin-bottom:5px
  1855. }
  1856. }