kabao/step/goods/goods.wxss

page{ overflow-x: hidden; }
.wxParse{ margin: 0 5px; font-family: Helvetica,sans-serif; font-size: 28rpx; color: #666; line-height: 1.8; }
.wxParse-inline{ display: inline; margin: 0; padding: 0; }
.wxParse-div{margin: 0;padding: 0;}
.wxParse-h1{ font-size:2em; margin: .67em 0 }
.wxParse-h2{ font-size:1.5em; margin: .75em 0 }
.wxParse-h3{ font-size:1.17em; margin: .83em 0 }
.wxParse-h4{ margin: 1.12em 0}
.wxParse-h5 { font-size:.83em; margin: 1.5em 0 }
.wxParse-h6{ font-size:.75em; margin: 1.67em 0 }
.wxParse-h1 { font-size: 18px; font-weight: 400; margin-bottom: .9em; }
.wxParse-h2 { font-size: 16px; font-weight: 400; margin-bottom: .34em; }
.wxParse-h3 { font-weight: 400; font-size: 15px; margin-bottom: .34em; }
.wxParse-h4 { font-weight: 400; font-size: 14px; margin-bottom: .24em; }
.wxParse-h5 { font-weight: 400; font-size: 13px; margin-bottom: .14em; }
.wxParse-h6 { font-weight: 400; font-size: 12px; margin-bottom: .04em; }
.wxParse-h1, .wxParse-h2, .wxParse-h3, .wxParse-h4, .wxParse-h5, .wxParse-h6, .wxParse-b, .wxParse-strong { font-weight: bolder }
.wxParse-i,.wxParse-cite,.wxParse-em,.wxParse-var,.wxParse-address{font-style:italic}
.wxParse-pre,.wxParse-tt,.wxParse-code,.wxParse-kbd,.wxParse-samp{font-family:monospace}
.wxParse-pre{white-space:pre}
.wxParse-big{font-size:1.17em}
.wxParse-small,.wxParse-sub,.wxParse-sup{font-size:.83em}
.wxParse-sub{vertical-align:sub}
.wxParse-sup{vertical-align:super}
.wxParse-s,.wxParse-strike,.wxParse-del{text-decoration:line-through}
.wxParse-strong,.wxParse-s{display: inline}
.wxParse-a{ color: deepskyblue; word-break:break-all; overflow:auto; }
.wxParse-video{ text-align: center; margin: 10px 0; }
.wxParse-video-video{ width:100%; }
.wxParse-img { background-color: #efefef; overflow: hidden; vertical-align: top; display: block; }
.wxParse-blockquote { margin: 0; padding:10px 0 10px 5px; font-family:Courier, Calibri,"宋体"; background:#f5f5f5; border-left: 3px solid #dbdbdb; }
.wxParse-code,.wxParse-wxxxcode-style{ display: inline; background:#f5f5f5; }
.wxParse-ul{ margin: 20rpx 10rpx; }
.wxParse-li,.wxParse-li-inner{ display: flex; align-items: baseline; margin: 10rpx 0; }
.wxParse-li-text{ align-items: center; line-height: 20px; }
.wxParse-li-circle{ display: inline-flex; width: 5px; height: 5px; background-color: #333; margin-right: 5px; }
.wxParse-li-square{ display: inline-flex; width: 10rpx; height: 10rpx; background-color: #333; margin-right: 5px; }
.wxParse-li-ring{ display: inline-flex; width: 10rpx; height: 10rpx; border: 2rpx solid #333; border-radius: 50%; background-color: #fff; margin-right: 5px; }
.wxParse-u { text-decoration: underline; }
.wxParse-hide{ display: none; }
.WxEmojiView{ align-items: center; }
.wxEmoji{ width: 16px; height:16px; }
.wxParse-tr{ display: flex; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; }
.wxParse-th, .wxParse-td{ flex:1; padding:5px; font-size:28rpx; border-left:1px solid #e0e0e0; word-break: break-all; }
.wxParse-td:last{ border-top:1px solid #e0e0e0; }
.wxParse-th{ background:#f0f0f0; border-top:1px solid #e0e0e0; }
.wxParse-del{ display: inline; }
.wxParse-p{ padding: 0 20rpx; overflow-x: hidden; }
.wxParse-p wx-image{ display: block; margin-left: -20rpx; margin-right: -20rpx; max-width: none !important; }
.goods_car { position: fixed; bottom: 0; width: 100%; height: 10%; background: #565656; opacity: 0.9; z-index: 8888; }
.shopping_cart { bottom: 115rpx; }
.buy { height: 100%; width: 66%; float: left; margin-left: 4%; }
.car_pic { position: relative; bottom: 15%; width: 110rpx; height: 110rpx; border-radius: 100%; float: left; }
.car_png { width: 100%; height: 100%; }
.weixuan { font-size: 15px; font-weight: bold; color: #b5b5b5; height: 100%; width: 40%; float: left; display: flex; align-items: center; justify-content: center; }
.goumai { height: 100%; width: 30%; float: right; font-size: 33rpx; font-weight: bold; color: #959595; display: flex; align-items: center; justify-content: center; background: #686868; }
.total_num { font-size: 20rpx; color: #f1d1dd; background: #ef503c; width: 39%; height: 25%; border-radius: 40%; display: flex; align-items: center; justify-content: center; position: relative; left: 45%; bottom: 100%; }
.price { font-size: 17px; color: #fff; margin-left: 25rpx; height: 100%; width: 40%; float: left; display: flex; align-items: center; justify-content: center; }
.pay { height: 100%; width: 30%; float: right; font-size: 33rpx; font-weight: bold; color: #f1d1dd; display: flex; align-items: center; justify-content: center; background: #fa5c51; }
.carHeader { width: 100%; height: 30rpx; margin: 20rpx 0rpx; }
.shopping-cart-list { position: fixed; bottom: 10%; width: 100%; background: #f9f9f9; z-index: 3333; }
.shopping-cart-list2 { bottom: 20%; }
.yixuan { float: left; width: 180rpx; height: 100%; color: #a7a7a7; display: flex; align-items: center; justify-content: center; margin-left: 25rpx; font-size: 31rpx; border-left: 6rpx solid #f76766; }
.clearAll { float: right; height: 100%; margin-right: 5%; }
.hr { border-bottom: 1rpx solid #e6e6e6; }
.carGood { width: 100%; height: 100rpx; border-bottom: 1rpx solid #e6e6e6; }
.goodsname { width: 47%; height: 100%; float: left; line-height: 100rpx; margin-left: 25rpx; font-size: 30rpx; color: #585858; }
.goodsNumPrice { width: 47%; height: 100%; float: right; display: flex; align-items: center; justify-content: center; }
.goodsTotalPrice { float: left; width: 50%; color: #ff4544; font-size: 30rpx; line-height: 100rpx; }
.goodsNum { float: right; width: 48%; margin-right: 2%; line-height: 100rpx; }
.carStandard { border-radius: 100%; width: 44rpx; height: 44rpx; float: right; display: flex; align-items: center; justify-content: center; }
#carStandard_num { width: 65rpx; }
.goods_attr_name { width: 49%; height: 100%; float: left; margin-left: 25rpx; }
.cargood_name { width: 100%; height: 50%; font-size: 30rpx; color: #585858; }
.cargood_attr_name { width: 100%; height: 50%; font-size: 25rpx; color: #585858; }
.goods_car.device_iphone_x { bottom: 65rpx; }
.blank.navbar_no.device_iphone_x { height: 65rpx; width: 100%; bottom: -64rpx; position: absolute; background: #fff; }
.blank.navbar_yes.device_iphone_x { height: 0; }
.shopping_cart.device_iphone_x { bottom: 181rpx; }
#modal-mask { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.5; overflow: hidden; z-index: 9999; color: #fff; }
.modal-dialog { width: 638rpx; overflow: hidden; position: fixed; top: 40%; left: 0; background: #fff; margin: -180rpx 60rpx; border-radius: 16px; z-index: 9999; }
.close3 { position: absolute; width: 36px; height: 36px; left: 87%; }
.modal-title { padding: 60rpx 90rpx 40rpx 90rpx; color: #353535; text-align: center; font-size: 14px; font-weight: bold; }
.modal-content { padding: 0rpx 32rpx; font-size: 16px; color: #959595; height: 260rpx; }
.attr-group { margin-bottom: 20rpx; }
.attr_name { margin-top: 20rpx; margin-right: 60rpx; background: #f7f7f7; display: inline-block; padding: 0rpx 30rpx; border-radius: 10rpx; color: #000; }
.attr_num_0 { color: #959595; }
.select_active { color: #ff4544; background: #fff5f5; }
.modal-footer { padding: 20rpx 0rpx; height: 108rpx; background: #f7f7f7; justify-content: space-between; }
.guigeprice { height: 100%; width: 30%; float: left; font-size: 15px; font-weight: bold; color: #ff4544; display: flex; margin-left: 32rpx; align-items: center; }
.btn-car_num { height: 100%; float: right; font-size: 15px; display: flex; align-items: center; justify-content: center; margin-right: 32rpx; }
.btn-car { height: 100%; width: 240rpx; float: right; font-size: 15px; display: flex; align-items: center; justify-content: center; margin-right: 32rpx; margin-bottom: 20rpx; border-radius: 8px; }
.standard { border-radius: 100%; width: 50rpx; height: 50rpx; float: right; display: flex; align-items: center; justify-content: center; }
.good_num { width:80rpx; text-align:center; }
.attr-picker{ position: fixed; bottom: 110rpx; left: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0,0,0,.5); }
.attr-picker .content-box{ width: 100%; background: #fff; position: fixed; bottom: 110rpx; }
.attr-picker .attr-group{ margin-bottom: 6rpx; }
.attr-picker .attr-group-name{ margin-bottom: 20rpx; }
.attr-picker .attr-item{ display: inline-block; margin: 0 30rpx 30rpx 0; background: #f7f7f7; border-radius: 10rpx; padding: 15rpx 30rpx; }
.attr-picker .attr-item.active{ background: #ff4544; color: #fff; }
.attr-picker .goods-pic-box{ position: relative; width: 200rpx; }
.attr-picker .goods-pic-box wx-image{ position: absolute; top: -90rpx; border: 5rpx solid #fff; width: 200rpx; height: 200rpx; border-radius: 5rpx; box-shadow: 0 1rpx 2rpx rgba(0,0,0,.2); }
.attr-picker .attr_num_0 { color: #c5c5c5; }
.attr-picker .number-input-box { height: 70rpx; }
.attr-picker .number-input-box .number-input { height: 70rpx !important; border: none; text-align: center; width: 120rpx; background: #eee; margin: 0 4rpx !important; }
.attr-picker .number-input-box .number-btn { height: 100% !important; width: 70rpx; background: #eee; }
.attr-picker .number-input-box .number-btn.disabled { background: #f6f6f6; color: #aaa; }
.attr-picker .is_member_price { font-size: 7pt; }
.goods-image-swiper { height: 750rpx; position: relative; }
.goods-image-swiper wx-image{ height: 750rpx; }
.goods-image { width: 100%; height: 100%; }
.share_commission { height: 80rpx; width: 220rpx; position: absolute; right: 0; bottom: 80rpx; border-top-left-radius: 40rpx; border-bottom-left-radius: 40rpx; background-color: rgba(0, 0, 0, 0.4); }
.share_commission .img { width: 44rpx; height: 44rpx; margin-right: 14rpx; margin-left: 20rpx; }
.share_commission .text_box { font-size: 7pt; color: #fff; }
.share_commission .text2 { font-weight: bold; }
.goods-image-swiper .play { width: 150rpx; height: 150rpx; position: absolute; top: 275rpx; left: 300rpx; }
.goods_info_box { background: #fff; padding: 32rpx 24rpx; border-bottom: 1rpx solid #eee; }
.goods_info_box .goods_name { font-weight: bold; margin-bottom: 24rpx; line-height: 1.7; }
.quick_goods_info { height: 105rpx; }
.quick_goods_info .view1 { float: left; }
.quick_goods_info .view1 .renminbi { font-size: 11pt; color: #ff4544; }
.quick_goods_info .view1 .img { width: 94rpx; height: 40rpx; margin-left: 16rpx; }
.quick_goods_info .view1 .is_member { color: red; }
.quick_goods_info .view2{ margin-right: 32rpx; }
.quick_goods_info .view3 .sales { font-size: 9pt; color: #888; }
.quick_goods_info .view3 .sales_title { font-size: 9pt; color: #888; }
.quick_goods_info .good_num { width: 80rpx; text-align: center; }
.quick_goods_info .goods_price { font-size: 16px; color: #ff4544; }
.quick_goods_info .original_price { font-size: 9pt; color: #888; text-decoration: line-through; }
.quick_goods_info .add { display: flex; align-items: center; justify-content: center; border-radius: 28rpx; background: #ff4544; color: #fff; font-size: 13px; float: right; margin-top: 20rpx; }
.quick_goods_info .xuanguige { width: 142rpx; height: 50rpx; }
.quick_goods_info .add_cart { width: 192rpx; height: 56rpx; }
.quick_goods_info .guigenum { position: absolute; width: 35rpx; height: 25rpx; border-radius: 40%; border: 1rpx solid red; color: red; background: #fff; font-size: 16rpx; display: flex; align-items: center; justify-content: center; margin-left: 70rpx; margin-top: -46rpx; }
.quick_goods_info .btn_car_num { height: 100%; float: right; font-size: 15px; display: flex; align-items: center; justify-content: center; margin-right: 32rpx; }
.quick_goods_info .btn_car_num .carStandard { border-radius: 100%; height: 44rpx; float: right; display: flex; align-items: center; justify-content: center; }
.quick_goods_info .member_price_box { font-size: 9pt; color: #ff4544; text-decoration:none; height: 100%; }
.quick_goods_info .member_price_title { background-color: #feeeee; margin-right: 16rpx; }
.store_goods_info .view1 { margin-right: 32rpx; }
.store_goods_info .view1 .renminbi { font-size: 9pt; padding-top: 18rpx; color: #ff4544; }
.store_goods_info .view1 .min_price { font-size: 16pt; color: #ff4544; }
.store_goods_info .view1 .promotion-price{text-decoration:line-through; color: #ccc; font-size: 24rpx;}
.store_goods_info .view1 .is_member { color: red; }
.store_goods_info .view1 .img { width: 94rpx; height: 40rpx; margin-left: 16rpx; }
.store_goods_info .view2 { margin-right: 32rpx; }
.store_goods_info .original_price { font-size: 9pt; color: #888; text-decoration: line-through; }
.store_goods_info .member_price_box { font-size: 9pt; color: #ff4544; text-decoration:none; height: 100%; }
.store_goods_info .member_price_title { background-color: #feeeee; margin-right: 16rpx; }
.store_goods_info .sales { font-size: 9pt; color: #888; }
.store_goods_info .share_btn { line-height: normal; padding: 0 10rpx; border: none; background: none; border-radius: 0; box-shadow: none; display: inline-block; font-size: 8pt; }
.store_goods_info .share_btn .img { width: 40rpx; height: 40rpx; }
.store_goods_info .share_btn .share { color: #888; }
.check-list { padding: 32rpx 24rpx 12rpx 24rpx; flex-wrap: wrap; }
.check-item { margin-right: 32rpx; font-size: 9pt; margin-bottom: 20rpx; }
.check-item wx-image { width: 34rpx; height: 34rpx; margin-right: 8rpx; }
.select_attrs { background: #fff; padding: 0 24rpx; margin-bottom: 20rpx; height: 100rpx; }
.select_attrs .attrs { margin-left: 40rpx; font-size: 9pt; color: #888; }
.select_attrs .img { width: 16rpx; height: 26rpx; }
.original-price{ font-size:8pt; color: #707070; }
.group-descount{ font-size: 7pt; }
.group-descount-one{ padding: 5rpx 12rpx; background-color: #feeeee; }
.group-descount-center{ width: 6rpx; }
.group-descount-tow{ padding: 5rpx 12rpx; background-color: #feeeee; }
.mch_shop { background: #fff; margin-bottom: 20rpx; padding: 24rpx; }
.mch_shop .img_box { padding-right: 24rpx; }
.mch_shop .img_box .logo { width: 80rpx; height: 80rpx; border: 1rpx solid #eee; }
.mch_shop .name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mch_shop .shop_info { font-size: 9pt; color: #888 }
.mch_shop .goods_num { margin-right: 30rpx; }
.mch_shop .enter_shop { border: 1rpx solid #e3e3e3; border-radius: 8rpx; padding:10rpx 20rpx; font-size:9pt; color:#888; display: inline-block; }
.modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 1); z-index: 9999; }
.modal wx-video { width: 100%; height: 430rpx; }
.share-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.0); z-index: 1000; transform: translateY(100%); transition: background 250ms; }
.share-modal .share-modal-body { position: fixed; bottom: 0; left: 0; width: 100%; background: #f2f2f2; padding-top: 60rpx; transform: translateY(100%); transition: transform 250ms; }
.share-modal.active { transform: translateY(0); background: rgba(0, 0, 0, 0.5); }
.share-modal.active .share-modal-body { transform: translateY(0); }
.share-modal .share-bottom { text-align: center; font-size: 9pt; margin: 0; padding: 0; margin-bottom: 60rpx; line-height: inherit; border: none; background: none; color: inherit; font-family: inherit; display: inline-block; }
.share-modal .share-bottom:after { display: none; }
.share-modal .share-bottom wx-image { width: 120rpx; height: 120rpx; margin-bottom: 12rpx; border-radius: 999rpx; border: 1rpx solid #eee; }
.share-modal .share-bottom:active wx-image { opacity: 0.7; }
.share-modal .share-modal-close { background: #fff; height: 100rpx; border-top: 1rpx solid #eee; }
.goods-qrcode-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.5); padding: 40rpx; transform: translateY(100%); opacity: 0.5; transition: opacity 250ms; visibility: hidden; }
.goods-qrcode-body { background: #fff; height: 100%; border-radius: 10rpx; }
.goods-qrcode-modal.active { transform: translateY(0); opacity: 1; visibility: visible; }
.goods-qrcode-modal .goods-qrcode-box { height: 100%; position: relative; box-shadow: 0 0 15rpx rgba(0, 0, 0, 0.15); }
.goods-qrcode-modal .goods-qrcode-loading { top: 0; left: 0; position: absolute; width: 100%; height: 100%; }
.goods-qrcode-modal .goods-qrcode { top: 0; left: 0; position: absolute; width: 100%; height: 100%; background: #fff; display: none; }
.goods-qrcode-modal .goods-qrcode.active { display: block; }
.goods-qrcode-modal .goods-qrcode-close { position: absolute; top: 40rpx; right: 40rpx; padding: 15rpx; }
.hide { display: none; }
.step-icon{ height: 44rpx; width: 44rpx; margin-right: 16rpx; }
.bar-bottom { position: fixed; bottom: 0; left: 0; z-index: 999; width: 100%; box-shadow: 0 0 3rpx rgba(0, 0, 0, 0.2); height: 110rpx; }
.bar-bottom-btn { border: none; background: #fff; font-size: 0; line-height: normal; padding: 0; margin: 0; box-shadow: none; border-radius: 0; position: inherit; border-left: 1rpx solid #e3e3e3; width: 110rpx; }
.bar-bottom-btn:after { display: none; }
.bar-bottom-btn:first-child { border-left: none; }
.bar-bottom-btn.button-hover { background: rgba(255, 255, 255, 0.85); }
.bar-bottom-btn wx-view { text-align: center; width: 100%; }
.bar-bottom-btn wx-image { width: 38rpx; height: 38rpx; margin-bottom: 0rpx; }
.bar-bottom-btn wx-text { font-size: 8pt; color: #888; display: block; }
.bar-bottom .add-cart { background: #f39800; color: #fff; }
.bar-bottom .buy-now { background: #ff4544; color: #fff; }
._negotiable { height: 100%; width: 100%; background: none !important; border: none !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; line-height: inherit !important; font-family: inherit !important; color: inherit !important; }
._negotiable:before, ._negotiable:after { border-radius: 0 !important; border: none !important; }
.quick-modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; transition: 200ms; }
.quick-modal.show { visibility: visible; opacity: 1; }
.quick-modal .quick-modal-bg { background: rgba(0, 0, 0, 0.3); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.quick-modal .quick-modal-pic { background: rgba(0, 0, 0, 0.25); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.quick-modal .quick-modal-close wx-image { width: 50rpx; height: 50rpx; margin-top: 50rpx; }
.quick-text { color:#ffffff; font-size:9pt; }
.quick-bg { background-color:rgba(0,0,0,0.7); border-radius: 50%; height:80rpx; width:80rpx; }
.quick-zfb { display:inline; opacity:0; position:absolute; bottom:0; }
.quick-icon { position:fixed; z-index:99; right:50rpx; bottom:140rpx; }
.quick-dial { width:80rpx; height:80rpx; border-radius:50%; display:block; mmargin-bottom:24rpx; }
.float-icon{ bottom: 170rpx !important; }
.quick-head > .device_iphone_x { padding-bottom: 65rpx; }
wx-view { overflow: visible; }
.no-scroll { height: 100%; overflow-y: hidden; }
.share-tip { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.65); }
.goods-detail { box-sizing: border-box; padding: 24rpx 0; background: #fff; }
.goods-detail wx-text, .goods-detail wx-image, .goods-detail wx-view { box-sizing: border-box; max-width: 100%; }
.cart-nav { position: fixed; top: 180rpx; right: 24rpx; background: rgba(255, 255, 255, 0.5); font-size: 0; padding: 20rpx; border-radius: 999rpx; box-shadow: 0 1rpx 3rpx rgba(0, 0, 0, 0.2); z-index: 100; }
.cart-nav wx-image { width: 42rpx; height: 42rpx; }
.tab-group .tab-group-header { background: #fff; border-bottom: 1rpx solid #e3e3e3; }
.tab-group .tab-group-header .tab-group-item wx-text { height: 100rpx; border-bottom: 2rpx solid transparent; }
.tab-group .tab-group-header .tab-group-item.active wx-text { color: #ff4544; border-bottom-color: #ff4544; }
.tab-group .tab-group-body .tab-group-item { display: none; }
.tab-group .tab-group-body .tab-group-item.active { display: block; }
.comment-count { background: #fff; margin-bottom: 20rpx; }
.comment-count .comment-count-item { text-align: center; padding: 20rpx 0; font-size: 7pt; }
.comment-item { background: #fff; border-bottom: 1rpx solid #e3e3e3; padding: 32rpx 24rpx; }
.comment-item .nickname { padding-left: 24rpx; height: 70rpx; font-weight: bolder; }
.comment-item .addtime { color: #888; }
.comment-item .pic-list { margin-left: -8rpx; margin-top: -8rpx; }
.comment-item .pic-item { width: 200rpx; height: 200rpx; margin-left: 8rpx; margin-top: 8rpx; display: inline-block; }
.reply { margin: 20rpx 24rpx 20rpx 0rpx; border-radius: 16rpx; background: #f7f7f7; font-size: 9pt; padding: 22rpx 30rpx; color: #ff4544; }
.reply-content { display: inline; color: #666; }
.comment-item .score-tag { display: inline-block; background: #eee; font-size: 7pt; padding: 4rpx 12rpx; border-radius: 5rpx; }
.loading-more { text-align: center; opacity: 0; }
.loading-more.active { opacity: 1; }
.loading-more wx-image { width: 160rpx; height: 80rpx; }
.pic-left { margin-right: 5rpx; }
.pic-right { margin-left: 5rpx; }
.contact { background: #118eea; color: #fff; }
.good-detail { height: 100rpx; color: #353535; line-height: 100rpx; padding-left: 20rpx; }