@charset "UTF-8";
/* 页面左右间距 */
/* 文字尺寸 */
/*文字颜色*/
/* 边框颜色 */
/*颜色*/
/* 图片加载中颜色 */
/* 行为相关颜色 */
/* 功能栏字体大小 */
/*功能栏左侧小图标*/
page.data-v-87b86c3c {
  height: 100%;
  background-color: #343434;
}
.recommend.data-v-87b86c3c {
  height: 100%;
  width: 750rpx;
  position: relative;
}
.recommend .store-info.data-v-87b86c3c {
  width: 750rpx;
  height: 300rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 237rpx;
}
.recommend .store-info .store-logo.data-v-87b86c3c {
  width: 140rpx;
  height: 140rpx;
  border-radius: 50%;
  background-color: #eee;
}
.recommend .store-info .store-name.data-v-87b86c3c {
  padding-top: 20rpx;
  font-size: 34rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
}
.recommend .bg.data-v-87b86c3c {
  width: 750rpx;
  height: 486rpx;
  position: absolute;
  top: 0;
  left: 0;
}
.recommend .ewmbg.data-v-87b86c3c {
  width: 671rpx;
  height: 966rpx;
  position: absolute;
  top: 237rpx;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.recommend .tit.data-v-87b86c3c {
  font-size: 40rpx;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  position: absolute;
  top: 95rpx;
  left: 26rpx;
}
.recommend .sotre-name.data-v-87b86c3c {
  font-size: 29rpx;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 160rpx;
  left: 28rpx;
}
.recommend .ewm-wrapper.data-v-87b86c3c {
  width: 429rpx;
  height: 426rpx;
  position: absolute;
  top: 577rpx;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.recommend .ewm-wrapper .ewm-tit.data-v-87b86c3c {
  font-size: 24rpx;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #999999;
  position: absolute;
  text-align: center;
  bottom: -50rpx;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.recommend .record-wrapper.data-v-87b86c3c {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 1099rpx;
  padding: 0 72rpx;
  width: 750rpx;
}
.recommend .record-wrapper .record-left.data-v-87b86c3c {
  display: flex;
  align-items: center;
}
.recommend .record-wrapper image.data-v-87b86c3c {
  width: 32rpx;
  height: 30rpx;
  margin-right: 11rpx;
}
.recommend .record-wrapper .record-right image.data-v-87b86c3c {
  width: 12rpx;
  height: 21rpx;
  margin-right: 11rpx;
}

