@media screen and (min-width: 1400px) {
  .quality__li { width: 310px; }
}
@media screen and (min-width: 1025px) and (max-width: 1260px) {
  .warp, .center__inner { width: 96%; max-width: 1200px; }
  .main { width: 95%; }
  .quality__ul { display: flex; flex-wrap: wrap; }
  .quality__li { margin-bottom: 20px; float: none; }
  .find__guide { width: 32%; float: left; margin-right: 3%; }
  .find__choose { width: 65%; float: left; }
  .recommend__li { margin-right: 2%; }
  .recommend__li:nth-child(3n) { margin-right: 0; }
  .common__hot { width: 31%; float: left; margin-right: 3.5%; margin-bottom: 30px; }
  .common__hot:last-child { margin-right: 0; }
  .top__guide-tips { float: none; margin-top: 10px; }
}
@media screen and (max-width: 1024px) {
  .warp, .center__inner { width: 96%; }
  .main { width: 95%; }
  .search__entrance { display: none; }
  .top__inner-txt { font-size: 24px; }
  .search__box { width: 90%; }
  .top__guide ul { float: none; display: flex; justify-content: center;flex-wrap: wrap; }
  .top__guide-tips { float: none; text-align: center; }
  .quality__li { width: 48%; margin-bottom: 20px; float: none; }
  .find__choose { width: 100%; float: none; margin-right: 0; }
  .recommend__li { margin-bottom: 20px; }
  .choose__li { width: 100%; float: none; margin-bottom: 20px; }
  .common__hot {float: none; margin-bottom: 30px; }
  .find__guide {
    width: 100%;           /* 建议在小屏幕改为全宽，给文字更多展示空间 */
    float: none;           /* 取消浮动 */
    margin-bottom: 30px;
  }

  .guide__con {
    padding: 20px;         /* 缩小内边距，留给文字更多空间 */
  }

  .guide__con p {
    font-size: 14px;
    line-height: 1.6;      /* 增加行高提高可读性 */
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .pro__ul {
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .top__inner { padding: 40px 0; }.quality__li
  .top__inner-txt { font-size: 20px; }
  .quality__li { width: 100%; }
  .recommend__li { margin-right: 30px; }
  .pro__li { width: 100%; float: none; margin-bottom: 20px; text-align: center; }
  .choose__btn { box-sizing: border-box; }
  .bottom__label li { width: 100%; float: none; margin-bottom: 15px; text-align: center; }
  .bottom__label li img { display: block; margin: 0 auto 5px; }
  .hot__right { width: calc(100% - 60px); }
  .hot__right-l { width: 60%; }
  .hot__right-r { width: 40%; }
  .hot__btn { padding: 0 10px; font-size: 12px; }
  .page-btn {padding: 4px 8px;}
}
@media screen and (max-width: 480px) {
  .top__inner-txt { font-size: 18px; }
  .common__title { font-size: 18px; }
  .quality__name { font-size: 16px; }
  .recommend__name { font-size: 16px; }
  .hot__name { font-size: 14px; }
  .recommend__list {justify-content: center;}
}