//media.scss
.--box--{
  width: 100%;
}
/*480px*/
/*大于*/
@media screen and (min-width: 480px) {
  .--box--{
    width: 95%;
    margin: 0 auto;
  }
}
/*小于*/
@media screen and (max-width: 480px) {
  .--box--{
    width: 100%;
  }
}
/*880px*/
/*大于*/
@media screen and (min-width: 880px) {
  .--box--{
    width: 840px;
    margin: 0 auto;
  }
}
/*小于*/
@media screen and (max-width: 880px) {
}

/*1200px*/
/*大于*/
@media screen and (min-width: 1200px) {
  .--box--{
    width: 1140px;
    margin: 0 auto;
  }
}
/*小于*/
@media screen and (max-width: 1200px) {
}


/*1440px*/
/*大于*/
@media screen and (min-width: 1440px) {
  .--box--{
    width: 1380px;
    margin: 0 auto;
  }
}
/*小于*/
@media screen and (max-width: 1440px) {
}



// media.scss
// /*1440px*/
// /*大于*/
// @media screen and (min-width: 1440px) {

// }
// /*小于*/
// @media screen and (max-width: 1440px) {
// }
// /*1200px*/
// /*大于*/
// @media screen and (min-width: 1200px) {

// }
// /*小于*/
// @media screen and (max-width: 1440px) {
// }
// /*880px*/
// /*大于*/
// @media screen and (min-width: 880px) {

// }
// /*小于*/
// @media screen and (max-width: 880px) {
// }
// /*480px*/
// /*大于*/
// @media screen and (min-width: 480px) {

// }
// /*小于*/
// @media screen and (max-width: 480px) {
// }