a {
  text-decoration: none;
  color: inherit;
  outline: none;
  display: block;
  line-height: 1.5;
}

.ads_container {
  margin-top: calc(var(--clientWidth) * 3.645833 / 100);
  font-family: "Manrope", "HarmonyOS Sans SC", Arial, sans-serif;
  background-color: #f9f9f9;
  min-height: 90vh;
  padding-bottom: calc(var(--clientWidth) * .833333 / 100);
}

.ads_container_top {
  background-color: #f9f9f9;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  font-family: "Manrope", "HarmonyOS Sans SC", Arial, sans-serif;
  margin: 0 auto;
  max-width: var(--width);
  padding: calc(var(--clientWidth) * 3.645833 / 100) 0
    calc(var(--clientWidth) * 3.645833 / 200);
}

.ads_container_top .ads_search-container {
  margin: 0 auto;
  margin-left: calc(var(--clientWidth) * 28.229167 / 100);
  display: flex;
  align-items: center;
  width: calc(var(--clientWidth) * 40.3125 / 100);
  height: calc(var(--clientWidth) * 3.59375 / 100);
  background-color: #fff;
  border-radius: calc(var(--clientWidth) * 1.822917 / 100);
  padding-right: calc(var(--clientWidth) * 1.5625 / 100);
  box-sizing: border-box;
  margin-top: calc(var(--clientWidth) * 0.008333);
  position: relative;
  border: calc(var(--clientWidth) * .104167 / 200) solid #ccc;
}

.ads_container_top .ads_search-container input {
  width: 100%;
  font-size: calc(var(--clientWidth) * 0.009375) !important;
}

.ads_container_top .ads_search-container input::placeholder {
  color: #adadad !important;
}

.ads_container_top .ads_search-container img {
  width: calc(var(--clientWidth) * 1.5625 / 100);
  height: calc(var(--clientWidth) * 1.5625 / 100);
  margin-left: calc(var(--clientWidth) * 1.5625 / 100);
  margin-right: calc(var(--clientWidth) * 1.5625 / 100);
}

.ads_container_top .ads_search-container #ads_search-box {
  font-size: calc(var(--clientWidth) * 0.9375 / 100);
  border: none;
  outline: none;
  background: none;
  padding: 0;
  margin: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.ads_container_top .ads_search-container #ads_search-box::placeholder {
  font-size: calc(var(--clientWidth) * 0.9375 / 100);
}
.ads_container_top .ads_search_hot {
  display: flex;
  align-items: center;
  width: max-content;
  margin: 0 auto;
  margin-top: calc(var(--clientWidth) * 0.885417 / 100);
  font-size: calc(var(--clientWidth) * 0.9375 / 100);
  margin-bottom: calc(var(--clientWidth) * 0.040625);
}

.result_txt {
  width: calc(var(--clientWidth) * 52.083333 / 100);
  margin: 0 auto;
  background-color: #f9f9f9;
  font-size: calc(var(--clientWidth) * 1.041667 / 100);
}

.result_box {
  width: calc(var(--clientWidth) * 52.083333 / 100);
  margin: 0 auto;
  background-color: #f9f9f9;
  padding-top: calc(var(--clientWidth) * 1.041667 / 100);
}

.result_show_content {
  font-size: calc(var(--clientWidth) * 1.041667 / 100);
  color: #242728;
  padding-bottom: calc(var(--clientWidth) * 1.041667 / 100);
  border-bottom: calc(var(--clientWidth) * 0.104167 / 200) solid #e9e9e9;
}

.result_item {
  padding-top: calc(var(--clientWidth) * 1.5625 / 100);
  padding-bottom: calc(var(--clientWidth) * 1.5625 / 100);
  border-bottom: calc(var(--clientWidth) * 0.104167 / 200) solid #e9e9e9;
}

.result_content_name {
  font-size: calc(var(--clientWidth) * 0.9375 / 100);
  padding-bottom: calc(var(--clientWidth) * 0.260417 / 100);
  letter-spacing: calc(var(--clientWidth) * .104167 / 200);
}

.result_item:hover {
  .result_content_name {
    color: #0062ff;
    text-decoration: underline;
  }
}

.result_content_description {
  font-size: calc(var(--clientWidth) * 0.78125 / 100);
  color: #9d9d9d;
}

span.main {
  color: #0062ff;
}

.result_num {
  text-align: center;
  font-size: calc(var(--clientWidth) * 1.041667 / 100);
  color: #999;
  margin: calc(var(--clientWidth) * 1.041667 / 100);
}

#load-more {
  display: block;
  margin: calc(var(--clientWidth) * 1.041667 / 100) auto;
  background-color: #000;
  color: #fff;
  padding: calc(var(--clientWidth) * .520833 / 100) calc(var(--clientWidth) * 2.083333 / 100);
  border: calc(var(--clientWidth) * .104167 / 200)  solid #ccc;
  border-radius: 999px;
  font-size: calc(var(--clientWidth) * 1.25 / 100);
  box-sizing: border-box;
}

@media screen and (max-aspect-ratio: 11 / 10) {
  .ads_container_top {
    padding-top: calc(var(--clientWidth) * 11.666667 / 100);
    .ads_search-container {
      width: calc(var(--clientWidth) * 83.333333 / 100);
      height: calc(var(--clientWidth) * 8.888889 / 100);
      padding: 0;
      margin: 0 auto;
      border-radius: 999px;

      img.ads_search-img {
        width: calc(var(--clientWidth) * 3.888889 / 100);
        height: calc(var(--clientWidth) * 3.888889 / 100);
      }

      #ads_search-box {
        font-size: calc(var(--clientWidth) * 3.888889 / 100)!important;
        height: calc(var(--clientWidth) * 8.888889 / 100);
      }

      #ads_search-box::placeholder {
        font-size: calc(var(--clientWidth) * 3.888889 / 100); 
        line-height: calc(var(--clientWidth) * 8.888889 / 100);
      }
    }
  }
  .result_box {
    width: calc(var(--clientWidth) * 83.333333 / 100);
    margin: 0 auto;
    padding-top: calc(var(--clientWidth) * 8.888889 / 200);
    font-size: calc(var(--clientWidth) * 3.888889 / 100);

    .result_show_content {
      font-size: calc(var(--clientWidth) * 3.333333 / 100);
      padding-bottom: calc(var(--clientWidth) * 8.888889 / 200);
      border-bottom: calc(var(--clientWidth) * 0.888889 / 200) solid #e9e9e9;
    }

    .result_item {
      .result_content_name {
        font-size: calc(var(--clientWidth) * 4.444444 / 100);
        padding-top: calc(var(--clientWidth) * 4.444444 / 100);
        padding-bottom: calc(var(--clientWidth) * 4.444444 / 200);
      }

      .result_content_description {
        font-size: calc(var(--clientWidth) * 3.333333 / 100);
        padding-bottom: calc(var(--clientWidth) * 4.444444 / 200);
      }

    }

    .result_num {
      font-size: calc(var(--clientWidth) * 3.888889 / 100);
    }

    
  }
  #load-more {
      font-size: calc(var(--clientWidth) * 3.888889 / 100); 
    }
}