* {
  margin: 0;
  padding: 0;
  border: 0;
}
html body {
  width: 100%;
  height: 100%;
  min-width: 320px;
  max-width: 750px;
  margin: 0 auto;
  background: #F7F8FA;
  font-size: 0.24rem;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC",
  "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  color: #000;
  -webkit-text-size-adjust: 100%;

  --app-footer-height: 1.6rem;
}
img {
  border: none;
}
li {
  list-style: none;
}
a {
  display: inline-block;
  color: #000;
  font-size: 0.24rem;
  outline-style: none;
  text-decoration: none;
}
em {
  font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}
input,
select {
  vertical-align: middle;
  outline: none;
}

input::placeholder {
  color: #999;
  font-size: 0.26rem;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: wrap;
}
.ellipsis3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: wrap;
}
.flex-none {
  flex: none;
}
.flex-1 {
  flex: 1;
}

i.icon { 
  background: url('../img/icon.png') no-repeat top left;
  background-size: 0.62rem 14.94rem;
  display: inline-block;
  width: 0.27rem;
  height: 0.29rem;
  flex: none;
}

i.icon4 { background-position: 0 0; width: 0.16rem; height: 0.1rem; } 
i.icon20 { background-position: 0 -0.12rem; width: 0.16rem; height: 0.12rem; } 
i.icon19 { background-position: 0 -0.26rem; width: 0.15rem; height: 0.15rem; } 
i.icon10 { background-position: 0 -0.43rem; width: 0.25rem; height: 0.16rem; } 
i.icon33 { background-position: 0 -0.61rem; width: 0.26rem; height: 0.17rem; } 
i.icon29 { background-position: 0 -0.8rem; width: 0.12rem; height: 0.19rem; } 
i.icon40 { background-position: 0 -1.01rem; width: 0.22rem; height: 0.22rem; } 
i.icon1 { background-position: 0 -1.25rem; width: 0.14rem; height: 0.24rem; } 
i.icon12 { background-position: 0 -1.51rem; width: 0.31rem; height: 0.26rem; } 
i.icon43 { background-position: 0 -1.79rem; width: 0.24rem; height: 0.26rem; } 
i.icon22 { background-position: 0 -2.07rem; width: 0.26rem; height: 0.27rem; } 
i.icon32 { background-position: 0 -2.36rem; width: 0.32rem; height: 0.28rem; } 
i.icon3 { background-position: 0 -2.66rem; width: 0.3rem; } 
i.icon9 { background-position: 0 -2.97rem; width: 0.29rem; } 
i.icon18 { background-position: 0 -3.28rem; width: 0.25rem; } 
i.icon21 { background-position: 0 -3.59rem; width: 0.31rem; } 
i.icon38 { background-position: 0 -3.9rem; width: 0.37rem; } 
i.icon39 { background-position: 0 -4.21rem; } 
i.icon2 { background-position: 0 -4.52rem; width: 0.18rem; height: 0.3rem; } 
i.icon13 { background-position: 0 -4.84rem; height: 0.3rem; } 
i.icon24 { background-position: 0 -5.16rem; width: 0.28rem; height: 0.3rem; } 
i.icon30 { background-position: 0 -5.48rem; width: 0.17rem; height: 0.3rem; } 
i.icon34 { background-position: 0 -5.8rem; width: 0.29rem; height: 0.3rem; } 
i.icon25 { background-position: 0 -6.12rem; width: 0.3rem; height: 0.31rem; } 
i.icon31 { background-position: 0 -6.45rem; width: 0.31rem; height: 0.31rem; } 
i.icon11 { background-position: 0 -6.78rem; height: 0.33rem; } 
i.icon23 { background-position: 0 -7.13rem; width: 0.4rem; height: 0.34rem; } 
i.icon35 { background-position: 0 -7.49rem; width: 0.34rem; height: 0.36rem; } 
i.icon8 { background-position: 0 -7.87rem; width: 0.36rem; height: 0.37rem; } 
i.icon26 { background-position: 0 -8.26rem; width: 0.34rem; height: 0.37rem; } 
i.icon14 { background-position: 0 -8.65rem; width: 0.32rem; height: 0.38rem; } 
i.icon15 { background-position: 0 -9.05rem; width: 0.39rem; height: 0.39rem; } 
i.icon16 { background-position: 0 -9.46rem; width: 0.39rem; height: 0.39rem; } 
i.icon17 { background-position: 0 -9.87rem; width: 0.39rem; height: 0.39rem; } 
i.icon27 { background-position: 0 -10.28rem; width: 0.4rem; height: 0.4rem; } 
i.icon36 { background-position: 0 -10.7rem; width: 0.4rem; height: 0.4rem; } 
i.icon37 { background-position: 0 -11.12rem; width: 0.47rem; height: 0.4rem; } 
i.icon28 { background-position: 0 -11.54rem; width: 0.47rem; height: 0.41rem; } 
i.icon42 { background-position: 0 -11.97rem; width: 0.48rem; height: 0.48rem; } 
i.icon5 { background-position: 0 -12.47rem; width: 0.59rem; height: 0.59rem; } 
i.icon6 { background-position: 0 -13.08rem; width: 0.59rem; height: 0.59rem; } 
i.icon7 { background-position: 0 -13.69rem; width: 0.59rem; height: 0.59rem; } 
i.icon41 { background-position: 0 -14.3rem; width: 0.62rem; height: 0.64rem; } 


