body{
    background:#f7f7f7;
}
header{
    background:#2b479b;
    overflow:hidden;
    padding:1rem 0;
}
header>a{
    width:50%;
    float:left;
    margin:0 0 0 2rem;
    position:relative;
    z-indeX:2;
}
.menu{
    margin-top:1rem;
}
.menuList{
    padding-top:5rem;
}
.article{
    margin-bottom:3rem;
}
.current{
    background:#fff;
    padding:1rem 0;
    text-indent:5%;
    font-size:1.2rem;
    color:#333;
}
.current a{
    color:#333;
}
.list{
    width:94%;
    margin:0 3% 3rem 3%;
    float:left;
}
.list-date{
    float:left;
    width:18%;
    text-align:center;    
    border-right:1px solid #dbdbdb;
    margin-right:2%;
    box-sizing: border-box;
}
.list-date span{
    font-size:2.5rem;
    color:#333;
    font-weight: bold;
}
.list-date p{
    font-size:1rem;
    font-weight: bold;
    color:#666;
}
.list-infos{
    margin-top:1rem;
}
.list-infos li{
    float:left;
    width:100%;
    margin-bottom:1rem;
    padding:1rem 0;
    background:#fff;
}
.list-infos li h3{
    font-size:1.5rem;
    font-weight: normal;
}
.pages{
    text-align: center;
margin-top: 2rem;
}
.pages li {
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    color: #5d5d5d;
    font-size: 14px;
    height: 3rem;
    line-height: 3rem;
    display: inline-block;
    padding: 0 1rem;
    margin: 0 .5rem .5rem .5rem;
    background:#fff;
    overflow:hidden;
  }
  .pages li.active {
  background: #2b479b;
  color: #fff;
  font-weight: bold;
  border-color: #2b479b;
}
.pages li.active a{
	color: #fff;
}
.list-pic{
    margin-top:1rem;
}
.list-pic li{
    float:left;
    width:48%;
    margin-right:4%;
    margin-bottom:1rem;
}
.list-pic li:nth-child(2n){
    margin-right:0;
}
.list-pic li p{
    color:#333;
    font-size:1rem;
    text-align:center;
    margin-top:.5rem;
    float:left;
    width:100%;
}