css 控制列表布局

li{
      width: 18.7%;
      margin-right: 1.33%;
      padding: 20px 20px 20px;
      border-radius: 15px;
      margin-bottom: 20px;
      position: relative;
      transition: all 0.3s;
      background-color:#fff;
      @media screen and (max-width: 1200px){
        width: 32%;
        margin-right: 2%;
        &:nth-child(4n){
          margin-right: 2%;
        }
        &:nth-child(3n) {
          margin-right:0;
        }
      }
      &:nth-child(5n){
        margin-right: 0;
      }