@import "style_05info.css";

*{margin: 0;padding: 0;}
html,body{font-size: 16px;line-height:120%;color:#333333;font-family: "Microsoft YaHei";}


img{border: none;vertical-align: middle;}
li{list-style: none;vertical-align: middle;}
a{text-decoration: none;cursor: pointer;color: #333333;}
a:hover{text-decoration: none;}
a:visited{text-decoration: none;}

.fl{float:left}
.fr{float:right}
.none{display: none;}
.relative{position: relative;}
.clear{clear: both;}
.body01{width:1198px;margin:0 auto}
.m10{margin-top: 10px;}
.m20{margin-top: 20px;}
.m12{margin-top: 12px;}
.mc{width: 188px;margin-left: 46px;margin-top: 10px;}
.org{background: orange;}
.gre{background: #73ba26;}
.left{text-align: left;}
.center{text-align: center;}

/*头部*/
.header02{width: 1198px;height: 182px;background: url(../images/12345.gif) no-repeat top;}
.header03{width: 1198px;height: 42px;background: #0988e4 url(../images/002.png) no-repeat center;}
.header04{height: 42px;}
.header04 ul{width: 100%;height: 42px;display:inline-block}
.header04 li{width: 176px;line-height: 42px;color: #fff;font-size: 16px;font-weight: bold; text-align: center;float: left;}
.header04 li a{color: #fff;}
.header05{width: 270px;height: 28px;border: 1px solid #fff;border-radius: 16px;margin-top: 7px;margin-right: 12px;background: rgba(255,255,255,0.2);}
.header05 input{width: 220px;line-height: 28px;font-size: 12px;color: #fff;outline: none;background: none;border: none;margin-left: 16px;}
.header05 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 
  color: #fff;
}
.header05 input::-moz-placeholder { /* Firefox 19+ */  
  color: #fff;
}
.header05 input:-ms-input-placeholder { /* IE 10+ */ 
  color: #fff;
}
.header05 input:-moz-placeholder { /* Firefox 18- */ 
  color: #fff;
}
.header05 img{margin-top: 3px;margin-right: 12px;}

/*主体*/
.main{width: 1198px;margin-top: 20px;}
.main-left{width: 858px;height: 780px;}
.main-right{width: 320px;height: 780px;}
.main-lefta{width: 858px;height: 385px;background: url(../images/004.png) no-repeat top;}
.main-lefta-title{width: 840px;height: 48px;line-height: 48px;padding-left: 18px;color: #fff;font-size: 18px;font-weight: bold;}
.main-leftb{width: 858px;height: 762px;/*height: 377px;*/background: url(../images/006.png) no-repeat top right;}
.main-leftb-title{width: 836px;height: 32px;line-height: 32px;padding-left: 22px;color: #fff;font-size: 18px;font-weight: bold;}
.main-left-more{width: 50px;height: 32px;line-height: 32px;margin-right: 20px;background: url(../images/005.png) no-repeat center right 10px;color: #666666;font-size: 14px;font-weight: normal;}
.main-left-more a{color: #666666;font-size: 14px;font-weight: normal;}
.main-left-content{width: 858px;height: 335px;}
.main-left-content table{width: 100%;text-align: center;border-collapse: collapse;}
.main-left-content th{background: #f9f9f9;font-size: 16px;font-weight: normal;height:30px;white-space: nowrap;}
.main-left-content td{font-size: 14px;border-bottom: 1px solid #e1e1e1;height:48px}
.main-exam{width: 321px;height: 253px;background: url(../images/012.png) no-repeat center;position: relative;}
.main-exam-inner{width: 254px;height: 158px;position: absolute;top: 50px;left: 28px;font-size: 14px;line-height: 20px;}
.main-exam-inner li{line-height: 28px;}
.main-exam-inner-input{width: 78px;height: 24px;border: none;color: #FFFFFF;outline: none;cursor:pointer}
.main-middle{width: 1158px;height:260px;background: url(../images/013.png) no-repeat center;padding: 84px 20px 20px 20px;}
.main-middle-title{width: 100%;height: 20px;line-height: 20px;font-size: 18px;}
.main-middle-more{font-size: 14px;color: #666666;}
.main-middle-content{width: 100%;height: 198px;}
.main-middle-content table{width: 100%;height:100%;font-size: 14px;border-collapse: collapse;text-align: center;}
.main-middle-content th{background: #efefef;font-weight: normal;}
.main-middle-content td{border-bottom: 1px solid #e1e1e1;line-height:2}
.main-middle-left{width: 518px;height: 218px;background: #fff;padding: 20px;}
.main-middle-center{width: 310px;height: 218px;background: #fff;margin-left: 10px;padding: 20px;}
.main-middle-right{width: 230px;height: 258px;}
.main-middle-righta{width: 190px;height: 124px;background: #fff;padding: 0px 20px;}
.main-middle-righta img{margin-top:30px ;}
.main-middle-rightnum{margin-top:34px;margin-left: 14px;}
.main-middle-rightnum span{color: #e53c38;font-size: 30px;font-family: simhei;}
.main-middle-rightnum p{font-size: 18px;color: #333333;margin-top: 6px;}
.main-bottom{width: 1198px;height: 404px;background: url(../images/014.png) no-repeat top;}
.main-bottom-title{width: 1145px;height: 53px;line-height: 53px;padding-left: 53px;color: #fff;font-weight: bold;font-size: 18px;}
.main-bottom-more{font-size: 14px;color: #fff;margin-right: 10px;font-weight: normal;}
.main-bottom-more a{color: #fff;}
.main-bottom-search{font-size: 12px;margin-right: 20px;width: 220px;height: 20px;line-height: 20px;margin-top: 17px;font-weight: normal;}
.main-bottom-search input{width: 150px;height: 20px;padding-left: 10px;line-height: 20px;background: #fff;border-radius: 10px 0px 0px 10px;border: none; outline: none;}
.main-bottom-search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 
  color: #888888;
}
.main-bottom-search input::-moz-placeholder { /* Firefox 19+ */  
  color: #888888;
}
.main-bottom-search input:-ms-input-placeholder { /* IE 10+ */ 
  color: #888888;
} 
.main-bottom-search input:-moz-placeholder { /* Firefox 18- */ 
  color: #888888;
}
.main-bottom-button{width: 40px;height: 20px;line-height: 20px;background: #1278d3;border-radius: 0px 10px 10px 0px;border: none;color: #fff;text-align: center;}
.main-bottom-button a{color: #fff;}
.main-bottom-inner{width: 544px;height: 124px;border: 1px solid #45b0e7;padding: 22px 17px;font-size: 14px;line-height: 26px;margin: 10px 38px 10px 0;float: left;}
.main-bottom-inner:nth-child(2n+2){margin-right:0}
.main-bottom-innera{width: 518px;height: 24px;background: url(../images/017.png) no-repeat center left;padding-left: 26px;}
.main-bottom-innerb{width: 518px;height: 100px;background: url(../images/018.png) no-repeat top 6px left;padding-left: 26px;margin-top: 4px;}
/*底部*/
.footer{width: 100%;height: 178px;background: #c4c4c4;}


/*分页*/
#pager ul.pages {
  display: block;
  border: 0;
  text-transform: uppercase;
  font-size: 10px;
  margin: 0;
  text-align: center;
}

#pager ul.pages li {
  list-style: none;
  border: 1px solid #ccc;
  text-decoration: none;
  margin: 0 5px 0 0;
  padding: 8px;
  display: inline-block;
}

#pager ul.pages li:hover {
  border: 1px solid #003f7e
}

#pager ul.pages li.pgEmpty {
  border: 1px solid #eee;
  color: #eee
}

#pager ul.pages li.pgCurrent {
  border: 1px solid #003f7e;
  color: #000;
  font-weight: 700;
  background-color: #eee
}

/*子页面*/
.lst01{height: 52px;line-height:52px;border-bottom: #cccccc 1px solid;padding-left: 45px;background: url(../images/101.jpg) no-repeat 10px;}
.lst01 a:last-child{color: #0883e1;}
.lst02{height: 62px;border: #badcf7 1px solid;background: #f5fafe;margin-top: 10px;padding-top: 20px;}
.lst03{margin: auto;}
.inputDate{width: 140px;height: 30px;border: #bfc0c2 1px solid;line-height: 30px;border-radius: 5px;background:#fff url(../js/skin/datePicker.gif) no-repeat right;}
.inputDate2{width: 145px;height: 30px;border: #bfc0c2 1px solid;line-height: 30px;border-radius: 5px;background:#fff url(../js/skin/datePicker.gif) no-repeat right;}
.lst05{width: 150px;height: 32px;border: none;display: block;background: #0a87e3;line-height: 32px;text-align: center;color: #ffffff;font-size: 18px;border-radius: 5px;}
.lst06{width: 100%;margin: 10px auto;text-align: center;}
.lst06 th{height: 40px;background: #ecf0f1;text-align: center;white-space:nowrap; padding:10px 20px}
.lst06 td{height: 48px; padding:10px 20px;word-wrap: anywhere;}
.lst06 a{color: #0883e1;text-decoration: underline;}
.lst06 .tr{background: #f5f5f5;}
.lst07{border: #cccccc 1px solid;padding: 10px 30px;min-height: 800px;}
.lst08{width: 100%;margin: 5px auto;}
.lst08 td{padding: 10px 0;}
.lst08 .title{width: 90px;text-align: right;padding-right: 5px;white-space: nowrap;}
.lst08 .ipt1{width: 200px;height: 30px;border: #bfc0c2 1px solid;line-height: 30px;border-radius: 5px;}
.lst08 .ipt2{width: 400px;height: 30px;border: #bfc0c2 1px solid;line-height: 30px;border-radius: 5px;}
.lst08 .ipt3{width: 300px;height: 30px;border: #bfc0c2 1px solid;line-height: 30px;border-radius: 5px;}
.lst08 .btn{width: 98px;height: 30px;border: #d58512 1px solid;display: block;background: #eb9317;font-size: 18px;color: #ffffff;text-align: center;line-height: 30px;border-radius: 5px;}
.lst09{line-height: 48px;font-size: 28px;color: #107dd0;text-align: center;padding: 20px 0;}
.lst10{width: 100%; border-collapse: collapse;}
.lst10 td{padding: 15px;}
.lst10 .title{width: 100px;text-align: right;background: #e9f2f9;}
.lst11{width: 100%;}
.lst11 td{padding: 15px;}
.lst11 .title{background: #e9f2f9;text-align: right;width: 140px;}
.lst11 span{color: red;}
.lst11 .ipt1{width: 778px;height: 38px;border: #bfbfbf 1px solid;line-height: 38px;border-radius: 5px;}
.lst11 .ipt2{width: 778px;height: 168px;border: #bfbfbf 1px solid;line-height: 38px;border-radius: 5px;resize: none;}
.lst11 .ipt3{width: 500px;height: 38px;border: #bfbfbf 1px solid;line-height: 38px;border-radius: 5px;}
.lst11 .ipt4{width: 500px;height: 168px;border: #bfbfbf 1px solid;line-height: 38px;border-radius: 5px;resize: none;}
.lst11 .btn1{width: 90px;height: 40px;display: block;background: #3977da;text-align: center;line-height: 40px;color: #ffffff;border-radius: 5px;}
.lst11 .btn2{width: 172px;height: 48px;display: block;float: left;margin-right: 30px;text-align: center;line-height: 48px;color: #ffffff;border-radius: 5px;background: #0a87e3;}
.lst11 .btn3{width: 172px;height: 48px;display: block;float: left;margin-right: 30px;text-align: center;line-height: 48px;color: #ffffff;border-radius: 5px;background: #cccccc;}
.lst11 .none{display: none;}
.lst11 .dw{display: block;width: 50px;height: 38px;margin-left: 3px;border: #bfbfbf 1px solid;line-height: 36px;text-align: center;border-radius: 5px;float: left;}
.lst11 #container{width: 90%;height: 360px;overflow: hidden;position: relative;border: 1px solid gray;}
.lst12 li{height: 45px;line-height: 45px;overflow: hidden;padding-left: 20px;background: url(../images/102.jpg) no-repeat left;display: flex;justify-content: space-between;}
.lst12 li:hover{background-color: #f5f5f5;}
.lst12 li a{float: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.lst12 li span{width: 100px;text-align: center;float: right;font-size: 16px;white-space: nowrap;}
.lst13{height: 40px;line-height: 40px;overflow: hidden;text-align: center;background: #efefef;}
.lst14{position:fixed;_position: absolute;width: 100%;height: 100%;left: 0;top: 0;background:rgba(0,0,0,.5);z-index: 99;}
.lst14 .msg{position: absolute;top: 48%;left: 48%;color: #ffffff;font-size: 18px;}
.lst15{position: absolute;left:0;top:5px;width: 80%;padding: 30px 10px 10px;line-height: 150%;font-size: 16px;border: #addcfa 10px solid;box-shadow: 0 0 10px rgba(200,200,200,.8);background: #ffffff;}
.lst15 p{text-indent: 2em;}
.lst15 #closeReadme{position: absolute;width: 35px;height: 35px;right: 0;top: 0;font-size: 40px;line-height: 35px;text-align: center;}
.lst16{display: block;border: #addcfa 5px solid;width: 100px;height: 30px;line-height: 30px;text-align: center;font-weight: bold;margin: 5px 5px 5px 0;}

.ind11{	
  min-height: 100px;
  padding-top: 40px;
  padding-bottom: 40px;
  background: #c4c4c4;
  margin-top:10px
}
.ind12{
  width: 1000px;
  margin: 0 auto;
  line-height: 28px;
  font-size: 14px;
}
.tc01{
  width: 900px;
  height: 500px;
  background: #fff;
  position: fixed;
  left: calc(50% - 450px);
  top: 200px;
  z-index: 3;
  box-shadow:0 0 10px rgba(0,0,0,.8)
}
.tc02{
  width: 40px;
  height: 40px;
  background: url(../images/close.png) no-repeat center right;
  background-size: 40px 40px;
  cursor: pointer;
}
.tc03{
  width: 900px;
  height: 400px;	
}
.tc04{
  margin-top: 40px;
  width: 900px;
  height: 50px;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}
.tc04 span{
  font-size: 24px;
  font-weight: bold;
}
.tb1 td{height:48px}

/*2021政民互动-12345-受理情况统计*/
.zmhd_slqktj .chart {width: 400px;height: 280px; float: left;}
.zmhd_slqktj .data {width: 320px;height: 280px; float: right;}
.zmhd_slqktj .main-middle-righta{width: 300px;height: 104px;background: #fff;padding: 0px 20px;}
.zmhd_slqktj .main-middle-righta img{margin-top:30px ;}
.zmhd_slqktj .main-middle-rightnum{margin-top:34px;margin-left: 44px;}
.zmhd_slqktj .main-middle-rightnum span{color: #e53c38;font-size: 30px;font-family: simhei;}
.zmhd_slqktj .main-middle-rightnum p{font-size: 18px;color: #333333;margin-top: 6px;}
.zmhd_slqktj .main-middle-title{width: 100%;height: 20px;line-height: 20px;font-size: 18px;color: #1076cb;}
.zmhd_slqktj .main-middle-more{font-size: 14px;color: #666666;}
.zmhd_slqktj .main-middle-content{width: 100%;height: 248px;border-top: #1175ca 2px solid;}
.zmhd_slqktj .main-middle-content table{width: 100%;height:100%;font-size: 14px;border-collapse: collapse;text-align: center;}
.zmhd_slqktj .main-middle-content th{background: #efefef;font-weight: normal;}
.zmhd_slqktj .main-middle-content td{border-bottom: 1px solid #e1e1e1;}
.zmhd_slqktj .department{width:100%;}
.zmhd_slqktj .main-middle-content1{width: 100%;border-top: #1175ca 2px solid;}
.zmhd_slqktj .main-middle-content1 table{width: 100%;height:100%;font-size: 14px;border-collapse: collapse;text-align: center;}
.zmhd_slqktj .main-middle-content1 th{background: #efefef;font-weight: normal;line-height:38px}
.zmhd_slqktj .main-middle-content1 td{border-bottom: 1px solid #e1e1e1; line-height: 38px;}

/*手机*/
@media (max-width:1090px) {
  body{overflow-x: hidden;}
  .footer{width:auto!important;}
  .body01,.header02,.header03,.main,.main-bottom,.main-bottom-title{width:100%;}
  .header02{background-size: 185%; height:30vw; background-position-x:-120px}
  .header03{height: 80px;padding:0;}
  .header04{width:100%;}
  .header04 ul li{height: auto; margin:0; width: 33.33%;}
  .header04 li a{font-size:1rem;}
  .main-left{width:100%; height:auto;}
  .main-lefta,.main-leftb{background-size: auto; background-position-x: 0;overflow: hidden;width: 100%; height:auto;}
  .main-lefta-title{line-height: 2.3;width: 100%;}
  .main-leftb-title{width:100%;}
  .main-left-content{width:96%; margin:5px 2%; height: auto;}
  .main-left-content th{display: none;}
  .main-left-content td{width: 100%; text-align: left; height: auto!important; border:0; padding:5px 10px;}
  .main-left-content td a{width:95%;display:block;}
  .main-left-content td:nth-child(1){display:none;}
  .main-left-content td:nth-child(2):before{content: "标题："; color:#133e8a; width:100%; display: block;font-size:1rem;}
  .main-left-content td:nth-child(3){display:none;}
  .main-left-content td:nth-child(4){display:none;}
  .main-left-content td:nth-child(5):before{content: "提交时间："; color:#133e8a; width:100%;font-size:1rem;}
  .main-left-content tr{border-bottom:1px solid #e1e1e1; display: flex; flex-direction: column;}
  .main-left-content tr{border-bottom:1px solid #e1e1e1;}
  .main-left-content tr:nth-child(1){border:0;}
  .main-left-content tr:nth-child(2n+1){background-color: #f0f9fd;}
  .main-right{height: auto; width:100%;}
  .main-right img:nth-child(1){height: auto; width:47%; margin:1%}
  .main-right img:nth-child(3){height: auto; width:97%; margin:1%}
  .main-right img:nth-child(4),.special_12345 .main-right img:nth-child(5){height: auto; width:97%; margin: 1%;}
  .main-middle{width:98%; padding:90px 1% 20px 1%;}
  .main-exam{width:100%; height:291px;background-size: 100%;}
  .main-middle{/*background-size:400%;*/background-size:auto;background-position: top;background-color: #efefef;height: auto;}
  .main-middle-left{width:90%; padding:10px 5%; height: auto;}
  .main-middle-title{height: 40px; font-weight: bold; font-size:1.1rem;}
  .main-middle-title a{font-weight:normal; font-size:1rem;}
  .main-middle-content{width:100%; overflow:auto;}
  .main-middle-content th,.main-middle-content td{white-space:nowrap; padding:5px}
  .main-middle-center{width:90%; padding:10px 5%;margin: 10px 0;height: auto;}
  .main-middle-center *{/*width:100%!important;*/}
  .main-middle-center canvas{height: 195px !important;}
  .main-middle-right{width:95%; padding:10px 5%;margin: 0;height: auto !important;}
  .main-middle-righta{height: 110px;width: 94%;}
  .main-middle-righta img{width:67px;margin-top: 21px;}
  .main-bottom-inner{width:88%!important; margin:10px 1%; padding:20px 3% 20px 7%;height: auto;}
  .main-bottom-innerb,.main-bottom-innera{width:90%;height: auto;}
  .main-bottom{background-position: 1px 1px}
  .main-bottom-more{float: right;width: 113px;} 

  .lst10 th,.lst10 td{display: block;width:100% !important;;box-sizing: border-box;text-align: left !important;}
  .tc04{line-height: 1.5;}
  /*@列表*/
  .special_12345 .lw_content{overflow-x: auto; width:auto;}
  .special_12345 #info{overflow-x: auto; width:100%;}
  .special_12345 .lst01{height: auto; margin: 10px 0; padding:10px 0 10px 40px}
  .special_12345 .lst12 li{height: auto; background-position: 0px 10px;line-height: 1.5;}
  .special_12345 .lst12 li span{float: left; color: #999; width:200px; text-align: left;}
  .special_12345 .page select{height: 21px; margin:10px; width:64px;}
  .special_12345 .lst08 tr td{width: 100%!important;display: flex; white-space:nowrap}
  .special_12345 .inputDate{height: 50px; width:48%; padding:0px 1%}
  .special_12345 .lst08 .ipt1{height: 50px; width:100%!important; padding:0px 1%}
  .special_12345 .lst08 .ipt2{height: 50px; width:100%!important; padding:0px 1%}
  .special_12345 .lst08 .btn{width:100%; height: 50px; font-size: 1.3rem; line-height: 1.3; font-weight: bold;}
  .special_12345 .p10{margin:30px 0}
  .special_12345 .lst02{height: auto;}
  .special_12345 .lst02 table{width:100%;}
  .special_12345 .lst02 tr{display: flex; flex-direction: column}
  .special_12345 .lst02 td{width:100%;}
  .special_12345 .lst02 .inputDate{height: auto; padding:10px 0; width:100%; margin:10px 0;}
  .special_12345 .lst05{height: auto; width: 100%;}
  .special_12345 .lst06 td,.special_12345 .lst06 th{white-space: nowrap; text-align: left;}
  .lst12 li{display:block;}
  /*@填写诉求*/
  .special_12345 .lst07{padding: 0;}
  .special_12345 .lst11 tr{display: flex; flex-direction: column;}
  .special_12345 .lst11 .font-by-wza-252px span{width:87%;display: block;}
  .special_12345 .lst11 .title{width: 100% !important; text-align: left;}
  .special_12345 .lst11 .ipt1, .special_12345 .lst11 .ipt2{width:100%;}
  .special_12345 .lst11 .btn2{width:100%;}
  .special_12345 .tc01,.special_12345 .tc03,.special_12345 .tc04{width:100%!important; left:0; overflow: auto;}
  .special_12345 .tc03{height:350px;}
  .special_12345 .tc04{height: auto;}
}