weliam-smartcity智慧城市
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

1097 lines
23 KiB

.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;
}