.container.data-v-9cfa4cb2 { background-color: #F7F7F7; } .wfView.data-v-9cfa4cb2 {} .getTip.data-v-9cfa4cb2 { width: 750rpx; height: 623rpx; background: rgba(255, 255, 255, 1); border-radius: 20rpx 20rpx 0rpx 0rpx; } .LeBeans.data-v-9cfa4cb2{ background: linear-gradient(to right,#F22C24,#FA6331); padding: 20rpx; margin-bottom: 50rpx; border-radius: 15rpx; position: relative; } .conversion.data-v-9cfa4cb2{ padding:8rpx 15rpx 20rpx; background-color: rgba(255,255,255,0.3); position: absolute; right: 0; width: 105rpx; height: 25rpx; vertical-align: top; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 60rpx 0rpx 0rpx 60rpx; } .popFull.data-v-9cfa4cb2 { height: 100rpx; width: 750rpx; } .getTip_package.data-v-9cfa4cb2 { padding: 30rpx; } .getTip_main.data-v-9cfa4cb2 { margin-top: 55rpx; height: 443rpx; } .getTip_text.data-v-9cfa4cb2 { font-size: 24rpx; } .getTip_title.data-v-9cfa4cb2 { text-align: center; font-size: 30rpx; color: rgba(51, 51, 51, 1); } .wfViewMain.data-v-9cfa4cb2 { width: 630rpx; background: rgba(255, 255, 255, 1); border-radius: 10rpx; } .wfTitle.data-v-9cfa4cb2 { width: 630rpx; height: 200rpx; } .wfTitleImage.data-v-9cfa4cb2 { width: 630rpx; height: 200rpx; } .wfBodyPackage.data-v-9cfa4cb2 { padding: 20rpx 30rpx; } .textarea.data-v-9cfa4cb2{ font-size: 28rpx; } .wfBodyText.data-v-9cfa4cb2 { font-size: 26rpx; color: rgba(51, 51, 51, 1); } .wfViewClose.data-v-9cfa4cb2 { margin: 80rpx auto 0 auto; width: 48rpx; height: 48rpx; } .closeImg.data-v-9cfa4cb2 { width: 48rpx; height: 48rpx; } /* 商品头部 */ .goods-header.data-v-9cfa4cb2 { position: relative; z-index: 1; } .goods-viewed.data-v-9cfa4cb2 { position: absolute; bottom: 5%; right: 0; font-size: 24rpx; padding: 6rpx 12rpx; border-radius: 50rpx 0 0 50rpx; background: rgba(0, 0, 0, .4); color: #FFFFFF; z-index: 5; } .lxPack.data-v-9cfa4cb2 { display: flex; justify-content: space-between; line-height: 44rpx; } .lx.data-v-9cfa4cb2 { text-align: center; width: 44rpx; height: 44rpx; background: rgba(255, 68, 68, 1); border-radius: 50%; overflow: hidden; } .advfei.data-v-9cfa4cb2{ /* Safari 5.1 - 6.0 */ /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */ background: linear-gradient(90deg, #ff4444 , #FF8032); /* 标准的语法(必须放在最后) */ position: absolute; font-size: 28rpx; bottom: 150rpx; left: 20rpx; width: 90vw; padding: 20rpx 20rpx; /* background-color: #FFF0B2; */ display: flex; border-radius: 10rpx; } .lxImg.data-v-9cfa4cb2 { width: 30rpx; height: 30rpx; margin-top: 8rpx; } .goods-swiper.data-v-9cfa4cb2 { width: 100vw; /* height: 50vh; */ position: relative; z-index: 1; } .swiper-item.data-v-9cfa4cb2 { height: 100vw; } .goods-header .coupon-Image.data-v-9cfa4cb2 { width: 100vw; height: 100vw; display: block; } .goods-swiper .swiper-item image.data-v-9cfa4cb2 { width: 100%; height: 100%; display: block; } /* 弹幕购买提示 */ .success-tips.data-v-9cfa4cb2 { position: fixed; bottom: 83%; left: 30rpx; height: 54rpx; line-height: 54rpx; background: rgba(0, 0, 0, .5); border-radius: 50px; z-index: 50; padding: 0 12rpx 0 6rpx; opacity: 0; transition: opacity .4s; } .success-tips.show.data-v-9cfa4cb2 { opacity: 1; } /* */ .success-tips .success-avatar.data-v-9cfa4cb2 { width: 40rpx; height: 40rpx; display: block; border-radius: 50%; } .success-tips .success-goods.data-v-9cfa4cb2 { max-width: 450rpx; } /* 商品详情 */ .goods-content.data-v-9cfa4cb2 { box-sizing: border-box; } .goods-price-box.data-v-9cfa4cb2 { padding-bottom: 12rpx; } .goods-content .goods-price .goods-price-now.data-v-9cfa4cb2 { color: rgba(254, 80, 79, 1); } .goods-content .goods-price .goods-price-now image.data-v-9cfa4cb2 { width: 56rpx; height: 56rpx; } .goods-content .goods-price .goods-price-now .credit.data-v-9cfa4cb2 { color: rgba(254, 80, 79, 1); } .money-label.data-v-9cfa4cb2 { display: inline-block; margin-right: 6rpx; } .goods-content .goods-price .goods-price-old.data-v-9cfa4cb2 { font-size: 24rpx; color: rgba(153, 153, 153, 1); line-height: 52rpx; margin-left: 16rpx; text-decoration: line-through; } .goods-content .goods-browse.data-v-9cfa4cb2 { font-size: 24rpx; color: rgba(153, 153, 153, 1); line-height: 60rpx; } .goods-title-mian.data-v-9cfa4cb2 { letter-spacing: 2rpx; line-height: 1.3em; } .activity-item image.data-v-9cfa4cb2 { width: 26rpx; height: 26rpx; display: block; margin-right: 12rpx; } /* 会员卡 */ .member-box.data-v-9cfa4cb2 { background: linear-gradient(0deg, rgba(235, 194, 135, 1) 0%, rgba(237, 214, 170, 1) 100%); border-radius: 10rpx; } .member-title.data-v-9cfa4cb2 { width: 360rpx; } .member-left image.data-v-9cfa4cb2 { width: 60rpx; height: 60rpx; display: block; } .member-fontColor.data-v-9cfa4cb2 { color: #8C5200; } .member-fontColor-cut.data-v-9cfa4cb2 { width: 2rpx; height: 26rpx; background: #8C5200; opacity: .5; margin: 0 20rpx; } .member-right.data-v-9cfa4cb2 { flex: 1; background: linear-gradient(105deg, transparent 10.5%, #333333 12.5%, #333333 50.5%, #333333 50.5%); color: #EED196; height: 60rpx; line-height: 60rpx; padding-left: 20rpx; border-radius: 10rpx 10rpx 10rpx 0; } .member-right text.data-v-9cfa4cb2 { font-size: 24rpx; margin-left: 10rpx; } /* 邀请 */ .already-box-padding.data-v-9cfa4cb2 { padding: 30rpx 30rpx 0; } .goods-already-box.data-v-9cfa4cb2 { box-shadow: 0 2rpx 12rpx 0 rgba(221, 221, 221, 0.34); border-radius: 10rpx; } .goods-already-box .goods-already.data-v-9cfa4cb2 { padding: 0 0 30rpx 0; } .goods-already-box .goods-already .goods-already-num.data-v-9cfa4cb2 { color: #333333; line-height: 1.2em; } .goods-already-box .goods-already .goods-already-user.data-v-9cfa4cb2 { margin-top: 15rpx; height: 68rpx; } .goods-already-box .goods-already .goods-already-user .user-avatar.data-v-9cfa4cb2 { width: 55rpx; height: 55rpx; border-radius: 55rpx; display: inline-block; margin-right: -12rpx; position: relative; vertical-align: top; } .goods-already-box .goods-already .goods-already-user .user-avatar.user-more.data-v-9cfa4cb2 { background: #F2F2F2; color: #BBBBBB; text-align: center; line-height: 50rpx; z-index: 1; } .goods-already-box .goods-already .goods-invite.data-v-9cfa4cb2 { color: #333333; width: 230rpx; height: 60rpx; line-height: 60rpx; font-size: 22rpx; text-align: center; border-radius: 50rpx; position: relative; margin-bottom: 1%; z-index: 1; background: linear-gradient(0deg, rgba(245, 182, 32, 1) 0%, rgba(246, 210, 70, 1) 100%); } .goods-already-box .goods-already .goods-invite button.data-v-9cfa4cb2 { position: absolute; width: 100%; height: 100%; opacity: 0; } .goods-already-box .goods-already .goods-invite-reward.data-v-9cfa4cb2 { position: absolute; right: 3%; top: -15%; z-index: 2; height: 50rpx; color: #FFFFFF; line-height: 50rpx; background: linear-gradient(90deg, rgba(254, 80, 79, 1), rgba(254, 133, 79, 1)); box-shadow: 0 2rpx 10rpx 0 rgba(254, 80, 79, 0.54); border-radius: 8rpx; text-align: center; font-size: 20rpx; padding: 0 20rpx; } .goods-already-box .goods-already .goods-invite-reward.data-v-9cfa4cb2::after { content: " "; position: absolute; left: 50%; bottom: -28rpx; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-width: 15rpx; border-style: solid; border-color: #FE6C4F transparent transparent transparent; } /* 标题花边样式 */ .lace-style .lace-1.data-v-9cfa4cb2 { position: absolute; /* left: 35%; */ top: 14rpx; width: 14rpx; height: 14rpx; background: rgba(255, 68, 68, 1); border-radius: 50%; } .lace-style .lace-2.data-v-9cfa4cb2 { position: absolute; /* left: 34%; */ top: 18rpx; width: 14rpx; height: 14rpx; background: rgba(255, 68, 68, 1); opacity: 0.2; border-radius: 50%; } .containar-title-left .lace-1.data-v-9cfa4cb2 { left: 35%; } .containar-title-right .lace-1.data-v-9cfa4cb2 { right: 35%; } .containar-title-left .lace-2.data-v-9cfa4cb2 { left: -8rpx; } .containar-title-right .lace-2.data-v-9cfa4cb2 { right: -8rpx; } /* 搭配商品样式 */ .match-goods.data-v-9cfa4cb2 { background: rgba(255, 255, 255, 1); box-shadow: 0 4rpx 12rpx 0 rgba(221, 221, 221, 0.34); border-radius: 10rpx; } .match-goods-info .goods-info-left.data-v-9cfa4cb2 { width: 160rpx; height: 160rpx; background-size: 160rpx 160rpx; background-repeat: no-repeat; background-image: url('https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1726110657,2456852062&fm=26&gp=0.jpg'); flex-shrink: 0; } .match-goods-info .goods-info-right .goods-info-right-title.data-v-9cfa4cb2 { height: 2, 6em; line-height: 1, 3em; } .match-goods-price .match-buy-btn.data-v-9cfa4cb2 { background-color: #ff4444; width: 146rpx; height: 54rpx; line-height: 54rpx; background: rgba(255, 68, 68, 1); border-radius: 30rpx; } /* 使用流程 */ .use-flow-item.data-v-9cfa4cb2 { width: 24%; } .use-flow-item .use-order.data-v-9cfa4cb2 { width: 34rpx; height: 34rpx; line-height: 34rpx; background: rgba(255, 68, 68, 1); box-shadow: 0 2rpx 6rpx 0 rgba(205, 2, 2, 0.35); border-radius: 50%; margin: 0 auto 30rpx; } .use-cut.data-v-9cfa4cb2 { position: absolute; top: 11%; width: 194rpx; border-top: 1px solid #EEEEEE; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); z-index: 2; } .use-cut-left.data-v-9cfa4cb2 { left: 19%; } .use-cut-right.data-v-9cfa4cb2 { right: 19%; } .store-addressInfo-icon.data-v-9cfa4cb2 { width: 44rpx; height: 44rpx; line-height: 44rpx; background: rgba(255, 68, 68, 1); border-radius: 50%; font-size: 24rpx; flex-shrink: 0; } /* 详情tabBar */ /* 商品详情 */ .goods-detail-nav.data-v-9cfa4cb2 {} .goods-detail-nav .goods-detail-nav-item.data-v-9cfa4cb2 { color: #999999; font-size: 30rpx; text-align: center; height: 86rpx; line-height: 86rpx; position: relative; } .goods-detail-nav .goods-detail-nav-item.active.data-v-9cfa4cb2 { color: #333333; font-weight: bold; } .select-nav-items.data-v-9cfa4cb2 { position: absolute; left: 50%; top: 30rpx; width: 56rpx; height: 10rpx; -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* 仅在app平台显示 */ .select-nav-items.data-v-9cfa4cb2 { position: absolute; left: 50%; top: 75rpx; width: 56rpx; height: 10rpx; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .select-nav-items image.data-v-9cfa4cb2 { width: 100%; height: 100%; } /* 商品评价 */ .evaluation-item.data-v-9cfa4cb2 { padding: 30rpx 0; } .evaluation-item.data-v-9cfa4cb2:first-child { border-top: 0; } .evaluation-all.data-v-9cfa4cb2 { width: 270rpx; height: 70rpx; border: 1px solid rgba(238, 238, 238, 1); border-radius: 38rpx; margin: 30rpx auto 0; padding-left: 20rpx; } .evaluation-all-iconfont.data-v-9cfa4cb2 { color: #333333; font-size: 36rpx; } .evaluation-user image.data-v-9cfa4cb2 { width: 60rpx; height: 60rpx; display: block; border-radius: 50%; margin-right: 10rpx; } .evaluation-grade .iconfont.data-v-9cfa4cb2 { width: 36rpx; height: 36rpx; line-height: 36rpx; font-size: 28rpx; display: block; color: #CCCCCC; } .evaluation-grade .iconfont.select.data-v-9cfa4cb2 { color: #FF4444 } .evaluation-bd.data-v-9cfa4cb2 { margin-top: 20rpx; } .evaluation-imgs.data-v-9cfa4cb2 { margin-top: 12rpx; } .evaluation-imgs image.data-v-9cfa4cb2 { width: 220rpx; margin: 0 10rpx 20rpx 0; height: 220rpx; border-radius: 6rpx; } .reply-content-item .reply-content-itemfont.data-v-9cfa4cb2 { vertical-align: middle; margin-right: 14rpx; } /* 底部菜单 */ .goods-footer.data-v-9cfa4cb2 { background: #FFFFFF; text-align: center; height: 100rpx; position: fixed; left: 0; right: 0; bottom: 0; } .goods-footer-crted.data-v-9cfa4cb2 { text-align: center; height: 100rpx; line-height: 80rpx; position: fixed; left: 0%; right: 0; bottom: 0; z-index: 30; } .goods-footer-item.data-v-9cfa4cb2 { flex: 1; box-sizing: border-box; height: 100rpx; align-items: center; position: relative; } .goods-footer-item>button.data-v-9cfa4cb2 { position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; z-index: 8; } .goods-footer-item image.data-v-9cfa4cb2 { width: 30rpx; height: 30rpx; display: inline-block; margin: 0 20rpx; } .goods-footer-item .goods-footer-item-text.data-v-9cfa4cb2 { font-size: 24rpx; line-height: 1.5em; color: #333333; text-align: center; } .goods-footer .goods-footer-btn.data-v-9cfa4cb2 { width: 352rpx; height: 72rpx; line-height: 72rpx; text-align: center; border-radius: 50rpx; color: #FFFFFF; background: #FE504F; font-size: 28rpx; font-weight: bold; margin: 17rpx 30rpx 0 0; overflow: hidden; } .goods-footer.footer-padding.data-v-9cfa4cb2 { padding-bottom: 20px } .goods-footer .footer-btn.data-v-9cfa4cb2 { width: 100%; text-align: center; } .goods-footer .goods-spread-btn.data-v-9cfa4cb2 { background: #FFD940; } .go-buy.data-v-9cfa4cb2 { margin-right: 30rpx; height: 80rpx; border-radius: 40rpx; } .alrea-remind-go-buy.data-v-9cfa4cb2 { background-color: rgb(172, 177, 172); } .remind-go-buy.data-v-9cfa4cb2 { background-color: #2AC418; } .star-go-buy.data-v-9cfa4cb2 { background-color: #FF4444; } .end-go-buy.data-v-9cfa4cb2 { background-color: #C0C0C0; } .go-buy-crted.data-v-9cfa4cb2 { background-color: #FF4444; margin: 0 30rpx; height: 80rpx; border-radius: 40rpx; } .unqualified-gobuy.data-v-9cfa4cb2 { background-color: #C0C0C0; margin-right: 30rpx; height: 80rpx; border-radius: 40rpx; color: #FFFFFF; } .out_buy-left.data-v-9cfa4cb2 { width: 100%; height: 100%; background-color: #FF4444; border-radius: 40rpx 0 0 40rpx; } .out_buy-leftTop.data-v-9cfa4cb2 { margin-top: 6rpx; } .out_buy-right.data-v-9cfa4cb2 { width: 100%; height: 100%; /* border-radius: 0 40upx 40upx 0; */ } /* 活动未开始或者已结束状态 */ .havebtn.data-v-9cfa4cb2 { background-color: #EEEEEE; line-height: 80rpx; } /* 活动开始状态 */ .starbtn.data-v-9cfa4cb2 { background-color: #FFD200; } /* 拼团按钮 */ .group-go-buy.data-v-9cfa4cb2 { width: 50%; margin-right: 30rpx; height: 80rpx; border-radius: 40rpx; } /* 砍价 */ .bargainbtn.data-v-9cfa4cb2 { line-height: 70rpx; } .bargain-buy-box.data-v-9cfa4cb2 { background: rgba(255, 248, 245, 1); border-radius: 10rpx; } .bargain-buy-top-title.data-v-9cfa4cb2 { color: #FF4444; } .icon-right-buybarainIcon.data-v-9cfa4cb2 { font-size: 24rpx; } .bargain-countdown.data-v-9cfa4cb2 { height: 110rpx; background-size: 100% 110rpx; background-repeat: no-repeat; padding: 0 30rpx 0; } .bargain-label-box.data-v-9cfa4cb2 { border-radius: 4rpx; padding: 4rpx 8rpx; } .bargain-label-box>image.data-v-9cfa4cb2 { width: 34rpx; height: 34rpx; display: block; } .bargain-label-box>view.data-v-9cfa4cb2 { color: #F02E24; } .bargain-label-icon-rush.data-v-9cfa4cb2 { color: #333333 !important; left: -6%; top: 20%; } .bargain-label-icon-bargin.data-v-9cfa4cb2 { color: #FFFFFF !important; left: -12%; top: 20%; } .bargain-label-icon.data-v-9cfa4cb2 { position: absolute; /* transform: translateY(-50%); */ font-size: 24rpx; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .bargain-countdown-oldPrice.data-v-9cfa4cb2 { -webkit-transform: scale(.95, .95); transform: scale(.95, .95); text-decoration: line-through; } .bargain-countdown-oldPrice text.data-v-9cfa4cb2 { margin-left: 10rpx; } .countdownTime-style text.data-v-9cfa4cb2 { height: 38rpx; line-height: 38rpx; border-radius: 4rpx; padding: 4rpx 6rpx; } .countdownTime-style-color1 text.data-v-9cfa4cb2 { background: #F02E24; color: #FFFFFF; } .countdownTime-style-color2 text.data-v-9cfa4cb2 { background: rgba(255, 255, 255, 1); color: #F02E24; } /* 抢购倒计时 */ .rush_logo.data-v-9cfa4cb2 { width: 70rpx; height: 70rpx; display: block; } .rush-label-box.data-v-9cfa4cb2 { background-color: #333333; color: #EED196; border-radius: 4rpx; padding: 4rpx 8rpx; } /* 拼团倒计时 */ .group-countdown.data-v-9cfa4cb2 { height: 110rpx; background-size: 100% 110rpx; background-repeat: no-repeat; padding: 0 30rpx 0; } .group-countdown-oldPrice.data-v-9cfa4cb2 { -webkit-transform: scale(.95, .95); transform: scale(.95, .95); } .group-countdown-num.data-v-9cfa4cb2 { height: 34rpx; border: 1px solid rgba(255, 255, 255, 1); border-radius: 4rpx; } .group-countdown-numGroup.data-v-9cfa4cb2 { padding: 0 0 0 10rpx; } .group-countdown-num-logo.data-v-9cfa4cb2 { padding: 0 8rpx; width: 28rpx; height: 100%; line-height: 34rpx; } .group-countdown-num-logo>image.data-v-9cfa4cb2 { width: 30rpx; height: 26rpx; } .group-countdown-title.data-v-9cfa4cb2 { -webkit-transform: scale(.9, .9); transform: scale(.9, .9); } .groupcountdownTime-style text.data-v-9cfa4cb2 { height: 38rpx; line-height: 38rpx; background: rgba(255, 255, 255, 1); border-radius: 4rpx; color: #F02E24; padding: 2rpx 6rpx; } .group-countdown-nowPrice>text.data-v-9cfa4cb2 { vertical-align: bottom; } /* 拼团列表 */ .group-list-content .group-list-title>text.data-v-9cfa4cb2 { color: #FF4444; } .group-list-moreicon.data-v-9cfa4cb2 { font-size: 24rpx; color: #999999; } .group-detail .group-item-logo.data-v-9cfa4cb2 { width: 60rpx; height: 60rpx; background-repeat: no-repeat; background-size: 60rpx 60rpx; border-radius: 50%; } .clustering-num.data-v-9cfa4cb2 { color: #FF4444; } .group-list-item-btn.data-v-9cfa4cb2 { width: 126rpx; height: 52rpx; line-height: 52rpx; border-radius: 26rpx; } .group-list-item-btn-isEndTimefalse.data-v-9cfa4cb2 { background: rgba(255, 68, 68, 1); } .group-list-item-btn-isEndTimeTrue.data-v-9cfa4cb2 { background: #CCCCCC } /* 社群 */ .goods-community.data-v-9cfa4cb2 { padding-top: 20rpx; } .community-user .community-user-img.data-v-9cfa4cb2 { width: 68rpx; height: 68rpx; display: block; margin-right: 20rpx; border-radius: 50%; } .community-add.data-v-9cfa4cb2 { /* width: 110upx; */ padding: 0 20rpx; height: 54rpx; line-height: 54rpx; border-radius: 10rpx; font-size: 24rpx; } .community-add-bgcolor.data-v-9cfa4cb2 { background-color: #2AC418; } .community-detail.data-v-9cfa4cb2 { border-radius: 20rpx; overflow: hidden; } .community-detail .community-header.data-v-9cfa4cb2 { width: 70vw; height: 120rpx; line-height: 120rpx; overflow: hidden !important; } .community-detail .community-header .community-header-text.data-v-9cfa4cb2 { z-index: 2; } .community-detail .community-header.data-v-9cfa4cb2::after { content: " "; position: absolute; top: -160rpx; left: -25%; width: 150%; height: 280rpx; border-radius: 60%; background: linear-gradient(0deg, rgba(228, 63, 53, 1), rgba(253, 92, 79, 1)); z-index: 1; } .community-detail .community-body.data-v-9cfa4cb2 { padding: 50rpx; } .community-detail .community-phone.data-v-9cfa4cb2 { 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-9cfa4cb2 { width: 60rpx; height: 60rpx; display: block; /* margin-right: 15upx; */ } .community-detail .community-bdial.data-v-9cfa4cb2 { width: 96rpx; height: 52rpx; line-height: 52rpx; background-color: #FF4444; border-radius: 10rpx; color: #FFFFFF; } .community-detail .community-reply.data-v-9cfa4cb2 { width: 200rpx; height: 70rpx; line-height: 70rpx; background: linear-gradient(0deg, rgba(255, 115, 115, 1) 0%, rgba(255, 68, 68, 1) 100%); border-radius: 35rpx; margin: 0 auto 30rpx; } .community-detail .community-qrcodeimg.data-v-9cfa4cb2 { width: 366rpx; height: 366rpx; display: block; margin: 0 auto 30rpx; } .bargain-countdown-right-loading.data-v-9cfa4cb2 { width: 100rpx; height: 80rpx; } .partLoaing.data-v-9cfa4cb2 { position: absolute; right: 20%; top: 0; } .store-addressInfo-onelist.data-v-9cfa4cb2 { width: 87%; } .masking.data-v-9cfa4cb2 { position: fixed; /* width: 100%; height: 100%; */ top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background: rgba(0, 0, 0, .5); /* display: none */ } .to-share.data-v-9cfa4cb2 { position: fixed !important; z-index: 1009; right: 10rpx; top: 0; overflow: auto; width: 500rpx; height: 380rpx; } .limit-rushBox.data-v-9cfa4cb2 { box-shadow: 0 2rpx 12rpx 0 rgba(221, 221, 221, 0.34); border-radius: 10rpx; } .progress-box.data-v-9cfa4cb2 { width: 280rpx; height: 24rpx; border-radius: 12rpx; background-color: #FEB2B2; } .progress-bar.data-v-9cfa4cb2 { background-image: linear-gradient(60deg, #FF4444 0, #FF4444 9%, #ff6c6c 0, #ff6c6c 12%, #FF4444 0, #FF4444 18%, #ff6c6c 0, #ff6c6c 21%, #FF4444 0, #FF4444 27%, #ff6c6c 0, #ff6c6c 30%, #FF4444 0, #FF4444 37%, #ff6c6c 0, #ff6c6c 40%, #FF4444 0, #FF4444 47%, #ff6c6c 0, #ff6c6c 50%, #FF4444 0, #FF4444 57%, #ff6c6c 0, #ff6c6c 60%, #FF4444 0, #FF4444 67%, #ff6c6c 0, #ff6c6c 70%, #FF4444 0, #FF4444 77%, #ff6c6c 0, #ff6c6c 80%, #FF4444 0, #FF4444 87%, #ff6c6c 0, #ff6c6c 90%, #FF4444 0, #FF4444 100%); position: absolute; left: 0; right: 0; top: 0; height: 100%; border-radius: 12rpx; z-index: 2; max-width: 100%; } .switchShow.data-v-9cfa4cb2{ position: absolute; bottom: 80rpx; width: 220rpx; left: 50%; z-index: 99; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .switchImg.data-v-9cfa4cb2{ width: 80rpx; height: 40rpx; color: #333333; border: 1rpx solid #FFFFFF; border-radius: 60rpx; line-height: 40rpx; font-size: 24rpx; background-color: rgba(255,255,255,0.3); text-align: center; } .switchVideo.data-v-9cfa4cb2{ width: 80rpx; height: 40rpx; color: #FFFFFF; border: 1rpx solid #FF4444; border-radius: 60rpx; line-height: 40rpx; font-size: 24rpx; background-color: #FF4444; text-align: center; } .switchImg-icon.data-v-9cfa4cb2{ font-size: 24rpx; } .default-progress-bar.data-v-9cfa4cb2 { position: absolute; width: 280rpx; height: 24rpx; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; } .default-progress-bar .shrink.data-v-9cfa4cb2 { -webkit-transform: scale(0.85); transform: scale(0.85); } .audio-main.data-v-9cfa4cb2 { position: fixed; right: 50rpx; top: 10%; z-index: 10; } .audio-bg.data-v-9cfa4cb2 { position: relative; } .audio-bg .audio-gif.data-v-9cfa4cb2 { width: 100rpx; height: 100rpx; background-size: 100rpx 100rpx; background-repeat: no-repeat; } .audio-bg .audio-gif .audio-png.data-v-9cfa4cb2 { position: absolute; background-size: 80rpx 80rpx; -webkit-animation: rotate2d-data-v-9cfa4cb2 1.2s linear infinite; animation: rotate2d-data-v-9cfa4cb2 1.2s linear infinite; z-index: -1; width: 80rpx; height: 80rpx; } .audio-bg.stop-audio .audio-gif.data-v-9cfa4cb2 { background: none !important; } .audio-bg.stop-audio .audio-png.data-v-9cfa4cb2 { -webkit-animation: none; animation: none; } @-webkit-keyframes rotate2d-data-v-9cfa4cb2 { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes rotate2d-data-v-9cfa4cb2 { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } page.data-v-9cfa4cb2 { background: #f2f2f2; } .goodSwiper.data-v-9cfa4cb2 { /* height: 30vh; */ } .container.data-v-9cfa4cb2 { overflow: hidden !important; padding-bottom: 20px; } .swiper-item-img.data-v-9cfa4cb2 { width: 100%; height: 100%; background-size: 100% 100%; } .picImage.data-v-9cfa4cb2 { display: inline-block; width: 120rpx; height: 120rpx; border-radius: 10rpx; margin: 10rpx 10rpx 0 0; } .picImage_view.data-v-9cfa4cb2 { width: 400rpx; }