html {
  font-size: calc(100vw / 750) !important;
}

.page-query {
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/query/m/page-query-bg.jpg) center top no-repeat;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/skin/m/wrapper-bg.jpg") center top no-repeat;
  background-size: 100% auto;
  padding-bottom: 150rem;
}

.page-query .banner {
  background: none;
  height: 476rem;
}

.page-query .banner-title {
  width: 750rem;
  height: 287rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/skin/m/banner-title.png") no-repeat center center;
  background-size: cover;
  margin: 118rem auto 0;
  pointer-events: none;
}

.page-query .filter-section {
  width: 692rem;
  margin: 0 30rem;
  flex-direction: column;
}

.page-query .filter-section .filter-wrapper {
  width: 692rem;
  justify-content: space-between;
  margin-bottom: 20rem;
}

.page-query .filter-section .input-wrapper {
  width: calc(692rem + 7rem);
}

.page-query .filter-section .custom-select {
  margin-right: 0;
}

.page-query .filter-section .custom-select-box {
  display: flex;
  gap: 17rem;
}

.page-query .filter-section .custom-select .select-header-box {
  font-size: 22rem;
}

.page-query .filter-section .custom-select.brand {
  margin-right: 0;
}

.page-query .filter-section .custom-select.brand .select-header {
  width: 134rem;
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/query/m/brand-bg.png) center center no-repeat;
  background-size: cover;
}

.page-query .filter-section .custom-select .select-header {
  font-size: 20rem;
  font-weight: bold;
  width: 162rem;
  height: 46rem;
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/query/m/bg.png) center center no-repeat;
  background-size: cover;
  line-height: 47rem;
  padding-left: 17rem;
}

.page-query .filter-section .search-btn {
  width: 113rem;
  height: 49rem;
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/query/m/s.png) center center no-repeat;
  background-size: cover;
}

.page-query .filter-section .search-input {
  width: 588rem;
  height: 51rem;
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/query/m/input.png) center center no-repeat;
  background-size: cover;
}

.page-query .netcafe-table {
  width: 692rem;
  height: 863rem;
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/query/m/table-bg.png) center center no-repeat;
  background-size: cover;
  margin-top: 30rem;
}

.page-query .netcafe-table thead {
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/query/m/th-bg.png) center center no-repeat;
  background-size: cover;
  height: 80rem;
}

.page-query .netcafe-table tbody {
  height: 785rem;
}

.page-query .netcafe-table th {
  font-size: 26rem;
  height: 80rem;
  line-height: 80rem;
}

.page-query .netcafe-table td {
  height: 80rem;
  font-size: 22rem;
  text-align: center;
}

.page-query .netcafe-table td span {
  line-height: 1.2;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
  height: 80rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-query .netcafe-table td:nth-child(odd), .page-query .netcafe-table th:nth-child(odd) {
  width: 300rem;
}

.page-query .netcafe-table td:nth-child(odd)::before, .page-query .netcafe-table th:nth-child(odd)::before {
  display: none;
}

.page-query .netcafe-table td:nth-child(even), .page-query .netcafe-table th:nth-child(even) {
  width: calc(692rem - 307rem - 7rem);
}

.page-query .netcafe-table tr:nth-child(odd) {
  background-color: rgba(64, 67, 67, 0.4);
}

.page-query .netcafe-table tr:nth-child(even) {
  background-color: rgba(35, 35, 35, 0.4);
}