/* packageH/o2o/storeConsumeIndex/storeConsumeIndex.wxss */
.topbar {
  height: 88rpx;
  padding: 14rpx 30rpx 14rpx 29rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1rpx solid #f2f2f2;
  border-bottom: 1rpx solid #f2f2f2;
  background-color: #fff;
}

.cityLoction {
  flex: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
  font-size: 24rpx;
}

.cityLoction .cityname {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 9rpx;
}

.cityLoction icon {
  color: #f14e4e;
}

.input {
  width: 420rpx;
  height: 60rpx;
  background-color: #eff0f1;
  border-radius: 30rpx;
  margin-left: 27rpx;
  padding-left: 22rpx;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.input icon {
  color: #999;
  margin-top: -5rpx;
}

.input input {
  margin-left: 13rpx;
}

.banner {
  height: 384rpx;
  background-color: #fff;
  padding: 24rpx 40rpx 0 40rpx;
}

.cbanner {
  border-radius: 10rpx;
  width: 670rpx;
  height: 300rpx;
  background-image: url('https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/storeConsumeIndex@3x.png');
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
}

.storeList {
  padding: 0 30rpx;
  background-color: #fff;
  padding-bottom: 100rpx;
}

.listTitle {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 38rpx;
}

.iden {
  width: 6rpx;
  height: 30rpx;
  background-image:
    linear-gradient(
      0deg,
      #f14e4e 0%,
      #f14e4e 100%
    );
  margin-right: 13rpx;
}

.listTitle .title {
  font-size: 36rpx;
  color: #202020;
}

.lis .img {
  width: 98rpx;
  height: 98rpx;
  border-radius: 100%;
  margin-right: 20rpx;
}

.lis .img image {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}

.lis {
  display: flex;
  justify-content: space-between;
  padding-bottom: 51rpx;
}

.right {
  display: flex;
  justify-content: space-between;
  flex: 1;
}

.rightShop {
  flex: 1;
}

.distanceBtn {
  flex: 0.2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 8rpx;
}

.distanceBtn .btn {
  width: 120rpx;
  height: 50rpx;
  border-radius: 25rpx;
  border: solid 1rpx #f14e4e;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22rpx;
  color: #f14e4e;
}

.distanceNum {
  text-align: right;
}

.detailA {
  display: flex;
  align-items: center;
  margin-top: 30rpx;
}

.rate {
  display: flex;
  align-items: center;
  color: #fcb23c;
  font-size: 24rpx;
}

.shopName {
  font-size: 26rpx;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
