@import "/mycss/stylesheet.wxss"; @import "/mycss/iconfont.wxss"; .foShowBox .actives video { width: 100%; } .foShowBox .actives image { width: 100%; } .wxParse-p { display: flex; flex-direction: column; } .group_good { padding-bottom: 60px; } .group_good .content { position: relative; } .group_good .content .hoid { padding: 10rpx; width: 51.2rpx; position: fixed; z-index: 2; } .group_good .content .cart { padding: 10rpx; width: 51.2rpx; position: fixed; z-index: 2; box-sizing: content-box; } .group_good .content .member { padding: 10rpx; width: 51.2rpx; position: fixed; z-index: 2; box-sizing: content-box; } .group_good .content .cart { right: 0; } .group_good .content .member { right: 64rpx; } .group_good .content .hoid.hoet { transition: 0.1s; background: white; width: 100%; } .group_good .content .back { width: 51.2rpx; height: 51.2rpx; border-radius: 100%; color: #fff; background-color: rgba(0, 0, 0, 0.4); text-indent: 0rpx; line-height: 54.4rpx; overflow: hidden; display: flex; align-items: center; justify-content: center; } .group_good .content .hoet .back { transition: 0.1s; background-color: rgba(237, 237, 237, 0); } .showicon.hoet .back icon { color: black; } .group_good .content .goods_img { width: 750rpx; height: 750rpx; background: #f2f2f2; overflow: hidden; } .group_good .content .goods_img image { width: 100%; height: 100%; } .group_good .content .price_time { width: 100%; height: 100rpx; background: #f15353; /* position: absolute; */ top: 210rpx; display: flex; align-items: center; } .group_good .content .price_time .img { width: 10%; height: 100%; } .group_good .content .price_time .img image { width: 60%; height: 100%; } .group_good .content .price_time .text { width: 76rpx; color: #fff; font-size: 28rpx; } .group_good .content .price_time .price { width: 40%; font-size: 14px; color: #fff; padding-left: 28rpx; text-align: left; } .group_good .content .price_time .price .font { font-size: 22px; } .group_good .content .price_time .timeContainer { flex: 1; color: #fff; display: flex; flex-direction: column; } .group_good .content .price_time .timeContainer .time { display: flex; justify-content: center; } .group_good .content .price_time .timeContainer .time .date { background-color: #fff; padding: 0 0.125rem; margin: 0 4rpx; min-width: 1.4rem; color: #000; border-radius: 6rpx; } .group_good .content .good_title_one { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: left; font-size: 28rpx; line-height: 40rpx; margin-bottom: 16rpx; font-weight: bold; color: #000; } .group_good .content .title_number { background: #fff; padding: 28rpx; } .group_good .content .title_number .title_Main { display: flex; } .market-price { font-size: 20rpx; margin-left: 10rpx; color: #999; text-decoration: line-through; } .group_good .content .title_number .title_Main .h1 { flex: 3; font-size: 16px; text-align: left; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .group_good .content .title_number .title_Main icon { font-size: 36rpx; color: #666; margin-left: 32rpx; line-height: 48rpx; } .group_good .content .title_number .number { margin-top: 16rpx; } .group_good .content .title_number .number .li { display: flex; justify-content: space-between; } .group_good .content .title_number .number .li .span { font-size: 12px; color: #8c8c8c; margin-right: 40rpx; } .act-box { font-size: 28rpx; background-color: #fff; margin-top: 20rpx; color: #333; } .act-box .act { display: flex; height: 88rpx; margin-right: 24rpx; margin-left: 24rpx; align-items: center; } .act-box .act .act1 { margin-right: 40rpx; } .act-box .act .act2 text { border: solid 2rpx #f15353; color: #f15353; padding: 4rpx 20rpx; border-radius: 6rpx; font-size: 24rpx; } .act-box .act .act3 { flex: 2.5; margin-left: 20rpx; font-size: 24rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .act-box .act .ang_right { display: flex; justify-content: flex-end; align-items: center; } .act-box .act .ang_right .ang_right_icon { width: 32rpx; padding-top: 10rpx; } .sift { /* height: 332rpx; */ background: #fff; margin-top: 20rpx; padding: 0 24rpx; overflow: hidden; } .sift-title { display: flex; justify-content: flex-start; align-items: center; font-size: 28rpx; margin-top: 20rpx; } .swiper-kb { box-shadow: 0 3px 15px #e6e6e6; margin-top: 20rpx; margin-left: 20rpx; } .swiper-kb .figure { display: flex; } .swiper-kb .figure image { width: 60rpx; height: 60rpx; margin-right: 20rpx; margin-left: 21rpx; margin-top: 30rpx; border-radius: 100%; } .swiper-kb .figure .figtxt { margin-top: 25rpx; flex: 1; } .swiper-kb .figure .figtxt text { height: 17px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-right: 10rpx; } .figure_right { padding: 0 24rpx; margin-top: 10rpx; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .tit_a { margin-left: 24rpx; font-size: 28rpx; color: #999; } .tit_a text { font-size: 28rpx; color: #ed0606; } .sift-right { display: flex; align-items: center; color: #ed0606; font-size: 28rpx; flex: 1; justify-content: flex-end; } .sift-right van-icon { margin-top: 10rpx; } .foShowBox { transition: 1s; } .group_good .content .group_play { margin-top: 20rpx; background: #fff; padding: 28rpx; } .group_good .content .group_play .h2 { font-weight: normal; font-size: 15px; margin-bottom: 20rpx; text-align: left; } .group_good .content .group_play .play { display: flex; padding: 12rpx; } .group_good .content .group_play .play .li { width: 33.3%; margin-right: 8rpx; color: #8c8c8c; text-align: center; display: flex; flex-direction: column; align-items: center; position: relative; } .group_good .content .group_play .play .li .span:first-child { display: block; width: 32rpx; height: 32rpx; line-height: 32rpx; color: #ff6333; font-size: 12px; border-radius: 32rpx; background: rgba(255, 96, 0, 0.1); text-align: center; margin-bottom: 12rpx; } .group_good .content .group_play .play .li .span:last-child { width: 160rpx; color: #333; } .group_good .content .group_play .play .border_lr::before, .group_good .content .group_play .play .border_lr::after { content: ''; position: absolute; /* 定位背景横线的位置 */ top: 0.5rem; background: #ccced0; /* 背景横线颜色 */ width: 70%; /* 单侧横线的长度 */ height: 1px; } .group_good .content .group_play .play .border_lr::before { left: -40%; /* 调整背景横线的左右距离 */ } .group_good .content .group_play .play .border_lr::after { right: -40%; } .group_good .content .group_play .play .li:last-child { margin: 0; } .group_good .content .group_into { background: #fff; margin: 20rpx 0; padding: 28rpx; position: relative; } .group_good .content .group_into .h2 { font-weight: normal; font-size: 15px; margin-bottom: 20rpx; text-align: left; } .group_good .content .group_into .more { position: absolute; top: 28rpx; right: 28rpx; display: flex; color: #8c8c8c; font-size: 12px; } .group_good .content .group_into .more .fa { font-size: 32rpx; margin-left: 12rpx; } .group_good .content .group_into .into_user { display: flex; align-items: center; } .group_good .content .group_into .into_user .user { width: 72rpx; height: 72rpx; background: #f2f2f2; border-radius: 64rpx; overflow: hidden; margin-right: 20rpx; } .group_good .content .group_into .into_user .user image { width: 100%; height: 100%; } .group_good .content .group_into .into_user .time { /* width: 458rpx; */ flex: 1; text-align: left; } .group_good .content .group_into .into_user .time .time_a { font-size: 14px; } .group_good .content .group_into .into_user .time .time_a .name { font-size: 14px; overflow: hidden;/* 超出部分隐藏 */ text-overflow: ellipsis;/* 超出部分显示省略号 */ white-space: nowrap;/* 规定段落中的文本不进行换行 */ } .group_good .content .group_into .into_user .time .time_b { font-size: 12px; color: #8c8c8c; } .group_good .content .group_into .into_user .time .time_b .span { color: #f15353; } .group_good .content .group_into .into_user button { border: none; background: #f15353; color: #fff; width: 100%; height: 100%; border-radius: 8rpx; font-size: 12px; } .group_good .content .group_detail { margin-top: 20rpx; background: #fff; } .group_good .content .group_btn { position: fixed; bottom: 0; width: 100%; height: 100rpx; background: #fff; border-top: solid 1rpx #ebebeb; } .group_good .content .group_btn .item { height: 100rpx; display: flex; } .group_good .content .group_btn .item .item_a { width: 120rpx; text-align: center; display: flex; flex-direction: column; justify-content: center; position: relative; } .group_good .content .group_btn .item .item_a .iconfont { color: #666; font-size: 40rpx; height: 60rpx; } .group_good .content .group_btn .item .item_a .span { color: #666; font-size: 24rpx; display: block; } .group_good .content .group_btn .item .item_b .span { line-height: 34rpx; } .group_good .content .group_btn .item .item_b, .group_good .content .group_btn .item .item_c { width: 100%; height: 100%; background: #f15353; color: #fff; font-size: 28rpx; display: flex; flex-direction: column; justify-content: center; } .group_good .content .group_btn .item .endClass { background: #c9c9c9 !important; } .group_good .content .group_btn .item .group_btn_box { flex: 1; display: flex; justify-content: space-around; align-items: center; } .group_good .content .group_btn .item .group_btn_box .text { font-size: 24rpx; } .group_good .content .mint-popup-4 { width: 100%; } .group_good .content .one_open { padding-bottom: 120rpx; } .group_good .content .one_open .img_price { display: flex; padding: 28rpx; } .group_good .content .one_open .img_price .goods { width: 188rpx; height: 188rpx; background: #f2f2f2; border: solid 2rpx #ebebeb; overflow: hidden; border-radius: 6rpx; position: absolute; top: -60rpx; } .group_good .content .one_open .img_price .goods image { width: 100%; height: 100%; } .group_good .content .one_open .img_price .price { margin-left: 220rpx; text-align: left; } .group_good .content .one_open .img_price .price .price_a { color: #f15353; font-size: 18px; } .group_good .content .one_open .img_price .price .price_b { color: #8c8c8c; font-size: 12px; } .group_good .code_box { width: 500rpx; /* height: 970rpx; */ /* position: absolute; left: 50%; */ display: block; margin: 0 auto 80rpx; border-radius: 12rpx; } .group_good .code_box image { width: 100%; border-radius: 12rpx; } .group_good .posterPopup_style .icon_btn { width: 100%; position: relative; /* height: 120rpx; */ background: #fff; text-align: center; display: flex; justify-content: space-around; } .group_good .posterPopup_style .icon_btn .box { width: 50%; display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: center; padding: 20rpx 0; position: relative; } .group_good .posterPopup_style .icon_btn image { width: 80rpx; height: 80rpx; margin-bottom: 8rpx; } .group_good .posterPopup_style .icon_close { width: 100%; height: 90rpx; line-height: 90rpx; text-align: center; background: #efefef; color: #333; font-size: 32rpx; } .group_good .content .one_open .icon_close { position: absolute; top: 8rpx; right: 0; width: 80rpx; height: 80rpx; } .group_good .content .one_open .icon_close .iconfont { line-height: 80rpx; font-size: 36rpx; color: #999; } .group_good .content .one_open .select_box { display: flex; padding: 28rpx 28rpx 0 28rpx; } .group_good .content .one_open .select_box .select { /* border-top: solid 2rpx #ebebeb; */ display: flex; flex-wrap: wrap; padding: 28rpx 0; font-size: 14px; } .group_good .content .one_open .select_box .select .li { width: 215rpx; padding: 20rpx 0; border: solid 2rpx #ebebeb; border-radius: 8rpx; margin-right: 20rpx; margin-bottom: 20rpx; } .group_good .content .one_open .select_box .select .li .span { display: block; font-size: 14px; } .group_good .content .one_open .select_box .select .li .span .font { font-size: 18px; } .group_good .content .one_open .select_box .select .li:nth-child(3n) { margin-right: 0; } .group_good .content .one_open .select_box .select .current { border: solid 2rpx #f15353; color: #f15353; } .group_good .content .one_open .select_box .van-radio-group { display: flex; flex-wrap: wrap; } .group_good .content .one_open .select_box .van-radio-group .van-radio { margin-right: 10rpx; margin-bottom: 10rpx; background: #fff; border: 1px solid #bfcbd9; text-align: center; box-sizing: border-box; border-radius: 8rpx; } .van-popup { overflow-y: inherit !important; } .vantRadioshow { background-color: #f15353; border-color: #f15353; color: #fff; /* box-shadow: #f15353 -1px 0px 0px 0px; */ } .group_good .content .one_open .noVantRadio { padding: 0 40rpx; } .group_good .content .one_open .noVantRadio .van-radio-group .van-radio__label { padding: 64rpx !important; } .group_good .content .one_open .noVantRadio .dl { margin-bottom: 25.6rpx; text-align: left; } .group_good .content .one_open .noVantRadio .dl .dt { margin-bottom: 1rpx; } .group_good .content .one_open .noVantRadio .dl .van-radio-group { display: flex; flex-wrap: wrap; } .group_good .content .one_open .noVantRadio .dl .van-radio-group .van-radio { margin-right: 10rpx; margin-bottom: 10rpx; background: #fff; border: 1px solid #bfcbd9; text-align: center; box-sizing: border-box; border-radius: 8rpx; } .group_good .content .one_open .noVantRadio .dl .van-radio-group .vantRadioshow { background-color: #f15353; border-color: #f15353; box-shadow: #f15353 -1px 0 0 0; } .group_good .content .one_open .buy_number { margin: 0 28rpx; height: 120rpx; display: flex; justify-content: space-between; align-items: center; border-top: solid 2rpx #ebebeb; border-bottom: solid 2rpx #ebebeb; } .group_good .content .one_open .buy_number .num { border-radius: 6rpx; float: right; background-color: #fff; } .group_good .content .one_open .buy_number .num .leftnav { height: 56rpx; width: 56rpx; float: left; background-color: #f2f2f2; color: #999; text-align: center; border-radius: 6rpx; line-height: 56rpx; font-size: 18px; font-weight: bold; } .group_good .content .one_open .buy_number .num .shownum { height: 56rpx; width: 72rpx; float: left; border: 0rpx; margin: 0rpx; padding: 0rpx; text-align: center; color: #333; } .group_good .content .one_open .buy_number .num .rightnav { height: 56rpx; width: 56rpx; float: right; background-color: #f2f2f2; color: #999; text-align: center; border-radius: 6rpx; line-height: 56rpx; font-size: 18px; font-weight: bold; } .group_good .content .one_open .btn { background: #f15353; height: 100rpx; width: 100%; color: #fff; font-size: 16px; position: fixed; bottom: 0; left: 0; border: none; } .group_good .content .open_group { background: #fff; padding: 20rpx; border-radius: 16rpx; } .group_good .content .open_group .p { font-size: 14px; margin-bottom: 20rpx; } .group_good .content .open_group .icon_close { position: absolute; top: 8rpx; right: 0; width: 80rpx; height: 80rpx; } .group_good .content .open_group .iconfont { line-height: 80rpx; font-size: 28rpx; color: #999; } .group_good .content .into_bg_color { background-color: #f5f5f5; border-radius: 4rpx; padding: 12rpx; max-height: 18rem; overflow-y: scroll; } .group_good .content .into_user { display: flex; align-items: center; padding: 20rpx 0; background: #fff; } .group_good .content .into_user .user { width: 72rpx; height: 72rpx; background: #f2f2f2; border-radius: 64rpx; overflow: hidden; } .group_good .content .into_user .user image { width: 100%; height: 100%; } .group_good .content .into_user .time { width: 368rpx; text-align: left; } .group_good .content .into_user .time .li { display: flex; justify-content: space-between; } .group_good .content .into_user .time .time_a { font-size: 14px; } .group_good .content .into_user .time .time_a .name { font-size: 14px; overflow: hidden;/* 超出部分隐藏 */ text-overflow: ellipsis;/* 超出部分显示省略号 */ white-space: nowrap;/* 规定段落中的文本不进行换行 */ flex: 1; } .group_good .content .into_user .time .time_b { font-size: 12px; color: #8c8c8c; } .group_good .content .into_user .time .time_b .span { color: #f15353; } .group_good .content .into_user button { border: none; color: #fff; width: 114rpx; height: 50rpx; border-radius: 25rpx !important; font-size: 24rpx; background: #f15353 !important; padding-left: 0; padding-right: 0; line-height: 50rpx; } .group_good .content .into_user button::after { border: none; } .showicon { display: flex; justify-content: flex-end; position: fixed; z-index: 2; box-sizing: content-box; padding: 10rpx; width: 100%; height: 60rpx; } .showicon.hoet { transition: 0.1s; background: white; width: 100%; } .show_b { display: flex; align-items: center; justify-content: space-around; margin-right: 222rpx; } .show_b view { padding: 15rpx 30rpx; } .curr { border-bottom: 4rpx solid #f15353; } .shopInfo .pj { background: #fff; padding: 0 20rpx 80rpx; margin-bottom: 10rpx; } .shopInfo .pj .user { display: flex; justify-content: flex-start; align-items: center; padding-top: 10rpx; padding-bottom: 10rpx; } .shopInfo .pj .user .imageshow { width: 8%; position: relative; overflow: hidden; flex: 1; display: flex; justify-content: center; align-items: center; } .shopInfo .pj .user .imageshow image { width: 80%; border-radius: 50%; } .shopInfo .pj .user .name { flex: 5; text-align: left; } .shopInfo .pj .user .time { color: #908a8a; font-size: 24rpx; padding-right: 20rpx; } .shopInfo .pj .p { text-align: left; margin: 0; padding-bottom: 20rpx; } .foShowBox { transition: 1s; } .pullBox { width: 100%; height: 110rpx; display: flex; justify-content: center; align-items: center; } .pullBox image { width: 32rpx; height: 32rpx; margin-right: 20rpx; } .actives { animation: mymove 0.5s; } @keyframes mymove { from { transform: translateY(-400rpx) scale(0.5) rotateY(90deg); } to { transform: translateY(0) scale(1) rotateY(0); } } .noneBox { display: none; } .rotateImg { transform: rotate(180deg); -webkit-transform: rotate(180deg); transition: transform 0.5s; } .normalImg { transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: transform 0.5s; } .rotadh { animation-delay: 2s; transition: 2s; } .nondh { transition: 2s; display: none; animation-delay: mymove 2s; } .canshu .parameter .par-info { display: flex; justify-content: space-between; margin: 0 20rpx; padding: 24rpx 0; align-items: center; border-bottom: 2rpx solid #e4e4e4; box-sizing: border-box; } .canshu .parameter .par-info .name { text-align: left; padding-right: 40rpx; box-sizing: border-box; } .canshu .parameter .par-info .value { text-align: left; flex: 0 0 70%; color: #5d5d5d; } .sku_swiper { position: relative; /* top: 50%; left: 0; */ width: 100vw; height: 640rpx; /* transform: translateY(-50%) */ } .sku_swiper_child { width: 100%; height: 640rpx !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; } .right { position: relative; } .share_text { margin-left: 4px !important; font-size: 24rpx; color: #9b9b9b; padding: 0; border: none; display: flex; width: 56rpx; } .pop-content .pop-top { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 400rpx; padding: 60rpx 0; } .pop-content .pop-top image { width: 160rpx; height: 160rpx; } .pop_button { position: absolute; width: 100%; height: 100%; background: transparent; border: none !important; opacity: 0; } .hasGoods { position: absolute; height: 84rpx; right: 0; bottom: 32rpx; background: rgba(0, 0, 0, 0.4); border-radius: 44rpx 0 0 44rpx; display: flex; padding: 0 16rpx; } .hasGoods .hasGoods_img { display: flex; margin-right: 32rpx; align-items: center; } .hasGoods .hasGoods_img image { width: 60rpx; height: 60rpx; border: 1rpx dashed #ff6333; border-radius: 100%; overflow: hidden; margin-right: -28rpx; } .hasGoods .hasGoods_text { color: #fff; text-align: left; font-size: 24rpx; display: flex; flex-direction: column; justify-content: center; } #group_buy_goodslist .child { padding: 0 28rpx; display: flex; margin: 28rpx 0; background: #fff; border-radius: 12rpx; } #group_buy_goodslist image { width: 168rpx; height: 168rpx; border-radius: 12rpx; flex-shrink: 0; overflow: hidden; margin-right: 28rpx; } #group_buy_goodslist .child_right { display: flex; flex: 1; flex-direction: column; justify-content: space-between; text-align: left; } #group_buy_goodslist .child_right .title { font-size: 28rpx; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } #group_buy_goodslist .child_right .money { color: #ff2c29; font-size: 32rpx; } #group_buy_goodslist .child_right .money font { font-size: 28rpx; } .member-reward { display: flex; align-items: center; padding: 0 28rpx; height: 80rpx; line-height: 80rpx; background: #fff; margin-top: 20rpx; font-size: 24rpx; } .member-reward .member-reward-btn { height: 48rpx; line-height: 48rpx; background-color: rgba(255, 93, 0, 0.1); border-radius: 24rpx; padding: 0 16rpx; margin-right: 20rpx; color: #ff6000; } .member-reward .member-reward-price { color: #ff2c29; margin-left: 16rpx; } .popupMode { position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; background: #000; z-index: 999; transition: 0.6s ease-out; } .popupModeShow { opacity: 0; transition: 0.6s ease-out; } .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; } .shadeMode_1 { 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_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_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 .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; } .canshu .showTitle { width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; padding: 18px; }