body {
  background-color: #f6f2e8;
}
.details {
  width: 1440px;
  margin: auto;
  font-size: 0;
  padding-top: 85px;
  padding-bottom: 200px;
}
.details .pic {
  width: 100%;
  height: auto;
}
.details .content {
  font-size: 20px;
  margin-top: 0.6rem;
}
.details .pagination {
  font-size: 0.24rem;
  margin-top: 0.4rem;
}
.details .pagination > a {
  color: blue;
  display: block;
}


@media (min-width: 1200px) and (max-width: 1530px) {
  .details {
    width: 1100px;
    margin: auto;
  }
  .body .content {
    width: 100%!important;
  }
}



@media (min-width: 769px) and (max-width: 1199px) {
  .details {
    width: 900px;
  }
  img {
    max-width: 100%;
  }
  .body .content {
    width: auto!important;
  }
}


@media (width: 640px) {
  .details {
    width: 100%;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }
  .body .content {
    width: 100%!important;
  }
  .body .content img {
    max-width: 100%;
  }
}