/*index banner*/
.index-banner {height:3rem;position: absolute;top: 0;left: 0;z-index: 99;width: 100%;background:url(https://sanger-sc-prod.oss-cn-shanghai.aliyuncs.com/static/majorbio/images/banner.jpg) no-repeat;background-size: cover;background-position: center;display: flex;align-items: flex-end;}
.index-banner .search input {border-radius:0.04rem;background:#fff;border:none;box-sizing:border-box;padding:0 1.3rem 0 0.1rem;width:6rem;outline: none;}
.index-banner .search button {width:1.16rem;height:0.4rem;line-height: 0.4rem;font-size:0.16rem;color:#fff;border-radius:0.04rem;border:none;background:#2362eb;position: absolute;top:0.91rem;right:0.04rem;cursor: pointer;transition:.3s ease;}
.banner-box {margin-left: 13.54%;color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: calc(100% - 72px);
  opacity: 0;
  animation: fadeIn 3s forwards;  -webkit-animation: fadeIn 3s forwards;
}
.banner-box > div {padding-bottom: 0.1rem;}
.banner-box .p1 {display: flex;align-items: center;}
.banner-box .p1 .title {font-size: 0.4rem;font-weight: 700;margin-bottom: 0.05rem}
.banner-box .p1 .study-btn {margin-left: 0.92rem;font-size: 0.16rem;color: #09B07F;background: #fff;border-radius: 0.15rem;padding: 0 0.18rem;height: 0.29rem;line-height: 0.28rem;}
.banner-box .p2 {font-size: 0.16rem;margin-bottom: 0.24rem;letter-spacing: 0.01rem;}
.banner-box .p2 span:last-child {margin-left: 0.1rem;}
.banner-box .search {width: 50%;position: relative;margin-top: 0.25rem;}
.banner-box .search input {width: 100%;background: #fff;border-radius: 0.14rem;height: 0.3rem;padding-left: 0.13rem;border: 0;    padding-bottom: 0.02rem;}
.banner-box .search button{position: absolute;top: 0;right: -0.02rem;border: none;width: 0.54rem;height: 0.3rem;line-height: 0.29rem;text-align: center;background: #09B07F;border-radius: 0.2rem;color: #fff;cursor: pointer;}

.header {top: 2.8rem !important;}

.notify-wrap {display: none;}
/*锚点子导航*/
.detail-top-nav-box {display: none}

.detail-top-nav{padding-top: 1rem;}

.all-categories-nav .pop-nav {box-shadow: 0.05rem 0.05rem 0.15rem -0.06rem rgb(0 0 0 / 15%);}
.shop-content .title {font-size: 0.28rem;font-weight: bold;}
.list{gap: 32px;margin-top: 0.3rem;margin-bottom: .4rem;margin-bottom: 1rem;}
.product-card {display:block;width:22%;height:3.8rem;background: #fff;border-radius:0.14rem;overflow:hidden;transition:.3s ease;color:#333;box-shadow:0rem 0.03rem 0.06rem 0.01rem rgba(153,154,170,0.16);position: relative;}
.product-card img {width:100%;}
.product-card h3 {font-size:0.2rem;margin-bottom: 0.1rem;margin:0.2rem 0.25rem;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.product-card .desc {font-size:0.12rem;color:#999AAA;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;line-height: 1.5;padding:0 0.25rem;}
.product-card:hover {box-shadow:0 0 0.04rem 0 rgb(155 155 155 / 30%);color:#333;transform:translateY(-0.1rem);}
.product-card .button {
  width: 100%;
  box-sizing: border-box;
  padding: 0 .25rem 0 .25rem;
  height: .4rem;
  text-align: center;
  line-height: .4rem;
  color: #09B07F;
  position: absolute;
  left: 0;
  bottom: .2rem;
  z-index: 1;
}
.product-card .button span {
  display: inline-block;
  width: 100%;
  background: rgba(9,176,127, .05);
  border-radius: 50px 50px 50px 50px;
}
.product-card .button span:hover {
  background: rgba(9,176,127, .19);
}