/* 底部 */
footer {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 100%;
  max-width: 750px;
  height: var(--app-footer-height);
  background: #fff;
  box-shadow: 0 -1px 0.1rem 0 rgba(133,133,133,0.15);
  z-index: 2;
}
footer ul {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
}
footer ul a {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.14rem;
  padding-top: 0.16rem;
  box-sizing: border-box;
  color: #4D4D4D;
  font-size: 0.2rem;
}
footer ul .on a {
  color: #CD2022;
}

@media screen and (orientation: landscape) {
  html body {
    --app-footer-height: 1.2rem;
  }
}

/* 列表(检索结果页,分类页) */
.list {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
}
.list a {
  background: #fff;
  padding: 0.45rem 0.3rem 0 0.3rem;
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
}
.list a .title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 0.34rem;
  font-weight: bold;
  color: #1A1A1A;
  gap: 0.17rem;
  line-height: 1;
}
.list a .title em {
  color: #FD773F;
}
.list a .title > span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.34rem;
  border: 1px solid #52669F;
  color: #52669F;
  font-size: 0.2rem;
  padding: 0 0.1rem;
  line-height: 0.34rem;
  flex: none;
  font-weight: normal;
}
.list a .type {
  font-size: 0.22rem;
  color: #999;
}
.list .content {
  display: flex;
  gap: 0.24rem;
  margin: 0.1rem 0 0.18rem;
  align-items: flex-start;
}
.list .content img {
  width: 2rem;
  height: 1.5rem;
  flex: none;
  object-fit: contain;
  background: #f2f2f2;
}
.list .content p {
  font-size: 0.26rem;
  line-height: 0.4rem;
}
.list .belong {
  height: 0.88rem;
  display: flex;
  align-items: center;
  border-top: 1px solid #E6E6E6;
  color: #666;
  gap: 0.08rem;
}
.list .belong .line {
  color: #ccc;
}

/* 分页 */
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.47rem 0.3rem;
  gap: 0.48rem;
}
.pagination button {
  width: 2.1rem;
  height: 0.81rem;
  background: #FCFCFC;
  border-radius: 0.1rem;
  color: #333;
  font-size: 0.28rem;
  text-align: center;
  line-height: 0.81rem;
}
.pagination button.disabled {
  background: #eee;
  color: #999;
}
.pagination .pager {
  position: relative;
  min-width: 1.74rem;
  height: 0.81rem;
  background: #FCFCFC;
  border-radius: 0.1rem;
  display: flex;
  gap: 0.22rem;
  align-items: center;
  justify-content: center;
  padding: 0 0.32rem;
  box-sizing: border-box;
}
.pagination .pager .text{
  display: flex;
  align-items: center;
  color: #1A1A1A;
  font-size: 0.3rem;
}
.pagination .pager .text .total {
  color: #B3B3B3;
  font-size: 0.26rem;
}
.pagination .pager ul {
  position: absolute;
  bottom: 0.81rem;
  left: 0;
  width: 100%;
  max-height: 3rem;
  overflow: auto;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.1rem 0;
  box-sizing: border-box;
  display: none;
  background: #fff;
}
.pagination .pager .icon4 {
  transition: all 0.3s;
}
.pagination .pager .icon4.rotate {
  transform: rotate(180deg);
}
.pagination .pager ul li {
  height: 0.4rem;
  padding: 0 0.25rem;
  line-height: 0.4rem;
  text-align: center;
}
.pagination .pager ul li.active {
  color: #CD2022;
}