.search-result {
  width: 100%;
}
.search-result .result-container {
  min-height: 600px;
  padding-bottom: 60px;
}
.search-result .result-container .page-top {
  width: 100%;
  height: 105px;
  margin-top: 40px;
  background: url("../../assets/title-bg.b82a98aa.png") center center no-repeat;
  background-size: 1920px 105px;
}
.search-result .result-container .page-top .title {
  width: 1200px;
  margin: 0 auto;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  padding-top: 20px;
  color: #000;
}
.search-result .result-container .page-top .title .main-title {
  font-weight: 600;
}
.search-result .result-container .page-top .title .sub-title {
  font-size: 12px;
  line-height: 17px;
  color: #717171;
}
.search-result .result-container .results {
  margin: 20px auto 0;
}
.search-result .result-container .results .result-title {
  width: 1186px;
  margin: 0 auto;
  height: 22px;
  font-size: 16px;
  font-weight: 600;
  color: #9a9a9a;
  line-height: 32px;
}
.search-result .result-container .results .result-list {
  width: 1220px;
  margin: 20px auto 0;
}
.search-result .result-container .results .result-list .result-item {
  height: 80px;
  line-height: 80px;
  padding-left: 20px;
  position: relative;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.search-result .result-container .results .result-list .result-item:nth-child(odd) {
  background: #f3f5f7;
}
.search-result .result-container .results .result-list .result-item .result-name {
  display: block;
  color: #000;
  width: 90%;
}
.search-result .result-container .results .result-list .result-item .result-name .page-name {
  color: #717171;
}
.search-result .result-container .results .result-list .result-item img {
  width: 28px;
  height: 28px;
  position: absolute;
  right: -14px;
  bottom: 26px;
}
.search-result .result-container .empty {
  width: 100%;
  height: 500px;
}

@media screen and (max-width: 1200px) {
  .search-result .result-container .page-top {
    width: 100%;
    height: 100px;
    margin-top: 20px;
    background: url("../../assets/title-bg.b82a98aa.png") center center no-repeat;
    background-size: 100% 100px;
  }
  .search-result .result-container .page-top .title {
    width: 62.5%;
    margin: 0 auto;
  }
  .search-result .result-container .results {
    margin-top: 20px;
  }
  .search-result .result-container .results .result-title {
    width: 62.5%;
    margin: 20px auto 0;
  }
  .search-result .result-container .results .result-list {
    width: 62.5%;
    margin: 20px auto 0;
  }
  .search-result .result-container .results .result-list .result-item {
    height: 80px;
    line-height: 80px;
    padding-left: 20px;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
  }
  .search-result .result-container .results .result-list .result-item:nth-child(odd) {
    background: #f3f5f7;
  }
  .search-result .result-container .results .result-list .result-item .result-name {
    display: block;
    color: #000;
    width: 90%;
  }
  .search-result .result-container .results .result-list .result-item .result-name .page-name {
    color: #717171;
  }
  .search-result .result-container .results .result-list .result-item img {
    width: 28px;
    height: 28px;
    position: absolute;
    right: -14px;
    bottom: 26px;
  }
  .search-result .result-container .empty {
    width: 100%;
    height: 500px;
  }
}
@media screen and (max-width: 750px) {
  .search-result .result-container {
    min-height: 80vw;
    padding-bottom: 2.6666666667vw;
  }
  .search-result .result-container .page-top {
    width: 100%;
    height: 18.6666666667vw;
    margin-top: 5.3333333333vw;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAACWCAMAAAC2Lf19AAABhlBMVEUAAAAAAP////8AVar///8AVcbj4+P///8ATsTu7u4ASr3w8PAATMLu7u4AS8Du7u4AScDt7e0ASMDu7u4ASb/t7e0ASr/t7e0CSb/u7u4CScDu7u4CSL7u7u4BSb/u7u4BScDt7e0BSr/t7e0BSb/t7e0BScDu7u4BSb/t7e0BScDu7u4BSb4BScDu7u4BSb8CSb8CSr8ES78GTcAJT8AMUcENUcERVMISVcIXWMMdXMQdXcQjYcYkYcUkYcYqZccqZscrZscya8g5cMo6cMpAdMtAdctBdctHesxIesxOf85Pf85WhM9XhM9didBdidFkjtJljtJrk9Nsk9RymNVzmNV5ndZ6ndaAoteBotiHptmIptmIp9mPq9qPrNuWsNyWsdyctd2dtd2dtt2ett2kut6kut+lu9+rv+CswOCyxOGzxOGzxeGzxeK5yeO6yeO6yuPBzuTCz+TI0+XJ1ObP2OfQ2OfV3OjW3ejb4Ong5Orj5uvk5uvn6evp6uzq6uzr7Ozt7e2o572SAAAAL3RSTlMAAQEDAwkJDA0eHzQ2PD1LTVNVa2yCg4qLmZqhorCyt7nP0NbY5ebr7PT1+Pn+/msypLEAAALkSURBVHja7d1NbtMAFIXRV0oFtExgAeyBJbIVhBBCYkkM7aa2m4Q0zU+bNGyBqkzse87Yo9dP1o068NmXgpH7+vsfH3zlVozeuuROjI3cifF9K3dytsxB7tgycmdyfsqdoC2zlzs5uZfcSfFrI3di3G3lji0jd6ZnI3difNvKnZwt8yR3bBm5Mzk/tnInZ8s8POfp1w7GmH3+6O1OilNfcifFfCN3YrQld2L0cifGeil3YjQld2wZuTM5+7nciXF9kDu2jNyZnKPcyTHs5E6MWcmdGJ3cibG6kzsxmpI7MXq5E2O3kDsx2qPcsWXkzuQc5E7Qy/1B7sSYldyJ0cmdGMt7uROjKbkTY5A7MTZzuROjPcmdGH3JnRQPg9yJ0T3KnZzcS+6kOMmdHIuN3InRlNyJMcidGOuF3InRltyJ0cudGPtbuRNjdpA7MbqSOymOvdyJcbuTOznTveSO6S53Jme1kjsx2pI7tozcmZzdQu7kbJmj3IkxlNxJcejlTs7LfS93YlyX3InRy50Yy7XcidGW3LFl5M7kbBdyJ0bzJHdiDCV3Ujz0cifnh+qj3IlxU3InxamTOzGWG7kToym5E2OQOzHu53InRltyJ0Yvd2LsB7kT4+Ygd3JyL7mT4jjInRiLrdyJ0ZbcidHJnRh3K7kToym5E6OXOzF2c7kT4/ood2wZuTM5B7mT44UfMZA7YzIruROjkzsx/qzlToym5E6MXu7EePFHDOTOeLRPcseWkTuT8yh3gl7uj3InxqzkTopTJ3di/IePGMidsWhK7sQY5E6M+7ncidGW3InRy50Y+0HuxOgOcifGTcmdFE+93Ilxu5U7Ma5L7sT4z1umzp719KcP/gKM2LPe7hfvHYyY3K8uHIyY3C/di5jcz2wZcnK/eudexORuyxCUuy1DTu6XV85FTu7+A0tO7rYMObm/lTs5uV+euxY5uTsWMbmf2zLk5H71xrGIyd2WISh3W4bx+wunl70R3fxUiwAAAABJRU5ErkJggg==") center center no-repeat;
    background-size: 100% 18.6666666667vw;
  }
  .search-result .result-container .page-top .title {
    width: 89.3333333333vw;
    padding-top: 4vw;
    margin: 0 auto;
  }
  .search-result .result-container .page-top .title .main-title {
    font-size: 3.7333333333vw;
    height: 5.8666666667vw;
    line-height: 5.8666666667vw;
  }
  .search-result .result-container .page-top .title .sub-title {
    font-size: 2.4vw;
    line-height: 4vw;
    height: 4vw;
    margin-top: 0;
  }
  .search-result .result-container .results {
    margin-top: 2.6666666667vw;
  }
  .search-result .result-container .results .result-title {
    width: 89.3333333333vw;
    font-size: 3.4666666667vw;
    margin: 2.6666666667vw auto 0;
  }
  .search-result .result-container .results .result-list {
    width: 89.3333333333vw;
    margin: 5.3333333333vw auto 0;
  }
  .search-result .result-container .results .result-list .result-item {
    height: 13.3333333333vw;
    line-height: 13.3333333333vw;
    padding-left: 2.6666666667vw;
    position: relative;
    font-size: 2.9333333333vw;
    font-weight: 500;
    cursor: pointer;
  }
  .search-result .result-container .results .result-list .result-item:nth-child(odd) {
    background: #f3f5f7;
  }
  .search-result .result-container .results .result-list .result-item .result-name {
    display: block;
    color: #000;
    width: 90%;
  }
  .search-result .result-container .results .result-list .result-item .result-name .page-name {
    color: #717171;
  }
  .search-result .result-container .results .result-list .result-item img {
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    position: absolute;
    right: 1.8666666667vw;
    bottom: 4.2666666667vw;
  }
  .search-result .result-container .empty {
    width: 100%;
    height: 80vw;
  }
}