@media screen and (max-width: 1920px) {}

@media screen and (max-width: 1680px) {
  .main .m-box {
    width: 90%;
  }
  .main .m-box .product-info-box .but-box a {
    width: 35%;
  }
}

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1366px) {
  .main .m-box .product-info-box .but-box a {
    width: 40%;
  }
}

@media screen and (max-width: 1280px) {
  .main .m-box .product-info-box .but-box a {
    width: 45%;
  }
}

@media screen and (max-width: 1024px) {
  .main .m-box {
    flex-direction: column;
    align-items: center;
  }
  .main .m-box .product-img-box {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 767px) {
  .main .m-box .product-img-box p {
    font-size: 14px;
  }
  .main .m-box .product-info-box h1 {
    font-size: 14px;
  }
  .main .m-box .product-info-box p {
    font-size: 12px
  }
  .main .m-box .product-info-box .price-box span {
    font-size: 18px;
  }
  .main .m-box .product-info-box .but-box a {
    width: 100%;
    font-size: 16px;
    line-height: 46px;
  }
  .main .m-box .product-info-box .title-des {
    font-size: 12px;
  }
  .main .m-box .product-img-box .imgs {
    width: 80%;
  }
  .shade-box .info-box {
    width: 90%;
  }
  .shade-box .info-box .title {
    line-height: 48px;
    font-size: 15px;
  }
  .shade-box .info-box .close {
    width: 16px;
    height: 16px;
    top: 17px;
  }
  .shade-box .info-box .form-box {
    padding: 0 8%;
    padding-top: 47px;
    padding-bottom: 70px;
  }
  .shade-box .info-box .form-box .email input {
    line-height: 40px;
  }
  .shade-box .info-box .form-box .email::before {
    width: 22px;
    height: 22px;
  }
  .shade-box .info-box .form-box .but {
    line-height: 40px;
    font-size: 14px;
  }
  .shade-box .info-box .form-box .hint span {
    font-size: 12px;
  }

}