@media screen and (max-width: 700px) and (min-width: 0px) {
  .head-box {
    padding: 0 10px;
  }
  .head-box .nav-box li {
    width: 80px;
  }
  .head-box .nav-box li a {
    font-size: 13px;
  }
  .head-box .nav-box li.list .sub {
    left: auto;
    right: 0px;
  }
  .main-box {
    display: block;
    padding-left: 0px;
  }
  .main-box .left-box {
    margin-right: 0px;
  }
  .main-box .left-box .buy-process {
    width: 100%;
  }
  .main-box .left-box .spec-box {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0px;
  }
  .main-box .left-box .spec-box .black-logo {
    margin: 0px auto;
  }
  .main-box .left-box .spec-box .spec-area {
    flex-wrap: wrap;
    align-items: center;
    margin: 0px;
    margin-top: 40px;
  }
  .main-box .cat-box {
    margin: 40px auto;
    width: 90%;
  }
  .main-box .cat-box .c-title {
    text-align: right;
  }
  .payment-box {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
  }
  .payment-box .bd {
    padding: 10px 0px;
  }
  .payment-box .bd img {
    width: 100%;
  }
}