/* packageH/shopRanking/shopRankingList/list.wxss */
#shopRankingList .classifY {
  height: 98.88rpx;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 30.08rpx;
  box-sizing: border-box;
  overflow-x: scroll;
}

#shopRankingList .classifY .classMr {
  padding: 12.16rpx 36.16rpx 13.12rpx 33.92rpx;
  font-size: 25.92rpx;
  color: #fff;
  border-radius: 24.96rpx;
  margin-right: 30.08rpx;
  white-space: nowrap;
}

#shopRankingList .classifY .classMr:last-child {
  margin-right: 0;
}

#shopRankingList .classifY .classbtn {
  background-color: #f14e4e;
}

#shopRankingList .classifY .selectBtn {
  background-color: #b4b4b4;
}

#shopRankingList .isfenlei {
  margin-top: -60.8rpx;
}

#shopRankingList .listBox {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 150rpx;
}

#shopRankingList .listBox .list:last-child {
  margin-bottom: 0;
}

#shopRankingList .listBox .list {
  width: 689.92rpx;
  height: 201.92rpx;
  background-color: #fff;
  border-radius: 20.16rpx;
  padding: 24.96rpx 24.96rpx 24.96rpx 25.92rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  margin-bottom: 20rpx;
}

#shopRankingList .listBox .list .right {
  flex: 1;
  height: 150.08rpx;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  justify-content: space-between;
}

#shopRankingList .listBox .list .right .price {
  font-size: 32rpx;
  color: #f14e4e;
  text-align: left;
}

#shopRankingList .listBox .list .right .seleNumber {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #999;
  margin-top: 12.16rpx;
  font-size: 24rpx;
}

#shopRankingList .listBox .list .right .seleNumber icon {
  margin-top: -10rpx;
  color: #fb8615;
}

#shopRankingList .listBox .list .right .seleNumber .p {
  color: #f14e4e;
}

#shopRankingList .listBox .list .right .shoptitle {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#shopRankingList .listBox .list .left {
  width: 150.08rpx;
  height: 150.08rpx;
  position: relative;
  border-radius: 9.92rpx;
  margin-right: 18.88rpx;
}

#shopRankingList .listBox .list .left .posInd {
  position: absolute;
  top: 0;
  left: 8.96rpx;
  height: 39.04rpx;
  width: 33.92rpx;

  /* background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/shopRanking.png");
  background-size: cover; */
  background-size: cover;
  color: #fff;
  text-align: center;
}

#shopRankingList .listBox .list .left image {
  width: 100%;
  height: 100%;
  border-radius: 9.92rpx;
}

#shopRankingList .banner {
  width: 100%;
}

#shopRankingList .banner image {
  width: 100%;
  height: 320rpx;
}

#shopRankingList .title {
  height: 88.96rpx;
  width: 100%;
  background: #fff;
  text-align: center;
  line-height: 88.96rpx;
  font-size: 32rpx;
}
