/* 头部 start */
.head-cont {
  position: relative;
  line-height: .86rem;
  background: #fff;
  color: #000;
  font-size: .35rem;
  text-align: center;
}

.head-cate {
  background: #609BFF;
  color: #fff;
  font-weight: bold;
}

.head-icon {
  position: absolute;
  height: .44rem;
  left: .3rem;
  top: .21rem;
}
/* 头部 end */

/* carousel start */
.carousel-box {
  overflow: hidden;
  margin: 0 .3rem;
  border-radius: .1rem;
}

.carousel-cont {
  white-space: nowrap;
  /* 解决display:inline-block 间距问题*/
  font-size: 0;
}
.carousel-img {
  display: inline-block;
  padding-top: 39.3%;
  background-size: cover;
  width: 100%;
}

/* carousel end */

/* banner start */
.banner-box {
  margin-top: .24rem;
  padding: .3rem .3rem .2rem;
  border-radius: .1rem;
  background: #fff;
}

.banner-cont {
  margin-left: -.1rem;
  margin-right: -.1rem;
  display: flex;
  justify-content: space-between;
}

.banner {
  flex: 1;
  margin: 0 .1rem;
  width: 2.16rem;
  text-align: center;
  font-size: .24rem;
  color: #333;
}

.banner-col-2 {
  flex: 2
}

.banner-img {
  display: block;
  width: 100%;
  border-radius: .05rem;
}

.banner-text {
  margin-top: .18rem;
}
/* banner end */

/* category start */
.category-cont {
  margin: .3rem .3rem 0;
  padding: 0 .2rem;
  border-radius: .1rem;
  display: block;
  line-height: .8rem;
  font-size: .28rem;
  color: #4781D9;
  background: #fff;
}

.category-cont .category-icon {
  font-size: .36rem;
  vertical-align: bottom;
}

.category-cont .icon-arrow-right {
  font-size: .26rem;
  float: right;
}

.category-text {
  margin-left: .18rem;
}
/* category end */

/* list start */
.list-cont {
  margin: .2rem .3rem 0;
}

.list-row {
  display: flex;
  margin: 0 -.09rem .2rem;
  justify-content: space-between;
}

.list-item {
  margin: 0 .09rem;
  flex: 1;
  padding: .2rem .2rem .27rem;
  background: #fff;
  border-radius: .1rem;
}

.list-img {
  display: block;
  width: 100%;
}

.list-title {
  margin-top: .3rem;
  color: #2E7FFF;
  font-size: .24rem;
}

.list-desc {
  margin-top: .06rem;
  line-height: .28rem;
  font-size: .22rem;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.list-price {
  margin-top: .18rem;
  color: #E12020;
  font-size: .22rem;
}

.load-more {
  font-size: .24rem;
  color: #666;
  text-align: center;
  margin-top: .1rem;
}
/* list end */

/* attach start */
.attach-cont {
  margin-top: .4rem;
  padding: .4rem 0 .32rem;
  background: #fff;
  text-align: center;
  color: #666;
}

.attach-link-cont {
  display: flex;
  justify-content: center;
  font-size: .22rem;
}

.attach-link {
  width: 1.54rem;
  color: #666;
  text-align: center;
  border-left: 3px solid #666;
}

.attach-link:first-child {
  border-left-width: 0;
  text-align: left;
  width: 1.22rem;
}

.attach-link:last-child {
  text-align: right;
  width: 1.31rem;
}

.attach-desc {
  width: 1.81rem;
  color: #666;
  text-align: left;
  border-right: 3px solid #666;
}

.attach-email-link {
  width: 3.86rem;
  text-align: right;
}

.attach-email {
  color: #70A5FF;
}
/* attach end */


/* footer start */
.footer-cont {
  margin-top: .5rem;
  height: .98rem;
}

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  display: flex;
  padding: .11rem .7rem;
  text-align: center;
  justify-content: space-between;
}

.footer-cont .iconfont {
  font-size: .51rem;
  color: #000;
}

.icon-inactive {
  display: block;
}

.icon-active {
  display: none;
}

.footer-text {
  margin-top: .05rem;
  display: block;
  font-size: .2rem;
  color: #999;
}

.footer-active .icon-active {
  display: block;
}

.footer-active .icon-inactive {
  display: none;
}

.footer-active .footer-text {
  color: #4781D9;
}

.footer-active .iconfont {
  color: #4781D9;
}
/* footer end */