jmxx.css 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
  1. html,body{
  2. height: 100%;
  3. font-family: "microsoft yahei";
  4. font-size: 16px;
  5. background-color: #fff;
  6. overflow: hidden;
  7. }
  8. .layui-nav *{
  9. font-size: 16px;
  10. }
  11. .zhdj_top{
  12. height: 100px;
  13. background: url(../images/head_bg.png) no-repeat;
  14. }
  15. /* logo */
  16. .zhdj_logo{
  17. float: left;
  18. width: 343px;
  19. height: 100px;
  20. padding-left: 55px;
  21. }
  22. .zhdj_logo img{
  23. margin-top: 20px;
  24. }
  25. /* second menu */
  26. .zhdj_second_menu{
  27. float: left;
  28. width: calc(100% - 478px);
  29. padding: 0px;
  30. background-color: transparent;
  31. }
  32. .zhdj_second_menu li{
  33. height: 100px;
  34. cursor: pointer;
  35. text-align: center;
  36. position: relative;
  37. }
  38. .zhdj_second_menu li>a{
  39. position: absolute;
  40. left: 50%;
  41. top: 50%;
  42. transform: translate(-50%,-50%);
  43. display: inline-block;
  44. width: 100%;
  45. }
  46. .zhdj_second_menu li span{
  47. display: inline-block;
  48. width: 100%;
  49. color: #fff;
  50. margin-top: 20px;
  51. }
  52. .zhdi_drop_icon{
  53. float: left;
  54. width: 80px;
  55. height:100px;
  56. line-height: 100px;
  57. text-align: center;
  58. cursor: pointer;
  59. background-color: #3779c6;
  60. }
  61. .zhdj_dropdown {
  62. position: absolute;
  63. top: 100px;
  64. left: 0px;
  65. right: -80px;
  66. background: url(../images/drop_bg.png) repeat-y;
  67. display: none;
  68. }
  69. .zhdj_dropdown li{
  70. height: 100px;
  71. color: #fff;
  72. cursor: pointer;
  73. text-align: center;
  74. position: relative;
  75. }
  76. .zhdj_dropdown li>div{
  77. position: absolute;
  78. left: 50%;
  79. top: 50%;
  80. transform: translate(-50%,-50%);
  81. width: 100%;
  82. }
  83. .zhdj_dropdown li span{
  84. display: inline-block;
  85. width: 100%;
  86. margin-top: 20px;
  87. }
  88. .zhdj_top li.current{
  89. background: #00389b;
  90. }
  91. /* menu */
  92. .zhdj_menu{
  93. top: 100px;
  94. background: #004fcd;
  95. }
  96. .zhdj_menu ul{
  97. width: 100%;
  98. background: #004fcd;
  99. }
  100. .zhdj_menu .layui-nav-tree .layui-nav-item,
  101. .zhdj_menu .layui-nav-tree .layui-nav-item a{
  102. height: 60px;
  103. line-height: 60px;
  104. padding: 0px;
  105. cursor: pointer;
  106. }
  107. .zhdj_menu .layui-nav-tree .layui-nav-item a{
  108. padding-left: 35px;
  109. }
  110. .zhdj_menu .layui-nav-tree .layui-nav-child dd.layui-this,
  111. .zhdj_menu .layui-nav-tree .layui-nav-child dd.layui-this a,
  112. .zhdj_menu .layui-nav-tree .layui-this,
  113. .zhdj_menu .layui-nav-tree .layui-this>a,
  114. .zhdj_menu .layui-nav-tree .layui-this>a:hover {
  115. background-color: #003fa4;
  116. color: #fff;
  117. }
  118. .zhdj_menu .layui-nav-tree .layui-nav-item a:hover {
  119. background-color: #003fa4;
  120. }
  121. .zhdj_menu .layui-nav-tree .layui-nav-bar {
  122. width: 5px;
  123. height: 0;
  124. background-color: #001f52;
  125. }
  126. .zhdj_menu .layui-nav-tree .layui-nav-item .icon{
  127. display: inline-block;
  128. vertical-align: top;
  129. margin-top: 2px;
  130. margin-right: 10px;
  131. }
  132. .zhdj_menu a cite{
  133. color: #fff;
  134. }
  135. .zhdj_open_close{
  136. position: absolute;
  137. right: 0px;
  138. top: 50%;
  139. margin-top: -22px;
  140. cursor: pointer;
  141. }
  142. /* content */
  143. .zhdj_content{
  144. top: 100px;
  145. }
  146. .zhdj_content .zhdj_tab{
  147. width: 100%;
  148. height: 45px;
  149. margin: 0px;
  150. background: #eeeeee;
  151. }
  152. .zhdj_content .layui-tab{
  153. position: absolute;
  154. left: 0px;
  155. right: 0px;
  156. top: 0px;
  157. bottom: 0px;
  158. margin: 0px;
  159. }
  160. .zhdj_content .layui-tab-title{
  161. height: 45px;
  162. padding: 0px 30px;
  163. }
  164. .zhdj_content .layui-tab-title li{
  165. height: 30px;
  166. line-height: 30px;
  167. font-size: 16px;
  168. color: #555;
  169. margin: 8px 10px;
  170. border-radius: 3px;
  171. background-color: #fff;
  172. }
  173. .zhdj_content .layui-tab-title li .layui-tab-close {
  174. top: 1px;
  175. font-size: 18px;
  176. color: #919191;
  177. }
  178. .zhdj_content .layui-tab-title li .layui-tab-close:hover {
  179. border-radius: 2px;
  180. background-color: #fff;
  181. color: #000;
  182. }
  183. .zhdj_form{
  184. position: absolute;
  185. left: 0px;
  186. top: 45px;
  187. right: 0px;
  188. bottom: 0px;
  189. padding: 0px;
  190. }
  191. .zhdj_btns{
  192. margin: 10px 0px;
  193. text-align: right;
  194. }
  195. .zhdj_btns button{
  196. margin-left: 20px;
  197. }
  198. .zhdj_search{
  199. height: 49px;
  200. border: 1px solid #c2c2c2;
  201. border-left-width: 7px;
  202. border-radius: 5px;
  203. padding: 20px;
  204. text-align: center;
  205. }
  206. .zhdj_search ul li{
  207. padding: 0px 12px;
  208. }
  209. .zhdj_search .layui-input{
  210. height: 49px;
  211. border-radius: 5px;
  212. padding-left: 20px;
  213. }
  214. .layui-form-select .layui-edge{
  215. border-top-color: #7f7f7f;
  216. }
  217. .zhdj_search button{
  218. width: 70px;
  219. height: 48px;
  220. }
  221. .zhdj_search button img{
  222. vertical-align: middle;
  223. }
  224. .layui-btn .layui-icon{
  225. width: 70px;
  226. height: 48px;
  227. font-size: 24px;
  228. }
  229. .layui-form-select dl dd.layui-this {
  230. background-color: #004fcd;
  231. color: #fff;
  232. }
  233. .x-iframe{
  234. width: 100%;
  235. height: 100%;
  236. }
  237. .zhdj_content .layui-tab-item{
  238. height: 100%;
  239. }
  240. .zhdj_box{
  241. position: absolute;
  242. left: 0px;
  243. top: 0px;
  244. bottom: 0px;
  245. right: 0px;
  246. }
  247. .zhdj_box form{
  248. width: calc(100% - 50px);
  249. margin: 0px 25px;
  250. }