header.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. @charset "utf-8";
  2. .headerConter{
  3. height: 80px;
  4. background: url(../images/1/bg.png) repeat-y;
  5. background-size: 100%;
  6. position: fixed;
  7. width: 100%;
  8. top: 0px;
  9. }
  10. .layui-nav{
  11. background:none;
  12. }
  13. .layui-nav .layui-nav-item {
  14. line-height: 80px;
  15. }
  16. .layui-logo-img{
  17. height: 80px;
  18. line-height: 80px;
  19. display: inline-block;
  20. }
  21. #SystemName{
  22. float: left;
  23. font-size: 24px;
  24. color:#fff;
  25. letter-spacing:2px;
  26. margin-left: 15px;
  27. }
  28. .left_back{
  29. float: left;
  30. margin-left: 40px;
  31. }
  32. .icon_log{
  33. margin-top: -10px;
  34. }
  35. .layui-nav .layui-badge{
  36. position: absolute;
  37. top: 33%;
  38. color: #000;
  39. margin-left: -5px;
  40. }
  41. .layui-nav-img{
  42. width: 40px;
  43. height: 40px;
  44. }
  45. .layui-nav-child{
  46. top: 85px;
  47. }
  48. #mainConter{
  49. /*background: url(/assets/img/jcddjs/home/mainbg.png) no-repeat;*/
  50. background-size: 100% 100%;
  51. overflow: hidden;
  52. width: 100%;
  53. height: 100%;
  54. background-position: center center;
  55. /*background-attachment: fixed;*/
  56. position: absolute;
  57. /*top:80px;*/
  58. }
  59. /*删格化5等份*/
  60. .layui-col-lg2-4,.layui-col-md2-4,.layui-col-sm2-4,.layui-col-xs2-4{position:relative;display:block;box-sizing:border-box}
  61. .layui-col-xs2-4{float:left}
  62. .layui-col-xs2-4{width:19.9999992%}
  63. .layui-col-xs-offset2-4{margin-left:19.9999992%}
  64. @media screen and (min-width:768px){
  65. .layui-col-sm2-4{float:left}
  66. .layui-col-sm2-4{width:19.9999992%}
  67. .layui-col-sm-offset2-4{margin-left:19.9999992%}
  68. }
  69. @media screen and (min-width:992px){
  70. .layui-col-md2-4{float:left}
  71. .layui-col-md2-4{width:19.9999992%}
  72. .layui-col-md-offset2-4{margin-left:19.9999992%}
  73. }
  74. @media screen and (min-width:1200px){
  75. .layui-col-lg2-4{float:left}
  76. .layui-col-lg2-4{width:19.9999992%}
  77. .layui-col-lg-offset2-4{margin-left:19.9999992%}
  78. }
  79. .tophtml, .bottomhtml{
  80. width:77%;
  81. border-radius: 6px;
  82. margin: 40px auto 0px auto;
  83. text-align: center;
  84. background-color:#fff;
  85. filter:Alpha(opacity=50);
  86. background-color: rgba(255,255,255,0.5);
  87. -ms-background-color: rgba(255,255,255,0.5);
  88. -moz-background-color: rgba(255,255,255,0.5);
  89. -webkit-background-color: rgba(255,255,255,0.5);
  90. }
  91. .tophtml{
  92. height: 25%;
  93. }
  94. .bottomhtml{
  95. height: 52%;
  96. }
  97. .iconpng{
  98. width: 37%;
  99. margin-top: 17%;
  100. }
  101. .iconfont{
  102. color: #000;
  103. margin-top:20px;
  104. font-size: 16px;
  105. font-weight: 600;
  106. }
  107. /*左侧菜单样式*/
  108. .layui-bg-left{
  109. background: #EE3E42;
  110. }
  111. .layui-side{
  112. top: 80px;
  113. }
  114. .icon_img{
  115. width: 25px;
  116. }