body{margin:0;min-height:100vh;
    display:flex;
    flex-direction:column;
    background-color:#fffafa;
    width:100%;
}
haeder{}
aside{width:25%:
    }
.home{display:flex;
       flex:1;
      margin:100px100px100px0;
      
      flex-direction:column-reverse;
      }
  
main{flex:1;text-align:cente;

}

footer{ flex:1;
}
ul{
display:block;
}
p{}


}
footer{height:150px;}





@media screen and（max-width:480px）{
body{width:100%;}







}