console.css 47 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161
  1. @charset "UTF-8";
  2. ::selection {
  3. color: #fff !important;
  4. background-color: #ec494e !important;
  5. }
  6. ::-moz-selection {
  7. color: #fff !important;
  8. background-color: #ec494e !important;
  9. }
  10. ::-webkit-scrollbar-track {
  11. background: #ccc !important;
  12. }
  13. ::-webkit-scrollbar-thumb {
  14. background-color: #666 !important;
  15. }
  16. ::-webkit-input-placeholder {
  17. color: #aaa;
  18. }
  19. :-webkit-autofill,
  20. :-webkit-autofill:hover,
  21. :-webkit-autofill:focus,
  22. :-webkit-autofill:active {
  23. box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1) inset !important;
  24. -webkit-transition: color 9999s ease-out, background-color 9999s ease-out !important;
  25. -webkit-transition-delay: 9999s !important;
  26. -webkit-text-fill-color: #333 !important;
  27. }
  28. body {
  29. color: #333;
  30. font-size: 12px;
  31. }
  32. body a {
  33. color: #06C;
  34. cursor: pointer;
  35. }
  36. body a:hover {
  37. color: #039;
  38. }
  39. body input::-ms-clear {
  40. display: none;
  41. }
  42. .fixed {
  43. position: fixed !important;
  44. }
  45. .absolute {
  46. position: absolute !important;
  47. }
  48. .relative {
  49. position: relative !important;
  50. }
  51. .headimg {
  52. width: 32px;
  53. height: 32px;
  54. display: inline-block;
  55. overflow: hidden;
  56. text-align: center;
  57. margin-right: 5px;
  58. margin-bottom: 5px;
  59. border-radius: 50%;
  60. vertical-align: middle;
  61. background-size: cover;
  62. background-repeat: no-repeat;
  63. background-position: center center;
  64. }
  65. .headimg-no {
  66. border: none;
  67. box-shadow: none;
  68. border-radius: 2px;
  69. }
  70. .headimg-xs {
  71. width: 26px;
  72. height: 26px;
  73. }
  74. .headimg-sm {
  75. width: 36px;
  76. height: 36px;
  77. }
  78. .headimg-md {
  79. width: 52px;
  80. height: 52px;
  81. }
  82. .headimg-lg {
  83. width: 82px;
  84. height: 82px;
  85. }
  86. .headimg > img {
  87. width: 110%;
  88. height: 110%;
  89. max-width: 110%;
  90. max-height: 110%;
  91. margin: -5% 0 0 -5%;
  92. }
  93. .headimg + * {
  94. vertical-align: middle;
  95. }
  96. .notdata {
  97. padding: 15px;
  98. display: block;
  99. font-size: 13px;
  100. text-align: center;
  101. line-height: 22px;
  102. border-radius: 5px;
  103. letter-spacing: 1px;
  104. background-color: #f2f2f2;
  105. border: 1px solid #EEE;
  106. }
  107. .notselect {
  108. user-select: none;
  109. -ms-user-select: none;
  110. -moz-user-select: none;
  111. -webkit-user-select: none;
  112. }
  113. .transition {
  114. transition: all 0.2s linear;
  115. -o-transition: all 0.2s linear;
  116. -moz-transition: all 0.2s linear;
  117. -webkit-transition: all 0.2s linear;
  118. }
  119. .overhide {
  120. overflow: hidden !important;
  121. }
  122. .overauto {
  123. overflow: auto !important;
  124. }
  125. .pointer {
  126. cursor: pointer !important;
  127. }
  128. .nowrap {
  129. white-space: nowrap !important;
  130. }
  131. .shadow {
  132. box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  133. }
  134. .shadow-none {
  135. box-shadow: none !important;
  136. }
  137. .shadow-mini {
  138. box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  139. }
  140. .shadow-inset {
  141. box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1) inset;
  142. }
  143. .block {
  144. display: block !important;
  145. }
  146. .help-block {
  147. color: #999;
  148. font-size: 12px;
  149. }
  150. .help-label {
  151. color: #999 !important;
  152. }
  153. .help-label b {
  154. margin-right: 5px;
  155. color: #090 !important;
  156. }
  157. .inline-block {
  158. display: inline-block !important;
  159. }
  160. /*! 搜索表单样式 */
  161. .form-search .layui-btn {
  162. height: 32px;
  163. padding: 0 10px;
  164. font-size: 13px;
  165. line-height: 32px;
  166. }
  167. .form-search .layui-btn .layui-icon {
  168. font-size: 15px;
  169. }
  170. .form-search .layui-form-item {
  171. white-space: nowrap;
  172. margin-right: 8px;
  173. border: 1px solid #EEE;
  174. }
  175. .form-search .layui-form-item:last-child {
  176. border: none;
  177. }
  178. .form-search .layui-form-item .layui-form-label {
  179. width: auto !important;
  180. border: none;
  181. height: 30px;
  182. padding: 0 8px;
  183. line-height: 32px;
  184. border-right: 1px solid #EEE;
  185. }
  186. .form-search .layui-form-item .layui-input-inline {
  187. width: 150px;
  188. margin: 0 !important;
  189. display: inline-block !important;
  190. }
  191. .form-search .layui-form-item .layui-input-inline input,
  192. .form-search .layui-form-item .layui-input-inline select {
  193. width: 100%;
  194. height: 30px;
  195. padding: 0 8px;
  196. line-height: 32px;
  197. border-width: 0;
  198. }
  199. .form-search .layui-form-item .layui-form-select dl {
  200. top: 32px;
  201. padding: 0;
  202. border-width: 0;
  203. box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  204. border-top-left-radius: 0;
  205. border-top-right-radius: 0;
  206. }
  207. /* 表单验证异常提示 */
  208. .label-required-prev:before {
  209. color: red;
  210. width: 0.5em;
  211. content: '*';
  212. margin: -2px 0 0 -0.55em;
  213. display: inline-block;
  214. position: absolute;
  215. font-size: 14px;
  216. text-align: left;
  217. font-weight: bold;
  218. line-height: 1.6em;
  219. }
  220. .label-required:after,
  221. .label-required-next:after {
  222. top: 6px;
  223. right: 5px;
  224. color: red;
  225. content: '*';
  226. position: absolute;
  227. margin-left: 4px;
  228. font-weight: 700;
  229. line-height: 1.8em;
  230. }
  231. .label-required-null:before {
  232. content: none !important;
  233. }
  234. /** 手机盒子及微信菜单 */
  235. .mobile-preview {
  236. width: 317px;
  237. height: 580px;
  238. position: relative;
  239. background: url(../img/wechat/mobile_head.png) no-repeat 0 0;
  240. box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  241. border-radius: 5px;
  242. }
  243. .mobile-preview .mobile-header {
  244. color: #fff;
  245. width: auto;
  246. margin: 0 30px;
  247. overflow: hidden;
  248. font-size: 15px;
  249. padding-top: 30px;
  250. text-align: center;
  251. white-space: nowrap;
  252. text-overflow: ellipsis;
  253. word-wrap: normal;
  254. user-select: none;
  255. -moz-user-select: none;
  256. -webkit-user-select: none;
  257. pointer-events: none;
  258. -webkit-pointer-events: none;
  259. }
  260. .mobile-preview .mobile-body {
  261. top: 60px;
  262. left: 0;
  263. right: 0;
  264. bottom: 0;
  265. position: absolute;
  266. background: #F5F5F5;
  267. border-radius: 0 0 5px 5px;
  268. }
  269. .mobile-preview .mobile-body iframe {
  270. width: 100%;
  271. height: 100%;
  272. border: none;
  273. }
  274. .mobile-preview .mobile-footer {
  275. left: 0;
  276. right: 0;
  277. bottom: 0;
  278. position: absolute;
  279. padding-left: 44px;
  280. background: url(../img/wechat/mobile_foot.png) no-repeat 0 0;
  281. border-radius: 0 0 5px 5px;
  282. }
  283. .mobile-preview .mobile-footer li {
  284. float: left;
  285. width: 33.33%;
  286. position: relative;
  287. text-align: center;
  288. line-height: 50px;
  289. }
  290. .mobile-preview .mobile-footer li a {
  291. width: auto;
  292. color: #616161;
  293. display: block;
  294. overflow: hidden;
  295. word-wrap: normal;
  296. white-space: nowrap;
  297. text-overflow: ellipsis;
  298. text-decoration: none;
  299. }
  300. .mobile-preview .mobile-footer li a:after {
  301. top: 0;
  302. left: 0;
  303. right: 0;
  304. bottom: 0;
  305. border: 1px solid #d0d0d0;
  306. margin: 0 0 0 -1px;
  307. z-index: 10;
  308. content: '';
  309. display: block;
  310. position: absolute;
  311. }
  312. .mobile-preview .mobile-footer li a.active:after {
  313. border: 1px solid #44b549;
  314. box-shadow: 0 0 1px #44b549;
  315. z-index: 11;
  316. }
  317. .mobile-preview .mobile-footer li a:hover {
  318. background: rgba(0, 0, 0, 0.02);
  319. }
  320. .mobile-preview .mobile-footer li > .close {
  321. top: 1px;
  322. right: 1px;
  323. width: 18px;
  324. height: 18px;
  325. display: none;
  326. cursor: pointer;
  327. position: absolute;
  328. z-index: 13;
  329. text-align: center;
  330. line-height: 18px;
  331. }
  332. .mobile-preview .mobile-footer li:hover > .close {
  333. display: inline-block;
  334. background: none !important;
  335. }
  336. .mobile-preview .mobile-footer li:hover > .close:hover {
  337. color: #C33 !important;
  338. }
  339. .mobile-preview .mobile-footer .icon-add,
  340. .mobile-preview .mobile-footer .icon-sub {
  341. display: inline-block;
  342. vertical-align: middle;
  343. }
  344. .mobile-preview .mobile-footer .icon-add::before,
  345. .mobile-preview .mobile-footer .icon-sub::before {
  346. content: none;
  347. }
  348. .mobile-preview .mobile-footer .icon-add {
  349. width: 14px;
  350. height: 14px;
  351. background: url(../img/wechat/index.png) 0 0 no-repeat;
  352. }
  353. .mobile-preview .mobile-footer .icon-sub {
  354. width: 7px;
  355. height: 7px;
  356. margin-right: 2px;
  357. background: url(../img/wechat/index.png) 0 -3pc no-repeat;
  358. }
  359. .mobile-preview .mobile-footer .sub-menu {
  360. width: 100%;
  361. bottom: 60px;
  362. display: block;
  363. position: absolute;
  364. background-color: #fafafa;
  365. }
  366. .mobile-preview .mobile-footer .sub-menu ul li {
  367. width: 100%;
  368. padding: 0;
  369. }
  370. .mobile-preview .mobile-footer .sub-menu ul li > .close {
  371. top: 0;
  372. }
  373. .mobile-preview .mobile-footer .sub-menu ul li a:after {
  374. margin: -1px 0 0 0;
  375. }
  376. .mobile-preview .mobile-footer .arrow {
  377. left: 50%;
  378. position: absolute;
  379. margin-left: -6px;
  380. }
  381. .mobile-preview .mobile-footer .arrow_in,
  382. .mobile-preview .mobile-footer .arrow_out {
  383. width: 0;
  384. height: 0;
  385. z-index: 10;
  386. border: 6px dashed transparent;
  387. display: inline-block;
  388. border-top-style: solid;
  389. border-bottom-width: 0;
  390. }
  391. .mobile-preview .mobile-footer .arrow_in {
  392. bottom: -5px;
  393. z-index: 11;
  394. border-top-color: #fafafa;
  395. }
  396. .mobile-preview .mobile-footer .arrow_out {
  397. bottom: -6px;
  398. z-index: 10;
  399. border-top-color: #d0d0d0;
  400. }
  401. /*! 重置 Iframe 页面样式 */
  402. .iframe-pagination {
  403. padding: 20px;
  404. }
  405. .iframe-pagination:not(.not-footer):after {
  406. content: '';
  407. height: 30px;
  408. display: block;
  409. }
  410. .iframe-pagination .pagination-container {
  411. left: 0;
  412. right: 0;
  413. bottom: 0;
  414. padding: 5px 20px;
  415. position: fixed;
  416. background: #fff;
  417. border-top: 1px solid #ddd;
  418. }
  419. .think-elips-1 {
  420. display: -webkit-box;
  421. overflow: hidden;
  422. line-height: 1.4em;
  423. text-overflow: ellipsis;
  424. -webkit-box-orient: vertical;
  425. line-clamp: 1;
  426. -webkit-line-clamp: 1;
  427. }
  428. .think-elips-2 {
  429. display: -webkit-box;
  430. overflow: hidden;
  431. line-height: 1.4em;
  432. text-overflow: ellipsis;
  433. -webkit-box-orient: vertical;
  434. line-clamp: 2;
  435. -webkit-line-clamp: 2;
  436. }
  437. .think-elips-3 {
  438. display: -webkit-box;
  439. overflow: hidden;
  440. line-height: 1.4em;
  441. text-overflow: ellipsis;
  442. -webkit-box-orient: vertical;
  443. line-clamp: 3;
  444. -webkit-line-clamp: 3;
  445. }
  446. .think-elips-4 {
  447. display: -webkit-box;
  448. overflow: hidden;
  449. line-height: 1.4em;
  450. text-overflow: ellipsis;
  451. -webkit-box-orient: vertical;
  452. line-clamp: 4;
  453. -webkit-line-clamp: 4;
  454. }
  455. .think-elips-5 {
  456. display: -webkit-box;
  457. overflow: hidden;
  458. line-height: 1.4em;
  459. text-overflow: ellipsis;
  460. -webkit-box-orient: vertical;
  461. line-clamp: 5;
  462. -webkit-line-clamp: 5;
  463. }
  464. .think-box-shadow {
  465. padding: 20px !important;
  466. background: #fff !important;
  467. box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  468. border-radius: 5px;
  469. }
  470. .think-box-shadow > .layui-card {
  471. box-shadow: none;
  472. }
  473. .think-box-notify {
  474. display: block;
  475. padding: 16px 20px;
  476. font-size: 14px;
  477. background: #FFF;
  478. line-height: 1em;
  479. margin-bottom: 10px;
  480. box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  481. border-radius: 5px;
  482. }
  483. .think-box-notify > .layui-card {
  484. box-shadow: none;
  485. }
  486. .think-page-loader {
  487. top: 0;
  488. left: 0;
  489. right: 0;
  490. bottom: 0;
  491. z-index: 9999999;
  492. position: fixed;
  493. text-align: center;
  494. background-color: #EFEFEF;
  495. }
  496. .think-page-loader .loader {
  497. top: 50%;
  498. width: 50px;
  499. height: 50px;
  500. margin: -35px 0 0 -35px;
  501. z-index: 999999;
  502. display: inline-block;
  503. position: fixed;
  504. background-color: #EFEFEF;
  505. }
  506. .think-page-loader .loader:before {
  507. top: 59px;
  508. left: 0;
  509. width: 50px;
  510. height: 7px;
  511. opacity: 0.1;
  512. content: "";
  513. position: absolute;
  514. border-radius: 50%;
  515. background-color: #000;
  516. animation: shadow 0.5s linear infinite;
  517. }
  518. .think-page-loader .loader:after {
  519. top: 0;
  520. left: 0;
  521. width: 50px;
  522. height: 50px;
  523. content: "";
  524. position: absolute;
  525. border-radius: 3px;
  526. background-color: #5FB878;
  527. animation: loading 0.5s linear infinite;
  528. }
  529. .input-right-icon {
  530. top: 1px;
  531. right: 1px;
  532. color: #098;
  533. width: 36px;
  534. height: 36px;
  535. display: inline-block;
  536. position: absolute;
  537. background: #E9E9E9;
  538. text-align: center;
  539. line-height: 38px;
  540. }
  541. .input-right-icon:hover {
  542. color: #009080;
  543. background: #E0E0E0;
  544. }
  545. [data-tips-image] {
  546. cursor: zoom-in !important;
  547. }
  548. [data-lazy-src] {
  549. overflow: hidden;
  550. position: relative;
  551. background-size: cover;
  552. background-position: center center;
  553. }
  554. .pace-inactive {
  555. display: none;
  556. }
  557. .pace-progress {
  558. top: 0;
  559. right: 100%;
  560. width: 100%;
  561. height: 2px;
  562. z-index: 2000;
  563. position: fixed;
  564. background: #22df80;
  565. }
  566. .uploadimage {
  567. width: 76px;
  568. height: 76px;
  569. cursor: pointer;
  570. display: inline-block;
  571. position: relative;
  572. overflow: hidden;
  573. margin-right: 10px;
  574. border-radius: 3px;
  575. box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  576. background: url('../img/upimg.png') no-repeat center center;
  577. background-size: cover;
  578. }
  579. .uploadimage span.layui-icon {
  580. right: 0;
  581. color: #fff;
  582. width: 20px;
  583. height: 20px;
  584. display: none;
  585. position: absolute;
  586. text-align: center;
  587. line-height: 22px;
  588. background: rgba(0, 0, 0, 0.5);
  589. }
  590. .uploadimage:hover span.layui-icon {
  591. display: inline-block;
  592. }
  593. .uploadimagemtl > div {
  594. right: 0;
  595. display: none;
  596. position: absolute;
  597. text-align: right;
  598. }
  599. .uploadimagemtl > div a {
  600. color: #EEE;
  601. width: 20px;
  602. height: 20px;
  603. display: inline-block;
  604. margin-left: 1px;
  605. box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  606. text-align: center;
  607. line-height: 20px;
  608. background: rgba(0, 0, 0, 0.8);
  609. }
  610. .uploadimagemtl > div a:first-child {
  611. border-top-left-radius: 3px;
  612. border-bottom-left-radius: 3px;
  613. }
  614. .uploadimagemtl > div a:last-child {
  615. border-top-right-radius: 3px;
  616. border-bottom-right-radius: 3px;
  617. }
  618. .uploadimagemtl:hover > div {
  619. cursor: pointer;
  620. display: inline-block;
  621. }
  622. .uploadimagemtl:hover > div a:hover {
  623. color: #FFF;
  624. text-decoration: none;
  625. }
  626. .upload-image-smbox .uploadimage a,
  627. .upload-image-mdbox .uploadimage a,
  628. .upload-image-lgbox .uploadimage a {
  629. width: 30px;
  630. height: 30px;
  631. line-height: 30px;
  632. }
  633. .upload-image-smbox .uploadimage {
  634. width: 120px;
  635. height: 120px;
  636. }
  637. .upload-image-mdbox .uploadimage {
  638. width: 180px;
  639. height: 180px;
  640. }
  641. .upload-image-lgbox .uploadimage {
  642. width: 240px;
  643. height: 240px;
  644. }
  645. .submit-button-loading {
  646. cursor: default;
  647. position: relative;
  648. transform: scale(1);
  649. text-align: center;
  650. }
  651. .submit-button-loading::after {
  652. left: 50%;
  653. position: absolute;
  654. margin-left: -8px;
  655. content: "\e63d";
  656. font-family: layui-icon !important;
  657. font-size: 16px;
  658. font-style: normal;
  659. -webkit-font-smoothing: antialiased;
  660. -moz-osx-font-smoothing: grayscale;
  661. animation-name: layui-rotate;
  662. -webkit-animation-name: layui-rotate;
  663. -webkit-animation-duration: 1s;
  664. animation-duration: 1s;
  665. animation-timing-function: linear;
  666. -webkit-animation-timing-function: linear;
  667. animation-iteration-count: infinite;
  668. -webkit-animation-iteration-count: infinite;
  669. }
  670. .portal-block-container {
  671. font-size: 14px;
  672. margin-bottom: 10px;
  673. letter-spacing: 1px;
  674. }
  675. .portal-block-container .portal-block-icon {
  676. top: 45%;
  677. right: 8%;
  678. font-size: 65px;
  679. position: absolute;
  680. color: rgba(255, 255, 255, 0.4);
  681. }
  682. .portal-block-container .portal-block-item {
  683. color: #fff;
  684. padding: 15px 25px;
  685. position: relative;
  686. line-height: 3em;
  687. border-radius: 5px;
  688. box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  689. }
  690. .portal-block-container .portal-block-item > div:nth-child(2) {
  691. font-size: 46px;
  692. line-height: 46px;
  693. }
  694. label.think-radio,
  695. label.think-checkbox {
  696. cursor: pointer;
  697. display: inline-block;
  698. margin: 8px 10px 8px 6px;
  699. }
  700. .think-radio,
  701. .think-checkbox {
  702. user-select: none;
  703. -ms-user-select: none;
  704. -moz-user-select: none;
  705. -webkit-user-select: none;
  706. margin-top: 10px;
  707. font-weight: 400;
  708. line-height: 16px;
  709. }
  710. .think-radio input[type=radio],
  711. .think-checkbox input[type=radio],
  712. .think-radio input[type=checkbox],
  713. .think-checkbox input[type=checkbox] {
  714. width: 18px;
  715. height: 18px;
  716. cursor: pointer;
  717. border: 1px solid #CCC;
  718. position: relative;
  719. background: #fff;
  720. margin-right: 5px;
  721. vertical-align: bottom;
  722. display: inline-block !important;
  723. box-sizing: border-box !important;
  724. appearance: none;
  725. -webkit-appearance: none;
  726. }
  727. .think-radio input[type=radio]:checked,
  728. .think-checkbox input[type=radio]:checked,
  729. .think-radio input[type=checkbox]:checked,
  730. .think-checkbox input[type=checkbox]:checked {
  731. border-color: #009688;
  732. }
  733. .think-radio input[type=radio]:checked:after,
  734. .think-checkbox input[type=radio]:checked:after,
  735. .think-radio input[type=checkbox]:checked:after,
  736. .think-checkbox input[type=checkbox]:checked:after {
  737. display: block;
  738. position: relative;
  739. animation-duration: 0.3s;
  740. animation-fill-mode: both;
  741. animation-name: layui-fadein;
  742. -webkit-animation-duration: 0.3s;
  743. -webkit-animation-fill-mode: both;
  744. -webkit-animation-name: layui-fadein;
  745. }
  746. .think-radio input[type=radio],
  747. .think-checkbox input[type=radio] {
  748. border-radius: 1em;
  749. }
  750. .think-radio input[type=radio]:checked:after,
  751. .think-checkbox input[type=radio]:checked:after {
  752. top: 4px;
  753. left: 4px;
  754. width: 8px;
  755. height: 8px;
  756. cursor: pointer;
  757. content: '';
  758. background: #009688;
  759. border-radius: 1em;
  760. }
  761. .think-radio input[type=checkbox],
  762. .think-checkbox input[type=checkbox] {
  763. border-radius: 1px;
  764. }
  765. .think-radio input[type=checkbox]:checked:after,
  766. .think-checkbox input[type=checkbox]:checked:after {
  767. color: #009688;
  768. cursor: pointer;
  769. padding: 2px;
  770. content: "\e605";
  771. font-size: 12px;
  772. font-style: normal;
  773. font-weight: 700;
  774. font-family: layui-icon !important;
  775. -webkit-font-smoothing: antialiased;
  776. -moz-osx-font-smoothing: grayscale;
  777. }
  778. .pagination-container {
  779. margin-top: 20px;
  780. line-height: 30px;
  781. padding-top: 5px;
  782. padding-bottom: 5px;
  783. }
  784. .pagination-container span {
  785. color: #666;
  786. font-size: 9pt;
  787. }
  788. .pagination-container select {
  789. border: 1px solid #DDD;
  790. }
  791. .pagination-container ul {
  792. float: right;
  793. height: 30px;
  794. margin: 0;
  795. padding: 0;
  796. display: inline-block;
  797. }
  798. .pagination-container ul li {
  799. z-index: 1;
  800. height: 30px;
  801. line-height: 30px;
  802. display: inline-block;
  803. }
  804. .pagination-container ul li a,
  805. .pagination-container ul li span {
  806. color: #333;
  807. width: 30px;
  808. height: 30px;
  809. border: 1px solid #EEE;
  810. overflow: hidden;
  811. font-size: 12px;
  812. text-align: center;
  813. line-height: 30px;
  814. margin-right: 3px;
  815. display: inline-block;
  816. box-sizing: border-box;
  817. }
  818. .pagination-container ul li span {
  819. cursor: default;
  820. background: #DCDCDC;
  821. }
  822. .pagination-container ul li a:hover {
  823. border-color: #009688;
  824. }
  825. .pagination-container ul li.active {
  826. z-index: 2;
  827. }
  828. .pagination-container ul li.active span {
  829. color: #fff;
  830. border-color: #009688;
  831. background: #009688 !important;
  832. }
  833. .pagination-container ul li.disabled span {
  834. font-size: 16px;
  835. font-weight: 700;
  836. line-height: 22px;
  837. }
  838. .pagination-container ul li:last-child a,
  839. .pagination-container ul li:first-child a,
  840. .pagination-container ul li:last-child span,
  841. .pagination-container ul li:first-child span {
  842. font-size: 16px;
  843. font-weight: 700;
  844. line-height: 28px;
  845. }
  846. .hr-line-dashed {
  847. color: #fff;
  848. height: 1px;
  849. margin: 15px 0;
  850. background-color: #fff;
  851. border-top: 1px dashed #e7eaec;
  852. }
  853. .hr-line-solid {
  854. margin-top: 15px;
  855. margin-bottom: 15px;
  856. border-bottom: 1px solid #e7eaec;
  857. background-color: rgba(0, 0, 0, 0);
  858. }
  859. .pull-left {
  860. float: left !important;
  861. }
  862. .pull-right {
  863. float: right !important;
  864. }
  865. .full-width {
  866. width: 100% !important;
  867. }
  868. .full-height {
  869. height: 100% !important;
  870. }
  871. .color-red {
  872. color: #e44 !important;
  873. }
  874. .color-blue {
  875. color: #29f !important;
  876. }
  877. .color-desc {
  878. color: #999 !important;
  879. }
  880. .color-text {
  881. color: #333 !important;
  882. }
  883. .color-green {
  884. color: #090 !important;
  885. }
  886. .sub-span-red span {
  887. color: #e44 !important;
  888. }
  889. .sub-span-blue span {
  890. color: #29f !important;
  891. }
  892. .sub-span-desc span {
  893. color: #999 !important;
  894. }
  895. .sub-span-text span {
  896. color: #333 !important;
  897. }
  898. .sub-span-green span {
  899. color: #090 !important;
  900. }
  901. .sub-strong-s10 b {
  902. font-size: 10px;
  903. }
  904. .sub-strong-s12 b {
  905. font-size: 12px;
  906. }
  907. .sub-strong-s14 b {
  908. font-size: 14px;
  909. }
  910. .sub-strong-red b {
  911. color: #ec494e !important;
  912. }
  913. .sub-strong-blue b {
  914. color: #2494f2 !important;
  915. }
  916. .sub-strong-desc b {
  917. color: #999 !important;
  918. }
  919. .sub-strong-text b {
  920. color: #333 !important;
  921. }
  922. .sub-strong-green b {
  923. color: #090 !important;
  924. }
  925. .think-bg-red {
  926. color: #FFF;
  927. background: linear-gradient(-125deg, #ff7d7d, #fb2c95) !important;
  928. }
  929. .think-bg-gray {
  930. color: #333;
  931. background: linear-gradient(-113deg, #EEEEEE, #EEEEEE) !important;
  932. }
  933. .think-bg-blue {
  934. color: #FFF;
  935. background: linear-gradient(-125deg, #57bdbf, #2f9de2) !important;
  936. }
  937. .think-bg-orig {
  938. color: #FFF;
  939. background: linear-gradient(-141deg, #ecca1b, #f39526) !important;
  940. }
  941. .think-bg-violet {
  942. color: #FFF;
  943. background: linear-gradient(-113deg, #c543d8, #925cc3) !important;
  944. }
  945. .think-bg-white {
  946. color: #333;
  947. background: white !important;
  948. }
  949. .text-top {
  950. vertical-align: top !important;
  951. }
  952. .text-left {
  953. text-align: left !important;
  954. }
  955. .text-right {
  956. text-align: right !important;
  957. }
  958. .text-center {
  959. text-align: center !important;
  960. }
  961. .text-middle {
  962. vertical-align: middle !important;
  963. }
  964. .text-bottom {
  965. vertical-align: bottom !important;
  966. }
  967. .font-s10 {
  968. font-size: 10px !important;
  969. }
  970. .font-s11 {
  971. font-size: 11px !important;
  972. }
  973. .font-s12 {
  974. font-size: 12px !important;
  975. }
  976. .font-s13 {
  977. font-size: 13px !important;
  978. }
  979. .font-s14 {
  980. font-size: 14px !important;
  981. }
  982. .font-s15 {
  983. font-size: 15px !important;
  984. }
  985. .font-s16 {
  986. font-size: 16px !important;
  987. }
  988. .font-s18 {
  989. font-size: 18px !important;
  990. }
  991. .font-s20 {
  992. font-size: 20px !important;
  993. }
  994. .font-s30 {
  995. font-size: 30px !important;
  996. }
  997. .font-s40 {
  998. font-size: 40px !important;
  999. }
  1000. .font-w1 {
  1001. font-weight: 100 !important;
  1002. }
  1003. .font-w2 {
  1004. font-weight: 200 !important;
  1005. }
  1006. .font-w3 {
  1007. font-weight: 300 !important;
  1008. }
  1009. .font-w4 {
  1010. font-weight: 400 !important;
  1011. }
  1012. .font-w5 {
  1013. font-weight: 500 !important;
  1014. }
  1015. .font-w6 {
  1016. font-weight: 600 !important;
  1017. }
  1018. .font-w7 {
  1019. font-weight: 700 !important;
  1020. }
  1021. .font-w8 {
  1022. font-weight: 800 !important;
  1023. }
  1024. .font-w9 {
  1025. font-weight: 900 !important;
  1026. }
  1027. .border-0 {
  1028. border: 0 !important;
  1029. }
  1030. .border-line {
  1031. border: 1px solid #EEE;
  1032. }
  1033. .border-bottom-line {
  1034. border-bottom: 1px solid #EEE;
  1035. }
  1036. .border-top-0 {
  1037. border-top: 0 !important;
  1038. }
  1039. .border-left-0 {
  1040. border-left: 0 !important;
  1041. }
  1042. .border-right-0 {
  1043. border-right: 0 !important;
  1044. }
  1045. .border-bottom-0 {
  1046. border-bottom: 0 !important;
  1047. }
  1048. .border-radius {
  1049. border-radius: 50% !important;
  1050. }
  1051. .border-radius-0 {
  1052. border-radius: 0 !important;
  1053. }
  1054. .border-radius-5 {
  1055. border-radius: 5px !important;
  1056. }
  1057. .border-radius-6 {
  1058. border-radius: 6px !important;
  1059. }
  1060. .border-radius-left-0 {
  1061. border-top-left-radius: 0 !important;
  1062. border-bottom-left-radius: 0 !important;
  1063. }
  1064. .border-radius-right-0 {
  1065. border-top-right-radius: 0 !important;
  1066. border-bottom-right-radius: 0 !important;
  1067. }
  1068. .margin-0 {
  1069. margin: 0 !important;
  1070. }
  1071. .margin-5 {
  1072. margin: 5px !important;
  1073. }
  1074. .margin-10 {
  1075. margin: 10px !important;
  1076. }
  1077. .margin-15 {
  1078. margin: 15px !important;
  1079. }
  1080. .margin-20 {
  1081. margin: 20px !important;
  1082. }
  1083. .margin-25 {
  1084. margin: 25px !important;
  1085. }
  1086. .margin-30 {
  1087. margin: 30px !important;
  1088. }
  1089. .margin-40 {
  1090. margin: 40px !important;
  1091. }
  1092. .margin-row-0 {
  1093. margin-left: 0 !important;
  1094. margin-right: 0 !important;
  1095. }
  1096. .margin-row-5 {
  1097. margin-left: 5px !important;
  1098. margin-right: 5px !important;
  1099. }
  1100. .margin-row-10 {
  1101. margin-left: 10px !important;
  1102. margin-right: 10px !important;
  1103. }
  1104. .margin-row-15 {
  1105. margin-left: 15px !important;
  1106. margin-right: 15px !important;
  1107. }
  1108. .margin-row-20 {
  1109. margin-left: 20px !important;
  1110. margin-right: 20px !important;
  1111. }
  1112. .margin-row-25 {
  1113. margin-left: 25px !important;
  1114. margin-right: 25px !important;
  1115. }
  1116. .margin-row-30 {
  1117. margin-left: 30px !important;
  1118. margin-right: 30px !important;
  1119. }
  1120. .margin-row-40 {
  1121. margin-left: 40px !important;
  1122. margin-right: 40px !important;
  1123. }
  1124. .margin-top-0 {
  1125. margin-top: 0 !important;
  1126. }
  1127. .margin-top-5 {
  1128. margin-top: 5px !important;
  1129. }
  1130. .margin-top-10 {
  1131. margin-top: 10px !important;
  1132. }
  1133. .margin-top-15 {
  1134. margin-top: 15px !important;
  1135. }
  1136. .margin-top-20 {
  1137. margin-top: 20px !important;
  1138. }
  1139. .margin-top-25 {
  1140. margin-top: 25px !important;
  1141. }
  1142. .margin-top-30 {
  1143. margin-top: 30px !important;
  1144. }
  1145. .margin-top-40 {
  1146. margin-top: 40px !important;
  1147. }
  1148. .margin-left-0 {
  1149. margin-left: 0 !important;
  1150. }
  1151. .margin-left-5 {
  1152. margin-left: 5px !important;
  1153. }
  1154. .margin-left-10 {
  1155. margin-left: 10px !important;
  1156. }
  1157. .margin-left-15 {
  1158. margin-left: 15px !important;
  1159. }
  1160. .margin-left-20 {
  1161. margin-left: 20px !important;
  1162. }
  1163. .margin-left-25 {
  1164. margin-left: 25px !important;
  1165. }
  1166. .margin-left-30 {
  1167. margin-left: 30px !important;
  1168. }
  1169. .margin-left-40 {
  1170. margin-left: 40px !important;
  1171. }
  1172. .margin-right-0 {
  1173. margin-right: 0 !important;
  1174. }
  1175. .margin-right-5 {
  1176. margin-right: 5px !important;
  1177. }
  1178. .margin-right-10 {
  1179. margin-right: 10px !important;
  1180. }
  1181. .margin-right-15 {
  1182. margin-right: 15px !important;
  1183. }
  1184. .margin-right-20 {
  1185. margin-right: 20px !important;
  1186. }
  1187. .margin-right-25 {
  1188. margin-right: 25px !important;
  1189. }
  1190. .margin-right-30 {
  1191. margin-right: 30px !important;
  1192. }
  1193. .margin-right-40 {
  1194. margin-right: 40px !important;
  1195. }
  1196. .margin-bottom-0 {
  1197. margin-bottom: 0 !important;
  1198. }
  1199. .margin-bottom-5 {
  1200. margin-bottom: 5px !important;
  1201. }
  1202. .margin-bottom-10 {
  1203. margin-bottom: 10px !important;
  1204. }
  1205. .margin-bottom-15 {
  1206. margin-bottom: 15px !important;
  1207. }
  1208. .margin-bottom-20 {
  1209. margin-bottom: 20px !important;
  1210. }
  1211. .margin-bottom-25 {
  1212. margin-bottom: 25px !important;
  1213. }
  1214. .margin-bottom-30 {
  1215. margin-bottom: 30px !important;
  1216. }
  1217. .margin-bottom-40 {
  1218. margin-bottom: 40px !important;
  1219. }
  1220. .padding-0 {
  1221. padding: 0 !important;
  1222. }
  1223. .padding-5 {
  1224. padding: 5px !important;
  1225. }
  1226. .padding-10 {
  1227. padding: 10px !important;
  1228. }
  1229. .padding-15 {
  1230. padding: 15px !important;
  1231. }
  1232. .padding-20 {
  1233. padding: 20px !important;
  1234. }
  1235. .padding-25 {
  1236. padding: 25px !important;
  1237. }
  1238. .padding-30 {
  1239. padding: 30px !important;
  1240. }
  1241. .padding-40 {
  1242. padding: 40px !important;
  1243. }
  1244. .padding-row-0 {
  1245. padding-left: 0 !important;
  1246. padding-right: 0 !important;
  1247. }
  1248. .padding-row-5 {
  1249. padding-left: 5px !important;
  1250. padding-right: 5px !important;
  1251. }
  1252. .padding-row-10 {
  1253. padding-left: 10px !important;
  1254. padding-right: 10px !important;
  1255. }
  1256. .padding-row-15 {
  1257. padding-left: 15px !important;
  1258. padding-right: 15px !important;
  1259. }
  1260. .padding-row-20 {
  1261. padding-left: 20px !important;
  1262. padding-right: 20px !important;
  1263. }
  1264. .padding-row-25 {
  1265. padding-left: 25px !important;
  1266. padding-right: 25px !important;
  1267. }
  1268. .padding-row-30 {
  1269. padding-left: 30px !important;
  1270. padding-right: 30px !important;
  1271. }
  1272. .padding-row-40 {
  1273. padding-left: 40px !important;
  1274. padding-right: 40px !important;
  1275. }
  1276. .padding-top-0 {
  1277. padding-top: 0 !important;
  1278. }
  1279. .padding-top-5 {
  1280. padding-top: 5px !important;
  1281. }
  1282. .padding-top-10 {
  1283. padding-top: 10px !important;
  1284. }
  1285. .padding-top-15 {
  1286. padding-top: 15px !important;
  1287. }
  1288. .padding-top-20 {
  1289. padding-top: 20px !important;
  1290. }
  1291. .padding-top-30 {
  1292. padding-top: 30px !important;
  1293. }
  1294. .padding-top-40 {
  1295. padding-top: 40px !important;
  1296. }
  1297. .padding-left-0 {
  1298. padding-left: 0 !important;
  1299. }
  1300. .padding-left-5 {
  1301. padding-left: 5px !important;
  1302. }
  1303. .padding-left-10 {
  1304. padding-left: 10px !important;
  1305. }
  1306. .padding-left-15 {
  1307. padding-left: 15px !important;
  1308. }
  1309. .padding-left-20 {
  1310. padding-left: 20px !important;
  1311. }
  1312. .padding-left-30 {
  1313. padding-left: 30px !important;
  1314. }
  1315. .padding-left-40 {
  1316. padding-left: 40px !important;
  1317. }
  1318. .padding-right-0 {
  1319. padding-right: 0 !important;
  1320. }
  1321. .padding-right-5 {
  1322. padding-right: 5px !important;
  1323. }
  1324. .padding-right-10 {
  1325. padding-right: 10px !important;
  1326. }
  1327. .padding-right-15 {
  1328. padding-right: 15px !important;
  1329. }
  1330. .padding-right-20 {
  1331. padding-right: 20px !important;
  1332. }
  1333. .padding-right-30 {
  1334. padding-right: 30px !important;
  1335. }
  1336. .padding-right-40 {
  1337. padding-right: 40px !important;
  1338. }
  1339. .padding-bottom-0 {
  1340. padding-bottom: 0 !important;
  1341. }
  1342. .padding-bottom-5 {
  1343. padding-bottom: 5px !important;
  1344. }
  1345. .padding-bottom-10 {
  1346. padding-bottom: 10px !important;
  1347. }
  1348. .padding-bottom-15 {
  1349. padding-bottom: 15px !important;
  1350. }
  1351. .padding-bottom-20 {
  1352. padding-bottom: 20px !important;
  1353. }
  1354. .padding-bottom-30 {
  1355. padding-bottom: 30px !important;
  1356. }
  1357. .padding-bottom-40 {
  1358. padding-bottom: 40px !important;
  1359. }
  1360. @keyframes loading {
  1361. 17% {
  1362. border-bottom-right-radius: 3px;
  1363. }
  1364. 25% {
  1365. transform: translateY(9px) rotate(22.5deg);
  1366. }
  1367. 50% {
  1368. border-bottom-right-radius: 40px;
  1369. transform: translateY(18px) scale(1, 0.9) rotate(45deg);
  1370. }
  1371. 75% {
  1372. transform: translateY(9px) rotate(67.5deg);
  1373. }
  1374. 100% {
  1375. transform: translateY(0) rotate(90deg);
  1376. }
  1377. }
  1378. @-webkit-keyframes loading {
  1379. 17% {
  1380. border-bottom-right-radius: 3px;
  1381. }
  1382. 25% {
  1383. transform: translateY(9px) rotate(22.5deg);
  1384. }
  1385. 50% {
  1386. transform: translateY(18px) scale(1, 0.9) rotate(45deg);
  1387. border-bottom-right-radius: 40px;
  1388. }
  1389. 75% {
  1390. transform: translateY(9px) rotate(67.5deg);
  1391. }
  1392. 100% {
  1393. transform: translateY(0) rotate(90deg);
  1394. }
  1395. }
  1396. @keyframes shadow {
  1397. 0%,
  1398. 100% {
  1399. transform: scale(1, 1);
  1400. }
  1401. 50% {
  1402. transform: scale(1.2, 1);
  1403. }
  1404. }
  1405. @-webkit-keyframes shadow {
  1406. 0%,
  1407. 100% {
  1408. transform: scale(1, 1);
  1409. }
  1410. 50% {
  1411. transform: scale(1.2, 1);
  1412. }
  1413. }
  1414. fieldset {
  1415. margin: 0 0 10px 0;
  1416. border: 1px solid #EEE;
  1417. padding: 10px 20px 5px 20px;
  1418. background: #fff;
  1419. border-radius: 5px;
  1420. }
  1421. fieldset legend {
  1422. color: #666;
  1423. padding: 0 10px;
  1424. font-size: 12px;
  1425. letter-spacing: 1px;
  1426. }
  1427. .layui-tab,
  1428. .layui-card {
  1429. border-radius: 5px;
  1430. }
  1431. .layui-tab .layui-tab-title {
  1432. border-top-left-radius: 5px;
  1433. border-top-right-radius: 5px;
  1434. }
  1435. .layui-tab .layui-tab-title > li:first-child {
  1436. padding: 0 15px 0 17px;
  1437. margin-left: 0 !important;
  1438. border-top-left-radius: 5px;
  1439. }
  1440. .layui-tab .layui-tab-title > li:first-child:after {
  1441. border-left: none;
  1442. }
  1443. .layui-tab .layui-tab-content {
  1444. border-bottom-left-radius: 5px;
  1445. border-bottom-right-radius: 5px;
  1446. }
  1447. .layui-tab > .layui-tab-content {
  1448. padding: 20px;
  1449. background: #fff;
  1450. }
  1451. .layui-btn {
  1452. border: 1px solid #009688;
  1453. }
  1454. .layui-btn:hover:not(.layui-btn-disabled) {
  1455. box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1) inset;
  1456. }
  1457. .layui-btn-warm {
  1458. border: 1px solid #FFB800;
  1459. }
  1460. .layui-btn-danger {
  1461. border: 1px solid #FF5722;
  1462. }
  1463. .layui-btn-normal {
  1464. border: 1px solid #1E9FFF;
  1465. }
  1466. .layui-btn-disabled {
  1467. border: 1px solid #EEE;
  1468. }
  1469. .layui-btn-primary {
  1470. background: #fff;
  1471. }
  1472. .layui-btn-group {
  1473. border: 1px solid #098;
  1474. overflow: hidden;
  1475. background: #009688;
  1476. line-height: 28px;
  1477. border-radius: 2px;
  1478. }
  1479. .layui-btn-group + .layui-btn {
  1480. margin-left: 8px;
  1481. }
  1482. .layui-btn-group .layui-btn {
  1483. height: 28px;
  1484. line-height: 28px;
  1485. border-width: 0 !important;
  1486. border-radius: 0 !important;
  1487. }
  1488. .layui-btn-group .layui-btn + .layui-btn {
  1489. margin-left: 1px !important;
  1490. }
  1491. .layui-btn-group .layui-btn-primary:hover {
  1492. border-color: #009688;
  1493. }
  1494. .layui-btn + .layui-btn {
  1495. margin-left: 8px;
  1496. }
  1497. .layui-code {
  1498. border-radius: 5px;
  1499. }
  1500. .layui-badge {
  1501. margin-right: 5px;
  1502. }
  1503. .layui-badge-middle {
  1504. width: 1em;
  1505. height: auto;
  1506. padding: 5px;
  1507. line-height: 16px;
  1508. white-space: normal;
  1509. vertical-align: middle;
  1510. }
  1511. .layui-input,
  1512. .layui-select {
  1513. line-height: 38px;
  1514. border-color: #EEE;
  1515. }
  1516. .layui-input:hover,
  1517. .layui-select:hover,
  1518. .layui-input:active,
  1519. .layui-select:active,
  1520. .layui-input:focus,
  1521. .layui-select:focus {
  1522. border-color: #DDD;
  1523. }
  1524. .layui-disabled,
  1525. .layui-disabled:hover {
  1526. color: #333 !important;
  1527. background: #EEE !important;
  1528. }
  1529. .layui-nav .layui-nav-item .layui-nav-more {
  1530. top: 0;
  1531. right: 15px;
  1532. width: auto;
  1533. height: auto;
  1534. border: none;
  1535. padding: 0 !important;
  1536. font-size: 14px !important;
  1537. font-style: normal;
  1538. font-family: "layui-icon" !important;
  1539. -moz-osx-font-smoothing: grayscale;
  1540. -webkit-font-smoothing: antialiased;
  1541. }
  1542. .layui-nav .layui-nav-item .layui-nav-more::before {
  1543. content: "\e619";
  1544. }
  1545. .layui-nav .layui-nav-item .layui-nav-mored,
  1546. .layui-nav .layui-nav-itemed .layui-nav-more {
  1547. border: none;
  1548. transform: rotate(180deg);
  1549. -o-transform: rotate(180deg);
  1550. -ms-transform: rotate(180deg);
  1551. -moz-transform: rotate(180deg);
  1552. -webkit-transform: rotate(180deg);
  1553. }
  1554. .layui-tags {
  1555. display: flex;
  1556. flex-wrap: wrap;
  1557. vertical-align: middle;
  1558. }
  1559. .layui-tags .layui-tag {
  1560. color: #FFF;
  1561. height: 38px;
  1562. margin: 3px 4px 3px 0;
  1563. padding: 0 4px 0 10px;
  1564. display: inline-block;
  1565. font-size: 14px;
  1566. line-height: 38px;
  1567. border-radius: 2px;
  1568. white-space: nowrap;
  1569. background: #1E9FFF !important;
  1570. user-select: none;
  1571. -ms-user-select: none;
  1572. -moz-user-select: none;
  1573. -webkit-user-select: none;
  1574. }
  1575. .layui-tags .layui-tag .layui-icon {
  1576. font-size: 14px;
  1577. font-weight: 700;
  1578. margin-left: 5px;
  1579. }
  1580. .layui-tags .layui-tag .layui-icon:hover {
  1581. cursor: pointer;
  1582. color: #FF5722;
  1583. }
  1584. .layui-tags .layui-tag-input {
  1585. width: 100px;
  1586. resize: none;
  1587. margin: 3px 8px 3px 0;
  1588. overflow: hidden;
  1589. white-space: nowrap;
  1590. }
  1591. .layui-table td,
  1592. .layui-table th {
  1593. font-size: 12px;
  1594. }
  1595. .layui-table td.list-table-check-td + td,
  1596. .layui-table th.list-table-check-td + th {
  1597. padding-left: 5px;
  1598. }
  1599. .layui-table input.layui-input,
  1600. .layui-table .layui-btn.layui-btn-sm {
  1601. height: 28px;
  1602. line-height: 28px;
  1603. box-sizing: border-box;
  1604. }
  1605. .layui-table .layui-btn.layui-btn-sm {
  1606. margin-top: -1px;
  1607. }
  1608. .layui-table[lay-size="lg"] input.layui-input,
  1609. .layui-table[lay-size="lg"] .layui-btn.layui-btn-sm {
  1610. height: 38px;
  1611. box-sizing: border-box;
  1612. line-height: 38px;
  1613. }
  1614. .layui-table .list-table-sort-td {
  1615. width: 10px !important;
  1616. text-align: center !important;
  1617. padding-left: 5px !important;
  1618. padding-right: 5px !important;
  1619. }
  1620. .layui-table .list-table-sort-td button {
  1621. width: 56px;
  1622. background: #009688;
  1623. }
  1624. .layui-table .list-table-sort-td input {
  1625. width: 50px;
  1626. color: #666;
  1627. padding: 2px;
  1628. font-size: 9pt;
  1629. border: 1px solid #EEE;
  1630. text-align: center;
  1631. line-height: 18px;
  1632. }
  1633. .layui-table .list-table-check-td {
  1634. width: 10px !important;
  1635. text-align: center !important;
  1636. padding-left: 15px !important;
  1637. padding-right: 15px !important;
  1638. }
  1639. .layui-table .list-table-check-td input {
  1640. margin: 0 !important;
  1641. vertical-align: middle;
  1642. }
  1643. .tableSelect .layui-table-view {
  1644. margin: 10px 0;
  1645. }
  1646. .layui-table-view {
  1647. margin: 0;
  1648. }
  1649. .layui-table-view .layui-table-page .layui-laypage .layui-laypage-prev,
  1650. .layui-table-view .layui-table-page .layui-laypage .layui-laypage-next {
  1651. padding: 0 8px;
  1652. border-radius: 3px;
  1653. }
  1654. .layui-table-view .layui-table-page .layui-laypage .layui-laypage-prev {
  1655. margin-left: 0 !important;
  1656. }
  1657. .layui-table-view .layui-table-page .layui-laypage .layui-laypage-next {
  1658. margin-right: 6px !important;
  1659. }
  1660. .layui-layer-tips.layui-layer-image {
  1661. width: auto !important;
  1662. }
  1663. .layui-layer-tips.layui-layer-image .layui-layer-content {
  1664. width: auto !important;
  1665. padding: 4px !important;
  1666. }
  1667. .layui-layer-tips.layui-layer-image .layui-layer-content img {
  1668. z-index: 2;
  1669. position: relative;
  1670. }
  1671. .layui-layer-tips.layui-layer-image .layui-layer-content i.layui-layer-TipsR {
  1672. z-index: 1;
  1673. }
  1674. .layui-layer-content .layui-form.layui-card {
  1675. margin: 0;
  1676. box-shadow: none !important;
  1677. }
  1678. .layui-layer-content .layui-form.layui-card .layui-card-body {
  1679. padding: 20px 40px 0 0;
  1680. }
  1681. .layui-layer-dialog .layui-layer-content .layui-layer-ico {
  1682. top: 50% !important;
  1683. margin-top: -15px !important;
  1684. }
  1685. .laydate-footer-btns span {
  1686. line-height: 24px !important;
  1687. }
  1688. .layui-form-select dl {
  1689. top: 37px;
  1690. padding: 0;
  1691. border-color: #DDD;
  1692. }
  1693. .layui-form-checkbox.layui-form-checked i {
  1694. border-color: #5FB878;
  1695. }
  1696. .layui-layout > .layui-header {
  1697. left: 200px;
  1698. right: 0;
  1699. color: #333 !important;
  1700. height: 50px !important;
  1701. position: absolute;
  1702. box-sizing: content-box;
  1703. background: #FFF !important;
  1704. border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  1705. }
  1706. .layui-layout > .layui-header > ul.layui-nav {
  1707. margin: 0;
  1708. padding: 0;
  1709. white-space: nowrap;
  1710. }
  1711. .layui-layout > .layui-header > ul.layui-nav .layui-logo-hide {
  1712. width: 50px !important;
  1713. padding: 0 !important;
  1714. display: none;
  1715. text-align: center;
  1716. }
  1717. .layui-layout > .layui-header > ul.layui-nav .layui-logo-hide .headimg {
  1718. margin: 0;
  1719. }
  1720. .layui-layout > .layui-header > ul.layui-nav.layui-layout-left {
  1721. left: 0;
  1722. }
  1723. .layui-layout > .layui-header > ul.layui-nav.layui-layout-right .headimg {
  1724. width: 20px;
  1725. height: 20px;
  1726. margin-bottom: 0;
  1727. }
  1728. .layui-layout > .layui-header > ul.layui-nav .layui-nav-item > a {
  1729. height: 50px;
  1730. padding: 0 18px;
  1731. overflow: hidden;
  1732. line-height: 50px;
  1733. }
  1734. .layui-layout > .layui-header > ul.layui-nav .layui-nav-item > a:hover {
  1735. color: #000;
  1736. }
  1737. .layui-layout > .layui-header > ul.layui-nav .layui-nav-item > a .layui-icon {
  1738. font-size: 16px;
  1739. }
  1740. .layui-layout > .layui-header .layui-nav-item {
  1741. height: 50px;
  1742. line-height: 50px;
  1743. }
  1744. .layui-layout > .layui-header .layui-nav-item > a {
  1745. color: #333 !important;
  1746. }
  1747. .layui-layout > .layui-header .layui-nav-item > a:hover {
  1748. color: #000 !important;
  1749. background: rgba(0, 0, 0, 0.05) !important;
  1750. }
  1751. .layui-layout > .layui-header .layui-nav-item.layui-this > a {
  1752. color: #000 !important;
  1753. background: rgba(0, 0, 0, 0.1) !important;
  1754. }
  1755. .layui-layout > .layui-header .layui-nav-item .layui-nav-child {
  1756. top: 51px;
  1757. border: 0;
  1758. padding: 0;
  1759. line-height: 48px;
  1760. border-radius: 0;
  1761. }
  1762. .layui-layout > .layui-header .layui-nav-item .layui-nav-child.layui-show + a.layui-elip {
  1763. background: rgba(0, 0, 0, 0.05) !important;
  1764. }
  1765. .layui-layout > .layui-header .layui-nav-item .layui-nav-child + a.layui-elip {
  1766. padding-right: 35px;
  1767. }
  1768. .layui-layout > .layui-header .layui-nav-item .layui-nav-child + a.layui-elip img {
  1769. width: 20px;
  1770. height: 20px;
  1771. margin-right: 5px;
  1772. border-radius: 50%;
  1773. }
  1774. .layui-layout > .layui-header .layui-nav-item .layui-nav-child.layui-show + a {
  1775. background: #FFF;
  1776. }
  1777. .layui-layout > .layui-header .layui-nav-item .layui-nav-child dd {
  1778. margin: 0;
  1779. }
  1780. .layui-layout > .layui-header .layui-nav-item .layui-nav-child dd a {
  1781. padding: 0;
  1782. text-align: center;
  1783. }
  1784. .layui-layout > .layui-header .layui-nav-item .layui-nav-child dd a:hover {
  1785. background: rgba(0, 0, 0, 0.05) !important;
  1786. }
  1787. .layui-layout > .layui-header .layui-nav-item .layui-nav-child dd a .layui-icon {
  1788. margin-right: 5px;
  1789. }
  1790. .layui-layout > .layui-header .layui-nav-bar,
  1791. .layui-layout > .layui-header .layui-nav-item:after {
  1792. display: none !important;
  1793. }
  1794. .layui-layout > .layui-side {
  1795. top: 0;
  1796. bottom: 0;
  1797. width: 200px;
  1798. position: fixed;
  1799. overflow: hidden;
  1800. background-color: #393D49 !important;
  1801. }
  1802. .layui-layout > .layui-side .layui-logo {
  1803. color: #FFF;
  1804. width: auto;
  1805. height: 50px;
  1806. display: block;
  1807. overflow: hidden;
  1808. position: relative;
  1809. text-align: center;
  1810. line-height: 50px;
  1811. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  1812. }
  1813. .layui-layout > .layui-side .layui-logo .headimg {
  1814. margin: 0 10px 0 0;
  1815. }
  1816. .layui-layout > .layui-side .layui-logo .headtxt {
  1817. font-size: 18px;
  1818. }
  1819. .layui-layout > .layui-side .layui-logo .headtxt sup {
  1820. font-size: 9px;
  1821. line-height: 9px;
  1822. padding-left: 5px;
  1823. }
  1824. .layui-layout > .layui-side .layui-nav-bar {
  1825. display: none !important;
  1826. }
  1827. .layui-layout > .layui-side .layui-side-scroll {
  1828. top: 51px;
  1829. bottom: 0;
  1830. width: 100% !important;
  1831. height: 100% !important;
  1832. position: absolute;
  1833. height: 100%;
  1834. display: block;
  1835. overflow: auto;
  1836. overflow-x: hidden;
  1837. }
  1838. .layui-layout > .layui-side .layui-side-scroll .layui-side-icon {
  1839. display: none;
  1840. }
  1841. .layui-layout > .layui-side .layui-side-scroll .layui-side-icon:after,
  1842. .layui-layout > .layui-side .layui-side-scroll .layui-side-tree:after {
  1843. height: 50px;
  1844. display: block;
  1845. content: '';
  1846. }
  1847. .layui-layout > .layui-side .layui-side-scroll .layui-nav-tree {
  1848. width: 200px;
  1849. background: none !important;
  1850. }
  1851. .layui-layout > .layui-side .layui-side-scroll .layui-nav-tree > li.layui-this {
  1852. background: #098;
  1853. }
  1854. .layui-layout > .layui-side .layui-side-scroll .layui-nav-tree > li.layui-this > a {
  1855. background: none !important;
  1856. }
  1857. .layui-layout > .layui-side .layui-side-scroll::-webkit-scrollbar {
  1858. width: 3px !important;
  1859. }
  1860. .layui-layout > .layui-side .layui-side-scroll::-webkit-scrollbar-track {
  1861. background: #666 !important;
  1862. }
  1863. .layui-layout > .layui-side .layui-side-scroll::-webkit-scrollbar-thumb {
  1864. background-color: #999 !important;
  1865. }
  1866. .layui-layout > .layui-side .layui-side-scroll .layui-nav-item > a {
  1867. background: rgba(100, 100, 100, 0.3) !important;
  1868. }
  1869. .layui-layout > .layui-side .layui-side-scroll .layui-nav-item > a:hover {
  1870. background-color: rgba(100, 100, 100, 0.35) !important;
  1871. }
  1872. .layui-layout > .layui-side .layui-side-scroll .layui-nav-item .layui-nav-child {
  1873. padding: 0;
  1874. background-color: unset !important;
  1875. }
  1876. .layui-layout > .layui-side .layui-side-scroll .layui-nav-item dd,
  1877. .layui-layout > .layui-side .layui-side-scroll .layui-nav-item dd > a {
  1878. background-color: none;
  1879. }
  1880. .layui-layout > .layui-side .layui-side-scroll .layui-nav-item dd.layui-this {
  1881. background: none !important;
  1882. }
  1883. .layui-layout > .layui-side .layui-side-scroll .layui-nav-item dd.layui-this > a {
  1884. color: #FFF;
  1885. background-color: #098;
  1886. }
  1887. .layui-layout > .layui-side .layui-side-scroll .layui-nav-item a {
  1888. height: 45px;
  1889. display: block;
  1890. line-height: 45px;
  1891. padding-top: 0;
  1892. padding-bottom: 0;
  1893. color: #FFF;
  1894. }
  1895. .layui-layout > .layui-side .layui-side-scroll .layui-nav-item a:hover {
  1896. color: #FFF;
  1897. background: rgba(99, 99, 99, 0.2);
  1898. }
  1899. .layui-layout > .layui-side .layui-side-scroll .layui-nav-item a .nav-icon {
  1900. padding-right: 5px;
  1901. }
  1902. .layui-layout > .layui-body {
  1903. top: 51px;
  1904. left: 200px;
  1905. padding: 0;
  1906. background: #EFEFEF;
  1907. box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1) inset;
  1908. }
  1909. .layui-layout > .layui-body > .think-page-loader {
  1910. left: 200px;
  1911. }
  1912. .layui-layout > .layui-body > .think-page-body > .layui-card {
  1913. box-shadow: none !important;
  1914. background: none !important;
  1915. }
  1916. .layui-layout > .layui-body > .think-page-body > .layui-card > .layui-card-body {
  1917. top: 0;
  1918. width: 100%;
  1919. bottom: 0;
  1920. padding: 0;
  1921. z-index: 2;
  1922. overflow: auto;
  1923. position: absolute;
  1924. box-sizing: border-box;
  1925. }
  1926. .layui-layout > .layui-body > .think-page-body > .layui-card > .layui-card-body > .layui-card-table {
  1927. padding: 15px;
  1928. box-sizing: border-box;
  1929. }
  1930. .layui-layout > .layui-body > .think-page-body > .layui-card > .layui-card-body > .layui-card-html {
  1931. padding: 15px;
  1932. min-width: 100%;
  1933. position: absolute;
  1934. box-sizing: border-box;
  1935. }
  1936. .layui-layout > .layui-body > .think-page-body > .layui-card > .layui-card-body > div > .layui-tab.layui-tab-card {
  1937. border: none;
  1938. box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  1939. }
  1940. .layui-layout > .layui-body > .think-page-body > .layui-card > .layui-card-body > div > .layui-tab.layui-tab-card > .layui-tab-content.think-box-shadow {
  1941. box-shadow: none;
  1942. }
  1943. .layui-layout > .layui-body > .think-page-body > .layui-card > .layui-card-header {
  1944. top: 51px;
  1945. left: 200px;
  1946. right: 0;
  1947. height: 45px;
  1948. border: none;
  1949. z-index: 3;
  1950. padding: 0 15px;
  1951. position: fixed;
  1952. background: #FFF;
  1953. line-height: 45px;
  1954. box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  1955. }
  1956. .layui-layout > .layui-body > .think-page-body > .layui-card > .layui-card-header + .layui-card-body {
  1957. top: 45px;
  1958. }
  1959. .layui-layout-left-mini .layui-header {
  1960. left: 50px !important;
  1961. }
  1962. .layui-layout-left-mini > .layui-body {
  1963. left: 50px !important;
  1964. }
  1965. .layui-layout-left-mini > .layui-body > .think-page-loader {
  1966. left: 50px !important;
  1967. }
  1968. .layui-layout-left-mini > .layui-body > .think-page-body > .layui-card > .layui-card-header {
  1969. left: 50px !important;
  1970. }
  1971. .layui-layout-left-mini > .layui-side .layui-logo .headimg {
  1972. margin: 0;
  1973. display: inline-block;
  1974. }
  1975. .layui-layout-left-mini > .layui-side .layui-logo .headtxt {
  1976. display: none;
  1977. }
  1978. .layui-layout-left-mini > .layui-side .layui-nav-more {
  1979. display: none !important;
  1980. }
  1981. .layui-layout-left-mini > .layui-side .layui-nav-item a {
  1982. padding: 0;
  1983. }
  1984. .layui-layout-left-mini > .layui-side .layui-nav-item .nav-text {
  1985. display: none;
  1986. }
  1987. .layui-layout-left-mini > .layui-side .layui-nav-item .nav-icon {
  1988. padding: 0 !important;
  1989. font-size: 16px !important;
  1990. display: inline-block !important;
  1991. transition: all 0.2s linear;
  1992. -o-transition: all 0.2s linear;
  1993. -moz-transition: all 0.2s linear;
  1994. -webkit-transition: all 0.2s linear;
  1995. }
  1996. .layui-layout-left-mini > .layui-side .layui-nav-item .layui-nav-child {
  1997. padding: 0;
  1998. display: block !important;
  1999. background-color: rgba(0, 0, 0, 0.3) !important;
  2000. }
  2001. .layui-layout-left-mini > .layui-side,
  2002. .layui-layout-left-mini > .layui-side .layui-nav-tree,
  2003. .layui-layout-left-mini > .layui-side .layui-side-scroll,
  2004. .layui-layout-left-mini > .layui-side .layui-side-scroll .layui-nav-tree {
  2005. width: 50px;
  2006. text-align: center;
  2007. }
  2008. .layui-layout-left-mini [data-target-menu-type] i {
  2009. display: inline-block;
  2010. transform: rotate(180deg);
  2011. -ms-transform: rotate(180deg);
  2012. -webkit-transform: rotate(180deg);
  2013. }
  2014. .layui-layout-left-hide > .layui-header {
  2015. left: 0 !important;
  2016. }
  2017. .layui-layout-left-hide > .layui-header .layui-logo-hide {
  2018. display: inline-block !important;
  2019. }
  2020. .layui-layout-left-hide > .layui-side {
  2021. display: none !important;
  2022. }
  2023. .layui-layout-left-hide > .layui-body {
  2024. left: 0 !important;
  2025. }
  2026. .layui-layout-left-hide > .layui-body > .think-page-loader {
  2027. left: 0 !important;
  2028. }
  2029. .layui-layout-left-hide > .layui-body > .think-page-body > .layui-card > .layui-card-header {
  2030. left: 0 !important;
  2031. }
  2032. .layui-layout-left-hide [data-target-menu-type] {
  2033. display: none !important;
  2034. }
  2035. .layui-layout-theme-white.layui-layout-left-mini > .layui-side .layui-side-target:before {
  2036. transform: rotate(0deg);
  2037. }
  2038. .layui-layout-theme-white > .layui-header {
  2039. background: none !important;
  2040. }
  2041. .layui-layout-theme-white > .layui-header .layui-nav-item.layui-this > a {
  2042. color: #098 !important;
  2043. font-weight: bold;
  2044. background: none !important;
  2045. }
  2046. .layui-layout-theme-white > .layui-header .layui-nav-item > a {
  2047. color: #333 !important;
  2048. }
  2049. .layui-layout-theme-white > .layui-header .layui-nav-item > a:hover {
  2050. color: #098 !important;
  2051. background: none !important;
  2052. }
  2053. .layui-layout-theme-white > .layui-body > .think-page-body > .layui-card > .layui-card-header {
  2054. box-sizing: border-box;
  2055. box-shadow: none !important;
  2056. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  2057. }
  2058. .layui-layout-theme-white .layui-side {
  2059. background-color: #fff !important;
  2060. }
  2061. .layui-layout-theme-white .layui-side .layui-side-target {
  2062. top: 50%;
  2063. right: 0;
  2064. color: #fff;
  2065. width: 12px;
  2066. height: 50px;
  2067. z-index: 99;
  2068. cursor: pointer;
  2069. display: block;
  2070. position: absolute;
  2071. margin-top: -25px;
  2072. background: rgba(0, 0, 0, 0.4);
  2073. border-top-left-radius: 100%;
  2074. border-bottom-left-radius: 100%;
  2075. }
  2076. .layui-layout-theme-white .layui-side .layui-side-target:before {
  2077. content: "\e65b";
  2078. color: #FFF;
  2079. width: 100%;
  2080. height: 100%;
  2081. display: block;
  2082. line-height: 50px;
  2083. text-align: center;
  2084. font-family: layui-icon !important;
  2085. font-size: 10px;
  2086. font-style: normal;
  2087. transform: rotate(180deg);
  2088. -webkit-font-smoothing: antialiased;
  2089. -moz-osx-font-smoothing: grayscale;
  2090. }
  2091. .layui-layout-theme-white .layui-side .layui-logo {
  2092. color: #333;
  2093. box-shadow: none;
  2094. font-weight: bold;
  2095. }
  2096. .layui-layout-theme-white .layui-side .layui-side-scroll {
  2097. display: flex !important;
  2098. box-sizing: border-box;
  2099. border-right: 1px solid rgba(0, 0, 0, 0.1);
  2100. }
  2101. .layui-layout-theme-white .layui-side .layui-side-scroll .layui-side-icon {
  2102. width: 60px;
  2103. display: none;
  2104. background: #fff;
  2105. height: 100%;
  2106. display: block;
  2107. overflow: auto;
  2108. overflow-x: hidden;
  2109. }
  2110. .layui-layout-theme-white .layui-side .layui-side-scroll .layui-side-icon::-webkit-scrollbar {
  2111. width: 3px !important;
  2112. }
  2113. .layui-layout-theme-white .layui-side .layui-side-scroll .layui-side-icon::-webkit-scrollbar-track {
  2114. background: #666 !important;
  2115. }
  2116. .layui-layout-theme-white .layui-side .layui-side-scroll .layui-side-icon::-webkit-scrollbar-thumb {
  2117. background-color: #999 !important;
  2118. }
  2119. .layui-layout-theme-white .layui-side .layui-side-scroll .layui-side-icon a {
  2120. height: 60px;
  2121. display: block;
  2122. text-align: center;
  2123. line-height: 60px;
  2124. }
  2125. .layui-layout-theme-white .layui-side .layui-side-scroll .layui-side-icon .layui-icon {
  2126. color: #999;
  2127. }
  2128. .layui-layout-theme-white .layui-side .layui-side-scroll .layui-side-icon > .layui-this {
  2129. background: #fff;
  2130. }
  2131. .layui-layout-theme-white .layui-side .layui-side-scroll .layui-side-icon > .layui-this .layui-icon {
  2132. color: #098 !important;
  2133. }
  2134. .layui-layout-theme-white .layui-side .layui-side-scroll .layui-side-tree {
  2135. flex: 1;
  2136. }
  2137. .layui-layout-theme-white .layui-side .layui-side-scroll .layui-side-tree .layui-nav-item {
  2138. background: none !important;
  2139. }
  2140. .layui-layout-theme-white .layui-side .layui-side-scroll .layui-side-tree .layui-nav-item a {
  2141. color: #333 !important;
  2142. background: none !important;
  2143. border-bottom: none !important;
  2144. }
  2145. .layui-layout-theme-white .layui-side .layui-side-scroll .layui-side-tree .layui-nav-item a:hover {
  2146. color: #098 !important;
  2147. }
  2148. .layui-layout-theme-white .layui-side .layui-side-scroll .layui-side-tree .layui-nav-item .layui-this > a,
  2149. .layui-layout-theme-white .layui-side .layui-side-scroll .layui-side-tree .layui-nav-item.layui-this > a {
  2150. color: #098 !important;
  2151. background: none !important;
  2152. font-weight: bold !important;
  2153. }
  2154. .layui-layout-theme-white .layui-side .layui-side-scroll .layui-side-tree .layui-nav-item .layui-this > a:hover,
  2155. .layui-layout-theme-white .layui-side .layui-side-scroll .layui-side-tree .layui-nav-item.layui-this > a:hover {
  2156. background: none !important;
  2157. }
  2158. .layui-layout-theme-white .layui-side .layui-side-scroll .layui-side-tree .layui-nav-itemed > a {
  2159. color: #999 !important;
  2160. }
  2161. /*# sourceMappingURL=console.css.map */