body {
  width: 7.5rem;
  background: #fff;
  margin: 0 auto;
}
.ch-store {
  padding: .33rem .2rem .35rem .23rem;
  background: #FFF;
}
.ch-store .ch-store-logo {
  display: inline-block;
  vertical-align: middle;
  width: 1.03rem;
  height: .48rem;
}
.ch-store .ch-store-name {
  display: inline-block;
  vertical-align: middle;
  max-width: 3.5rem;
  margin-left: .15rem;
  font-size: .28rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: bold;
  color: #333333;
  line-height: .28rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ch-store .ch-store-star img {
  display: inline-block;
  width: .26rem;
  height: .28rem;
  margin-right: .07rem;
}
.ch-store .ch-store-star span {
  display: inline-block;
  vertical-align: top;
  font-size: .22rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #999999;
  margin-left: .33rem;
}
.ch-store .ch-store-type {
  margin-top: .12rem;
}
.ch-store .ch-store-type span {
  display: inline-block;
  vertical-align: middle;
  font-size: .23rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #ff5300;
  border-radius: .04rem;
  margin-right: .11rem;
  padding: 0 .04rem;
}
.ch-store .ch-store-type .ch-store-active1 {
  border: 1px solid #E33A3A;
  color: #E33A3A;
}
.ch-store .ch-store-type .ch-store-active2 {
  border: 1px solid #94C239;
  color: #94C239;
}
.ch-store .ch-store-type .ch-store-active3 {
  border: 1px solid #FF5300;
  color: #FF5300;
}
.ch-store .ch-store-type .ch-store-active4 {
  border: 1px solid #148DDD;
  color: #148DDD;
}
.ch-store .ch-store-type .ch-store-active5 {
  border: 1px solid #2AAD68;
  color: #2AAD68;
}
.ch-store .ch-store-intro {
  font-size: .28rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #777777;
  line-height: .35rem;
  margin-top: .22rem;
  margin-bottom: .20rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ch-popular-store {
  border-bottom: .23rem solid #F6F6F6;
}
.ch-popluar-list {
  background: #fff;
  padding: 0 .2rem;
  display: none;
}
.ch-popluar-list li {
  padding: .35rem 0 .33rem;
  border-top: 1px solid #DEDEDE;
}
.ch-popluar-list li .ch-popular-detail div:nth-of-type(1) {
  margin-bottom: .28rem;
}
.ch-popluar-list li .ch-popular-detail div:nth-of-type(1) span {
  display: inline-block;
}
.ch-popluar-list li .ch-popular-detail div:nth-of-type(1) span:nth-of-type(1) {
  max-width: 4rem;
  height: .39rem;
  background: #158ddd;
  border-radius: .02rem;
  font-size: .26rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #ffffff;
  line-height: .4rem;
}
.ch-popluar-list li .ch-popular-detail div:nth-of-type(1) span:nth-of-type(2) {
  font-size: .28rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #333333;
  margin-left: .2rem;
  line-height: .27rem;
}
.ch-popluar-list li .ch-popular-detail div:nth-of-type(2) span {
  font-size: .28rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #666666;
  display: inline-block;
}
.ch-popluar-list li .ch-popular-detail div:nth-of-type(2) span:nth-of-type(1) {
  margin-right: .88rem;
}
.ch-popluar-list li .ch-popular-btn {
  display: block;
  width: 1.32rem;
  height: .59rem;
  border: 1px solid #148ddd;
  border-radius: .06rem;
  font-size: .26rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #158ddd;
  text-align: center;
  line-height: .59rem;
}
.ch-toggle-btn {
  width: 100%;
  padding: 0 .2rem;
  height: .94rem;
  text-align: center;
  line-height: .94rem;
  background: #fff;
}
.ch-toggle-btn div {
  border-top: 1px solid #DEDEDE;
}
.ch-toggle-btn div span {
  font-size: .23rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #777777;
}
.ch-toggle-btn div img {
  display: inline-block;
  width: .21rem;
  height: .14rem;
  margin-left: .14rem;
}