@charset "utf-8";
/* CSS Document */
body { background: #f3f3f3; }
.hide.active { display: block!important; }
.hidden-small { display: none; }

/****财政资金专题****/
/*header*/
.header_czzj { background: url(../images_ztl/czzj_banner.png) center 0 no-repeat; background-size: auto 100%; }
.czzj_banner { height: 170px; position: relative; }
.czzj_banner .guidang { position: absolute; top: 0; right: 0; }
.czzj_banner .img_title { display: none; }
.czzj_banner .zt_logo { position: absolute; left: 0; top: 15px; }
.czzj_banner .zt_logo img { width: auto; height: auto; }
.zt_backhome { display: block; position: absolute; top: 10px; right: 0; }
.zt_backhome li { float: left; padding-left: 10px; }
.zt_backhome li a { display: block; background: #3273be; color: #fff; border-radius: 4px; font-size: 15px; height: 32px; line-height: 32px; padding: 0 15px; }
.zt_backhome li a:hover { color: #fff; background-color: #195aa4; font-weight: bold; }
/*主体*/
.content_czzj { background: #fff; padding: 10px; margin: 10px auto; }
.shsy_tab { height: auto; }
.shsy_tab li { float: left; width: 228px; margin: 0 0 10px 10px; text-align: center; }
.shsy_tab li.first { margin-left: 0; }
.shsy_tab li.first a { line-height: 24px; padding-top: 6px; box-sizing: border-box; }
.shsy_tab li a { display: block; height: 60px; line-height: 60px; font-size: 16px; overflow: hidden; background: #f4f4f4; }
.shsy_tab li.active a { color: #fff; background: #00558f; }

.list li { padding: 0 50px 0 15px; background: url("../images/hygq_ico.png") 0 center no-repeat; height: 36px; line-height: 34px; font-size: 16px; overflow: hidden; position: relative; }
.list li .nr { float: left; max-width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 1px 0; }
.list li .tit, .list li .title { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: none; }
.list li .gl { display: block; float: right; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list li .gl .split { padding: 0 2px; }
.list li .gl a { display: inline; color: #c50001; float: none; background: none; max-width: none; padding: 0; margin: 0; }
.list li span.date { font-family: Arial; white-space: nowrap; color: #999; font-size: 16px; position: absolute; right: 0; top: 1px; }

.shsy_list { height: 180px; overflow: hidden; }
.shsy_list li { float: left; width: 505px; }
.shsy_list li.even { margin-left: 40px; }

/*部门预决算部门三公经费*/
.czzj_mainbox2 { border: 1px solid #ddd; overflow: hidden; margin-top: 10px; }
.xw_top7 { height: 50px; line-height: 50px; background: #f1f1f1; }
.xw_top7 ul li { float: left; background: #f1f1f1; height: 50px; }
.xw_top7 ul li a { display: block; padding: 0 20px; color: #333; font-size: 20px; font-family: simsun; font-weight: bold; }
.xw_top7 ul li.active { background: #fff; }
.xw_top7 ul li.active a { color: #00558f; }
.czzj_mainbox2 .xwcon ul { margin-left: 9px; margin-top: 14px; }
.czzj_mainbox2 .xwcon ul li { width: 136px; height: 50px; line-height: 50px; float: left; margin: 0 8px 14px 0; border: 1px solid #ddd; }
.czzj_mainbox2 .xwcon ul li a { display: block; text-align: center; background: #f2f5fe; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -ms-transition: all .2s ease-out; transition: all .2s ease-out; }
.czzj_mainbox2 .xwcon ul li a:hover { background: #aeafb4; color: #fff; }

@media(max-width:1199px) and (min-width:992px) {
  /*header*/
  .header_czzj { background-position: -500px 0; }
  /*主体*/
  .shsy_tab li { width: 188px; margin: 0 0 10px 8px; }
  .shsy_tab li a { font-size: 15px; }
  .shsy_list li { width: 406px; }
  .shsy_list li.even { margin-left: 30px; }
  /*部门预决算部门三公经费*/
  .xw_top7 ul li a { font-size: 18px; }
  .czzj_mainbox2 .xwcon ul li { width: 150px; }
}
@media(max-width:991px) {
  /*header*/
  .header_czzj { background-position: -600px 0; }
  .header_czzj .guidang { width: 200px; height: 200px; background-size: 100% 100%; }
  .czzj_banner .zt_logo { left: 10px; top: 10px; }
  .zt_backhome { right: 10px; }
  /*主体*/
  .shsy_tab li { width: 24.25%; margin: 0 0 10px 1%; }
  .shsy_tab li:nth-of-type(4n+1) { margin-left: 0; }
  .shsy_list { height: auto; }
  .shsy_list li { width: auto; float: none; }
  .shsy_list li.even { margin-left: 0; }
  /*部门预决算部门三公经费*/
  .xw_top7 ul li a { font-size: 18px; }
  .czzj_mainbox2 .xwcon ul { margin: 10px 5px 0; }
  .czzj_mainbox2 .xwcon ul li { width: 24%; margin: 0 0.5% 10px; box-sizing: border-box; line-height: 48px; }
}
@media(max-width:767px) {
  /*header*/
  .header_czzj { background-position: -850px 0; }
  .header_czzj .guidang { width: 150px; height: 150px; }
  /*主体*/
  .shsy_tab li { width: 32%; margin: 0 0 10px 2%; }
  .shsy_tab li:nth-of-type(4n+1) { margin-left: 2%; }
  .shsy_tab li:nth-of-type(3n+1) { margin-left: 0; }
  .shsy_tab li a { height: 50px; line-height: 50px; }
  .shsy_tab li.first a { line-height: 20px; }
  /*部门预决算部门三公经费*/
  .xw_top7 ul li a { padding: 0 15px; }
  .czzj_mainbox2 .xwcon ul li { width: 32.13%; margin: 0 0.6% 10px; height: 42px; line-height: 40px; }
}
@media(max-width:479px) {
  /*header*/
  .header_czzj { background-position: -980px 0; }
  /*主体*/
  .shsy_tab li { width: 49%; margin: 0 0 10px 2%; }
  .shsy_tab li:nth-of-type(3n+1) { margin-left: 2%; }
  .shsy_tab li:nth-of-type(2n+1) { margin-left: 0; }
  /*部门预决算部门三公经费*/
  .czzj_mainbox2 .xwcon ul li { width: 48.5%; margin: 0 0.75% 10px; }
}
/****财政资金专题-end****/


