/* packageA/mycomponent/goodsComponent/buyNow/buyNow.wxss */ @import "/mycss/stylesheet.wxss"; @import "/mycss/iconfont.wxss"; .price_Vip{ color: #FD7B0C; text-align: left; font-size: 22rpx; } .shadeMode_2 { position: fixed; background: #fff; top: auto; right: auto; bottom: -1000rpx; left: 50%; transform: translate3d(-50%, 0, 0); width: 100%; z-index: 2001; overflow: visible; transition: 0.6s ease-out; } .shadeMode .specifications { display: none; overflow: visible; position: relative; width: 100%; padding-top: 20rpx; } /* 有规格样式 */ .shadeMode { position: fixed; background: #fff; top: auto; right: auto; bottom: -1000rpx; left: 50%; transform: translate3d(-50%, 0, 0); width: 100%; z-index: 1001; overflow: visible; transition: 0.6s ease-out; } /* 有规格样式end */ .shadeMode_2 .specifications { overflow: visible; position: relative; width: 100%; padding-top: 20rpx; } .shadeModeShow { bottom: 0; } .shadeModeShow .specifications { display: block; } .specifications .icon_close { position: absolute; top: -40rpx; right: 0; width: 80rpx; height: 100rpx; } .specifications .icon_close .guanbi_icon { position: absolute; left: 25%; top: 50%; width: 40rpx; } .specifications .shopimg { display: flex; overflow: visible; } .specifications .shopimg .chooser_img { position: relative; width: 180rpx; height: 180rpx; overflow: visible; } .specifications .shopimg .chooser_img image { position: absolute; top: -70rpx; left: 20rpx; width: 100%; height: 180rpx; border-radius: 4rpx; border: 2rpx solid #f0f1f3; } .specifications .shopimg .right { margin-left: 60rpx; } .specifications .shopimg .price { color: #f15353; font-size: 32rpx; line-height: 60rpx; height: 60rpx; overflow: hidden; } .specifications .shopimg .price text { font-size: 36rpx; } .specifications .shopimg .price .member-price { font-size: 12px; color: #fdbc2e; } .specifications .shopimg .price .m-l-w6 { margin-left: 6px; display: inline-block; } .specifications .shopimg .option { color: #999; font-size: 20rpx; line-height: 32rpx; height: 32rpx; overflow: hidden; } .specifications .goodsnum { border-top: solid 2rpx #f2f2f2; border-bottom: solid 2rpx #f2f2f2; margin: 40rpx 28rpx; padding: 0; font-size: 28rpx; display: flex; justify-content: space-between; } .specifications .goodsnum .num { height: 120rpx; line-height: 120rpx; } .specifications .goodsnum .calculation { display: flex; margin-top: 32rpx; border-radius: 4rpx; background-color: #fff; } .specifications .goodsnum .calculation .leftnav { height: 56rpx; width: 56rpx; background-color: #f2f2f2; color: #999; text-align: center; border-radius: 4rpx; line-height: 56rpx; font-size: 36rpx; font-weight: bold; } .specifications .goodsnum .calculation .shownum { height: 56rpx; width: 56rpx; border: 0; margin: 0px 8px; padding: 0; text-align: center; color: #333; } .specifications .goodsnum .calculation .rightnav { height: 56rpx; width: 56rpx; background-color: #f2f2f2; color: #999; text-align: center; border-radius: 4rpx; line-height: 56rpx; font-size: 36rpx; font-weight: bold; } .specifications .shopinfoContent { overflow-y: auto; max-height: 500rpx; } .specifications .shopinfo { text-align: left; padding-left: 20rpx; margin: 20rpx 0; /* max-height: 200rpx; overflow: scroll; */ } .specifications .shopinfo .dl .dt { margin-bottom: 10rpx; } .specifications .shopinfo .dl .dd { margin-bottom: 10rpx; display: flex; flex-wrap: wrap; } .specifications .shopinfo .dl .dd .spec { border: 1px solid #bfcbd9; padding: 10rpx; min-width: 50rpx; border-radius: 6rpx; margin-right: 10rpx; margin-bottom: 10rpx; text-align: center; } .specifications .shopinfo .dl .dd .spec.sele { background-color: #f15353; border-color: #f15353; color: #fff; } .specifications .shopinfo .dl .dd .spec.disab { opacity: 0.5; } .specifications .subbtn { line-height: 100rpx; width: 100%; text-align: center; background: #e64340; color: #fff; font-size: 30rpx; } /* 点击图片放大 */ .sku_swiper { position: relative; /* top: 50%; left: 0; */ width: 100vw; height: 760rpx; /* transform: translateY(-50%) */ } .sku_swiper_child { width: 100%; height: 760rpx !important; display: flex; align-items: center; } .sku_swiper_child image { width: 100%; } .sku_other { margin-top: 12rpx; color: #fff; display: flex; align-items: center; } .sku_title { flex: 1; font-size: 32rpx; text-align: center; } .swiper_num { width: 80rpx; display: block; text-align: center; } /* end */ /* 拼团 */ .select_box .select { /* border-top: solid 2rpx #ebebeb; */ display: flex; flex-wrap: wrap; padding: 28rpx 0; font-size: 14px; } .select_box .select .li { width: 215rpx; padding: 20rpx 0; border: solid 2rpx #ebebeb; border-radius: 8rpx; margin-right: 20rpx; margin-bottom: 20rpx; } .select_box .select .li .span { display: block; font-size: 14px; } .select_box .select .li .span .font { font-size: 18px; } .select_box .select .li:nth-child(3n) { margin-right: 0; } .select_box .select .current { border: solid 2rpx #f15353; color: #f15353; } .select_box { display: flex; padding: 28rpx 28rpx 0 28rpx; } .vantRadioshow { background-color: #f15353; border-color: #f15353; color: #fff; /* box-shadow: #f15353 -1px 0px 0px 0px; */ } .specifications .shopinfoContent { overflow-y: auto; max-height: 500rpx; } .give_integral_wrapper { position: relative; display: flex; width: 62vw; text-align: left; align-self: flex-end; } .give_integral_wrapper .give_integral_text { position: absolute; display: flex; align-items: center; justify-content: center; width: 35rpx !important; height: 35rpx !important; font-size: 22rpx; color: #fff; background-color: #ec544a; border-radius: 50%; } .give_integral_wrapper .give_integral_num { display: inline-flex; align-items: center; height: 35rpx !important; padding: 6rpx 16rpx 6rpx 42rpx; box-sizing: border-box; font-size: 22rpx; color: #ec544a; background-color: #fff5f4; border-radius: 15%; }