/* 商品头部 */ .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; }