yuminge-app/yun-min-program-plugin-master/packageC/mycomponent/temp/store/store.wxss

@import "/mycss/stylesheet.wxss";
@import "/mycss/iconfont.wxss";

.store-list {
  padding: 24rpx;
  border-top: 2rpx solid #e7e9e4;
  background: #fff;
  font-size: 24rpx;
  color: #333;
  text-align: left;
  position: relative;
}

.store-list .store-img {
  width: 132rpx;
}

.store-list .store-img .store-logo {
  width: 128rpx;
  height: 128rpx;
  overflow: hidden;
  position: relative;

  /* 	border: 2rpx solid #e8e8e8; */
}

.store-list .store-img .store-logo .img-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 128rpx;
  height: 128rpx;
  z-index: 10;
  border: 2rpx solid #e8e8e8;
  font-size: 24rpx;
  background-color: #3b4043;
  opacity: 0.6;
}

.store-list .store-img .store-logo .img-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 128rpx;
  height: 128rpx;
  z-index: 15;
  line-height: 128rpx;
  text-align: center;
  font-size: 24rpx;
  color: white;
}

.store-list .store-img .store-logo .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
}

.store-list .store-img .store-logo .img image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.store-list .store-category {
  margin-top: 12rpx;
}

.store-list .store-category .span {
  width: 128rpx;
  height: 40rpx;
  display: block;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 24rpx;
  line-height: 40rpx;
  background-color: #ff6333;
  border-radius: 10rpx;
  color: #fff;
}

.store-intro {
  flex: 1;
  position: relative;
  margin-left: 20rpx;
}

.store-intro .a8q {
  height: 40rpx;
  line-height: 40rpx;
  overflow: hidden;
  display: flex;
  flex: 1;
}

.store-intro .a8q .h2 {
  max-width: 320rpx;
  font-size: 32rpx;
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  margin-top: 0;
  font-weight: bold;
  flex: 1;
}

.store-intro .a8q .store_honor_icon1 {
  display: inline-block;
  width: 176rpx;
  height: 40rpx;
  font-size: 24rpx;
  text-align: right;
  margin-right: 4rpx;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 32rpx auto;
}

.store-intro .a8r {
  font-size: 0;
  padding-top: 20rpx;
  overflow: hidden;
}

.store-intro .a8r .i8 {
  display: inline-block;
  background-color: #f5f5f5;
  font-size: 0;
  border-radius: 4rpx;
  color: #18bdad !important;
  line-height: 0;
  overflow: hidden;
}

.store-intro .a8r .i8 .da {
  display: inline-block;
  line-height: 1;
  padding: 4rpx;
  font-size: 24rpx;
}

.store-intro .a8v {
  height: 28rpx;
  margin-top: 16rpx;
  overflow: hidden;
  font-size: 0;
}

.order {
  display: flex;
}

.store-intro .a8v .a8d {
  overflow: hidden;
  display: inline-block;
  position: relative;
}

.store-intro .a8v .a8w {
  font-size: 24rpx;
  line-height: 28rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #999;
  display: inline-block;
}

.store-intro .a8v .a8w .span {
  color: #ff9800;
}

.store-intro .a8v .a8w .line_split {
  display: inline-block;
  width: 16rpx;
  height: 20rpx;
  background: url(//static-o2o.360buyimg.com/daojia/new/images/index/icon_line_split.jpg) no-repeat center 0.125rem;
}

.store_honor_box {
  display: inline-block;
  position: absolute;
  text-align: right;
  right: 32rpx;
  width: 160rpx;
}

.store_honor_box .store_honor_icon1 {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.store_honor_box.span {
  color: #8c8c8c;
}

.store-intro2 {
  flex: 1;
  position: relative;
  margin-left: 24rpx;
  display: flex;
  flex-direction: column;
}

.store-intro2 .h2 {
  max-width: 544rpx;
  font-size: 32rpx;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  margin-top: 0;
  font-weight: bold;
  flex: 1;
}

.store-intro2 .score-box {
  display: flex;
  width: 100%;
  color: #666;
  padding: 6rpx 0;
  height: 40rpx;
  line-height: 40rpx;
}

.store-intro2 .score-box .score-left {
  flex: 1;
  align-self: center;
  justify-self: center;
  display: flex;
}

.store-intro2 .score-box .score-left .icon-card_collect_b {
  color: #ffba00;
  display: flex;
  align-items: center;
}

.store-intro2 .score-box .score-right {
  color: #ff2c29;
  flex: 0 0 160rpx;
  text-align: right;
}

.store-intro2 .discount-box {
  display: flex;
  flex-direction: column;
}

.store-intro2 .discount-box .discount-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.store-intro2 .discount-box .red {
  color: #ff2c29;
}

.store-intro2 .dispatch-box {
  display: flex;
  padding: 16rpx 0;
}

.store-intro2 .dispatch-box .span {
  margin-right: 12.8rpx;
  padding: 0 9.6rpx;
  color: #666;
  border-radius: 20rpx;
  border: solid 2rpx #ff8400;
}

.listNew {
  display: flex;
}

.goods-box {
  display: flex;
  width: 100%;
  overflow-x: scroll;
}

.flexBox {
  width: 183rpx;
  height: 300rpx;
  flex-shrink: 0;
}

.goods-box .good-item {
  width: 180rpx;
  margin-right: 18rpx;
  font-size: 30rpx;
}

.goods-box .good-item .good-img {
  width: 180rpx;
  height: 180rpx;
  border-radius: 10rpx;
}

.goods-box .good-item .good-img image {
  width: 100%;
  height: 100%;
  border-radius: 10rpx;
}

.goods-box .good-item .good-title {
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 24rpx;
}

.goods-box .good-item .money {
  font-size: 22rpx;
  color: #ff2c29;
}

.goods-box .good-item .good-price {
  color: #ff2c29;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}