/* packageH/communityStore/communityStore.wxss */
@import "/mycss/stylesheet.wxss";
@import "/mycss/iconfont.wxss";

view {
  word-break: normal;
}

.communityStore {
  background-color: #f2f2f2;
}

.communityStore .locationAndsearch {
  display: flex;
  height: 90rpx;
  line-height: 90rpx;
  padding: 0 30rpx 5rpx 27rpx;
  align-items: center;
}

.communityStore .locationAndsearch .location {
  width: 40%;
  display: flex;
  font-size: 26rpx;
  line-height: 48rpx;
  letter-spacing: 0rpx;
  color: #333;
}

.communityStore .locationAndsearch .location .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.communityStore .locationAndsearch .search {
  width: 60%;
  height: 60rpx;
  padding-left: 22rpx;
  display: flex;
  background-color: #fff;
  border-radius: 30rpx;
  align-items: center;
  position: relative;
}

.communityStore .locationAndsearch .search input {
  border-radius: 30rpx;
  border: none;
  font-size: 28rpx;
  color: #666;
  line-height: 48rpx;
  height: 60rpx;
  width: 100%;
  box-sizing: border-box;
}

.communityStore .locationAndsearch .search .img-icon {
  color: #999;
  font-size: 28rpx;
  width: 58rpx;
  height: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.communityStore .locationAndsearch .search .img-icon .img-icon-btn {
  width: 32rpx;
  height: 32rpx;
  margin: 0 auto;
  background: url(https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/search.png) no-repeat center center;
  background-size: 80% 80%;
}

.communityStore .communityStore-box {
  font-weight: normal;
  font-stretch: normal;
  line-height: 48rpx;
  letter-spacing: 0rpx;
  padding: 0 30rpx;
}

.communityStore .communityStore-box .communityStore-text {
  background-color: #fff;
  border-radius: 10rpx;
  height: 210rpx;
  display: flex;
  align-items: center;
  text-align: left;
  padding: 19rpx 0 19rpx 20rpx;
  margin-bottom: 19rpx;
}

.communityStore .communityStore-box .communityStore-text .img {
  min-width: 172rpx;
  height: 172rpx;
  background-color: #f26646;
  border-radius: 10rpx;
  margin-right: 18rpx;
}

.communityStore .communityStore-box .communityStore-text .img image {
  width: 172rpx;
  height: 172rpx;
}

.communityStore .communityStore-box .communityStore-text .text {
  display: flex;
  flex-direction: column;
  height: 172rpx;
  position: relative;
  flex: 1;
}

.communityStore .communityStore-box .communityStore-text .text .communityStore-title {
  padding-right: 34rpx;
  font-size: 30rpx;
  color: #202020;
}

.communityStore .communityStore-box .communityStore-text .text .text-bottom {
  display: flex;
  font-size: 24rpx;
  position: absolute;
  bottom: -12rpx;
  max-width: 100%;
  text-align: left;
  padding-right: 33rpx;
  box-sizing: border-box;
}

.communityStore .communityStore-box .communityStore-text .text .text-bottom .left {
  color: #f53939;
  font-size: 24rpx;
  flex: 0;
}

.communityStore .communityStore-box .communityStore-text .text .text-bottom .sign {
  color: #a5a5a5;
  padding: 0 15rpx;
  flex: 0;
}

.communityStore .communityStore-box .communityStore-text .text .text-bottom .right {
  display: flex;
  flex: 1;
  overflow: hidden;
}

.communityStore .communityStore-box .communityStore-text .text .text-bottom .right .iconfont {
  font-size: 24rpx;
  color: #6f6f6f;
  padding-right: 9rpx;
}

.communityStore .communityStore-box .communityStore-text .text .text-bottom .right .text {
  display: block;
  color: #666;
  height: 48rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
