.manual .list {
  width: 100%;
  max-width: 860px;
  margin: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  .manual .list > li {
    width: 130px;
    margin: 0 .7% 30px; }
    .manual .list > li a {
      width: 100%;
      height: 100%;
      display: block;
      text-decoration: none; }
      .manual .list > li a .icon {
        width: 45px;
        display: block;
        margin: 0 auto 20px; }
      .manual .list > li a .label {
        font-size: 14px;
        font-weight: 500;
        display: block;
        color: #2c2d2d;
        text-align: center; }

@media screen and (max-width: 768px) {
  .manual .list {
    width: 90%;
    margin: auto; }
    .manual .list > li {
      width: 33.33%;
      margin: 0 0 45px; }
      .manual .list > li a {
        width: 100%;
        height: 100%;
        display: block;
        text-decoration: none; }
        .manual .list > li a .icon {
          width: 52px;
          height: 70px;
          display: block;
          margin: 0 auto 10px; }
        .manual .list > li a .label {
          font-size: 15px;
          font-weight: 500;
          display: block;
          color: #2c2d2d;
          text-align: center; } }


/*# sourceMappingURL=manual.css.map*/