weliam-smartcity/pages/mainPages/store/index.wxss

/* 商品头部 */
.goods-header.data-v-1d9da0f7 {
  position: relative;
  z-index: 1;
}
.store.data-v-1d9da0f7 {
  background: #F8F8F8;
}
.goods-viewed.data-v-1d9da0f7 {
  position: absolute;
  bottom: 5%;
  right: 0;
  font-size: 24rpx;
  padding: 6rpx 12rpx;
  border-radius: 50rpx 0 0 50rpx;
  background: rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
  z-index: 5;
}
.goods-swiper.data-v-1d9da0f7 {
  width: 100vw;
  position: relative;
  z-index: 1;
}
.goods-video.data-v-1d9da0f7 {
  width: 100vw;
  height: 35vh;
  position: relative;
  z-index: 1;
}
.goods-video video.data-v-1d9da0f7 {
  width: 100vw;
  height: 66vw;
}
.business-hours.data-v-1d9da0f7 {
  line-height: 50rpx;
  display: flex;
  justify-content: space-between;
}
.lx.data-v-1d9da0f7 {
  width: 50rpx;
  height: 50rpx;
}
.lxImg.data-v-1d9da0f7 {
  width: 50rpx;
  height: 50rpx;
}
.show-video.data-v-1d9da0f7 {
  position: relative;
}
.video.data-v-1d9da0f7 {
  position: relative;
  height: 100%;
}
.video-muted.data-v-1d9da0f7 {
  position: absolute;
  top: 20rpx;
  right: 20rpx;
  border-radius: 60rpx;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  padding: 10rpx;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
.video-muted-img.data-v-1d9da0f7 {
  width: 40rpx;
  height: 40rpx;
  line-height: 40rpx;
}
.iframeView.data-v-1d9da0f7 {
  width: 100%;
  height: 75vw;
}
.swiper-item.data-v-1d9da0f7 {
  height: 75vw;
}
.goods-swiper .swiper-item image.data-v-1d9da0f7 {
  width: 100%;
  height: 100%;
  display: block;
}
.goods-header .swiper-index.data-v-1d9da0f7 {
  position: absolute;
  right: 42rpx;
  bottom: 33rpx;
  z-index: 2;
  background: #000000;
  opacity: 0.2;
  border-radius: 32rpx;
  font-size: 20rpx;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0 10rpx;
  line-height: 1.5em;
  text-align: center;
}
.banner-change.data-v-1d9da0f7 {
  width: 340rpx;
  height: 46rpx;
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: 80rpx;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}
.replyViewPackage.data-v-1d9da0f7 {
  padding: 30rpx;
}
.full.data-v-1d9da0f7 {
  width: 750rpx;
  height: 98rpx;
}
.marT10.data-v-1d9da0f7 {
  margin-top: 18rpx;
}
.marT18.data-v-1d9da0f7 {
  margin-top: 18rpx;
}
.qbBottomNavLeft.data-v-1d9da0f7 {
  font-size: 0;
  display: flex !important;
  justify-content: space-around !important;
  vertical-align: top;
  height: 98rpx;
  width: 100%;
}
.qbBottomNavLeft > view.data-v-1d9da0f7 {
  vertical-align: middle;
  display: inline-block;
  text-align: center;
}
.qbBottomNavLeft > view > view.data-v-1d9da0f7 {
  width: 50rpx;
  margin: auto;
}
.qbBottomNavLeft > view > view > image.data-v-1d9da0f7 {
  width: 40rpx;
  height: 40rpx;
}
.qbBottomNavLeft > view > ._span.data-v-1d9da0f7 {
  font-size: 20rpx;
  color: #333333;
}
.qbBottomNavCenter.data-v-1d9da0f7 {
  display: inline-block;
  vertical-align: top;
  width: 180rpx;
  height: 60rpx;
  background: #17d117;
  border-radius: 30rpx;
  text-align: center;
}
.qbBottomNavCenter > view.data-v-1d9da0f7 {
  vertical-align: middle;
  display: inline-block;
  margin: 10rpx auto 0 auto;
  width: 40rpx;
}
.qbBottomNavCenter > view > image.data-v-1d9da0f7 {
  width: 40rpx;
  height: 40rpx;
}
.qbBottomNavCenter > ._span.data-v-1d9da0f7 {
  line-height: 60rpx;
  vertical-align: middle;
  font-size: 24rpx !important;
  color: #ffffff !important;
}
.qbBottomNavRight.data-v-1d9da0f7 {
  vertical-align: top;
  width: 180rpx;
  height: 60rpx;
  background: #ff4444;
  border-radius: 30rpx;
  text-align: center;
}
.qbBottomNavRight > view.data-v-1d9da0f7 {
  vertical-align: middle;
  display: inline-block;
  margin: 10rpx auto 0 auto;
  width: 40rpx;
}
.qbBottomNavRight > view > image.data-v-1d9da0f7 {
  width: 40rpx;
  height: 40rpx;
}
.qbBottomNavRight > ._span.data-v-1d9da0f7 {
  line-height: 60rpx;
  vertical-align: middle;
  font-size: 24rpx !important;
  color: #ffffff !important;
}
.change-item.data-v-1d9da0f7 {
  min-width: 80rpx;
  height: 40rpx;
  line-height: 40rpx;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #eeeeee;
  border-radius: 20rpx;
  font-size: 24rpx;
  padding: 0 6rpx;
  /* 	font-size: 24upx;
	line-height: 46upx;
	text-align: center;
	color: #333333;
	width: 50%; */
}
.bottom-nav.data-v-1d9da0f7 {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 666;
  width: 750rpx;
  height: 97rpx;
  background: #ffffff;
  border: 1rpx solid #eeeeee;
}
.change-item-text.data-v-1d9da0f7 {
  display: inline-block;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.change-item-text-icon.data-v-1d9da0f7 {
  font-size: 24rpx !important;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  display: inline-block;
  margin-right: 6rpx;
}
.change-item.active.data-v-1d9da0f7 {
  border-radius: 20px;
  border: 1px solid #FF4444;
  background-color: #FF4444;
}
.change-item-text.textActive.data-v-1d9da0f7 {
  color: #FFFFFF;
}
/* 商铺 */
.flex-around.data-v-1d9da0f7 {
  text-align: center;
  display: flex;
  justify-content: space-between;
}
.storeButton.data-v-1d9da0f7 {
  width: 25%;
  display: inline-block;
}
.storeButton-image.data-v-1d9da0f7 {
  width: 60rpx;
  height: 60rpx;
  margin: auto;
}
.rq-image.data-v-1d9da0f7 {
  width: 50rpx;
  height: 50rpx;
  margin: auto;
}
.font0.data-v-1d9da0f7 {
  font-size: 0;
}
.storeButton-text.data-v-1d9da0f7 {
  text-align: center;
  font-size: 24rpx;
  color: #333333;
}
.rq-image-main.data-v-1d9da0f7 {
  width: 50rpx;
  height: 50rpx;
}
.rq-number.data-v-1d9da0f7 {
  font-size: 20rpx;
  color: #333333;
}
.rq-text.data-v-1d9da0f7 {
  font-size: 20rpx;
  color: #999999;
}
.rq.data-v-1d9da0f7 {
  font-size: 0;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  width: 84rpx;
  height: 120rpx;
  background: #ffffff;
  box-shadow: 0px 2rpx 12rpx 0px rgba(221, 221, 221, 0.35);
  border-radius: 8rpx;
}
.store-content.data-v-1d9da0f7 {
  position: relative;
  z-index: 3;
}
.haveMedia.data-v-1d9da0f7 {
  margin-top: -4%;
}
.store-detail.data-v-1d9da0f7 {
  border-radius: 20rpx;
  padding: 40rpx 30rpx;
}
.store-detail-top .store-detail-topLeft.data-v-1d9da0f7 {
  width: 170rpx;
  height: 170rpx;
  background-size: 170rpx 170rpx;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.store-detail-top .store-detail-topLeft > .store-detail-topLeft-detail.data-v-1d9da0f7 {
  width: 100%;
  height: 46rpx;
  line-height: 46rpx;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0 0 10rpx 10rpx;
}
.store-detail-topRight .store-detail-topRight-title.data-v-1d9da0f7 {
  width: 500rpx;
}
.store-detail-topRight-favor .favor-item.select.data-v-1d9da0f7 {
  color: #F5D145;
}
.store-detail-topRight-favor .favor-item.not-select.data-v-1d9da0f7 {
  color: #CCCCCC;
}
.store-detail-topRight .topRight-icon.data-v-1d9da0f7 {
  font-size: 26rpx;
}
.store-detail-topRight .collect-btn.data-v-1d9da0f7 {
  width: 88rpx;
  height: 50rpx;
  background: linear-gradient(90deg, #ff4444 0%, #fc5656 100%);
  border-radius: 6rpx;
  line-height: 50rpx;
}
.store-detail-topRight .collect-btn text.data-v-1d9da0f7 {
  font-size: 28rpx;
}
.store-detail-topRight .popularity-icon.data-v-1d9da0f7 {
  display: block;
  width: 18rpx;
  height: 22rpx;
}
.store-detail-bottom .site-location.data-v-1d9da0f7 {
  width: 560rpx;
}
.store-detail-bottom .mobile-icon.data-v-1d9da0f7 {
  color: #666666;
  font-size: 48rpx;
}
.store-detail-bottom .buyOrder.data-v-1d9da0f7 {
  border: 1px solid #eeeeee;
  border-radius: 10rpx;
}
.buyOrder .buyOrder-icon.data-v-1d9da0f7 {
  display: block;
  width: 38rpx;
  height: 30rpx;
}
/* 
 选项卡详情
 */
.tabbar-header.data-v-1d9da0f7 {
  padding: 40rpx 30rpx;
}
.tabbar-header .tab-item.data-v-1d9da0f7 {
  height: 60rpx;
  background-color: #EEEEEE;
  border-radius: 10rpx;
  padding: 0rpx 15rpx;
  line-height: 60rpx;
  margin-right: 15rpx;
}
.tabbar-header .tab-item.tabItemActive.data-v-1d9da0f7 {
  color: #ffffff;
  background-color: #FF4444;
  font-weight: 700;
}
.tabbar-header .tab-item .tabItemActive-bm.data-v-1d9da0f7 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  width: 40rpx;
  height: 6rpx;
  background: #ff4444;
  border-radius: 2rpx;
}
/* 选项卡详情 */
.tabbar-content.data-v-1d9da0f7 {
  border-radius: 20rpx 20rpx 0 0;
}
.tabbar-content .photoPad.data-v-1d9da0f7 {
  padding: 30rpx 0 30rpx 30rpx;
}
.photo-content.data-v-1d9da0f7 {
  width: 100%;
  flex-grow: 1;
}
.photo-content .photo-item.data-v-1d9da0f7 {
  width: 30.33%;
  height: 216rpx;
  border-radius: 10rpx;
  background-repeat: no-repeat;
  background-size: 100% 216rpx;
  margin: 0 20rpx 20rpx 0;
}
.labelRight.data-v-1d9da0f7 {
  margin: 15rpx 10rpx;
  vertical-align: top;
  display: inline-block;
  width: 140rpx;
  height: 20rpx;
  line-height: 20rpx;
}
.labelRight > image.data-v-1d9da0f7 {
  width: 20rpx;
  height: 18rpx;
}
.swiper-item-img.data-v-1d9da0f7 {
  width: 100%;
  height: 89%;
  background-size: 100% 100%;
}
.labelLeft.data-v-1d9da0f7 {
  vertical-align: top;
  width: 530rpx;
  display: inline-block;
}
.labelMb.data-v-1d9da0f7 {
  margin: 0 10rpx 10rpx 0;
  display: inline-block;
  height: 40rpx;
  border: 1rpx solid #eeeeee;
  border-radius: 20rpx 20rpx 20rpx 20rpx;
}
.labelText.data-v-1d9da0f7 {
  display: inline-block;
  max-width: 500rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 17rpx;
  line-height: 40rpx;
  font-size: 20rpx;
  color: #666666;
}
.labelView.data-v-1d9da0f7 {
  flex-wrap: wrap;
  padding: 30rpx 0 42rpx 0;
  font-size: 0;
}
.zd.data-v-1d9da0f7 {
  height: 10rpx;
  overflow: hidden;
}
.wzd.data-v-1d9da0f7 {
  height: auto;
}
page.data-v-1d9da0f7 {
  background-color: #f6f6f6;
}
.bottom-image.data-v-1d9da0f7 {
  width: 35rpx !important;
  height: 35rpx !important;
}
.bottom-text1.data-v-1d9da0f7 {
  display: inline-block;
  margin-top: 5rpx !important;
  font-size: 20rpx !important;
  color: #333333 !important;
}
.bottom-text.data-v-1d9da0f7 {
  font-size: 20rpx !important;
  color: #333333 !important;
}
.coverImg.data-v-1d9da0f7 {
  width: 750rpx;
}
.qrcodeView.data-v-1d9da0f7 {
  border: 1rpx solid rgba(0, 0, 0, 0);
  width: 750rpx;
  min-height: calc(100vw);
  background: #ffffff;
}
.qrcodeMainView.data-v-1d9da0f7 {
  width: 300rpx;
  height: 300rpx;
  margin: 30rpx auto 0 auto;
}
.qrcodeMainView > image.data-v-1d9da0f7 {
  width: 300rpx;
  height: 300rpx;
}
.diyPages-community.data-v-1d9da0f7 {
  padding: 20rpx 30rpx;
}
/* 社群 */
.goods-community.data-v-1d9da0f7 {
  padding-top: 20rpx;
}
.community-user .community-user-img.data-v-1d9da0f7 {
  width: 68rpx;
  height: 68rpx;
  display: block;
  margin-right: 20rpx;
  border-radius: 50%;
}
.community-add.data-v-1d9da0f7 {
  width: 110rpx;
  height: 54rpx;
  line-height: 54rpx;
  border-radius: 10rpx;
  font-size: 24rpx;
}
.community-add-bgcolor.data-v-1d9da0f7 {
  background-color: #2AC418;
}
.community-detail.data-v-1d9da0f7 {
  border-radius: 20rpx;
  overflow: hidden;
}
.community-detail .community-header.data-v-1d9da0f7 {
  width: 70vw;
  height: 120rpx;
  line-height: 120rpx;
  overflow: hidden !important;
}
.community-detail .community-header .community-header-text.data-v-1d9da0f7 {
  z-index: 2;
}
.community-detail .community-header.data-v-1d9da0f7::after {
  content: " ";
  position: absolute;
  top: -160rpx;
  left: -25%;
  width: 150%;
  height: 280rpx;
  border-radius: 60%;
  background: linear-gradient(0deg, #e43f35, #fd5c4f);
  z-index: 1;
}
.community-detail .community-body.data-v-1d9da0f7 {
  padding: 50rpx;
}
.community-detail .community-phone.data-v-1d9da0f7 {
  height: 80rpx;
  line-height: 80rpx;
  margin: 0 30rpx 30rpx;
  padding: 0 20rpx 0 8rpx;
  border-radius: 10rpx;
  background: #F6F6F6;
}
.community-detail .community-number .community-number-icon.data-v-1d9da0f7 {
  width: 60rpx;
  height: 60rpx;
  display: block;
  /* margin-right: 15upx; */
}
.community-detail .community-bdial.data-v-1d9da0f7 {
  width: 96rpx;
  height: 52rpx;
  line-height: 52rpx;
  background-color: #FF4444;
  border-radius: 10rpx;
  color: #FFFFFF;
}
.community-detail .community-reply.data-v-1d9da0f7 {
  width: 200rpx;
  height: 70rpx;
  line-height: 70rpx;
  background: linear-gradient(0deg, #ff7373 0%, #ff4444 100%);
  border-radius: 35rpx;
  margin: 0 auto 30rpx;
}
.community-detail .community-qrcodeimg.data-v-1d9da0f7 {
  width: 366rpx;
  height: 366rpx;
  display: block;
  margin: 0 auto 30rpx;
}
.community-bd.data-v-1d9da0f7 {
  border: 1rpx solid #EEEEEE;
}
.fullView.data-v-1d9da0f7 {
  width: 750rpx;
  height: 97rpx;
  background: #f6f6f6;
}
.home_logo1.data-v-1d9da0f7 {
  display: block;
  width: 40rpx;
  height: 40rpx;
}
.home_logo2.data-v-1d9da0f7 {
  display: inline-block;
  width: 40rpx;
  height: 40rpx;
  vertical-align: middle;
  margin: 0 5rpx;
}
.home_logo3.data-v-1d9da0f7 {
  vertical-align: middle;
  display: inline-block;
  width: 40rpx;
  height: 40rpx;
  margin: 0 5rpx;
}
.info-logo.data-v-1d9da0f7 {
  vertical-align: middle;
  display: inline-block;
}
.store-detail-topRight-title.data-v-1d9da0f7 {
  vertical-align: middle;
  display: inline-block;
}