layuimini.css 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919
  1. /**
  2. 配色方案(如有需要,请自行配置)
  3. */
  4. /**头部-配色*/
  5. .layui-layout-admin .layui-header {
  6. background-color: #1aa094 !important;
  7. }
  8. .layui-header > ul > .layui-nav-item.layui-this, .layuimini-tool i:hover {
  9. background-color: #197971 !important;
  10. }
  11. .layui-header .layuimini-header-content > ul > .layui-nav-item.layui-this, .layuimini-tool i:hover {
  12. /* background-color: #197971 !important; */
  13. }
  14. /**logo-配色*/
  15. .layui-layout-admin .layuimini-logo {
  16. /*background-color: rgb(30, 159, 255) !important;*/
  17. }
  18. /**左侧-配色*/
  19. .layui-side.layui-bg-black, .layui-side.layui-bg-black > .layuimini-menu-left > ul {
  20. background-color: #2f4056 !important;
  21. }
  22. .layuimini-menu-left .layui-nav .layui-nav-child a:hover:not(.layui-this) {
  23. background-color: #3b3f4b;
  24. }
  25. /**左侧菜单选中-配色*/
  26. .layui-layout-admin .layui-nav-tree .layui-this, .layui-layout-admin .layui-nav-tree .layui-this > a, .layui-layout-admin .layui-nav-tree .layui-nav-child dd.layui-this, .layui-layout-admin .layui-nav-tree .layui-nav-child dd.layui-this a {
  27. background-color: #1aa094 !important;
  28. }
  29. /**头部样式 */
  30. .layui-layout-admin .header {
  31. position: fixed;
  32. left: 0;
  33. right: 0;
  34. top: 0;
  35. bottom: 0;
  36. }
  37. .layuimini-header-menu, .layui-header {
  38. height: 80px !important;
  39. }
  40. .layuimini-header-menu > .layui-nav-item {
  41. color: #1b1d21;
  42. height: 80px !important;
  43. line-height: 85px !important;
  44. /* margin-top: 20px; */
  45. margin:0 15px;
  46. width: 100px !important;
  47. text-align: center;
  48. }
  49. .layui-header > .layui-layout-right > .layui-nav-item {
  50. height: 60px !important;
  51. line-height: 60px !important;
  52. }
  53. .layui-layout-left {
  54. left: 450px !important;
  55. }
  56. .layui-nav.layui-layout-left.layuimini-header-menu.layuimini-pc-show {
  57. font-weight: bold;
  58. transition: all .2s;
  59. }
  60. /**logo演示(通用) */
  61. .layui-layout-admin .layuimini-logo {
  62. font-weight: bold;
  63. color: #ffffff !important;
  64. height: 60px !important;
  65. line-height: 60px !important;
  66. overflow: hidden;
  67. line-height: 64px;
  68. transition: all .2s !important;
  69. }
  70. .layui-layout-admin .layuimini-logo img {
  71. display: inline-block;
  72. height: 40px;
  73. vertical-align: middle;
  74. }
  75. .layui-layout-admin .layuimini-logo h1 {
  76. display: inline-block;
  77. margin: 0 0 0 12px;
  78. color: #ffffff;
  79. font-weight: 600;
  80. font-size: 20px;
  81. font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
  82. vertical-align: middle;
  83. }
  84. /**缩放工具(通用) */
  85. .layuimini-tool {
  86. position: absolute !important;
  87. top: 0;
  88. left: 235px;
  89. width: 60px;
  90. height: 100%;
  91. line-height: 60px;
  92. text-align: center;
  93. color: #ffffff !important;
  94. transition: all .2s;
  95. }
  96. /**缩放工具(缩放) */
  97. .layuimini-tool i {
  98. display: block;
  99. color: #bbe3df;
  100. width: 32px;
  101. height: 32px;
  102. line-height: 32px;
  103. border-radius: 3px;
  104. text-align: center;
  105. margin-top: 15px;
  106. cursor: pointer;
  107. }
  108. /**tab选项卡 */
  109. .layuimini-tab {
  110. margin: 0px;
  111. overflow: hidden;
  112. height: 100% !important;
  113. }
  114. .layuimini-tab .layui-tab-content {
  115. height: calc(100% - 37px) !important;
  116. }
  117. .layuimini-tab .layui-tab-content .layui-tab-item {
  118. height: 100%;
  119. }
  120. .layuimini-tab .layui-tab-content {
  121. padding: 0px;
  122. }
  123. .layuimini-tab .layui-tab-title {
  124. border: none;
  125. border: 1px solid whitesmoke;
  126. background-color: white;
  127. }
  128. .layuimini-tab .layui-tab-title li {
  129. border-right: 1px solid whitesmoke;
  130. color: dimgray;
  131. }
  132. .layuimini-tab .layui-tab-title .layui-tab-bar {
  133. display: none;
  134. }
  135. .layuimini-tab .layui-tab-title .layui-this:after {
  136. display: none;
  137. }
  138. .layuimini-tab .layui-tab-title .layuimini-tab-active {
  139. display: inline-block;
  140. background-color: lightgray;
  141. width: 9px;
  142. height: 9px;
  143. border-radius: 30px;
  144. margin-right: 5px;
  145. }
  146. .layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active {
  147. background-color: #1aa094;
  148. }
  149. .layuimini-tab > .layui-tab-title, .layuimini-tab > .close-box {
  150. height: 35px !important;
  151. }
  152. .layuimini-tab > .layui-tab-title li, .layuimini-tab > .close-box li {
  153. line-height: 35px !important;
  154. }
  155. .layuimini-tab .layui-tab-title span {
  156. color: #acafb1;
  157. }
  158. .layuimini-tab .layui-tab-title .layui-this span {
  159. color: dimgray;
  160. }
  161. .layuimini-tab .layui-tab-title .layui-tab-close {
  162. font-size: 12px !important;
  163. width: 14px !important;
  164. height: 14px !important;
  165. line-height: 16px !important;
  166. }
  167. .layuimini-tab .layui-tab-title .layui-tab-close:hover {
  168. border-radius: 4em;
  169. background: #ff5722;
  170. }
  171. .layuimini-tab .layui-tab-title .disable-close + .layui-tab-close {
  172. display: none;
  173. }
  174. .layuimini-tab .layui-tab-title .able-close + .layui-tab-close {
  175. display: inline-block;
  176. }
  177. .layuimini-tab .layui-tab-control > li {
  178. position: absolute;
  179. top: 0px;
  180. height: 35px;
  181. line-height: 35px;
  182. width: 35px;
  183. text-align: center;
  184. background-color: white;
  185. border-top: whitesmoke 1px solid;
  186. border-bottom: whitesmoke 1px solid;
  187. }
  188. .layuimini-tab .layuimini-tab-roll-left {
  189. left: 0px;
  190. border-right: whitesmoke 1px solid;
  191. border-left: whitesmoke 1px solid;
  192. }
  193. .layuimini-tab .layuimini-tab-roll-right {
  194. right: 35px;
  195. border-left: 1px solid whitesmoke;
  196. }
  197. .layuimini-tab .layui-tab-tool {
  198. right: 0px;
  199. border-left: 1px solid whitesmoke;
  200. }
  201. .layuimini-tab .layui-tab-control .layui-tab-tool,
  202. .layuimini-tab .layui-tab-control .layuimini-tab-roll-left,
  203. .layuimini-tab .layui-tab-control .layuimini-tab-roll-right {
  204. display: none;
  205. }
  206. .layuimini-tab.layui-tab-roll .layui-tab-control .layuimini-tab-roll-left,
  207. .layuimini-tab.layui-tab-roll .layui-tab-control .layuimini-tab-roll-right {
  208. display: block;
  209. }
  210. .layuimini-tab.layui-tab-roll .layui-tab-control .layuimini-tab-roll-right {
  211. right: 0px;
  212. border-right: 1px solid whitesmoke;
  213. }
  214. .layuimini-tab.layui-tab-roll .layui-tab-title {
  215. padding-left: 35px;
  216. padding-right: 35px;
  217. }
  218. .layuimini-tab.layui-tab-tool .layui-tab-control .layui-tab-tool {
  219. display: block;
  220. }
  221. .layuimini-tab.layui-tab-tool .layui-tab-title {
  222. padding-left: 0px;
  223. padding-right: 35px;
  224. }
  225. .layuimini-tab.layui-tab-rollTool .layui-tab-title {
  226. padding-left: 35px;
  227. padding-right: 80px;
  228. }
  229. .layuimini-tab.layui-tab-rollTool .layui-tab-control .layuimini-tab-roll-left,
  230. .layuimini-tab.layui-tab-rollTool .layui-tab-control .layuimini-tab-roll-right,
  231. .layuimini-tab.layui-tab-rollTool .layui-tab-control .layui-tab-tool {
  232. display: block;
  233. }
  234. .layuimini-tab .layui-tab-tool .layui-nav {
  235. position: absolute;
  236. height: 43px !important;
  237. top: 0;
  238. width: 100%;
  239. height: 100%;
  240. padding: 0;
  241. background: 0 0;
  242. }
  243. .layuimini-tab .layui-tab-tool .layui-nav-item {
  244. height: 35px;
  245. }
  246. .layuimini-tab .layui-tab-tool .layui-nav-bar {
  247. display: none;
  248. }
  249. .layuimini-tab .layui-tab-tool .layui-nav-child {
  250. left: auto;
  251. top: 45px;
  252. right: 3px;
  253. width: 120px;
  254. border: 1px solid whitesmoke;
  255. }
  256. .layuimini-tab .layui-tab-tool .layui-this a {
  257. background-color: #009688;
  258. }
  259. .layuimini-tab-loading {
  260. position: absolute;
  261. display: none;
  262. width: 100%;
  263. height: calc(100% - 37px);
  264. top: 37px;
  265. z-index: 19;
  266. background-color: #fff
  267. }
  268. .layuimini-tab-loading.close {
  269. animation: close 1s;
  270. -webkit-animation: close 1s;
  271. animation-fill-mode: forwards;
  272. }
  273. /**左侧菜单栏 (通用) */
  274. .layui-side.layui-bg-black {
  275. transition: all .2s;
  276. }
  277. .layui-side.layui-bg-black > .layuimini-menu-left > ul {
  278. transition: all .2s;
  279. }
  280. .layui-side.layui-bg-black > .layuimini-menu-left > ul > .layui-nav-item:first-child {
  281. border-top: 1px solid #4b5461;
  282. }
  283. .layuimini-menu-left .layui-nav .layui-nav-item a {
  284. height: 40px;
  285. line-height: 40px;
  286. padding-right: 30px;
  287. }
  288. .layuimini-menu-left .layui-nav .layui-nav-item > a {
  289. padding-top: 5px;
  290. padding-bottom: 5px;
  291. height: 25px !important;
  292. line-height: 25px !important;
  293. /* left: 10px; */
  294. font-size: 14px;
  295. }
  296. .layuimini-menu-left .layui-nav .layui-nav-child .layui-nav-child {
  297. background: 0 0 !important
  298. }
  299. .layuimini-menu-left .layui-nav .layui-nav-more {
  300. right: 15px;
  301. }
  302. .layuimini-menu-left .layui-nav .layui-nav-item a:hover {
  303. background-color: transparent !important;
  304. }
  305. .layuimini-menu-left .layui-nav {
  306. background-color: transparent !important;
  307. }
  308. /**左侧菜单栏 (正常) */
  309. .layui-layout-body .layui-nav-itemed .layui-nav-child a, .layui-layout-body .layuimini-menu-left .layui-nav .layui-nav-child a {}
  310. .layui-layout-admin .layui-body {
  311. overflow: hidden;
  312. bottom: 0px !important;
  313. top: 80px !important;
  314. transition: all .2s;
  315. }
  316. /*!**选择配色方案 *!*/
  317. /*.layuimini-color .color-title {*/
  318. /* padding: 10px 0 10px 20px;*/
  319. /* border-bottom: 1px solid #d9dada;*/
  320. /* margin-bottom: 8px;*/
  321. /*}*/
  322. /*.layuimini-color .color-content {*/
  323. /* padding: 10px 5px 0 5px;*/
  324. /*}*/
  325. /*.layuimini-color .color-content ul {*/
  326. /* list-style: none;*/
  327. /* text-align: center;*/
  328. /*}*/
  329. /*.layuimini-color .color-content ul li {*/
  330. /* position: relative;*/
  331. /* display: inline-block;*/
  332. /* vertical-align: top;*/
  333. /* width: 80px;*/
  334. /* height: 50px;*/
  335. /* margin: 0 15px 15px 0;*/
  336. /* padding: 2px 2px 4px 2px;*/
  337. /* background-color: #f2f2f2;*/
  338. /* cursor: pointer;*/
  339. /* font-size: 12px;*/
  340. /* color: #666;*/
  341. /*}*/
  342. /*.layuimini-color .color-content li.layui-this:after, .layuimini-color .color-content li:hover:after {*/
  343. /* width: 100%;*/
  344. /* height: 100%;*/
  345. /* padding: 4px;*/
  346. /* top: -5px;*/
  347. /* left: -5px;*/
  348. /* border-color: #d8d8d8;*/
  349. /* opacity: 1;*/
  350. /*}*/
  351. /*.layuimini-color .color-content li:after {*/
  352. /* content: '';*/
  353. /* position: absolute;*/
  354. /* z-index: 20;*/
  355. /* top: 50%;*/
  356. /* left: 50%;*/
  357. /* width: 1px;*/
  358. /* height: 0;*/
  359. /* border: 1px solid #f2f2f2;*/
  360. /* transition: all .3s;*/
  361. /* -webkit-transition: all .3s;*/
  362. /* opacity: 0;*/
  363. /*}*/
  364. /*!**其它 *!*/
  365. /*.layui-tab-item {*/
  366. /* width: 100% !important;*/
  367. /* height: 100% !important;*/
  368. /*}*/
  369. /*.layui-nav-item.layui-this {*/
  370. /* background-color: #1b1d21;*/
  371. /*}*/
  372. /*.layui-width-height {*/
  373. /* width: 100%;*/
  374. /* height: 95%;*/
  375. /*}*/
  376. /*.layui-tab {*/
  377. /* margin: 0 0 0 0;*/
  378. /* z-index: 99999;*/
  379. /*}*/
  380. /*.text-center {*/
  381. /* height: 30px !important;*/
  382. /* line-height: 30px !important;*/
  383. /* text-align: center !important;*/
  384. /*}*/
  385. /*.layui-nav {*/
  386. /* padding: 0 !important;*/
  387. /*}*/
  388. /*.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {*/
  389. /* width: 0 !important;*/
  390. /* height: 0 !important;*/
  391. /*}*/
  392. /*.layui-layout-admin .layui-side {*/
  393. /* top: 0px !important;*/
  394. /*}*/
  395. /*.layui-tab-card {*/
  396. /* box-shadow: 0px 0px 0px #888888;*/
  397. /* border-bottom: 0;*/
  398. /*}*/
  399. /*!**自定义滚动条样式 *!*/
  400. /*::-webkit-scrollbar {*/
  401. /* display: none*/
  402. /*}*/
  403. /*!*移动端遮罩层*!*/
  404. /*.layuimini-make {*/
  405. /* position: fixed;*/
  406. /* left: 0;*/
  407. /* right: 0;*/
  408. /* bottom: 0;*/
  409. /* top: 0;*/
  410. /* z-index: 1000;*/
  411. /* background: rgba(0, 0, 0, .5);*/
  412. /* display: none;*/
  413. /*}*/
  414. /*.layuimini-mini .layui-header {*/
  415. /* z-index: 1001;*/
  416. /*}*/
  417. /*!**初始化加载层*!*/
  418. /*.layuimini-loader {*/
  419. /* position: fixed;*/
  420. /* top: 0;*/
  421. /* left: 0;*/
  422. /* width: 100%;*/
  423. /* height: 100%;*/
  424. /* background-color: #ffffff;*/
  425. /* z-index: 999999;*/
  426. /*}*/
  427. /*.layuimini-loader .layuimini-loader-inner {*/
  428. /* display: block;*/
  429. /* position: relative;*/
  430. /* left: 50%;*/
  431. /* top: 50%;*/
  432. /* width: 150px;*/
  433. /* height: 150px;*/
  434. /* margin: -75px 0 0 -75px;*/
  435. /* border-radius: 50%;*/
  436. /* border: 3px solid transparent;*/
  437. /* border-top-color: #1E9FFF;*/
  438. /* animation: spin 2s linear infinite;*/
  439. /*}*/
  440. /*.layuimini-loader .layuimini-loader-inner:before {*/
  441. /* content: "";*/
  442. /* position: absolute;*/
  443. /* top: 5px;*/
  444. /* left: 5px;*/
  445. /* right: 5px;*/
  446. /* bottom: 5px;*/
  447. /* border-radius: 50%;*/
  448. /* border: 3px solid transparent;*/
  449. /* border-top-color: #1E9FFF;*/
  450. /* animation: spin 3s linear infinite;*/
  451. /*}*/
  452. /*.layuimini-loader .layuimini-loader-inner:after {*/
  453. /* content: "";*/
  454. /* position: absolute;*/
  455. /* top: 15px;*/
  456. /* left: 15px;*/
  457. /* right: 15px;*/
  458. /* bottom: 15px;*/
  459. /* border-radius: 50%;*/
  460. /* border: 3px solid transparent;*/
  461. /* border-top-color: #1E9FFF;*/
  462. /* animation: spin 1.5s linear infinite;*/
  463. /*}*/
  464. /*@keyframes spin {*/
  465. /* 0% {*/
  466. /* transform: rotate(0deg);*/
  467. /* }*/
  468. /* to {*/
  469. /* transform: rotate(1turn);*/
  470. /* }*/
  471. /*}*/
  472. /*!*系统设置*!*/
  473. /*.layuimini-color .layui-word-aux {*/
  474. /* position: absolute;*/
  475. /* left: 60px;*/
  476. /* top: 12px;*/
  477. /* font-size: 12px;*/
  478. /*}*/
  479. /*.layuimini-color .layui-input-block {*/
  480. /* margin-left: 15px;*/
  481. /* min-height: 36px;*/
  482. /*}*/
  483. /*.layuimini-color .more-menu-list {*/
  484. /* width: 100%;*/
  485. /* margin-top: 30px;*/
  486. /*}*/
  487. /*.layuimini-color .more-menu-item:first-child {*/
  488. /* border-top: 1px solid #e8e8e8;*/
  489. /*}*/
  490. /*.layuimini-color .more-menu-item .layui-icon {*/
  491. /* font-size: 18px;*/
  492. /* padding-right: 10px;*/
  493. /*}*/
  494. /*.layuimini-color .more-menu-item {*/
  495. /* color: #595959;*/
  496. /* height: 50px;*/
  497. /* line-height: 50px;*/
  498. /* font-size: 16px;*/
  499. /* padding: 0 25px;*/
  500. /* border-bottom: 1px solid #e8e8e8;*/
  501. /* font-style: normal;*/
  502. /* display: block;*/
  503. /*}*/
  504. /*.layuimini-color .more-menu-item:hover {*/
  505. /* background-color: whitesmoke;*/
  506. /*}*/
  507. /*.layuimini-color .more-menu-item:after {*/
  508. /* color: #8c8c8c;*/
  509. /* right: 16px;*/
  510. /* content: "\e602";*/
  511. /* position: absolute;*/
  512. /* font-family: layui-icon !important;*/
  513. /*}*/
  514. /*!***/
  515. /*鼠标右键*/
  516. /* *!*/
  517. /*.layuimini-tab-mousedown {*/
  518. /* display: none;*/
  519. /* width: 80px;*/
  520. /* position: absolute;*/
  521. /* top: 0px !important;*/
  522. /* left: 0px !important;*/
  523. /*}*/
  524. /*.layuimini-tab-mousedown dd a {*/
  525. /* padding: 0 15px;*/
  526. /* color: #484545;*/
  527. /*}*/
  528. /*.layuimini-tab-make{*/
  529. /* position: absolute;*/
  530. /* top: 36px;*/
  531. /* bottom: 0px;*/
  532. /* width: 100%;*/
  533. /* background: rgb(255, 255, 255,0);*/
  534. /* padding: 0px;*/
  535. /* overflow: hidden;*/
  536. /*}*/
  537. /*!***/
  538. /*菜单缩放*/
  539. /* *!*/
  540. /*.popup-tips .layui-layer-TipsG{*/
  541. /* display: none;*/
  542. /*}*/
  543. /*.popup-tips.layui-layer-tips .layui-layer-content{*/
  544. /* padding: 0;*/
  545. /*}*/
  546. /*.popup-tips .layui-nav-tree{*/
  547. /* width: 150px;*/
  548. /* border-radius: 10px;*/
  549. /*}*/
  550. /*!**左侧菜单字体间距*!*/
  551. /*.layuimini-menu-left .layui-nav-item a span {*/
  552. /* letter-spacing: 1px;*/
  553. /*}*/
  554. /*!**头部菜单字体间距*!*/
  555. /*.layui-layout-admin .layui-header .layuimini-header-menu.layuimini-pc-show,.layui-layout-admin .layui-header .layuimini-header-menu.layuimini-mobile-show {*/
  556. /* letter-spacing: 1px;*/
  557. /*}*/
  558. /*!**左侧菜单更多下拉样式*!*/
  559. /*.layuimini-menu-left .layui-nav-more,.layuimini-menu-left-zoom .layui-nav-more {*/
  560. /* font-family: layui-icon !important;*/
  561. /* font-size: 12px;*/
  562. /* font-style: normal;*/
  563. /* -webkit-font-smoothing: antialiased;*/
  564. /* -moz-osx-font-smoothing: grayscale;*/
  565. /* overflow: hidden;*/
  566. /* width: auto;*/
  567. /* height: auto;*/
  568. /* line-height: normal;*/
  569. /* border: none;*/
  570. /* display: inline-block;*/
  571. /* margin-top: -6px !important;*/
  572. /*}*/
  573. /*.layuimini-menu-left .layui-nav-child .layui-nav-more {*/
  574. /* margin-top: -6px !important;*/
  575. /*}*/
  576. /*.layuimini-menu-left .layui-nav .layui-nav-mored,.layuimini-menu-left .layui-nav-itemed>a .layui-nav-more{*/
  577. /* margin-top: -9px!important;*/
  578. /*}*/
  579. /*.layuimini-menu-left-zoom.layui-nav .layui-nav-mored,.layuimini-menu-left-zoom.layui-nav-itemed>a .layui-nav-more{*/
  580. /* margin-top: -9px!important;*/
  581. /*}*/
  582. /*.layuimini-menu-left .layui-nav-more:before,.layuimini-menu-left-zoom .layui-nav-more:before {*/
  583. /* content: "\e61a";*/
  584. /*}*/
  585. /*.layuimini-menu-left .layui-nav-itemed > a > .layui-nav-more,.layuimini-menu-left-zoom .layui-nav-itemed > a > .layui-nav-more {*/
  586. /* transform: rotate(180deg);*/
  587. /* -ms-transform: rotate(180deg);*/
  588. /* -moz-transform: rotate(180deg);*/
  589. /* -webkit-transform: rotate(180deg);*/
  590. /* -o-transform: rotate(180deg);*/
  591. /* width: 12px;*/
  592. /* text-align: center;*/
  593. /* border-style:none;*/
  594. /*}*/
  595. /*.layuimini-menu-left .layui-nav-itemed > a > .layui-nav-more:before,.layuimini-menu-left-zoom .layui-nav-itemed > a > .layui-nav-more:before {*/
  596. /* content: '\e61a';*/
  597. /* background-color: transparent;*/
  598. /* display: inline-block;*/
  599. /* vertical-align: middle;*/
  600. /*}*/
  601. /*!**修复左侧菜单字体不对齐的问题*!*/
  602. /*.layuimini-menu-left .layui-nav-item a .fa,.layuimini-menu-left .layui-nav-item a .layui-icon{*/
  603. /* width: 20px;*/
  604. /*}*/
  605. /*!***/
  606. /* PC版样式*/
  607. /* *!*/
  608. /*@media screen and (min-width: 1025px) {*/
  609. /* !**头部样式(缩放) *!*/
  610. /* .layuimini-mini .layui-layout-left.layuimini-header-menu.layuimini-pc-show {*/
  611. /* left: 155px !important;*/
  612. /* }*/
  613. /* !**logo演示(缩放) *!*/
  614. /* .layuimini-mini .layui-layout-admin .layuimini-logo {*/
  615. /* width: 60px !important;*/
  616. /* }*/
  617. /* .layuimini-mini .layui-layout-admin .layuimini-logo h1 {*/
  618. /* display: none;*/
  619. /* }*/
  620. /* !**左侧菜单栏(缩放) *!*/
  621. /* .layuimini-mini .layuimini-menu-left {*/
  622. /* width: 80px !important;*/
  623. /* }*/
  624. /* .layuimini-mini .layui-side.layui-bg-black, .layuimini-mini .layuimini-menu-left > ul, .layuimini-mini .layuimini-menu-left > ul li i {*/
  625. /* width: 60px !important;*/
  626. /* }*/
  627. /* .layuimini-mini .layuimini-menu-left > ul li span:first-child {*/
  628. /* display: none;*/
  629. /* }*/
  630. /* .layuimini-mini .layuimini-menu-left > ul li span:last-child {*/
  631. /* float: right;*/
  632. /* right: 7px;*/
  633. /* }*/
  634. /* .layuimini-mini .layuimini-menu-left .layui-nav .layui-nav-item a {*/
  635. /* height: 40px;*/
  636. /* line-height: 40px;*/
  637. /* padding-right: 0px !important;*/
  638. /* }*/
  639. /**内容主体(缩放) */
  640. .layuimini-mini .layui-layout-admin .layui-body {
  641. left: 0px !important;
  642. }
  643. /* .layuimini-mini .layuimini-tool {*/
  644. /* left: 95px !important;*/
  645. /* }*/
  646. /* .layuimini-pc-show{*/
  647. /* display: block;*/
  648. /* }*/
  649. /* .layuimini-mobile-show{*/
  650. /* display: none;*/
  651. /* }*/
  652. /* !**菜单缩放*!*/
  653. /* .layuimini-mini .layuimini-menu-left .layui-nav-more,.layuimini-mini .layuimini-menu-left .layui-nav-child{*/
  654. /* display: none;!important;*/
  655. /* }*/
  656. /*}*/
  657. /*!***/
  658. /* 手机自适应样式*/
  659. /**!*/
  660. /*@media screen and (max-width: 1024px) {*/
  661. /* !***/
  662. /* todo 修复低版本IOS不能滑动问题, 但还是有问题, 低版本IOS部分情况下子页面无法自适应*/
  663. /* *!*/
  664. /* .layuimini-tab .layui-tab-content .layui-tab-item {*/
  665. /* -webkit-overflow-scrolling: touch;*/
  666. /* overflow: scroll;*/
  667. /* width: 100%;*/
  668. /* height: 100%;*/
  669. /* }*/
  670. /* .layuimini-tab .layui-tab-content .layui-tab-item iframe {*/
  671. /* height: 100%;*/
  672. /* width: 100%;*/
  673. /* }*/
  674. /* .layuimini-pc-show{*/
  675. /* display: none;*/
  676. /* }*/
  677. /* .layuimini-mobile-show{*/
  678. /* display: block;*/
  679. /* }*/
  680. /* .layuimini-header-content {*/
  681. /* left: 0;*/
  682. /* }*/
  683. .layui-layout-admin .layui-body .layui-tab-item.layui-show {
  684. border-top: 1px solid #e2e2e2;
  685. }
  686. /* .layuimini-all .layui-layout-left.layuimini-header-menu {*/
  687. /* left: 15px !important*/
  688. /* }*/
  689. /* .layuimini-mini .layui-layout-left.layuimini-header-menu {*/
  690. /* left: 205px !important*/
  691. /* }*/
  692. /* .layui-layout-admin .layui-nav.layui-layout-right > li:not(.layuimini-setting) {*/
  693. /* width: 40px !important;*/
  694. /* }*/
  695. /* .layui-layout-admin .layui-nav.layui-layout-right > li:not(.layuimini-setting) a {*/
  696. /* padding: 0 15px;*/
  697. /* }*/
  698. .layuimini-all .layui-layout-admin .layui-body {
  699. left: 0px !important;
  700. }
  701. /* .layuimini-mini .layui-layout-admin .layuimini-menu-left, .layuimini-mini .layui-header .layuimini-logo {*/
  702. /* left: 0;*/
  703. /* transition: left .2s;*/
  704. /* z-index: 1001 !important;*/
  705. /* }*/
  706. /* .layuimini-all .layui-layout-admin .layuimini-menu-left, .layuimini-all .layui-header .layuimini-logo {*/
  707. /* left: -200px;*/
  708. /* transition: left .2s;*/
  709. /* top: 0;*/
  710. /* z-index: 1002;*/
  711. /* }*/
  712. .layuimini-mini .layui-layout-admin .layui-body {
  713. left: 0!important;
  714. transition: left .2s;
  715. top: 0px;
  716. z-index: 998;
  717. }
  718. /* .layuimini-mini .layuimini-make {*/
  719. /* display: block;*/
  720. /* }*/
  721. /* .layuimini-multi-module .layuimini-header-content .layuimini-tool {*/
  722. /* display: none;*/
  723. /* }*/
  724. /* .layuimini-single-module .layuimini-header-content .layuimini-tool {*/
  725. /* left: 15px;*/
  726. /* }*/
  727. /* .layuimini-mini .layuimini-site-mobile {*/
  728. /* display: none !important;*/
  729. /* }*/
  730. /* .layuimini-site-mobile {*/
  731. /* display: block !important;*/
  732. /* position: fixed;*/
  733. /* z-index: 100000;*/
  734. /* bottom: 15px;*/
  735. /* left: 15px;*/
  736. /* width: 40px;*/
  737. /* height: 40px;*/
  738. /* line-height: 40px;*/
  739. /* border-radius: 2px;*/
  740. /* text-align: center;*/
  741. /* background-color: rgba(0, 0, 0, .7);*/
  742. /* color: #fff;*/
  743. /* }*/
  744. /* .layuimini-header-content {*/
  745. /* z-index: 997;*/
  746. /* }*/
  747. /* !*修复UC之类的浏览器点击无效*!*/
  748. /* .layuimini-make {*/
  749. /* cursor: pointer;*/
  750. /* }*/
  751. /* .layuimini-site-mobile {*/
  752. /* cursor: pointer;*/
  753. /* }*/
  754. /*}*/
  755. /*@media screen and (max-width: 550px){*/
  756. /* !**头部右侧数据*!*/
  757. /* .layuimini-multi-module.layuimini-mini .layuimini-header-content .layui-layout-right {*/
  758. /* display: none;*/
  759. /* }*/
  760. /*}*/