/*****
*怀化市政府集约化建设子站公共样式文件
*@crtime:2019年8月5日21:55
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:金鑫
*@modifyLog: what when who
*
*/

/* 内容样式 - 背景*/
body {
  background-color: #f8f8fa;
}
.main{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	margin-top:20px;
	overflow: hidden;
        background: initial!important;
}
.echarts-box {
  /* margin-bottom: 1.5rem; */
  background-color: #fff;
}

.echarts-bg {
  padding: 1rem .5rem 0;
}

.echarts-tit {
  font-size: 1.38rem;
  padding: 2rem 1rem 1rem;
  /* background: #fff; */
}
.echarts-box{height: 360px;overflow: hidden;}

.list-body li a {
  background: none;
  padding-left: 0;
}

.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/* 部门数据-统计公报*/
.date-xxlist {
  padding: 0 2rem 2rem;
  background-color: #fff;
  margin-bottom: 20px;
  margin-top: 1rem;
  border-top: 4px solid #3f85e0;
}



.public-data {
  width: 48%;
}

.public-data h2 {
  font-size: 1.38rem;
  padding-top: 1.9rem;
  padding-bottom: 1.9rem;
}

.data-right h2 {
  font-size: 1.38rem;
  padding: 2rem 1rem 1rem;
  /* padding-bottom: 1.9rem; */
  width: 100%;
  box-sizing: border-box;
}

.divsion-pub-box {
  background-color: #fff;
}

.public-data h2, {
  border-bottom: 1px solid #e6e8e8;
  width: 100%;
}


.public-data ul li , .data-right ul li {
  height: 2.7rem;
  line-height: 2.7rem;
  background: url( ../images2020/zfx.png) no-repeat 10px 20px;
  padding: 0 1rem;
}
.public-data ul li.li-nodata, .data-right ul li.li-nodata{
  background: none;
  padding: 50px 0;
}

.djkb-box {
  height: 360px;
  box-sizing: border-box;
  background: #fff;
  padding: .5rem 1rem;
}
/* .public-data ul li:first-child{margin-top: 1rem;} */
.public-data ul li a {
  padding-left: 1rem;
  display: inline-block;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}

.public-data ul li span {
  float: right;
}

.data-right ul li a {
  padding-left: 1rem;
  display: inline-block;
  width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.data-right ul li span {
  float: right;
}

.echarts-box .hd {
  text-align: center;
}

.echarts-box .hd li {
  display: inline-block;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}

.echarts-box .hd li.on {
  background-color: #024cad;
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
  /*右、下、距离、模糊程度、阴影颜色，内阴影*/
  -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
  -ms-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
  -o-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
}

.echarts-box .hd li.on a {
  color: #fff;
}

.echarts-box .hd li a {
  padding: 0 1rem;
  line-height: 3rem;
  text-align: center;
  display: block;
}

/* 数据发布-修改 */
.data-left {
  width: 70%;
  padding-right: 20px;
  box-sizing: border-box;
}

.data-right {
  width: 30%;
  /* margin-left: 4%; */
  /* background: #fff; */
}

/* 政府数据板块 */
.sjkf-box .public-data{width: 100%;}
.sjkf-box .pub-bg-box h2{font-size: 1.38rem;
    padding-top: 1.9rem;
    padding-bottom: 1.9rem;}
.sjkf-box .sjfl_box{margin-top: 0;}

@media screen and (max-width:1200px) {
  .echarts-box {
      margin-bottom: 0;
  }

  .echarts-box h2 {
      padding-left: 1rem;
  }

  .public-data, .data-right {
      width: 100%;
      padding: 0 1.5rem;
      margin-right: 0;
  }

  .data-ct-box {
      padding: 1rem;
  }

  .sgtj div ul li a, .slyj div ul li a {
      width: 70%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: inline-block;
  }
  .public-data > ul {
    height: 215px;
  }

  .public-data h2, .data-right h2 {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem;
  }

  .public-data>h2, .data-right>h2 {
      padding-top: 1rem;
      padding-bottom: 2rem;
  }

  .slyj div,   .sgtj div {
      padding: 1.3rem 0;
      padding-left: 4%;
  }

  .public-data, .data-right {
      margin-bottom: 1rem;
  }

  .public-data h2, .data-right {
      padding-top: 0;
      padding-bottom: 1rem;
  }
}

@media screen and (max-width:1000px) {
  .data-ct-box .list-body ul li {
      width: 32%;
      margin-right: 1.99%;
      margin-bottom: 1.99%;
  }

  .data-ct-box .list-body ul li:nth-child(4n+4) {
      margin-right: 1.99%;
  }

  .data-ct-box .list-body ul li:nth-child(3n+3) {
      margin-right: 0;
  }
}

@media screen and (max-width:921px) {
  .public-data, .data-right {
      width: 100%;
      padding: 0 1.5rem;
  }
}

@media screen and (max-width:801px) {
  .divsion-title {
      float: none;
  }

  .slyj div, .sgtj div {
      padding: 0 4% 1.3rem 4%;
  }

  .sgtj div, .slyj div {
      width: 100%;
  }

  .public-data h2, .data-right h2 {
      padding-top: 1rem;
      padding-bottom: 1rem;
      border-right: 0;
      width: 100%;
      display: block;
  }
}

@media screen and (max-width:750px) {
  .data-ct-box .list-body ul li {
      width: 49.5%;
      margin-right: 1%;
      margin-bottom: 1%;
  }

  .data-ct-box .list-body ul li:nth-child(4n+4) {
      margin-right: 1%;
  }

  .data-ct-box .list-body ul li:nth-child(3n+3) {
      margin-right: 1%;
  }

  .data-ct-box .list-body ul li:nth-child(2n+2) {
      margin-right: 0;
  }

  .data-ct-box .list-body ul li:nth-of-type(20) ~ li {
      display: none;
  }

  .data-ct-box {
      padding: .5rem;
  }

  .public-data, .data-right {
      padding: 0 .5rem;
  }
  .echarts-box .hd ul{
      overflow: auto hidden;
      white-space: nowrap;
  }
}

@media screen and (max-width:560px) {
  .slyj div ul li,  .sgtj div ul li {
      width: 100%;
  }

  .sgtj div ul li a,
.slyj div ul li a {
      width: 85%;
  }

  .sgtj div ul li:nth-child(3),
.slyj div ul li:nth-child(3) {
      margin-bottom: 1rem;
  }
}

@media screen and (max-width:472px) {
  .pic_datas {
      display: none;
  }

  .data-directory li a span {
      margin-left: 0;
  }

  .data-directory li a {
      height: 40px;
      line-height: 40px;
  }

  .data-ct-box .list-body .data-directory li {
      height: 40px;
      line-height: 40px;
  }

.public-data, .data-right {
      padding: 0 .5rem;
  }

  .echarts-box h2, .public-data h2, .data-right h2 {
      padding: .5rem .5rem;
  }

  .data-ct-box {
      padding: .5rem;
  }
}

@media screen and (max-width:340px) {
  .data-ct-box .tabtitle ul li a {
      margin-right: 0;
  }
}
@media screen and (max-width:959px){
	.data-left{
		width: 100%;
		padding: 0 10px;
	}
	.echarts-tit{
		padding: 10px 0;
	}
	.date-xxlist{
		margin-bottom:10px;
		margin-top:0
                width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.public-data{
		margin-bottom: 0;
		box-sizing:border-box
	}
	.clearfix .fr{
		float: inherit;
	}
}