main_index.css 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482
  1. html,body{margin: 0;padding: 0;width: 100%;}
  2. a,span,img,ul,li {margin: 0;padding: 0;border:0;list-style-type: none;}
  3. a{color:#0b69b7;}
  4. a:hover {color:#ff4e00;}
  5. .a-color {color:#ff4e00;}
  6. /*又下角浮动按钮*/
  7. .fixItem {position: absolute;top: 200px;right: 10px;z-index: 9999999999;}
  8. .fixItem div{position:relative;margin-bottom: 3px;}
  9. .fixItem img{width:36px;height:36px;}
  10. .fixItem div:hover .floating_left{display:block;}
  11. .floating_left{
  12. position:absolute;
  13. left:-80px;
  14. top:0px;
  15. width:80px;
  16. height:36px;
  17. background-color:#78cbe2;
  18. border-bottom:solid 0px #78cbe2;
  19. text-align:center;
  20. line-height:36px;
  21. font-size:12px;
  22. color:#ffffff;
  23. display:none;
  24. cursor: pointer;
  25. }
  26. /*模块框架样式*/
  27. div.module-content{margin: 10px auto;}
  28. ul.ul_cont {}
  29. li.li_cont {margin-bottom: 10px;border: 1px solid #cdcaca;}
  30. .placeHolder {background-color: white !important;border: dashed 2px gray !important;margin-bottom: 10px;}
  31. /* ul.ul_cont{float: left;display: inline-block;list-style-type: none;}
  32. #left_list {width: 26%;margin: 0px 0.3% 0.3% 0.6%;}
  33. #right_list {width:72%;margin: 0px 0.3% 0.3% 0.6%;}
  34. li.li_cont{position:relative;margin-top: 10px;height: auto;background: #fff;border: 1px solid #cdcaca;}
  35. #left_list .li_cont {min-width: 26%;}
  36. #right_list .li_cont {min-width: 72%;}
  37. .placeHolder {margin-top: 10px;background-color: #ffffec !important;border: dashed 1px gray !important;border-radius: 3px 3px 3px 3px;width:100%;height: 101%;}
  38. */
  39. li.shedu_cont{
  40. position: relative;
  41. background: #fff;
  42. box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.1), 1px 1px 4px
  43. rgba(0, 0, 0, 0.1);
  44. -webkit-box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.1), 1px 1px 4px
  45. rgba(0, 0, 0, 0.1);
  46. -moz-box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.1), 1px 1px 4px
  47. rgba(0, 0, 0, 0.1);
  48. -ms-box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.1), 1px 1px 4px
  49. rgba(0, 0, 0, 0.1);
  50. -o-box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.1), 1px 1px 4px
  51. rgba(0, 0, 0, 0.1);
  52. /* behavior: url(/nwyj/css/ie-css3.htc); */
  53. /* border: 1px solid #e7e7e7; */
  54. }
  55. .content_title{position: relative;border-bottom: 1px solid #cdcaca;height:40px;line-height: 40px;width:100%;cursor: move;}
  56. .title_text{padding-left:10px;font-size: 14px;font-weight: bold;font-family:"閿熸枻鎷烽敓鏂ゆ嫹";color:#333333;width:100%;}
  57. .content_btn{position: absolute;top: 10px;right: 10px;border: 0px none;height:19px;width:90px;display: inline-block;*display:inline;*zoom:1;text-align: right;}
  58. .content_btn span{margin-left:10px;border: 0px none;width: 19px;height: 19px;display: inline-block;background-image: url(/nwyj/images/index/idx_main/module_btn.png);background-repeat: no-repeat; cursor: pointer;}
  59. .cont_close1 { background-position: -225px -18px;_background-position: center;}
  60. .cont_close1:hover {background-position: -196px -18px; _background-position: center; }
  61. .freshimg1 {background-position: -168px -17px;_background-position: center;}
  62. .freshimg1:hover {
  63. background-position: -141px -17px;
  64. _background-position: center;
  65. /* white-space:nowrap;
  66. word-break: keep-all;
  67. word-wrap: normal; */
  68. }
  69. .full-text-span2:hover{background-position: -25px -17px;}
  70. .full-text-span2{background-position: -54px -17px;}
  71. .full-text-span4:hover{background-position: -83px -17px;}
  72. .full-text-span4{background-position: -112px -17px;}
  73. .content_cont{position: relative;width:100%;height:auto;margin: 0;text-align: center;}
  74. .idxModule_content{width: 98%;margin:0 auto; padding:10px 0; text-align: left; }
  75. .idxModule-loading-bg {position: absolute;width: 100%;height: 100%;background-color: #f2f2f2; opacity: .5;filter: alpha(opacity=50); left: 0;top: 0;z-index: 100;}
  76. .idxModule-loading-box {position: absolute;width: 102px;height: 32px;left: 50%;margin-left: -54px;top: 50%;margin-top: -20px;border: 1px solid #ddd;padding: 2px;background-color: #fff;display: none;z-index: 101;border-radius: 3px;overflow: hidden;}
  77. .idxModule-loading-box span {display: block;line-height: 30px;height: 30px; padding-left: 32px;background: url(/nwyj/images/index/idx_main/loading.gif) no-repeat 8px 8px;font-size: 12px;}
  78. .iframe_cont{width:98% !important;overflow:auto !important;}
  79. .empty_style{text-align: center;font-size: 12px;}
  80. .empty_style span{font-size: 12px;display:inline-block;margin: 10px auto;}
  81. /*各个模块内容区域样式*/
  82. .con_d{
  83. margin-left: auto;
  84. width: 95%;
  85. }
  86. .index_main_cursor{
  87. width: 90%;
  88. display: inline-block;
  89. white-space: nowrap;
  90. overflow: hidden;
  91. text-overflow: ellipsis;
  92. /* color:blue; */
  93. font-size: 12px;
  94. }
  95. .index_main_cursor:hover{
  96. /* color:#ff4e00; */
  97. cursor:pointer;
  98. text-decoration: underline;
  99. }
  100. .index_main_cursor1{
  101. width: 58%;
  102. /* width: 35%; */
  103. display: inline-block;
  104. white-space: nowrap;
  105. overflow: hidden;
  106. margin-left: 5%;
  107. text-overflow: ellipsis;
  108. font-size: 12px;
  109. }
  110. .index_main_cursor2{
  111. width: 35%;
  112. /* width: 58%; */
  113. display: inline-block;
  114. white-space: nowrap;
  115. overflow: hidden;
  116. margin-left: 2%;
  117. text-overflow: ellipsis;
  118. }
  119. .idx_ic_circle {
  120. background-image: url(/nwyj/images/index/list_point.png);
  121. background-repeat: no-repeat;
  122. background-position: 0 50%;
  123. padding: 0 5px 0 18px;
  124. display:inline-block;
  125. white-space:nowrap;
  126. word-break: keep-all;
  127. word-wrap: normal;
  128. }
  129. /*閿熷壙纰夋嫹妯¢敓鏂ゆ嫹*/
  130. .cont_ul{
  131. /* height:100px; */
  132. margin:0 auto;
  133. width: 98% ;
  134. text-align: left;
  135. position: relative;
  136. /* display: inline-block; */
  137. }
  138. .menu_cont{
  139. margin:0 auto;
  140. width: 92% ;
  141. }
  142. .menu_grid{
  143. /* float: left; */
  144. display: inline-block;
  145. text-align: center;
  146. margin: 0px 0px;
  147. width: 95px;
  148. border: 1px solid transparent;
  149. cursor: pointer;
  150. padding-bottom: 10px;
  151. }
  152. .menu_grid:hover{
  153. box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.2), 1px 1px 4px
  154. rgba(0, 0, 0, 0.2);
  155. -webkit-box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.2), 1px 1px 4px
  156. rgba(0, 0, 0, 0.2);
  157. -moz-box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.2), 1px 1px 4px
  158. rgba(0, 0, 0, 0.2);
  159. -ms-box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.2), 1px 1px 4px
  160. rgba(0, 0, 0, 0.2);
  161. -o-box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.2), 1px 1px 4px
  162. rgba(0, 0, 0, 0.2);
  163. border: 1px solid #ccc;
  164. }
  165. .menu_grid img{
  166. margin-top:10px;
  167. /* width:60px;
  168. height:60px; */
  169. width: 48px;
  170. height: 48px;
  171. }
  172. .menu_text{
  173. white-space: nowrap;
  174. overflow: hidden;
  175. text-overflow: ellipsis;
  176. width: 100%;
  177. margin-top:5px;
  178. font-size: 12px;
  179. }
  180. .ev_title{
  181. width:40px;
  182. padding-left: 10px;
  183. }
  184. /**琛ㄦ牸*/
  185. .l-grid-header {
  186. border-bottom: 1px solid #c7c6c6;
  187. height: 32px;
  188. line-height: 120%!important;
  189. background:#e7e9e9 !important;
  190. overflow: hidden;
  191. width: 100%;
  192. }
  193. .l-grid-row-cell {
  194. border-right: 1px solid #c7c6c6;
  195. border-bottom: 1px solid #c7c6c6;
  196. text-align: center;
  197. }
  198. .l-grid-hd-cell {
  199. padding: 0;
  200. margin: 0;
  201. overflow: hidden;
  202. border-right: 1px solid #c7c6c6;
  203. text-align: center;
  204. }
  205. /**琛ㄦ牸*/
  206. .dutyTable{
  207. margin: 0px auto;
  208. text-align: center;
  209. }
  210. .date_tab_cont{
  211. position: absolute;
  212. top:8px;
  213. left:140px;
  214. }
  215. .changeDate{
  216. font-size:12px;
  217. margin: 0 8px;
  218. height: 25px;
  219. display: inline-block;
  220. line-height: 25px;
  221. border-radius: 5px;
  222. position:relative;
  223. behavior: url(/nwyj/scripts/freamwork/com/sinosoft/system/right/PIE.htc);
  224. padding: 0 10px;
  225. cursor: pointer;
  226. }
  227. .changeDate:hover{
  228. background: #5DECE6;
  229. }
  230. .selectDate{
  231. background: #5DECE6;
  232. }
  233. /**浠e姙**/
  234. .caozuo{
  235. height:100%;
  236. line-height: 100%;
  237. }
  238. .caozuo_btn{
  239. background: #D9E0E7;
  240. cursor: pointer;
  241. height: 20px;
  242. line-height: 20px;
  243. display: inline-block;
  244. margin-top: 3px;
  245. padding: 2px 8px;
  246. }
  247. .caozuo_btn:hover{
  248. background:#7FF1B7
  249. }
  250. /**浠e姙**/
  251. .l3_url_tab{
  252. margin: 10px auto;
  253. padding-bottom:10px;
  254. width: 90%;
  255. text-align: center;
  256. }
  257. .l3_url_tab div{
  258. position:relative;
  259. display:inline-block;
  260. width: 50%;
  261. }
  262. .l3_url_tab div span{
  263. /* border-radius: 7px;
  264. behavior: url(/nwyj/scripts/freamwork/com/sinosoft/system/right/PIE.htc); */
  265. cursor: pointer;
  266. color: white;
  267. }
  268. .l3_url_tab_span{
  269. height:27px;
  270. line-height:27px;
  271. margin-left: auto;
  272. display:inline-block;
  273. font-size:14px;
  274. background-color:#5b85ff;
  275. width:85%;
  276. /* color:#ffffff; */
  277. }
  278. .url_li1{
  279. margin: 10px auto;
  280. width: 90%;
  281. }
  282. .url_list1{
  283. font-size: 12px;
  284. line-height: 100%;
  285. }
  286. .alert_title{
  287. margin:5px;
  288. padding-left:15px;
  289. height: 38px;
  290. line-height: 38px;
  291. font-size: 18px;
  292. color:#1f1f1f;
  293. background-color: #e7e9e9;
  294. z-index: 1;
  295. }
  296. .alert_cont{
  297. width:100%;
  298. overflow: hidden;
  299. z-index: -1;
  300. }
  301. .alert_cont ul{
  302. width:100%;
  303. display:inline-block;
  304. overflow: hidden;
  305. }
  306. .alert_cont li{
  307. width:90%;
  308. display:block;
  309. margin:5px auto;
  310. font-size: 14px;
  311. font-family: "閿熸枻鎷烽敓鏂ゆ嫹";
  312. }
  313. .alert_cont_div{
  314. width: 100%;
  315. line-height: 150%;
  316. margin: 8px 0;
  317. padding-bottom:5px;
  318. border-bottom: 1px solid #E3E3E3;
  319. }
  320. .alert_cont_div a{
  321. /* color: #494949; */
  322. }
  323. .alert_text{
  324. font-size: small;
  325. }
  326. .ev_title {
  327. padding-left: 10px;
  328. margin-left: 5px;
  329. border-left: 2px solid #6aa725;
  330. display: inline-block;
  331. }
  332. hr {
  333. position: absolute;
  334. width: 94%;
  335. top: 6px;
  336. left: 50px;
  337. }
  338. .shijian_cont {
  339. position: relative;
  340. margin: 5px 0;
  341. }
  342. .shijian_info{
  343. height:80px;
  344. }
  345. /**个人信息*/
  346. .l4_cont1{margin: 0 0 0 auto;width: 95%;min-height: 90px;position: relative;}
  347. .l4_img_div_bg{ background-image: url(/nwyj/images/index/module_img/user_photo.png); background-repeat: no-repeat; background-position: 0px 10px; padding: 0px 0px 0px 25%; display:inline-block;}
  348. .l4_cont1_right{ margin-top:0;min-height: 70px;max-width: 100%;}
  349. .l4_cont1_right span{ display:block; line-height: 180%; color: #333333; margin-left: 10px;}
  350. .l4_text{font-size: 14px;font-weight: bold;position: relative;}
  351. .l4_text1{font-size: 12px;font-weight: bold;position: relative;}
  352. .l4_text2{font-size: 12px;}
  353. .l4_date{color: blue;font-size: 12px;}
  354. .msg_img_cont{display: inline-block; position: relative;}
  355. .msg_img{ margin-left: 10px; width: 22px;}
  356. .msg_numb_cont{
  357. background-color: rgb(255, 0, 0);
  358. border-radius: 20px;
  359. height: 13px;
  360. line-height: 13px;
  361. left: 35px;
  362. padding:2px;
  363. min-width: 13px;
  364. position: absolute;
  365. top: -10px;
  366. text-align: center;
  367. behavior: url(/nwyj/scripts/freamwork/com/sinosoft/system/right/PIE.htc);
  368. cursor: pointer;
  369. }
  370. .msg_numb{ font-size: 12px; font-weight: normal; color: #fff;line-height: 0px;}
  371. /*公告*/
  372. .rl6_cont{ padding: 0px 1% 0px 1%;width: 98%;position: relative;}
  373. .rl6_title{text-align: center;font-size:24px;font-weight: bold;font-family: "寰�蒋闆呴粦";cursor: pointer;}
  374. .rl6_time{margin-top:10px;text-align: center;font-size: small;}
  375. .rl6_marquee{font-size:12px;color:#52565a;padding: 0px 3%;margin: 10px 0px;overflow: hidden;max-height: 180px;width: 94%;}
  376. .rl6_more{margin-top:10px;margin-left: 64%;padding-left:40px; text-align:right; }
  377. .rl6_more a{font-size: 12px;/* color:blue; */}
  378. .rl6_more a:hover{cursor:pointer;/* color:blue; */text-decoration: underline;}
  379. /*附件下载样式*/
  380. .l6_cont{width: 100%; height: auto; font-size: 12px;margin: 0;padding: 0;/* color: blue; */}
  381. .l6_list_cont{width: 100%;}
  382. .l6_list{width: 100%; margin-top: 5px;position: relative;}
  383. .l6_list span{display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  384. .l6_span1{margin-left:10px; max-width: 78%; display: inline-block; white-space: nowrap; word-break: keep-all; word-wrap: normal; overflow: hidden;text-overflow: ellipsis;}
  385. .l6_span2{margin-left: 78%; width: 22%; text-align: center;color: #000;position: absolute;right: 0;top:0}
  386. .l6_more_btn{margin-left: 85%;margin-top: 5px;}
  387. .l6_more_btn a:HOVER,.l6_span1:HOVER{cursor:pointer;/* color:blue; */text-decoration: underline;}
  388. /*自定义表格*/
  389. .tablediv{width: 100%;height: auto;margin:0;padding:0; font-size: 12px; font-weight: normal;}
  390. .tablecont{table-layout: fixed;overflow: hidden; width: 100%;height: auto; margin: 0px;padding: 0px; border: 0px; border-top: 1px solid #c7c6c6; border-left: 1px solid #c7c6c6;}
  391. .tablecont tr{width: 100%;margin: 0px;padding: 0px; height: 36px; line-height: 33px;}
  392. .tablecont th{ text-align: center; border-bottom: 1px solid #c7c6c6; border-right: 1px solid #c7c6c6; margin: 0px;padding: 0px; font-weight: normal;}
  393. .tablecont td{ text-align: center; border-bottom: 1px solid #c7c6c6; border-right: 1px solid #c7c6c6; margin: 0px;padding: 0px; }
  394. .tablehead {background-color: #e7e9e9;}
  395. .tablerow {background-color: #FFFFFF;}
  396. .tablerow:hover {background-color: #e7e9e9;}
  397. .tablecont span{height: 30px;table-layout: fixed;overflow: hidden;white-space:normal;word-wrap:break-word;display: inline-block;word-break: break-all;}
  398. .gridmaincont{width: 100%;height: auto;position: relative;}
  399. .fixedtablehead {position: absolute;top: 0;left: 0;}
  400. .gridCont{width: 100%;max-height:350px;;overflow: auto;}
  401. /*待办*/
  402. .r4_cont{margin: 0px auto; width:100%;display: inline-block;}
  403. .r4_elm_cont{padding: 0px 2px 10px 2px;/* width: 90px;height: 90px; */text-align: center;display: inline-block; position: relative;}
  404. .r4_elm_img{margin: 5px auto;width:70px;height: 70px;border: 1px solid #ffffff; background-repeat: no-repeat; background: url("/nwyj/images/index/idx_main/daiban.png")}
  405. .r4_elm_img:hover{cursor:pointer; box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.2), 1px 1px 4px rgba(0, 0, 0, 0.2); border: 1px solid #c7c6c6; }
  406. .r4_elm_t_cont{width:105px;font-size: 12px;}
  407. .r4_elm_t_1{}
  408. /* .r4_elm_t_2{display: block;font-size: 14px;color: red;position: absolute; top:15px;right:12px;}
  409. */
  410. .r4_elm_t_2{font-size: 14px;color: red;font-weight: bold;}
  411. /* .r4_elm_img_0{background:url("/nwyj/images/index/idx_main/daiban/chuzhibaobiao.png");}
  412. .r4_elm_img_1{background:url("/nwyj/images/index/idx_main/daiban/richangbaobiao.png");}
  413. .r4_elm_img_2{background:url("/nwyj/images/index/idx_main/daiban/yujingxiangying.png");}
  414. .r4_elm_img_3{background:url("/nwyj/images/index/idx_main/daiban/yingjibaogao.png");}
  415. .r4_elm_img_4{background:url("/nwyj/images/index/idx_main/daiban/ziyuandiaobo.png");}
  416. .r4_elm_img_5{background:url("/nwyj/images/index/idx_main/daiban/richangdaiban.png");}
  417. .r4_elm_img_6{background:url("/nwyj/images/index/idx_main/daiban/dianwangyunxingtu.png");} */
  418. .r4_elm_img_0{background-position:-12px -7px;}
  419. .r4_elm_img_1{background-position:-143px -7px;}
  420. .r4_elm_img_2{background-position:-270px -7px;}
  421. .r4_elm_img_3{background-position:-403px -7px;}
  422. .r4_elm_img_4{background-position:-533px -7px;}
  423. .r4_elm_img_5{background-position:-663px -7px;}
  424. .r4_elm_img_6{background-position:-793px -7px;}
  425. .r4_elm_img_7{background-position:-923px -7px;}
  426. .r4_elm_img_8{background-position:-12px -7px;}
  427. /*新预警与响应*/
  428. .r9_tab_cont{position: absolute;top:8px;left:140px;}
  429. .r9_tab_cont1{position: absolute;top:0px;left:170px;}
  430. .r9_tab_a{color: white;text-align:center; font-size:14px;margin: 0;padding:2px; height: 14px;min-width: 14px; display: inline-block;line-height: 14px;border-radius: 5px; position: absolute; right:0px;top:-5px; behavior: url(/nwyj/scripts/freamwork/com/sinosoft/system/right/PIE.htc); padding: 0px;}
  431. .r9_tab_a:hover{color: white;cursor: pointer;}
  432. .r9_tab_div{margin: 0 8px; width:68px; display: inline-block;position:relative;}
  433. .r9_tab_span{font-size:12px;margin: 0 8px; height: 25px; display: inline-block;line-height: 25px;border-radius: 5px; position:relative; behavior: url(/nwyj/scripts/freamwork/com/sinosoft/system/right/PIE.htc); padding: 0 10px;cursor: pointer;}
  434. .r9_tab_span_select,.r9_tab_span:hover{background: #5DECE6;}
  435. .r9_a:hover{text-decoration: underline;cursor: pointer;}