*{
    margin: 0;
    padding: 0;

}
#geren{
  text-align: center;
  background-color: pink;

}

a{
    text-decoration: none;
}
li{
    list-style: none;
}
header{
    width: 100%;
    height: 80px;
    background-color: blue;
    box-shadow: 2px 3px 5px #ccc;
}
.header-f{
    width: 80%;
    margin: auto;
    justify-content: space-between;
    display: flex;
    background-color:blue;
}
.logo{
    font-size: 24px;
    height: 80px;
    line-height: 80px;
}
.logo a{
    color: #F16E50;

}
/* 右边导航栏 */
.nav ul{
    display: flex;
    justify-content: start;
}
.nav ul li{
     height:80px;
     line-height: 80px;
     margin: 0 20px;
}
.nav ul li a{
    color: #333;
}
.nav ul li a:hover{
    color:#F16E50;
}
.nav ul .active a{
    color: #F16E50;
}
 
















#blog{
    background-color: pink;
    background-image: url(./海报2.png);
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 80%;
    height: 47rem ; 
    font-size: 1.875rem;
    margin: auto;
}


#blog2{
  background-color: pink;
  background-image: url(./海报2.png);
  background-size:contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 80%;
  height: 47rem; 
  font-size: 1.875rem;
  margin: auto;
}


#blog3{
  background-color: pink;
  background-image: url(./海报2.png);
  background-size:contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 80%;
  height: 47rem; 
  font-size: 1.875rem;
  margin: auto;
}


#blog4{
  background-color: pink;
  background-image: url(./海报2.png);
  background-size:contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 80%;
  height: 47rem; 
  font-size: 1.875rem;
  margin: auto;
}


.date{
  margin-left:80%;
}


.wenzi{
  font-size: 1em;
}



.biaoti{
  text-align: center;
  line-height: 6rem;
}






#beian{
  background-color: gray;
}