*{
  margin:0;
  padding:0;
}
a{
  color:#000;
  text-decoration: none;
}
ul,li{
  list-style: none;
}
body * {
    box-sizing: border-box;
    flex-shrink: 0;
  }
  body {
    font-family:Microsoft YaHei;
  }
  
  button:active {
    opacity: 0.6;
  }
  .clearfix::after{
    content:'';
    display:block;
    height:0;
    clear:both;
  }
  .flex-col {
    display: flex;
    flex-direction: column;
  }
  .flex-row {
    display: flex;
    flex-direction: row;
  }
  .justify-start {
    display: flex;
    justify-content: flex-start;
  }
  .justify-center {
    display: flex;
    justify-content: center;
  }
  
  .justify-end {
    display: flex;
    justify-content: flex-end;
  }
  .justify-evenly {
    display: flex;
    justify-content: space-evenly;
  }
  .justify-around {
    display: flex;
    justify-content: space-around;
  }
  .justify-between {
    display: flex;
    justify-content: space-between;
  }
  .align-start {
    display: flex;
    align-items: flex-start;
  }
  .align-center {
    display: flex;
    align-items: center;
  }
  .align-end {
    display: flex;
    align-items: flex-end;
  }