@media (max-width: 1500px) {
  .pl {
    padding-left: calc((100% - 1360px) / 2);
  }
  .pr {
    padding-right: calc((100% - 1360px) / 2);
  }
  .w--1400 {
    width: 1360px;
  }
}
@media (max-width: 1400px) {
  .pl {
    padding-left: calc((100% - 1280px) / 2);
  }
  .pr {
    padding-right: calc((100% - 1280px) / 2);
  }
  .w--1400 {
    width: 1280px;
  }
}
@media (max-width: 1300px) {
  .pl {
    padding-left: calc((100% - 1200px) / 2);
  }
  .pr {
    padding-right: calc((100% - 1200px) / 2);
  }
  .w--1400 {
    width: 1200px;
  }
  .about-recommend--4 .recommend-ls li {
    width: 280px;
    margin-right: calc((100% - 1120px) / 3);
  }
}
.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}