li{
  list-style-type: none;
}

/**/
.middle{
  padding: 2%;
  min-height: 500px;
}
.middleTOP{
  font-size: 20px; 
  font-weight: 500; 
  vertical-align: middle;
  margin-bottom: 3%;
}
.middleTOP span{
  margin: 0 1%;
}


/*左边栏*/

#outer{
  width: 16%;
  padding: 2% 1%; 
  min-width: 100px; 
}
.outerUl{
  background-color: #007ACC;
  text-align: center;
  color: azure;
  padding: 6% 0 0% 0;
  border-radius: 3%;
}
#outer .haveItem{  
  background-color: white;
  color: black; 
  border: 3px solid #A9D3F9;
  border-top: none;
}
#outer .haveItem:nth-of-type(1){
  margin-top: 6%;
}
#outer .newsBox1,.newsBox2,.newsBox3{ 
  width: 98%; 
  height: 95%; 
  display: inline-block;
}
#outer .leftWord,.leftWord1,.leftWord2,.leftWord3{
  font-size: 15px; 
  float: left; 
  padding: 7% 0% 7% 5%; 
  text-align: left;
}
#outer .rightImg{
  float: right;
  width: 6%;
  padding: 2% 6% 0 0;
}  
.liUl1,.liUl2,.liUl3 { 
  float: left;
  font-size: 15px;   
  width: 100%;
  text-align: center; 
  display: none;
} 
.liUl1 li,.liUl2 li,.liUl3 li { 
  padding: 2px 0;
  border-top: 2px solid #A9D3F9; 
  line-height:40px;
}


/*党群*/
#outer .haveItem1{ 
  background-color: white;
  color: black; 
  border: 3px solid #A9D3F9;
  border-top: none;
  font-size: 15px;
  padding: 7% 0% ; 
}
#outer .haveItem1:nth-of-type(1){
  margin-top: 6%;
}


/*右边文章列表*/
#contentNewsBox{
  float: right;  
  width:80%;
  padding-top:2% ;
  min-height: 790px; 
  position: relative;
}
#contentNewsBox #CNB1{
  border-bottom: 3px solid #007ACC; 
  padding-bottom: 15px;
}

#content div{
  margin: 2% 0;
}
#content div:hover{
  color: #007ACC;
}
#content div>span:nth-of-type(1){ 
  float: left; 
}
#content div>span:nth-of-type(2){ 
  float: right; 
}
#pagination {
  position: absolute;
  bottom: 30px;
  text-align: center;
  margin: 0 20%;
}



/*文章详情*/
#contentNewsbox {
    float: right;  
    width:80%;
    padding-top:2% ;
    min-height: 1000px; 
  }
#contentNewsbox button {
  border: 3px solid #BFBFBF;
  background-color: white;
  width: 70px;
  height: 35px;
  position: relative;
  left: 91%;
  border-radius: 23%;
  color:#BFBFBF ;
}
#contentNewsbox button:hover {
  box-shadow: 0 0 3px 1px #BFBFBF; 
}
#contentNewsbox .in h1{
  margin: 3% 0 2% 0;
  text-align: center;
}
#contentNewsbox .in h4{
  margin: 1% 0;
  text-align: center; 
  color: gray; 
  font-size: 14px;
}
#contentNewsbox .in div{
  margin-top: 3%;
}
#contentNewsbox .in h5{
  position: relative;  
  left: 60%; ;
  color: gray;
}





/* 投诉与建议 */
#tousuBox{
  float: right;  
  width:80%;
  padding-top:2% ;
}
#tousuBox #CNB1{
  border-bottom: 3px solid black; 
  font-size: 22px;
  padding-bottom: 5px;
}
#tousuBox div:nth-of-type(2){
  border-bottom: 2px solid #d7dadb; 
}
#tousuBox div:nth-of-type(2)>p{
  text-indent: 2em
}
#tousuBox p {
  margin: 20px 0;
  line-height: 35px;
}
#tousuBox div:nth-of-type(3)>p:nth-of-type(1){
  font-size: 20px;
}