From 28115e6d15721c07928cdb02d291c2301f75d7fe Mon Sep 17 00:00:00 2001 From: taiwan Date: Thu, 23 Dec 2021 15:34:09 +0800 Subject: [PATCH] 促销礼包点击跳转等 --- packageA/pages/myGiftDetails/myGiftDetails.js | 10 ++++++++++ packageA/pages/myGiftDetails/myGiftDetails.wxml | 2 +- packageC/pages/luckyGo/luckyGo_goodsInfo/luckyGo_goodsInfo.js | 18 ++++++++++++------ pages/goods/goodsInfo/goodsInfo.js | 17 +++++++++++++++-- pages/goods/goodsInfo/goodsInfo.wxml | 47 +++++++++++++++++++++++++++-------------------- pages/goods/goodsInfo/goodsInfo.wxss | 5234 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 6 files changed, 3184 insertions(+), 2144 deletions(-) diff --git a/packageA/pages/myGiftDetails/myGiftDetails.js b/packageA/pages/myGiftDetails/myGiftDetails.js index 29cdaaf..6f60cff 100644 --- a/packageA/pages/myGiftDetails/myGiftDetails.js +++ b/packageA/pages/myGiftDetails/myGiftDetails.js @@ -21,9 +21,19 @@ Page({ */ onLoad: function (options) { self = this; + + // 如果从商品详情页点击促销栏里的礼包跳转过来的话,不显示底部按钮 + // showBtn 控制按钮是否显示 + let showBtn = true; + if(options.btn == 0) { + showBtn = false; + } + this.setData({ + options: options, id: options.id, index: options.index, + showBtn: showBtn, }) // console.log('options', options); diff --git a/packageA/pages/myGiftDetails/myGiftDetails.wxml b/packageA/pages/myGiftDetails/myGiftDetails.wxml index a85c217..8d2a853 100644 --- a/packageA/pages/myGiftDetails/myGiftDetails.wxml +++ b/packageA/pages/myGiftDetails/myGiftDetails.wxml @@ -141,7 +141,7 @@ - + 活动还未开始 diff --git a/packageC/pages/luckyGo/luckyGo_goodsInfo/luckyGo_goodsInfo.js b/packageC/pages/luckyGo/luckyGo_goodsInfo/luckyGo_goodsInfo.js index 6e41cbc..2085de5 100644 --- a/packageC/pages/luckyGo/luckyGo_goodsInfo/luckyGo_goodsInfo.js +++ b/packageC/pages/luckyGo/luckyGo_goodsInfo/luckyGo_goodsInfo.js @@ -328,6 +328,7 @@ Page({ prom_id=fir_arr[2]; this.data.prom_type=prom_type; this.data.prom_id=prom_id; + this.data.group_id = fir_arr[2]; } @@ -763,7 +764,7 @@ Page({ } }).then(res => { if (res.data.code == 0) { - console.log('成团信息=======》', res.data.data); + // console.log('成团信息=======》', res.data.data); if(res.data.data.pageData && res.data.data.pageData.length == 0) { let obj = { day: '00', @@ -787,7 +788,7 @@ Page({ }; } else { - this.data.isTimeUp = true; + // this.data.isTimeUp = true; th.setData({ isTimeUp: true, }); @@ -1139,6 +1140,9 @@ Page({ }); }); + + console.log('hidddddnnnnnnnn------>>>>', this.data.btnHidden, this.data.isTimeUp) + }, @@ -3737,7 +3741,7 @@ Page({ djs: obj, isTimeUp: true, }); - console.log('i am here'); + // console.log('i am here'); return false; } @@ -4635,7 +4639,8 @@ Page({ var unit = that.data.screenWidth / 750 * 1.35; //基础单位， var path2 = that.data.data.original_img; var scene = th.data.gid + ""; - scene+="."+th.data.sele_g.prom_type+"."+th.data.sele_g.prom_id; + scene+="."+th.data.sele_g.prom_type+"."+th.data.luckGoInfo.id; + // th.data.sele_g.prom_id var user_id = getApp().globalData.user_id ? getApp().globalData.user_id : 0; if (user_id > 0) { @@ -4653,7 +4658,7 @@ Page({ // var path3 = os.url + "/api/wx/open/app/user/getWeAppEwm/" + // os.stoid + "?sceneValue=" + scene + "&pageValue=packageC/pages/luckyGo/luckyGo_goodsInfo/luckyGo_goodsInfo"; - console.log(path3); + console.log('path3......',path3); // 读取文件成功则OK-- @@ -5469,7 +5474,7 @@ Page({ this.setData({ store: 1, openSpecModal: !1, - openSpecModal_pt: !1 + openSpecModal_pt: 1 }) } }, @@ -5667,6 +5672,7 @@ Page({ } else { th.setData({ + // openSpecModal_pt: 1, store: 0, choice_sort_store: 0, sort_store: 0 diff --git a/pages/goods/goodsInfo/goodsInfo.js b/pages/goods/goodsInfo/goodsInfo.js index 9331966..4226dd2 100644 --- a/pages/goods/goodsInfo/goodsInfo.js +++ b/pages/goods/goodsInfo/goodsInfo.js @@ -527,7 +527,12 @@ Page({ }).then(res => { if (res.data.code == 0 && res.data.data.total > 0) { plist = res.data.data.pageData[0]; - } + } else { + wx.showToast({ + title: '库存不足，请更换其他门店', + icon: 'none', + }); + }; if (plist && plist.CanOutQty - lock > 0) { ee.CanOutQty = plist.CanOutQty - lock; } else { @@ -6063,7 +6068,15 @@ Page({ this.get_sto(); this.check_is_youhui(gid,1); this.data.is_normal=1; - } + }, + + // 促销 -> 送礼包 -> 查看详情 + viewGiftDetails(e) { + let id = e.currentTarget.dataset.id; // 获取礼包id + let url = `/packageA/pages/myGiftDetails/myGiftDetails?btn=0&index=0&id=${id}`; // btn=0 控制跳转到的页面不显示按钮 + console.log('myurl', url); + getApp().goto(url); + } diff --git a/pages/goods/goodsInfo/goodsInfo.wxml b/pages/goods/goodsInfo/goodsInfo.wxml index 4f7c113..08aee8d 100644 --- a/pages/goods/goodsInfo/goodsInfo.wxml +++ b/pages/goods/goodsInfo/goodsInfo.wxml @@ -2,6 +2,7 @@ + @@ -586,36 +587,42 @@ + - 订单优惠 + 订单优惠 diff --git a/pages/goods/goodsInfo/goodsInfo.wxss b/pages/goods/goodsInfo/goodsInfo.wxss index 66fc945..cc8baea 100644 --- a/pages/goods/goodsInfo/goodsInfo.wxss +++ b/pages/goods/goodsInfo/goodsInfo.wxss @@ -1,47 +1,60 @@ @import "../../../utils/wxParse/wxParse.wxss"; -.container { margin-bottom: 100rpx; overflow: hidden;padding-top: 80rpx;} + +.container { + margin-bottom: 100rpx; + overflow: hidden; + padding-top: 80rpx; +} + image { - vertical-align: top; + vertical-align: top; +} + +.goods-detail { + overflow: hidden } -.goods-detail{overflow: hidden} .type-navbar { - display: flex; - justify-content: center; - width: 100%; - position: fixed; - top: 0; - z-index: 999; - /* height: 80rpx; */ - /* margin-bottom: 20rpx; */ - background-color: #fff; - border-top: 2rpx solid #ebedf0; - /* border-bottom: 1rpx #fafafa solid; */ + display: flex; + justify-content: center; + width: 100%; + position: fixed; + top: 0; + z-index: 999; + /* height: 80rpx; */ + /* margin-bottom: 20rpx; */ + background-color: #fff; + border-top: 2rpx solid #ebedf0; + /* border-bottom: 1rpx #fafafa solid; */ } + .type-box { - width: 25%; - box-sizing: border-box; - font-size: 32rpx; - line-height: 76rpx; - padding: 0 20rpx; - text-align: center; - display: inline-block; - overflow: hidden; + width: 25%; + box-sizing: border-box; + font-size: 32rpx; + line-height: 76rpx; + padding: 0 20rpx; + text-align: center; + display: inline-block; + overflow: hidden; } + .type-navbar-item { - /* border-bottom: 4rpx solid #fff; */ - display: flex; - justify-content: center; - width: 100%; - font-size: 26rpx; + /* border-bottom: 4rpx solid #fff; */ + display: flex; + justify-content: center; + width: 100%; + font-size: 26rpx; } + .type-item-on { color: #F95D74; font-weight: bold; - /* border-bottom: 4rpx solid #F95D74; */ + /* border-bottom: 4rpx solid #F95D74; */ position: relative; font-size: 30rpx; } + .type-item-on:after { content: ''; position: absolute; @@ -53,651 +66,721 @@ image { bottom: 0; margin: 0 auto; } + .swiper_box { - width: 100%; - height: 750rpx; + width: 100%; + height: 750rpx; } + .goods-title { - display: flex; - justify-content: space-between; - /* overflow: hidden; */ - /* height: 108rpx; */ + display: flex; + justify-content: space-between; + /* overflow: hidden; */ + /* height: 108rpx; */ } + .goods-name { - /* width: 560rpx; */ - /* line-height: 46rpx; */ - font-size: 32rpx; - font-weight: bold; - color: #333; - /* margin-top: 30rpx; + /* width: 560rpx; */ + /* line-height: 46rpx; */ + font-size: 32rpx; + font-weight: bold; + color: #333; + /* margin-top: 30rpx; margin-bottom:30rpx; */ - flex: 1; - text-align: justify; - margin: 10rpx 0 20rpx; + flex: 1; + text-align: justify; + margin: 10rpx 0 20rpx; } .goods-collect { - width: 112rpx; - padding-top: 30rpx; + width: 112rpx; + padding-top: 30rpx; } .collect-img { - width: 50rpx; - height: 44rpx; - margin: 0 auto; - overflow: hidden; + width: 50rpx; + height: 44rpx; + margin: 0 auto; + overflow: hidden; } .collect-des { - text-align: center; - font-size: 24rpx; - color: #333; + text-align: center; + font-size: 24rpx; + color: #333; } .goods-price { - font-size: 60rpx; - /* padding: 20rpx 34rpx; */ - /* padding:0rpx 34rpx; */ - /* line-height: 60rpx; */ - color: #999; - padding: 20rpx; - /* margin-top: 46rpx; */ - /* margin-top:26rpx; + font-size: 60rpx; + /* padding: 20rpx 34rpx; */ + /* padding:0rpx 34rpx; */ + /* line-height: 60rpx; */ + color: #999; + padding: 20rpx; + /* margin-top: 46rpx; */ + /* margin-top:26rpx; padding-bottom:20rpx; */ } .prom-info { - margin: 10rpx 0; - color: #f23030; + margin: 10rpx 0; + color: #f23030; } .prom-info>.prom-type { - color: white; - background-color: #f23030; - margin-right: 14rpx; - padding: 2rpx 8rpx; - border-radius: 4rpx; + color: white; + background-color: #f23030; + margin-right: 14rpx; + padding: 2rpx 8rpx; + border-radius: 4rpx; } + .market-price { - /* display: flex; + /* display: flex; margin-left: -5rpx; */ } -.market-price .yuan{ - /* top:24rpx; */ - font-size: 30rpx +.market-price .yuan { + /* top:24rpx; */ + font-size: 30rpx } .market-price>view>text { - text-decoration: line-through; + text-decoration: line-through; } -.market-price>.yj{ - color: #999999; font-size: 24rpx;/* margin-left: 16rpx;position: relative;top:30rpx; */ - display: inline-block; +.market-price>.yj { + color: #999999; + font-size: 24rpx; + /* margin-left: 16rpx;position: relative;top:30rpx; */ + display: inline-block; } -.goods-price>.tm{ color: #999999; font-size: 26rpx;margin-top: 10rpx;} +.goods-price>.tm { + color: #999999; + font-size: 26rpx; + margin-top: 10rpx; +} .goods-num { - display: flex; - font-size: 24rpx; - justify-content: space-between; + display: flex; + font-size: 24rpx; + justify-content: space-between; +} + +.goods-detail .twen { + background: #fff; + height: 60rpx; + line-height: 60rpx; + font-size: 30rpx; + padding-left: 30rpx; + display: flex; +} + +.goods-detail .twen .img { + width: 32rpx; + height: 32rpx; + margin-left: 200rpx; + background: #fff } -.goods-detail .twen{ - background: #fff;height: 60rpx; line-height: 60rpx; font-size: 30rpx;padding-left: 30rpx;display: flex; +.goods-detail .twen image.img { + vertical-align: auto; } -.goods-detail .twen .img{ width: 32rpx; height: 32rpx; margin-left: 200rpx; background: #fff} -.goods-detail .twen image.img{vertical-align:auto;} .logistics-item { - display: flex; - justify-content: space-between; - align-items: center; - height: 90rpx; - /*border-bottom: 1px solid #f5f5f5;*/ - font-size: 32rpx; - color: #666; + display: flex; + justify-content: space-between; + align-items: center; + height: 90rpx; + /*border-bottom: 1px solid #f5f5f5;*/ + font-size: 32rpx; + color: #666; +} + +.logistics-item .small { + color: #999; + font-size: 24rpx; +} + +.item-title { + width: 180rpx; } -.logistics-item .small{color: #999; font-size: 24rpx;} -.item-title { width: 180rpx;} .item-mes { - color: #333; width: 420rpx; - height: 90rpx; line-height: 90rpx; + color: #333; + width: 420rpx; + height: 90rpx; + line-height: 90rpx; } -.item-img { width: 32rpx; height: 32rpx;} + +.item-img { + width: 32rpx; + height: 32rpx; +} + .prom-item { - color: #f23030; - border: 1px solid #f23030; - border-radius: 18rpx; - line-height: 40rpx; - height: 40rpx; - padding: 2rpx 8rpx; + color: #f23030; + border: 1px solid #f23030; + border-radius: 18rpx; + line-height: 40rpx; + height: 40rpx; + padding: 2rpx 8rpx; } .guarantee { - justify-content: space-around; + justify-content: space-around; } .ico-item { - width: 32rpx; - height: 32rpx; - margin-right: 10rpx; + width: 32rpx; + height: 32rpx; + margin-right: 10rpx; } .guarantee>view { - display: flex; - align-items: center; - height: 32rpx; - color: #666; + display: flex; + align-items: center; + height: 32rpx; + color: #666; } .user-comment { - margin: 10rpx 0; - font-size: 28rpx; + margin: 10rpx 0; + font-size: 28rpx; } -.good-comment,.comment-num { - display: flex; +.good-comment, +.comment-num { + display: flex; } .recommend { - background-color: #fff; - border-bottom: 1px solid #ddd; - padding-bottom: 20rpx; + background-color: #fff; + border-bottom: 1px solid #ddd; + padding-bottom: 20rpx; } .recommend-title { - height: 70rpx; - line-height: 70rpx; - font-size: 28rpx; - padding: 0 30rpx; + height: 70rpx; + line-height: 70rpx; + font-size: 28rpx; + padding: 0 30rpx; } .recommend-ul { - display: flex; - justify-content: flex-start; + display: flex; + justify-content: flex-start; } .recommend-ul .li { - width: 25%; - box-sizing: border-box; - text-align: center; - font-size: 28rpx; - color: #333; + width: 25%; + box-sizing: border-box; + text-align: center; + font-size: 28rpx; + color: #333; } .li-img { - width: 120rpx; - height: 120rpx; - margin: 0 auto; + width: 120rpx; + height: 120rpx; + margin: 0 auto; } .li-title { - height: 58rpx; - line-height: 30rpx; - margin: 10rpx 0; + height: 58rpx; + line-height: 30rpx; + margin: 10rpx 0; } .comment-item { - background-color: #fff; - font-size: 28rpx; + background-color: #fff; + font-size: 28rpx; } .comment-title { - display: flex; - justify-content: space-between; - align-items: center; - height: 102rpx; - margin: 0 30rpx; - color: #333; - border-bottom: 1px solid #eee; + display: flex; + justify-content: space-between; + align-items: center; + height: 102rpx; + margin: 0 30rpx; + color: #333; + border-bottom: 1px solid #eee; } .user-name { - display: flex; - align-items: center; + display: flex; + align-items: center; } .user-pic { - width: 54rpx; - height: 54rpx; - margin-right: 10rpx; - border-radius: 50%; - overflow: hidden; + width: 54rpx; + height: 54rpx; + margin-right: 10rpx; + border-radius: 50%; + overflow: hidden; } .stars { - float: left; - display: flex; - height: 42rpx; - line-height: 42rpx; - margin: 15rpx 0; - width: 200rpx; + float: left; + display: flex; + height: 42rpx; + line-height: 42rpx; + margin: 15rpx 0; + width: 200rpx; } .star { - width: 26rpx; - height: 26rpx; - margin-right: 5rpx; + width: 26rpx; + height: 26rpx; + margin-right: 5rpx; } .state-spec { - margin: 15rpx 0; - float: right; - font-size: 24rpx; - color: #666; - width: 460rpx; - text-align: right; + margin: 15rpx 0; + float: right; + font-size: 24rpx; + color: #666; + width: 460rpx; + text-align: right; } .comment-cont { - padding: 0 30rpx 30rpx; - border-bottom: 1px solid #eee; + padding: 0 30rpx 30rpx; + border-bottom: 1px solid #eee; } .comment-mes { - line-height: 42rpx; + line-height: 42rpx; } .img-ul { - display: flex; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .img-li { - width: 150rpx; - height: 150rpx; - margin-top: 8rpx; - margin-right: 10rpx; + width: 150rpx; + height: 150rpx; + margin-top: 8rpx; + margin-right: 10rpx; } .comment-btn { - height: 60rpx; - padding: 20rpx 30rpx; + height: 60rpx; + padding: 20rpx 30rpx; } .comment-btn .btn { - display: flex; - justify-content: center; - align-items: center; - height: 60rpx; - width: 45%; - border: 1px solid #eee; + display: flex; + justify-content: center; + align-items: center; + height: 60rpx; + width: 45%; + border: 1px solid #eee; } .comment-btn .btn-img { - width: 30rpx; - height: 28rpx; - margin: 0 10rpx; + width: 30rpx; + height: 28rpx; + margin: 0 10rpx; } .reply-ul { - margin-top: 20rpx; + margin-top: 20rpx; } .reply-li { - color: #aaa; + color: #aaa; } .join-cart { - position: fixed; - left: 0; - bottom: 0; - display: flex; - width: 100%; - height: 100rpx; - background-color: #fff; - z-index: 9; - border-top: 4rpx solid #eee; + position: fixed; + left: 0; + bottom: 0; + display: flex; + width: 100%; + height: 100rpx; + background-color: #fff; + z-index: 9; + border-top: 4rpx solid #eee; } .join-cart>view { - width: 29%; + width: 29%; } .join-cart>.new_split { - width: 13%; - text-align: center; - padding: 0; - margin: 0; + width: 13%; + text-align: center; + padding: 0; + margin: 0; } .cart-ico { - font-size: 24rpx; - color: #333; + font-size: 24rpx; + color: #333; } .shopping-cart { - position: relative; + position: relative; } .cs-img { - width: 45rpx; - height: 40rpx; - margin-top: 15rpx; + width: 45rpx; + height: 40rpx; + margin-top: 15rpx; } .sc-img { - width: 42rpx; - height: 40rpx; - margin-top: 15rpx; + width: 42rpx; + height: 40rpx; + margin-top: 15rpx; } .cart-num { - position: absolute; - left: 50%; - top: 1rpx; - width: 40rpx; - height: 40rpx; - line-height: 40rpx; - text-align: center; - border-radius: 50%; - color: #fff; - background-color: rgba(217,81,99,0.9); + position: absolute; + left: 50%; + top: 1rpx; + width: 40rpx; + height: 40rpx; + line-height: 40rpx; + text-align: center; + border-radius: 50%; + color: #fff; + background-color: rgba(217, 81, 99, 0.9); } .cart-btn { - font-size: 28rpx; - color: #fff; - line-height: 70rpx; - margin-top: 16rpx; - text-align: center; + font-size: 28rpx; + color: #fff; + line-height: 70rpx; + margin-top: 16rpx; + text-align: center; } .join-btn { - background-color: #ffb03f; - height: 70rpx; -border-radius: 55rpx 0rpx 0rpx 55rpx; -margin-top: 16rpx; + background-color: #ffb03f; + height: 70rpx; + border-radius: 55rpx 0rpx 0rpx 55rpx; + margin-top: 16rpx; } view.cart-btn-lg { - width: 50%; + width: 50%; } .buy-btn { - background-color: #f23030; - height: 70rpx; -border-radius: 0 56rpx 55rpx 0; + background-color: #f23030; + height: 70rpx; + border-radius: 0 56rpx 55rpx 0; } -.buy-btn-all{ - background-color: #f23030; - height: 70rpx; - border-radius: 56rpx; +.buy-btn-all { + background-color: #f23030; + height: 70rpx; + border-radius: 56rpx; } .toTop { - position: fixed; - z-index: 3; - right: 20rpx; - bottom: 160rpx; - width: 68rpx; - height: 68rpx; - border: 1px solid #ddd; - border-radius: 50%; - overflow: hidden; - cursor: pointer; + position: fixed; + z-index: 3; + right: 20rpx; + bottom: 160rpx; + width: 68rpx; + height: 68rpx; + border: 1px solid #ddd; + border-radius: 50%; + overflow: hidden; + cursor: pointer; } .comment-more { - height: 56rpx; - line-height: 56rpx; - font-size: 26rpx; - color: #999; - text-align: center; - background-color: #eee; + height: 56rpx; + line-height: 56rpx; + font-size: 26rpx; + color: #999; + text-align: center; + background-color: #eee; } .goods-more { - background-color: #fff; + background-color: #fff; } .goods-norms { - background-color: #fff; + background-color: #fff; } .type-navbar2 { - display: flex; - height: 72rpx; - border-top: 1px solid #ddd; - border-bottom: 1px solid #ddd; + display: flex; + height: 72rpx; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; } .type-box2 { - width: 50%; - font-size: 26rpx; - line-height: 72rpx; - text-align: center; - overflow: hidden; + width: 50%; + font-size: 26rpx; + line-height: 72rpx; + text-align: center; + overflow: hidden; } .type-item2-on { - color: #f23030; + color: #f23030; } .parameter { - padding: 40rpx 0; + padding: 40rpx 0; } .table { - width: 698rpx; - margin: 0 auto; - border: 1px solid #ddd; - border-bottom: none; + width: 698rpx; + margin: 0 auto; + border: 1px solid #ddd; + border-bottom: none; } .tb { - width: 100%; - min-height: 69rpx; - line-height: 69rpx; - border-bottom: 1px solid #ddd; - font-size: 28rpx; - text-align: center; - color: #333; + width: 100%; + min-height: 69rpx; + line-height: 69rpx; + border-bottom: 1px solid #ddd; + font-size: 28rpx; + text-align: center; + color: #333; } .th-thitle { - font-weight: bold; - background-color: #f5fafe; + font-weight: bold; + background-color: #f5fafe; } .td-cont { - display: flex; + display: flex; } .td-title { - width: 259rpx; - background-color: #f5fafe; - border-right: 1px solid #ddd; + width: 259rpx; + background-color: #f5fafe; + border-right: 1px solid #ddd; } .td-text { - width: 439rpx; + width: 439rpx; } .goods-comment { - background-color: #fff; + background-color: #fff; } .type-navbar3 { - display: flex; - height: 88rpx; - border-top: 1px solid #ddd; - border-bottom: 1px solid #ddd; - padding: 10rpx 0; + display: flex; + height: 88rpx; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; + padding: 10rpx 0; } .type-box3 { - width: 20%; - font-size: 30rpx; - line-height: 44rpx; - text-align: center; - overflow: hidden; + width: 20%; + font-size: 30rpx; + line-height: 44rpx; + text-align: center; + overflow: hidden; } .type-item3-on { - color: #f23030; + color: #f23030; } .spec-model { - position: fixed; - bottom: 0; - z-index: 20; - background: white; - width: 100%; - /* padding: 0 30rpx; */ - font-size: 32rpx; - box-sizing: border-box; - border-radius: 20rpx 20rpx 0 0; - /* height: 72%; */ + position: fixed; + bottom: 0; + z-index: 20; + background: white; + width: 100%; + /* padding: 0 30rpx; */ + font-size: 32rpx; + box-sizing: border-box; + border-radius: 20rpx 20rpx 0 0; + /* height: 72%; */ } -.spec-model .pding{padding: 0 20rpx;} +.spec-model .pding { + padding: 0 20rpx; +} .spec-goods { - padding: 30rpx 0 20rpx; - /* float: left; */ - width: 100%; - /* border-bottom:2rpx solid #eee; */ + padding: 30rpx 0 20rpx; + /* float: left; */ + width: 100%; + /* border-bottom:2rpx solid #eee; */ } .spec-img { - float: left; - height: 186rpx; - width: 186rpx; - border: 4rpx solid #eee + float: left; + height: 186rpx; + width: 186rpx; + border: 4rpx solid #eee } .spec-goods-info { - float: left; - padding: 0 25rpx; - width: 400rpx; + float: left; + padding: 0 25rpx; + width: 400rpx; } .spec-goods-name { - font-size: 30rpx; - line-height: 35rpx; - height: 70rpx; - margin: 15rpx 20rpx 25rpx 0; - overflow: hidden; - text-overflow: ellipsis;color: #333; + font-size: 30rpx; + line-height: 35rpx; + height: 70rpx; + margin: 15rpx 20rpx 25rpx 0; + overflow: hidden; + text-overflow: ellipsis; + color: #333; } .spec-goods-price { - color: #d60021; - font-size: 33rpx; - font-weight: bold; + color: #d60021; + font-size: 33rpx; + font-weight: bold; } .spec-goods-stock { - margin-top: 3rpx; - font-size: 24rpx; - color: #999999; - margin-right: 15rpx; + margin-top: 3rpx; + font-size: 24rpx; + color: #999999; + margin-right: 15rpx; } .spec-name { - clear: both; - padding: 20rpx 0; - font-size: 30rpx;color: #333; + clear: both; + padding: 20rpx 0; + font-size: 30rpx; + color: #333; +} + +.quhuo { + font-size: 30rpx; + color: #000 } -.quhuo{font-size: 30rpx; color: #000} -.b_num{ - display: flex;font-size: 30rpx; color: #333; - justify-content: space-between; - align-items: center; - padding: 20rpx 0; +.b_num { + display: flex; + font-size: 30rpx; + color: #333; + justify-content: space-between; + align-items: center; + padding: 20rpx 0; } .count { - /* position: fixed; */ - display: flex; - height: 50rpx; - /* border: 1rpx solid #000; */ - font-size: 28rpx; - right: 30rpx; + /* position: fixed; */ + display: flex; + height: 50rpx; + /* border: 1rpx solid #000; */ + font-size: 28rpx; + right: 30rpx; } -.count>view,.count>input { - width: 60rpx; - height: 50rpx; - line-height: 50rpx; - text-align: center; +.count>view, +.count>input { + width: 60rpx; + height: 50rpx; + line-height: 50rpx; + text-align: center; +} + +.spec_bt { + background: fff; + color: #333; + margin-left: 10rpx; + padding: 4rpx 15rpx 4rpx; + display: inline-block; + border-radius: 30rpx; + font-size: 24rpx; + border: 1rpx solid #ccc; + margin: 10rpx; + height: 40rpx; + line-height: 40rpx; } -.spec_bt{ - background: fff;color: #333; margin-left: 10rpx;padding: 4rpx 15rpx 4rpx; display: inline-block; - border-radius:30rpx;font-size: 24rpx;border: 1rpx solid #ccc; margin: 10rpx; height: 40rpx; line-height: 40rpx; + +.spec_bt.act { + background: #d60021; + color: #fff; + border: 1rpx solid #d60021; } -.spec_bt.act{background: #d60021;color: #fff;border: 1rpx solid #d60021;} -.sub, .add, .count>input { - /* border-right: 1px solid #000; */ + +.sub, +.add, +.count>input { + /* border-right: 1px solid #000; */ background-color: #f8f8f8; border-radius: 8rpx; } + .sub.active { /* background-color: #ddd; */ color: #ccc; } + .count>input { margin: 0 10rpx; } .add { /* background-color: #f8f8f8; */ - /* border-left: 1px solid #000; */ + /* border-left: 1px solid #000; */ } .spec-btn { - color: black; - background-color: white; - padding: 10rpx 10rpx; - font-size: 26rpx; - line-height: 28rpx; - float: left; - border: 1rpx solid #dedede; - margin: 4rpx 10rpx 4rpx 0; - border-radius: 4rpx; + color: black; + background-color: white; + padding: 10rpx 10rpx; + font-size: 26rpx; + line-height: 28rpx; + float: left; + border: 1rpx solid #dedede; + margin: 4rpx 10rpx 4rpx 0; + border-radius: 4rpx; } .spec-btn-click { - color: white; - background-color: #f23030; - border: 1rpx solid #f23030; + color: white; + background-color: #f23030; + border: 1rpx solid #f23030; } .spec-cart-btns { - /* width: 92%; */ - line-height: 70rpx; - /* margin: 0rpx auto; + /* width: 92%; */ + line-height: 70rpx; + /* margin: 0rpx auto; margin-top: 160rpx; */ - /* border-radius: 20rpx; */ -/* position: fixed; */ -/* bottom: 50rpx; */ -/* left: 4%; */ + /* border-radius: 20rpx; */ + /* position: fixed; */ + /* bottom: 50rpx; */ + /* left: 4%; */ padding: 20rpx; } .spec-cart-btn { - - width:100%; - font-size: 30rpx; - text-align: center; - color: white; - border-radius: 40rpx; + + width: 100%; + font-size: 30rpx; + text-align: center; + color: white; + border-radius: 40rpx; } .spec-cart-btn.w40 { @@ -705,2044 +788,2890 @@ border-radius: 0 56rpx 55rpx 0; } .spec-add-cart { - background-color: #ffb03f; + background-color: #ffb03f; } .spec-buy { - background-color: #f23030; - /* margin-left: 34rpx; */ + background-color: #f23030; + /* margin-left: 34rpx; */ } .spec-cart-disable { - background: #bbbbbb; + background: #bbbbbb; } .spec-cart-btn-lg { - width: 614rpx; + width: 614rpx; } .prom-model { - position: fixed; - bottom: 0; - z-index: 20; - background: white; - width: 100%; - padding: 0 30rpx 30rpx; - font-size: 32rpx; - box-sizing: border-box; - overflow-x: hidden; -} - -.prom-model .prom-title {text-align: center;margin: 30rpx 0;} -.prom-model .logistics-item {border: 0;} -.prom-model .item-mes {width: 500rpx;} -.integral-btn {width: 100%; padding: 0rpx;margin: 0rpx;} -.clear{clear: both;} -.sto_v .title,.sto_v .stitle{ border-top: 1rpx solid #dedede;border-bottom: 1rpx solid #dedede; height: 78rpx; line-height: 78rpx;} -.sto_v .title .tubiao,.sto_v .stitle .tubiao{width: 32rpx; height: 32rpx; margin-top: 23rpx;} -.itemlists .item{border-bottom: 1rpx solid #dedede; height: 72rpx; line-height: 72rpx;font-size: 28rpx; margin: 0 10rpx;} - -.cshu{margin-bottom: 30rpx; margin-top: 20rpx;} -.cshu view{color: #999; font-size: 30rpx; margin-left: 26rpx;} - - -/*---活动特殊显示---*/ -.prom_show{height: 120rpx; display: flex;} -.prom_show .secondkill-img{width: 100%; height: 100%;} -.prom_show .spike-img{width: 283rpx; height: 57rpx; top:35rpx; -left:31rpx;} -.prom_show .stop{ color:#d81731;top: 17rpx;right:65rpx; font-weight:600;} -.prom_show .start{ color:#009ae2;top: 17rpx;right:65rpx; font-weight:600;} -.prom_show .timeac { font-size: 32rpx; height: 120rpx; color: #333; } -.prom_show .timeac.left{width: 66%; color: #fff;background:#f23030;} -.prom_show .timeac.right{width: 34%;background-color: #d7d7d7; text-align: center} - -.prom_show .secview .day{padding-right:10rpx;} -.prom_show .secview .time-val{width:36rpx;height:36rpx;border-radius:7rpx; line-height: 36rpx;} -.prom_show .secview .time{margin-right:10rpx; margin-left:10rpx;} - - -.prom_show .timeac.left view{ margin-left: 20rpx} -.prom_show .timeac.left view.firview{margin-top: 10rpx} -.prom_show .timeac.left view .tr_line{ text-decoration: line-through; font-size: 28rpx;} -.prom_show .timeac.left view .bprice{ font-size: 50rpx; } - -.prom_show .timeac.right view.firview{margin-top:12rpx; margin-bottom: 10rpx} -.prom_show .timeac.right view.secview{display: flex; text-align: center; justify-content:center; flex-direction: row;} -.prom_show .timeac.right view .tui-conutdown-box{ - /* background: #6b6b6b; */ - width: auto; - /* min-width: 45rpx; */ - height: 45rpx; color: #c4182e; font-size: 27rpx; text-align: center; line-height: 46rpx;} - -.huise{ background:gray} -.lanse{background:#0199e2} - - -/*------拼单------*/ -.pt_view{ text-align: center; width: 100%; height: 100rpx; line-height: 100rpx; font-size: 26rpx} -.pt_view .secondkill-img{width: 100%;height: 100%;} -.pt_fir{ background: #fff;/* margin-bottom: 10rpx; */} -.pt_fir .pt_fir_title{display: flex; align-items: center; /* margin-left: 10rpx; margin-top: 20rpx; */ font-size: 28rpx; position: relative;} -.pt_fir .pt_fir_title .kt_type{ color: #fff;background:#e9030d; width: 100rpx; line-height: 40rpx; border-radius: 6rpx; margin: 0 10rpx; - height: 40rpx; font-size: 24rpx; text-align: center;} -.pt_fir .pt_fir_title .price{color: #e9030d;font-size: 26rpx;} -.pt_fir .pt_fir_title .bigw{font-size: 36rpx;} -.pt_fir .pt_fir_title .tprice{text-decoration: line-through;color: #949494} -.pt_fir .pt_fir_title .tprice.ml50{margin-left: 50rpx} - -.pt_fir .pt_fir_title .js{padding: 0 15rpx;height: 40rpx;background:#e9030d; text-align: center; border-radius: 8rpx; color: #fff; margin-left: 10rpx;} -.pt_fir .pt_fir_title .tuannum{color: #e9030d; position: absolute; right: 20rpx; font-size: 26rpx;} -.pding{padding-top: 20rpx;padding-left: 20rpx;height: 81%; - padding-right: 20rpx;font-size: 26rpx;color: #ea120f} -.pdres{margin-left: 10rpx;color: #8f8f94} -.ptgz{position: relative;font-size: 30rpx;padding-left: 20rpx;margin-top: 10rpx; overflow: hidden } -.shuxian{width: 6rpx;height: 28rpx; background: #ea120f; display: inline-block;top: 5rpx;position: relative; margin-right: 5rpx} -.ptgz_an{position: absolute;top:5rpx; right: 6rpx} -.ptgz_an .arrow-two{width:18rpx;height:18rpx;border-color:#da0b31; margin-top:30rpx;} - -.pt_fir.se{height: auto; margin-bottom: 10rpx} -.t_gz{padding: 10rpx 20rpx; font-size:28rpx } - -.pt_fir.se1{height: auto; margin: 0} -.pt_fir.se2{height: auto; margin: 0;/* border-top:6rpx solid #eeeeee;border-bottom:2rpx solid #eeeeee; */} - -.pt_hb{height:78rpx; line-height: 75rpx; position: relative; font-size: 32rpx;overflow: hidden;width:695rpx;margin-left:28rpx; - border-bottom: 1rpx solid #E5E5E5 } -.ptgz_an.xq{font-size: 32rpx; color:#d40024} -.wf{display: flex; padding: 20rpx 0;} -.wf .item{width: 24.5%; text-align: center; font-size: 26rpx; color: #666} -.wf .item .item_txy{position: relative;width: 60rpx; height: 60rpx; background: #ea120f; border-radius: 50%;left: 50%;margin-left: -30rpx; - border: 3px #dfdfdf solid; text-align: center;line-height: 60rpx; color: #fff; margin-bottom: 10rpx;} -.wf .item .item_txy.hs{ background: #cbcbcb;} -.po{margin-bottom: 20rpx;} - -.cart-btn.line-h{ line-height: 26rpx;} -.cart-btn .fir-v{ margin-top: 10rpx;} - -.hyt{ padding: 0 20rpx; font-size: 30rpx; display: flex; align-items:center; margin-top: 10rpx;} -.hyt .r_f{color: #e9120f;font-size: 26rpx;position: relative;top:3rpx} -.hyt .byj{color: #e9120f;font-size: 32rpx;position: relative;top:5rpx} - -.pt_fir .pt_fir_title.no-mar-b{margin-bottom: 0;padding-bottom: 10rpx; margin-left: 20rpx} -.pt_fir .pt_fir_title.boder-1{border-bottom: 1rpx #e7e7e7 solid} - -.jie_price{/* padding: 10rpx 30rpx; */} -.jie_price_title{font-size: 30rpx; color: #a26270; margin-bottom: 10rpx} -.price_list{display: flex; width: 100%;} -.price_item{width: 25%;font-size: 28rpx; color: #4c336c} - -.pt_fir.se2 .zzk-1{/* margin-top: 23rpx; */ font-size: 30rpx;position: relative; /* margin-bottom: 30rpx; */ border-left:4rpx solid red;/* margin-left:14rpx; */height:30rpx;line-height:30rpx;/* padding-left:5rpx; */} -.ckgd{/* position: absolute;top:0;right:57rpx; */ color:#d70025; font-size: 26rpx;} -.ckgd .arrow-one{width:14rpx;height:14rpx;border-color:#da0b31;/* margin-top:5rpx; */ margin:auto;} -.bview{ - position: fixed; top:0; left:0; width: 100%; height: 100%; - background-color: rgba(0, 0, 0, 0.5); -} -.juzhong{ - position: fixed; top:0; left:0; width: 100%; height: 100%; - display: flex; - flex-direction:row; - justify-content: center; - align-items: center; + position: fixed; + bottom: 0; + z-index: 20; + background: white; + width: 100%; + padding: 0 30rpx 30rpx; + font-size: 32rpx; + box-sizing: border-box; + overflow-x: hidden; } -.juzhong .xq{ padding: 0 20rpx; background: #fff; font-size: 30rpx; padding-bottom: 20rpx;} -.juzhong .xq .title{text-align: center; margin: 20rpx 0; position: relative; height: 50rpx;} -.juzhong .xq .hs1{font-size: 28rpx; color: #ab8f9e} -.juzhong .xq .title .close{position: absolute;top: 0; right: 0; width: 45rpx; height: 45rpx;} +.prom-model .prom-title { + text-align: center; + margin: 30rpx 0; +} -.pt_qd{/* margin-top: 40rpx; height: auto; */padding: 20rpx;} -.spec-cart-btn.w100{width: 95%; margin-left: 0; height: 75rpx; line-height:75rpx;margin: auto; } +.prom-model .logistics-item { + border: 0; +} -.sto_v{color: #333;} -.ellipsis{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} +.prom-model .item-mes { + width: 500rpx; +} +.integral-btn { + width: 100%; + padding: 0rpx; + margin: 0rpx; +} -/*---多少人参加团--*/ -.group { - padding-top:20rpx; - padding-bottom:20rpx; - width: 100%; - /* min-height: 92rpx; */ - border-bottom: 2rpx solid #ebedf0; +.clear { + clear: both; +} +.sto_v .title, +.sto_v .stitle { + border-top: 1rpx solid #dedede; + border-bottom: 1rpx solid #dedede; + height: 78rpx; + line-height: 78rpx; } -.group .group-list { - display: flex; - align-items: center; - justify-content: space-around; - /* height: 90rpx; */ - /* padding: 0 130rpx 0 100rpx; */ - /* width: 470rpx; - - position: absolute; */ +.sto_v .title .tubiao, +.sto_v .stitle .tubiao { + width: 32rpx; + height: 32rpx; + margin-top: 23rpx; } -.group .group-list .gtou { - width: 70rpx; - height: 70rpx; - /* float: left; - position: relative; - top: 6rpx; - left: -96rpx; */ +.itemlists .item { + border-bottom: 1rpx solid #dedede; + height: 72rpx; + line-height: 72rpx; + font-size: 28rpx; + margin: 0 10rpx; } -.group .group-list .gtou image { - display: block; - width: 100%; - height: 100%; - border-radius: 50%; - background-color: #f0f0f0; +.cshu { + margin-bottom: 30rpx; + margin-top: 20rpx; } -.group .group-list .gdn { - width: 140rpx; - text-align: center; - /* float: left; */ - font-size: 26rpx; - /* padding-left: 20rpx; */ - /* line-height: 48rpx; - height: 48rpx; - width: 168rpx; - position: relative; - left: -80rpx; - top:20rpx; */ - font-weight:bold; +.cshu view { + color: #999; + font-size: 30rpx; + margin-left: 26rpx; } -.group .group-list .ghaicha { - /* width:300rpx; */ - font-size: 27rpx; - /* margin-left:180rpx; - top:13rpx; - left:-3rpx; */ - font-weight: bold; +/*---活动特殊显示---*/ +.prom_show { + height: 120rpx; + display: flex; +} +.prom_show .secondkill-img { + width: 100%; + height: 100%; } -.group .group-list .ghaicha .gred { - /* height: 48rpx; - width: 300rpx; */ +.prom_show .spike-img { + width: 283rpx; + height: 57rpx; + top: 35rpx; + left: 31rpx; } -.gsj { - float: left; - color: #8f8f94; +.prom_show .stop { + color: #d81731; + top: 17rpx; + right: 65rpx; + font-weight: 600; } -.group .group-list .cjt { - height:42rpx; - width: 137rpx; - /* position: absolute; - right: 4rpx; - top:25rpx; */ - line-height: 42rpx; - font-size: 24rpx; - color: #fff; - border:2rpx solid #d60024; - background-color:#d60024; - border-radius:25rpx; +.prom_show .start { + color: #009ae2; + top: 17rpx; + right: 65rpx; + font-weight: 600; +} +.prom_show .timeac { + font-size: 32rpx; + height: 120rpx; + color: #333; } -.gbody { - background-color: white; +.prom_show .timeac.left { + width: 66%; + color: #fff; + background: #f23030; } -.t_show{/* overflow: hidden; */ display: flex; /* width: 300rpx; */ color: #292929; /* line-height: 36rpx; */font-size:26rpx; + +.prom_show .timeac.right { + width: 34%; + background-color: #d7d7d7; + text-align: center } -.join-cart>view.set_width { - width:58%; + +.prom_show .secview .day { + padding-right: 10rpx; } -/*秒杀样式zwp*/ -#zwpMs{ - width: 31%; - color: #fff; - background: url(https://mshopimg.yolipai.net/miniapp/images/user/bgred.png) no-repeat; - background-size: 100% 60px; +.prom_show .secview .time-val { + width: 36rpx; + height: 36rpx; + border-radius: 7rpx; + line-height: 36rpx; } +.prom_show .secview .time { + margin-right: 10rpx; + margin-left: 10rpx; +} -/*--------- 修改后的样式 -----------*/ -.elli{ - overflow : hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; -} -.one_elli{ - overflow : hidden; - text-overflow: ellipsis; - white-space:nowrap; -} - -.tuwen_title{ /* height: 86rpx; */ background-color:#eeeeee; /* margin-bottom: 32rpx; */ position: relative; - display: flex; justify-content: center;align-items: center; padding: 20rpx;} - -.tuwen_title .g_line{ - width:496rpx; - height:1rpx; - border-bottom:#ababab 1rpx solid; -} -.tuwen_title .center_s{ - width: 124rpx; position: absolute; height: 34rpx; background-color:#eeeeee; font-size: 32rpx; display: flex; - overflow: hidden; justify-content: center;align-items: center; -} -.tuwen_title .center_s image{ width: 34rpx; height: 26rpx; margin-right: 10rpx} -.t_g_info{ /* margin: 0 34rpx;margin-bottom: 20rpx; */ display: flex; align-items: center;padding: 20rpx; } -.red_shu{ width: 10rpx; height: 36rpx; background-color:#da0035; margin-right: 8rpx; } - -.tb-l{ /* line-height: 96rpx; */} -.table_s{ border:#e4e4e4 1rpx solid; box-sizing: border-box;font-size: 26rpx;} -.tb_item{display: flex; /* height: 96rpx; */ border-bottom: 1rpx solid #e4e4e4 } -.item_left{width: 210rpx; height: 100%; box-sizing:border-box; text-align: center;padding: 20rpx; background: #f9f9f9 ;border-right:2rpx solid #e4e4e4} .item_left text{ /* margin-left: 44rpx; */} -.item_right{flex:1; height: 100%; overflow : hidden;white-space:nowrap;text-overflow: ellipsis; padding: 20rpx;} -.item_right text{ /* margin-left: 66rpx; */} - -.table_s .tb-l:last-child {border-bottom: none;} - -.bzfu_img{ width: 164rpx; height:34rpx; /* margin-right: 18rpx; margin-left: 12rpx */ } - .bz_view{ /* height:100rpx; padding: 0 34rpx 0 13rpx; */ color: #333; font-size: 28rpx; padding: 20rpx 20rpx 20rpx 10rpx; - /* border-bottom: 3rpx solid #eee; */ - /* border-top: 3rpx solid #eee; */} - .bz_view view{ width: 460rpx; /* max-height: 70rpx; */ /* overflow: hidden; */} - -.bb_view{ display: flex;align-items: center;justify-content: space-between; padding: 20rpx; color: #333; - font-size: 30rpx; /* height: 104rpx; line-height: 104rpx; overflow: hidden; padding-right:26rpx */ } -.red_bb{ color: #d70026; /* min-width:158rpx;width: auto; */} -.bg_jj{ width: 14rpx; height:14rpx; - border-top: 2rpx solid #d70026; - border-right: 2rpx solid #d70026; - transform: rotate(45deg);display:inline-block; - margin-bottom:3rpx; -} -.bg_jj.down1{transform: rotate(135deg);} -.bz-content { - flex-grow: 1; - text-align: justify; - padding: 0 30rpx 0 20rpx; +.prom_show .timeac.left view { + margin-left: 20rpx } -/* 顶部边框 */ -.topframe{ - width: 100%; - height: 172rpx; - flex-direction: row; - justify-content: space-between; - border-bottom: 6rpx solid #eeeeee; - overflow: hidden; -} -/* 评价人边框*/ -.topframe .topframe-top{ - display: flex; - margin-top: 40rpx; - margin-bottom: 36rpx; - color: #7d7d7d; - padding-left: 20rpx; - font-size: 32rpx; +.prom_show .timeac.left view.firview { + margin-top: 10rpx } -/*评价人数量*/ -.topframe .topframe-top .topframe-top-val{ - margin-left: 15rpx; -} -.topframe-top-content{ - display: flex; - width: 36%; -} -/* 好评 */ -.topframe-praise{ - width: 61%; - text-align: right; - color: #dc4355; - font-size: 28rpx; -} -/* 按钮列表 */ -.buttem-list{ - width: 100%; - display: flex; - font-size: 20rpx; - overflow: hidden; +.prom_show .timeac.left view .tr_line { + text-decoration: line-through; + font-size: 28rpx; } -.buttem-list .item{ - min-width: 17%; - font-size: 24rpx; - border-radius: 20rpx; - background:#ffe3e2; - height:38rpx; - text-align: center; - line-height: 38rpx; - margin-left: 20rpx; +.prom_show .timeac.left view .bprice { + font-size: 50rpx; } -.buttem-list .item.red{ - color: #fff; - background: #d60022; +.prom_show .timeac.right view.firview { + margin-top: 12rpx; + margin-bottom: 10rpx } -/* 用户评价 */ -.middle{ - width: 95%; - margin:0 auto; -} -.middle-img-frame{ - height:65rpx; - display: flex; - margin-top: 32rpx; - +.prom_show .timeac.right view.secview { + display: flex; + text-align: center; + justify-content: center; + flex-direction: row; } -/* 评价的用户图片 */ -.middle-img{ - width:60rpx; - height:60rpx; - border-radius: 50%; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - margin-right: 15rpx; + +.prom_show .timeac.right view .tui-conutdown-box { + /* background: #6b6b6b; */ + width: auto; + /* min-width: 45rpx; */ + height: 45rpx; + color: #c4182e; + font-size: 27rpx; + text-align: center; + line-height: 46rpx; } -/* 评价的用户边框 */ -.middle-user-frame{ - height: 65rpx; - overflow: hidden; + +.huise { + background: gray } -.middle-user{ - height: 25; - font-size: 28rpx; + +.lanse { + background: #0199e2 } -/* 评价图片 */ -.middle-img-two{ - width: 115rpx; - height: 25rpx; - text-align: center; - margin-bottom:20rpx; - margin-left:5rpx; + + +/*------拼单------*/ +.pt_view { + text-align: center; + width: 100%; + height: 100rpx; + line-height: 100rpx; + font-size: 26rpx } -.xc-pirces{ - margin-top: 14rpx; + +.pt_view .secondkill-img { + width: 100%; + height: 100%; } -/* 评价文字 */ -.middle-font{ - font-size: 30rpx; - + +.pt_fir { + background: #fff; + /* margin-bottom: 10rpx; */ } -.iddle-goods-img{ - width: 100%; - display: flex; - margin-top:22rpx; + +.pt_fir .pt_fir_title { + display: flex; + align-items: center; + /* margin-left: 10rpx; margin-top: 20rpx; */ + font-size: 28rpx; + position: relative; } -/* 商品图片 */ -.goods-img{ - width: 156rpx; - height: 156rpx; - margin-left: 22rpx; - height: 100%; + +.pt_fir .pt_fir_title .kt_type { + color: #fff; + background: #e9030d; + width: 100rpx; + line-height: 40rpx; + border-radius: 6rpx; + margin: 0 10rpx; + height: 40rpx; + font-size: 24rpx; + text-align: center; } -.parameter-frame{ - margin-top:14rxp; - margin-bottom: 14rpx; - width:50%; - height: 30rpx; + +.pt_fir .pt_fir_title .price { + color: #e9030d; + font-size: 26rpx; } -.z_parameter{ - width:98%; - height: 45rpx; - display:flex; - line-height: 45rpx; - margin-top: 20rpx; - margin-bottom: 14rpx; - justify-content : space-between; + +.pt_fir .pt_fir_title .bigw { + font-size: 36rpx; } -.parameter-font{ - font-size: 26rpx; - + +.pt_fir .pt_fir_title .tprice { + text-decoration: line-through; + color: #949494 } -/* 规格 */ -.parameter-state{ - width: 100rpx; - font-size: 24rpx; - color: #c4c4c4; + +.pt_fir .pt_fir_title .tprice.ml50 { + margin-left: 50rpx } -.parameter-dian{ - display: flex; - width: 94rpx; - height: 33rpx; - font-size: 20rpx; - border-radius: 20rpx; - line-height:33rpx; - padding-left: 25rpx; - border:4rpx solid #eeeeee; +.pt_fir .pt_fir_title .js { + padding: 0 15rpx; + height: 40rpx; + background: #e9030d; + text-align: center; + border-radius: 8rpx; + color: #fff; + margin-left: 10rpx; } -/* 点赞图片 */ -.parameter-img{ - width: 27rpx; - height: 27rpx; - margin-top: 3rpx; + +.pt_fir .pt_fir_title .tuannum { + color: #e9030d; + position: absolute; + right: 20rpx; + font-size: 26rpx; } -.parameter-val{ - margin-left:25rpx; - font-size: 26rpx; - color: #999; + +.pding { + padding-top: 20rpx; + padding-left: 20rpx; + height: 81%; + padding-right: 20rpx; + font-size: 26rpx; + color: #ea120f } -/* 回复 */ -.reply{ - width: 95%; - height: 120rpx; - padding-top: 14rpx; - border-top:3rpx solid #eeeeee; - margin:0 auto; +.pdres { + margin-left: 10rpx; + color: #8f8f94 } -.shop-reply{ - height: 30rpx; - color:#d60022; - font-size:24rpx; - overflow: hidden; + +.ptgz { + position: relative; + font-size: 30rpx; + padding-left: 20rpx; + margin-top: 10rpx; + overflow: hidden } -.shop-font{ - width: 94%; - font-size: 24rpx; - padding-top: 10rpx; - + +.shuxian { + width: 6rpx; + height: 28rpx; + background: #ea120f; + display: inline-block; + top: 5rpx; + position: relative; + margin-right: 5rpx } -.line_bulge{ - width: 17rpx; - height: 17rpx; - border-top: 1rpx solid #eeeeee; - border-left: 1rpx solid #eeeeee; - transform:rotate(45deg); - position: absolute; - top: -12rpx; - left:50rpx; - background:#fff; + +.ptgz_an { + position: absolute; + top: 5rpx; + right: 6rpx } +.ptgz_an .arrow-two { + width: 18rpx; + height: 18rpx; + border-color: #da0b31; + margin-top: 30rpx; +} -.xc_comment{ - display: flex; - justify-content: space-around; - width: 100%; - box-sizing: border-box; - padding: 10rpx 20rpx; - /* height: 42rpx; - padding-left: 34rpx; */ - color: #333; +.pt_fir.se { + height: auto; + margin-bottom: 10rpx +} +.t_gz { + padding: 10rpx 20rpx; + font-size: 28rpx } -.xc_comment-have-pictures{ - width: 153rpx; - /* height: 42rpx; */ - line-height: 42rpx; - text-align: center; - background: #ffe3e2; - color: 28rpx; - border-radius:21rpx; - font-size: 24rpx; -} -.xc_comment-discuss{ - width: 152rpx; - height: 42rpx; - line-height: 42rpx; - text-align: center; - background: #ffe3e2; - color: 28rpx; - border-radius:20rpx; - font-size: 24rpx; - margin-left: 28rpx + +.pt_fir.se1 { + height: auto; + margin: 0 } -.xc_comment-detail{ - display: flex; - /* margin-top: 40rpx; */ - /* width: 524rpx; */ - /* margin-left: 34rpx; */ - border-radius: 24rpx; - border: 2rpx solid #ebedf0; - margin-left: 20rpx; - box-sizing: border-box; - /* overflow: hidden; */ -} - -.xc_user-img{ - border-radius:50%; - margin: auto 0; +.pt_fir.se2 { + height: auto; + margin: 0; + /* border-top:6rpx solid #eeeeee;border-bottom:2rpx solid #eeeeee; */ } -.xc_comment-user{ - display: flex; - /* margin-top: 22rpx; - margin-left: 22rpx; */ +.pt_hb { + height: 78rpx; + line-height: 75rpx; + position: relative; + font-size: 32rpx; + overflow: hidden; + width: 695rpx; + margin-left: 28rpx; + border-bottom: 1rpx solid #E5E5E5 } -.xc_user{ - width: 170rpx; - height: 60rpx; - margin-left: 6rpx; - overflow: hidden; + +.ptgz_an.xq { + font-size: 32rpx; + color: #d40024 } -.xc_user-name{ /* height: 25rpx; */} -.xc_comment-img{ - width: 22rpx; - height: 22rpx; - /* margin-top: 14rpx; */ - margin-right: 5rpx -} -.xc_comment-font{ - /* height: 75rpx; */ - /* margin-left: 22rpx; */ - white-space:normal; - overflow: hidden; - /* margin-top: 8rpx; - line-height: 38rpx; */ +.wf { + display: flex; + padding: 20rpx 0; } -.xc_comment-val{ - /* width: 88%; - height: 30rpx; - margin-left: 22rpx; - display: flex; - margin-top: 15rpx; - margin-bottom:15rpx; */ + +.wf .item { + width: 24.5%; + text-align: center; + font-size: 26rpx; + color: #666 } -.xc_comment-time{ - /* height: 30rpx; */ - font-size: 22rpx; - color: #a5a5a5; - overflow: hidden; +.wf .item .item_txy { + position: relative; + width: 60rpx; + height: 60rpx; + background: #ea120f; + border-radius: 50%; + left: 50%; + margin-left: -30rpx; + border: 3px #dfdfdf solid; + text-align: center; + line-height: 60rpx; + color: #fff; + margin-bottom: 10rpx; } -.xc_goods-img{ - width: 180rpx;height: 180rpx; +.wf .item .item_txy.hs { + background: #cbcbcb; } -.xc_comment-left{ - display:inline-block; - width: 312rpx; - padding: 20rpx; + +.po { + margin-bottom: 20rpx; } -.xc_goods-img-frame{ - border-radius: 0 22rpx 22rpx 0; - overflow: hidden; - /* display:inline-block; */ - /* width: 40%; - height: 90%; - text-align: center; - padding-top: 30rpx; - vertical-align: top; */ + +.cart-btn.line-h { + line-height: 26rpx; } -.xc_imgs{ - width: 50rpx; - height:50rpx; - border-radius:50%; - margin-right: 5rpx; + +.cart-btn .fir-v { + margin-top: 10rpx; } -.pj_word_size{ font-size: 28rpx} -.pj_scroll{ - /* white-space: nowrap; */ - /* height: 324rpx; */ - /* margin-bottom: 50rpx; */ +.hyt { + padding: 0 20rpx; + font-size: 30rpx; display: flex; align-items: center; - padding: 20rpx 0; - /* box-sizing: border-box; */ - /* box-shadow: 0 8px 12px #e7e9eb; */ + margin-top: 10rpx; } - -/*领券*/ -.three-level-word{ - font-size: 25rpx; -} -.four-level-word{ - font-size: 23rpx; -} -.cx-frame{ - /* border-top:3rpx solid #eee; */ - /* width:99%; - height: 95rpx; - line-height: 95rpx; - padding-left:24rpx; */ - padding: 20rpx; -} -.cx-frame .cx-sizs{ - /* width: 68rpx; */ - /* height: 100%; */ - /* line-height: 100rpx; */ - /* overflow: hidden; */ - /* margin-left: 10rpx; */ +.hyt .r_f { + color: #e9120f; + font-size: 26rpx; + position: relative; + top: 3rpx } -.xc-coupon-fram{ - position: relative; - margin-right: 16rpx; - /* width:200rpx; */ - /* padding-top:30rpx; */ +.hyt .byj { + color: #e9120f; + font-size: 32rpx; + position: relative; + top: 5rpx } -.xc-coupon-fram .xc-coupon{ - /* width:175rpx ; - height: 40rpx; - line-height: 40rpx; */ - background-color:#d60021 ; - /* margin:0 auto; */ - color:#fff; - padding: 6rpx 20rpx; +.pt_fir .pt_fir_title.no-mar-b { + margin-bottom: 0; + padding-bottom: 10rpx; + margin-left: 20rpx } -.xc-coupon-fram .xc-circular{ - width: 16rpx; - height:16rpx; - background-color: white; - position:absolute; - top: 50%; - /* left: -10rpx; */ - transform: translateY(-50%); + +.pt_fir .pt_fir_title.boder-1 { + border-bottom: 1rpx #e7e7e7 solid } -.xc-coupon-fram .xc-one{ - left: -8rpx; + +.jie_price { + /* padding: 10rpx 30rpx; */ } -.xc-coupon-fram .xc-two{ - right: -8rpx; + +.jie_price_title { + font-size: 30rpx; + color: #a26270; + margin-bottom: 10rpx } -.cx-obtain-coupon{ - /* width: 65rpx; - height: 100%; - padding-left:15rpx; */ - color: #d70025; - display: flex; - align-items: center; - /* position: absolute; - right: 5rpx; */ +.price_list { + display: flex; + width: 100%; } -/* 自定义弹出窗口 */ -.cx-popup{ - width:100%; - background: #fff; - z-index: 35; - border-top-left-radius: 25rpx; - border-top-right-radius: 25rpx; - position:fixed; - bottom:0; -} - -.cx-popup .top{ - /* width: 90%; - height:85rpx; */ - font-size: 32rpx; - padding: 20rpx 0; - border-bottom: 2rpx solid #ebedf0; - /* padding-top: 50rpx; - font-weight:600; */ +.price_item { + width: 25%; + font-size: 28rpx; + color: #4c336c +} +.pt_fir.se2 .zzk-1 { + /* margin-top: 23rpx; */ + font-size: 30rpx; + position: relative; + /* margin-bottom: 30rpx; */ + border-left: 4rpx solid red; + /* margin-left:14rpx; */ + height: 30rpx; + line-height: 30rpx; + /* padding-left:5rpx; */ } -.cx-popup .top-frame{ - /* width: 100%; - display: flex; - justify-content: center; - overflow: hidden; */ + +.ckgd { + /* position: absolute;top:0;right:57rpx; */ + color: #d70025; + font-size: 26rpx; } -.xc-valid-coupon{ - width: 90%; - height:40rpx; - padding-top: 24rpx; - overflow: hidden; + +.ckgd .arrow-one { + width: 14rpx; + height: 14rpx; + border-color: #da0b31; + /* margin-top:5rpx; */ + margin: auto; } -.xc-frame{ - position: relative; + +.bview { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); } -.xc-coupon-frame { - width: 100%; - max-height: 560rpx; - overflow: auto; - + +.juzhong { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; } -.xc-coupon-frame .rel:not(:first-child) { - margin-top: 20rpx; + +.juzhong .xq { + padding: 0 20rpx; + background: #fff; + font-size: 30rpx; + padding-bottom: 20rpx; } -.xc-coupon-frame .coupon { - width:100%; - height: 168rpx; - border-radius: 25rpx; - border:2rpx solid #ffdcdc; - overflow: hidden; - /* margin-top:16rpx; */ - box-sizing: border-box; +.juzhong .xq .title { + text-align: center; + margin: 20rpx 0; + position: relative; + height: 50rpx; } -/* .xc-coupon-frame .coupon ~ .coupon { - margin-top:16rpx; -} */ -.xc-coupon-left{ - width: 216rpx; - /* height: 100%; */ - background-color: #ffeeef; - border-right: 4rpx dashed #ffdbd9; - overflow: hidden; - /* line-height: 100%; */ - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - flex-shrink: 0; -} -.xc-money{ - color: #f30026; - text-align:center; -} -.xc-rmb{ - /* width:44rpx; - padding-top:7rpx; */ + +.juzhong .xq .hs1 { + font-size: 28rpx; + color: #ab8f9e } -.xc-money-frame{ - /* margin-left:35rpx; - margin-top:48rpx; */ +.juzhong .xq .title .close { + position: absolute; + top: 0; + right: 0; + width: 45rpx; + height: 45rpx; } -.xc-spacing{ - letter-spacing:4rpx; + +.pt_qd { + /* margin-top: 40rpx; height: auto; */ + padding: 20rpx; } -.xc-circular-one{ - position: absolute; - top:-15rpx; - left:205rpx; - width: 30rpx; - height: 30rpx; - background: #fff; - overflow: hidden; + +.spec-cart-btn.w100 { + width: 95%; + margin-left: 0; + height: 75rpx; + line-height: 75rpx; + margin: auto; } -.xc-circular-two{ - position: absolute; - bottom: -15rpx; - /* top:150rpx; */ - left:205rpx; - width: 30rpx; - height:30rpx; - background: #fff; -} -.xc-detail-coupon{ - /* margin-left: 22rpx; - overflow: hidden; - padding-top: 43rpx; */ - /* display: flex; - align-items: center; */ + +.sto_v { + color: #333; } -.xc-coupon-right{ - /* width: 455rpx; - height: 100%; */ - background: #fffaf9; - padding: 20rpx; - box-sizing: border-box; - width: 100%; - justify-content: space-between; - align-items: center; + +.ellipsis { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } -.xc-below{ - margin-top:20rpx; + + +/*---多少人参加团--*/ +.group { + padding-top: 20rpx; + padding-bottom: 20rpx; + width: 100%; + /* min-height: 92rpx; */ + border-bottom: 2rpx solid #ebedf0; } -.xc-get{ + +.group .group-list { + display: flex; + align-items: center; + justify-content: space-around; + /* height: 90rpx; */ + /* padding: 0 130rpx 0 100rpx; */ + /* width: 470rpx; - width: 140rpx; - /* height: 48rpx; */ - color: #fff; - text-align: center; - border-radius:27rpx; - line-height:54rpx; - /* margin-left:20rpx; */ + position: absolute; */ } -.background{ - background:#f40028; +.group .group-list .gtou { + width: 70rpx; + height: 70rpx; + /* float: left; + position: relative; + top: 6rpx; + left: -96rpx; */ } -/*--不可使用--*/ -.background.nouse{ - background:gainsboro; + +.group .group-list .gtou image { + display: block; + width: 100%; + height: 100%; + border-radius: 50%; + background-color: #f0f0f0; } -.xc-background{ - background:#b9b9b9; +.group .group-list .gdn { + width: 140rpx; + text-align: center; + /* float: left; */ + font-size: 26rpx; + /* padding-left: 20rpx; */ + /* line-height: 48rpx; + height: 48rpx; + width: 168rpx; + position: relative; + left: -80rpx; + top:20rpx; */ + font-weight: bold; } +.group .group-list .ghaicha { + /* width:300rpx; */ + font-size: 27rpx; + /* margin-left:180rpx; + top:13rpx; + left:-3rpx; */ + font-weight: bold; + -.cx-confirm{ - width: 100%; - padding: 20rpx; - box-sizing: border-box; - /* height: 160rpx; */ - } -.cx-confirm .confirm{ - /* width: 372rpx; - height: 60rpx; */ - background-color: #f40026; - color: #fff; - border-radius:10rpx; - line-height: 80rpx; - font-size: 28rpx; +.group .group-list .ghaicha .gred { + /* height: 48rpx; + width: 300rpx; */ } -.up{ animation: up .7s; } -.down{ animation: down 1s; } -@keyframes up { 0% { transform: translateY(550rpx); } 100% { transform: translateY(0); } } -@keyframes down { 0% { transform: translateY(0); } 100% { transform: translateY(550rpx); } } +.gsj { + float: left; + color: #8f8f94; +} +.group .group-list .cjt { + height: 42rpx; + width: 137rpx; + /* position: absolute; + right: 4rpx; + top:25rpx; */ + line-height: 42rpx; + font-size: 24rpx; + color: #fff; + border: 2rpx solid #d60024; + background-color: #d60024; + border-radius: 25rpx; -/* 分享 */ -.icon-share { - font-size: 46rpx; - color: #d60021; } -.xc-share-frame{ - /* width: 129rpx; - height: 48rpx; - border-top-left-radius: 18rpx; - border-bottom-left-radius: 18rpx; */ - /* background: #d60021; */ - /* position:absolute; - left:622rpx; - top:-37rpx; - line-height:50rpx; - margin-top:52rpx; */ + +.gbody { + background-color: white; } -.xc-share-frame-jieti{ - width: 129rpx; - height: 48rpx; - border-top-left-radius: 18rpx; - border-bottom-left-radius: 18rpx; - background: #d60021; - line-height:50rpx; + +.t_show { + /* overflow: hidden; */ + display: flex; + /* width: 300rpx; */ + color: #292929; + /* line-height: 36rpx; */ + font-size: 26rpx; +} + +.join-cart>view.set_width { + width: 58%; +} + +/*秒杀样式zwp*/ +#zwpMs { + width: 31%; + color: #fff; + background: url(https://mshopimg.yolipai.net/miniapp/images/user/bgred.png) no-repeat; + background-size: 100% 60px; +} + + +/*--------- 修改后的样式 -----------*/ +.elli { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; +} + +.one_elli { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.tuwen_title { + /* height: 86rpx; */ + background-color: #eeeeee; + /* margin-bottom: 32rpx; */ + position: relative; + display: flex; + justify-content: center; + align-items: center; + padding: 20rpx; +} + +.tuwen_title .g_line { + width: 496rpx; + height: 1rpx; + border-bottom: #ababab 1rpx solid; +} + +.tuwen_title .center_s { + width: 124rpx; + position: absolute; + height: 34rpx; + background-color: #eeeeee; + font-size: 32rpx; + display: flex; + overflow: hidden; + justify-content: center; + align-items: center; +} + +.tuwen_title .center_s image { + width: 34rpx; + height: 26rpx; + margin-right: 10rpx +} + +.t_g_info { + /* margin: 0 34rpx;margin-bottom: 20rpx; */ + display: flex; + align-items: center; + padding: 20rpx; +} + +.red_shu { + width: 10rpx; + height: 36rpx; + background-color: #da0035; + margin-right: 8rpx; +} + +.tb-l { + /* line-height: 96rpx; */ +} + +.table_s { + border: #e4e4e4 1rpx solid; + box-sizing: border-box; + font-size: 26rpx; +} + +.tb_item { + display: flex; + /* height: 96rpx; */ + border-bottom: 1rpx solid #e4e4e4 +} + +.item_left { + width: 210rpx; + height: 100%; + box-sizing: border-box; + text-align: center; + padding: 20rpx; + background: #f9f9f9; + border-right: 2rpx solid #e4e4e4 +} + +.item_left text { + /* margin-left: 44rpx; */ +} + +.item_right { + flex: 1; + height: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: 20rpx; +} + +.item_right text { + /* margin-left: 66rpx; */ +} + +.table_s .tb-l:last-child { + border-bottom: none; +} + +.bzfu_img { + width: 164rpx; + height: 34rpx; + /* margin-right: 18rpx; margin-left: 12rpx */ +} + +.bz_view { + /* height:100rpx; padding: 0 34rpx 0 13rpx; */ + color: #333; + font-size: 28rpx; + padding: 20rpx 20rpx 20rpx 10rpx; + /* border-bottom: 3rpx solid #eee; */ + /* border-top: 3rpx solid #eee; */ +} + +.bz_view view { + width: 460rpx; + /* max-height: 70rpx; */ + /* overflow: hidden; */ +} + +.bb_view { + display: flex; + align-items: center; + justify-content: space-between; + padding: 20rpx; + color: #333; + font-size: 30rpx; + /* height: 104rpx; line-height: 104rpx; overflow: hidden; padding-right:26rpx */ +} + +.red_bb { + color: #d70026; + /* min-width:158rpx;width: auto; */ +} + +.bg_jj { + width: 14rpx; + height: 14rpx; + border-top: 2rpx solid #d70026; + border-right: 2rpx solid #d70026; + transform: rotate(45deg); + display: inline-block; + margin-bottom: 3rpx; +} + +.bg_jj.down1 { + transform: rotate(135deg); +} + +.bz-content { + flex-grow: 1; + text-align: justify; + padding: 0 30rpx 0 20rpx; +} + +/* 顶部边框 */ +.topframe { + width: 100%; + height: 172rpx; + flex-direction: row; + justify-content: space-between; + border-bottom: 6rpx solid #eeeeee; + overflow: hidden; +} + +/* 评价人边框*/ +.topframe .topframe-top { + display: flex; + margin-top: 40rpx; + margin-bottom: 36rpx; + color: #7d7d7d; + padding-left: 20rpx; + font-size: 32rpx; +} + +/*评价人数量*/ +.topframe .topframe-top .topframe-top-val { + margin-left: 15rpx; + +} + +.topframe-top-content { + display: flex; + width: 36%; +} + +/* 好评 */ +.topframe-praise { + width: 61%; + text-align: right; + color: #dc4355; + font-size: 28rpx; +} + +/* 按钮列表 */ +.buttem-list { + width: 100%; + display: flex; + font-size: 20rpx; + overflow: hidden; +} + +.buttem-list .item { + min-width: 17%; + font-size: 24rpx; + border-radius: 20rpx; + background: #ffe3e2; + height: 38rpx; + text-align: center; + line-height: 38rpx; + margin-left: 20rpx; +} + +.buttem-list .item.red { + color: #fff; + background: #d60022; +} + +/* 用户评价 */ +.middle { + width: 95%; + margin: 0 auto; +} + +.middle-img-frame { + height: 65rpx; + display: flex; + margin-top: 32rpx; + +} + +/* 评价的用户图片 */ +.middle-img { + width: 60rpx; + height: 60rpx; + border-radius: 50%; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + margin-right: 15rpx; +} + +/* 评价的用户边框 */ +.middle-user-frame { + height: 65rpx; + overflow: hidden; +} + +.middle-user { + height: 25; + font-size: 28rpx; +} + +/* 评价图片 */ +.middle-img-two { + width: 115rpx; + height: 25rpx; + text-align: center; + margin-bottom: 20rpx; + margin-left: 5rpx; +} + +.xc-pirces { + margin-top: 14rpx; +} + +/* 评价文字 */ +.middle-font { + font-size: 30rpx; + +} + +.iddle-goods-img { + width: 100%; + display: flex; + margin-top: 22rpx; +} + +/* 商品图片 */ +.goods-img { + width: 156rpx; + height: 156rpx; + margin-left: 22rpx; + height: 100%; +} + +.parameter-frame { + margin-top: 14rxp; + margin-bottom: 14rpx; + width: 50%; + height: 30rpx; +} + +.z_parameter { + width: 98%; + height: 45rpx; + display: flex; + line-height: 45rpx; + margin-top: 20rpx; + margin-bottom: 14rpx; + justify-content: space-between; +} + +.parameter-font { + font-size: 26rpx; + +} + +/* 规格 */ +.parameter-state { + width: 100rpx; + font-size: 24rpx; + color: #c4c4c4; +} + +.parameter-dian { + display: flex; + width: 94rpx; + height: 33rpx; + font-size: 20rpx; + border-radius: 20rpx; + line-height: 33rpx; + padding-left: 25rpx; + border: 4rpx solid #eeeeee; + +} + +/* 点赞图片 */ +.parameter-img { + width: 27rpx; + height: 27rpx; + margin-top: 3rpx; +} + +.parameter-val { + margin-left: 25rpx; + font-size: 26rpx; + color: #999; } -.xc-share-frame .share-font,.xc-share-frame-jieti .share-font{ - font-size: 32rpx; - color:#fff; - margin-left:10rpx; +/* 回复 */ +.reply { + width: 95%; + height: 120rpx; + padding-top: 14rpx; + border-top: 3rpx solid #eeeeee; + margin: 0 auto; + +} + +.shop-reply { + height: 30rpx; + color: #d60022; + font-size: 24rpx; + overflow: hidden; +} + +.shop-font { + width: 94%; + font-size: 24rpx; + padding-top: 10rpx; + +} + +.line_bulge { + width: 17rpx; + height: 17rpx; + border-top: 1rpx solid #eeeeee; + border-left: 1rpx solid #eeeeee; + transform: rotate(45deg); + position: absolute; + top: -12rpx; + left: 50rpx; + background: #fff; +} + + +.xc_comment { + display: flex; + justify-content: space-around; + width: 100%; + box-sizing: border-box; + padding: 10rpx 20rpx; + /* height: 42rpx; + padding-left: 34rpx; */ + color: #333; + +} + +.xc_comment-have-pictures { + width: 153rpx; + /* height: 42rpx; */ + line-height: 42rpx; + text-align: center; + background: #ffe3e2; + color: 28rpx; + border-radius: 21rpx; + font-size: 24rpx; +} + +.xc_comment-discuss { + width: 152rpx; + height: 42rpx; + line-height: 42rpx; + text-align: center; + background: #ffe3e2; + color: 28rpx; + border-radius: 20rpx; + font-size: 24rpx; + margin-left: 28rpx +} + +.xc_comment-detail { + display: flex; + /* margin-top: 40rpx; */ + /* width: 524rpx; */ + /* margin-left: 34rpx; */ + border-radius: 24rpx; + border: 2rpx solid #ebedf0; + margin-left: 20rpx; + box-sizing: border-box; + /* overflow: hidden; */ +} + +.xc_user-img { + border-radius: 50%; + margin: auto 0; +} + +.xc_comment-user { + display: flex; + /* margin-top: 22rpx; + margin-left: 22rpx; */ +} + +.xc_user { + width: 170rpx; + height: 60rpx; + margin-left: 6rpx; + overflow: hidden; +} +.xc_user-name { + /* height: 25rpx; */ } +.xc_comment-img { + width: 22rpx; + height: 22rpx; + /* margin-top: 14rpx; */ + margin-right: 5rpx +} + +.xc_comment-font { + /* height: 75rpx; */ + /* margin-left: 22rpx; */ + white-space: normal; + overflow: hidden; + /* margin-top: 8rpx; + line-height: 38rpx; */ + +} -.xc-share-frame .share-frame,.xc-share-frame-jieti .share-frame{ - width: 30rpx; +.xc_comment-val { + /* width: 88%; height: 30rpx; - margin-top:9rpx; - margin-left: 10rpx; + margin-left: 22rpx; + display: flex; + margin-top: 15rpx; + margin-bottom:15rpx; */ +} + +.xc_comment-time { + /* height: 30rpx; */ + font-size: 22rpx; + color: #a5a5a5; + overflow: hidden; +} +.xc_goods-img { + width: 180rpx; + height: 180rpx; } -.xc-share { - width:90%; - height:800rpx; - background:#fff; - z-index:35; -} -.img-frame{ - position: absolute; - top: 175rpx; - left:100rpx; - z-index: 55; - overflow:hidden; - -} -.img-frame .img{ - width: 100rpx; - height: 100rpx; - -} -.xc-share .top{ - height: 85rpx; - width: 100%; - border-bottom: 4rpx dashed #f5f5f5; - overflow:hidden; - -} -.xc-share .name{ - font-size: 25rpx; - margin-left:180rpx; - color:#000; - -} - -.xc-share .recommend{ - width: 110rpx; - height: 12rpx; - color: #fff; - background: #d60021; - font-size: 20rpx; - border-radius:25rpx; - margin-left:10rpx; - line-height:37rpx; -} -.xc-left-circle{ - width: 40rpx; - height: 25rpx; - position: absolute; - top:280rpx; - left:29rpx; - z-index: 55; - background:#727272; - border-radius:50rpx 50rpx 0 0; - transform:rotate(90deg); - -} -.xc-right-circle{ - width: 40rpx; - height: 25rpx; - position: absolute; - top: 280rpx; - left:683rpx; - z-index: 55; - background:#727272; - border-radius:50rpx 50rpx 0 0; - transform:rotate(270deg); - -} -.xc-circle-frame{ - width: 25rpx; - height: 40rpx; - overflow: hidden; + +.xc_comment-left { + display: inline-block; + width: 312rpx; + padding: 20rpx; +} + +.xc_goods-img-frame { + border-radius: 0 22rpx 22rpx 0; + overflow: hidden; + /* display:inline-block; */ + /* width: 40%; + height: 90%; + text-align: center; + padding-top: 30rpx; + vertical-align: top; */ +} + +.xc_imgs { + width: 50rpx; + height: 50rpx; + border-radius: 50%; + margin-right: 5rpx; +} + +.pj_word_size { + font-size: 28rpx +} + +.pj_scroll { + /* white-space: nowrap; */ + /* height: 324rpx; */ + /* margin-bottom: 50rpx; */ + display: flex; + align-items: center; + padding: 20rpx 0; + /* box-sizing: border-box; */ + /* box-shadow: 0 8px 12px #e7e9eb; */ +} + + +/*领券*/ +.three-level-word { + font-size: 25rpx; +} + +.four-level-word { + font-size: 23rpx; +} + +.cx-frame { + /* border-top:3rpx solid #eee; */ + /* width:99%; + height: 95rpx; + line-height: 95rpx; + padding-left:24rpx; */ + padding: 20rpx; +} + +.cx-frame .cx-sizs { + /* width: 68rpx; */ + /* height: 100%; */ + /* line-height: 100rpx; */ + /* overflow: hidden; */ + /* margin-left: 10rpx; */ +} + +.xc-coupon-fram { + position: relative; + margin-right: 16rpx; + /* width:200rpx; */ + /* padding-top:30rpx; */ + +} + +.xc-coupon-fram .xc-coupon { + /* width:175rpx ; + height: 40rpx; + line-height: 40rpx; */ + background-color: #d60021; + /* margin:0 auto; */ + color: #fff; + padding: 6rpx 20rpx; + +} + +.xc-coupon-fram .xc-circular { + width: 16rpx; + height: 16rpx; + background-color: white; + position: absolute; + top: 50%; + /* left: -10rpx; */ + transform: translateY(-50%); +} + +.xc-coupon-fram .xc-one { + left: -8rpx; +} + +.xc-coupon-fram .xc-two { + right: -8rpx; +} + +.cx-obtain-coupon { + /* width: 65rpx; + height: 100%; + padding-left:15rpx; */ + color: #d70025; + display: flex; + align-items: center; + /* position: absolute; + right: 5rpx; */ +} + +/* 自定义弹出窗口 */ +.cx-popup { + width: 100%; + background: #fff; + z-index: 35; + border-top-left-radius: 25rpx; + border-top-right-radius: 25rpx; + position: fixed; + bottom: 0; +} + +.cx-popup .top { + /* width: 90%; + height:85rpx; */ + font-size: 32rpx; + padding: 20rpx 0; + border-bottom: 2rpx solid #ebedf0; + /* padding-top: 50rpx; + font-weight:600; */ + +} + +.cx-popup .top-frame { + /* width: 100%; + display: flex; + justify-content: center; + overflow: hidden; */ +} + +.xc-valid-coupon { + width: 90%; + height: 40rpx; + padding-top: 24rpx; + overflow: hidden; +} + +.xc-frame { + position: relative; +} + +.xc-coupon-frame { + width: 100%; + max-height: 560rpx; + overflow: auto; + +} + +.xc-coupon-frame .rel:not(:first-child) { + margin-top: 20rpx; +} + +.xc-coupon-frame .coupon { + width: 100%; + height: 168rpx; + border-radius: 25rpx; + border: 2rpx solid #ffdcdc; + overflow: hidden; + /* margin-top:16rpx; */ + box-sizing: border-box; + +} + +/* .xc-coupon-frame .coupon ~ .coupon { + margin-top:16rpx; +} */ +.xc-coupon-left { + width: 216rpx; + /* height: 100%; */ + background-color: #ffeeef; + border-right: 4rpx dashed #ffdbd9; + overflow: hidden; + /* line-height: 100%; */ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + flex-shrink: 0; +} + +.xc-money { + color: #f30026; + text-align: center; +} + +.xc-rmb { + /* width:44rpx; + padding-top:7rpx; */ +} + +.xc-money-frame { + /* margin-left:35rpx; + margin-top:48rpx; */ + +} + +.xc-spacing { + letter-spacing: 4rpx; +} + +.xc-circular-one { + position: absolute; + top: -15rpx; + left: 205rpx; + width: 30rpx; + height: 30rpx; + background: #fff; + overflow: hidden; +} + +.xc-circular-two { + position: absolute; + bottom: -15rpx; + /* top:150rpx; */ + left: 205rpx; + width: 30rpx; + height: 30rpx; + background: #fff; +} + +.xc-detail-coupon { + /* margin-left: 22rpx; + overflow: hidden; + padding-top: 43rpx; */ + /* display: flex; + align-items: center; */ +} + +.xc-coupon-right { + /* width: 455rpx; + height: 100%; */ + background: #fffaf9; + padding: 20rpx; + box-sizing: border-box; + width: 100%; + justify-content: space-between; + align-items: center; +} + +.xc-below { + margin-top: 20rpx; + +} + +.xc-get { + + width: 140rpx; + /* height: 48rpx; */ + color: #fff; + text-align: center; + border-radius: 27rpx; + line-height: 54rpx; + /* margin-left:20rpx; */ +} + +.background { + background: #f40028; +} + +/*--不可使用--*/ +.background.nouse { + background: gainsboro; +} + +.xc-background { + background: #b9b9b9; +} + + +.cx-confirm { + width: 100%; + padding: 20rpx; + box-sizing: border-box; + /* height: 160rpx; */ + +} + +.cx-confirm .confirm { + /* width: 372rpx; + height: 60rpx; */ + background-color: #f40026; + color: #fff; + border-radius: 10rpx; + line-height: 80rpx; + font-size: 28rpx; + +} + +.up { + animation: up .7s; +} + +.down { + animation: down 1s; +} + +@keyframes up { + 0% { + transform: translateY(550rpx); + } + + 100% { + transform: translateY(0); + } +} + +@keyframes down { + 0% { + transform: translateY(0); + } + + 100% { + transform: translateY(550rpx); + } +} + + +/* 分享 */ +.icon-share { + font-size: 46rpx; + color: #d60021; +} + +.xc-share-frame { + /* width: 129rpx; + height: 48rpx; + border-top-left-radius: 18rpx; + border-bottom-left-radius: 18rpx; */ + /* background: #d60021; */ + /* position:absolute; + left:622rpx; + top:-37rpx; + line-height:50rpx; + margin-top:52rpx; */ +} + +.xc-share-frame-jieti { + width: 129rpx; + height: 48rpx; + border-top-left-radius: 18rpx; + border-bottom-left-radius: 18rpx; + background: #d60021; + line-height: 50rpx; +} + +.xc-share-frame .share-font, +.xc-share-frame-jieti .share-font { + font-size: 32rpx; + color: #fff; + margin-left: 10rpx; + +} + + +.xc-share-frame .share-frame, +.xc-share-frame-jieti .share-frame { + width: 30rpx; + height: 30rpx; + margin-top: 9rpx; + margin-left: 10rpx; + +} + +.xc-share { + width: 90%; + height: 800rpx; + background: #fff; + z-index: 35; +} + +.img-frame { + position: absolute; + top: 175rpx; + left: 100rpx; + z-index: 55; + overflow: hidden; + +} + +.img-frame .img { + width: 100rpx; + height: 100rpx; + +} + +.xc-share .top { + height: 85rpx; + width: 100%; + border-bottom: 4rpx dashed #f5f5f5; + overflow: hidden; + +} + +.xc-share .name { + font-size: 25rpx; + margin-left: 180rpx; + color: #000; + +} + +.xc-share .recommend { + width: 110rpx; + height: 12rpx; + color: #fff; + background: #d60021; + font-size: 20rpx; + border-radius: 25rpx; + margin-left: 10rpx; + line-height: 37rpx; +} + +.xc-left-circle { + width: 40rpx; + height: 25rpx; + position: absolute; + top: 280rpx; + left: 29rpx; + z-index: 55; + background: #727272; + border-radius: 50rpx 50rpx 0 0; + transform: rotate(90deg); + +} + +.xc-right-circle { + width: 40rpx; + height: 25rpx; + position: absolute; + top: 280rpx; + left: 683rpx; + z-index: 55; + background: #727272; + border-radius: 50rpx 50rpx 0 0; + transform: rotate(270deg); + +} + +.xc-circle-frame { + width: 25rpx; + height: 40rpx; + overflow: hidden; +} + +.xc-goods-name { + width: 95%; + font-size: 35rpx; + padding-left: 75rpx; + height: 50rpx; + padding-top: 10rpx; + color: #000; + +} + +.xc-good-img { + width: 100%; + height: 381rpx; + margin-top: 5rpx; + +} + +.xc-good-img .img { + width: 90%; + height: 381rpx; +} + +.xc-ensure-frame { + width: 90%; + height: 60rpx; + border-bottom: 2rpx solid #d8d6d7; +} + +.xc-ensure { + width: 30%; + height: 60rpx; + line-height: 60rpx; +} + +xc-ensure-div { + width: 100%; + height: 60rpx; +} + +.xc-ensure .word { + font-size: 25rpx; + color: #d30025; + margin-left: 9rpx; + +} + +.xc-ensure .img { + width: 25rpx; + height: 25rpx; + margin-top: 18rpx; + +} + +.xc-bottmon { + width: 100%; +} + +.xc-bottmon .xc-left { + width: 55%; + margin-top: 30rpx; + padding-left: 20rpx; + +} + +.xc-left .xc-top { + font-size: 25rpx; + height: 40rpx; + line-height: 40rpx; + color: #000; +} + +.xc-left .xc-middle { + font-size: 25rpx; + color: #b2b2b2; + height: 30rpx; + line-height: 30rpx; +} + +.xc-left .xc-buttem { + font-size: 25rpx; + height: 100rpx; + line-height: 100rpx; + color: #000; +} + +.xc-ensure-right { + width: 30%; +} + +.xc-qrcode { + width: 120rpx; + height: 120rpx; + margin-top: 43rpx; + margin-left: 80rpx; + +} + +.xc-close { + width: 50rpx; + height: 50rpx; + border-radius: 50%; + border: 3rpx solid #fff; + text-align: center; + line-height: 41rpx; + font-size: 50rpx; + color: #fff; + font-weight: lighter; + font-family: MingLiU; + transform: rotate(270deg); + overflow: auto; + margin-top: 6rpx; + margin-bottom: 1rpx; + +} + +.xc-close-frame { + position: absolute; + margin-top: 30rpx; + width: 90%; + display: flex; + justify-content: center; + overflow: auto; + +} + +.xc-guanbi { + width: 100%; + height: 80rpx; + overflow: hidden; +} + + +/* 自定义弹出窗口 */ +.cx-popup { + width: 100%; + background: #fff; + z-index: 35; + border-top-left-radius: 10rpx; + border-top-right-radius: 10rpx; + position: fixed; + bottom: 0; +} + +.xc-top-content { + width: 88%; + height: 85rpx; + padding-top: 50rpx; + font-size: 36rpx; +} + + +.xc-valid-coupon { + width: 90%; + height: 40rpx; + padding-top: 24rpx; + overflow: hidden; +} + +.xc-frame { + /* width: 100%; + margin-top:20rpx; */ + padding: 20rpx; +} + +.xc-frame .list-frame { + width: 90%; + height: 100%; + overflow-y: scroll; + + margin-top: 20rpx; + +} + +.xc-close-frame { + margin-top: 30rpx; + width: 15%; + display: flex; +} + +.xc-close { + width: 70rpx; + height: 70rpx; + border-radius: 50%; + border: 5rpx solid #a5a5a7; + text-align: center; + line-height: 55rpx; + font-size: 80rpx; + color: #a5a5a7; + font-family: "微软正黑体"; + margin-top: 8rpx; + +} + +.xc-money { + color: #ff0013; +} + +.xc-money-frame { + /* margin-left:35rpx; */ + +} + +.xc-coupon-effect { + width: 99%; + height: 128rpx; + border-bottom: 3rpx solid #ddd; + + +} + +.xc-goods-coupon { + width: 80%; + height: 100%; + +} + +.xc-title { + width: 50%; + margin-left: 222rpx; + +} + +.xc-coupon-money { + color: #c91e31; + font-size: 35rpx; + margin-top: 20rpx; + +} + +.xc-coupon-time { + height: 50rpx; + font-size: 27rpx; + color: #a4a4a4; +} + +.xc-coupon-time .time { + margin-left: 15rpx; + font-size: 27rpx; +} + +.xc-coupon-selection { + width: 99%; + height: 100%; + + +} + +.xc-confirm { + width: 90%; + height: 75rpx; + margin: 0 auto; + background: #c41830; + color: #fff; + border-radius: 10rpx; + font-size: 30rpx; + margin-top: 50rpx; +} + +.xc-not-Selection { + width: 60rpx; + height: 60rpx; + background: #eeeeee; +} + +/*---------------视频图片---------------*/ +.xc-imageCount { + width: 95rpx; + height: 50rpx; + background-color: rgba(0, 0, 0, 0.3); + border-radius: 40rpx; + line-height: 50rpx; + color: #fff; + text-align: center; + font-size: 26rpx; + position: absolute; + + right: 23rpx; + bottom: 21rpx; +} + + +/* 视频图片的边框 */ +.xc-videos-picture { + width: 100%; + height: 750rpx; +} + +/* 视频 */ +.xc-videos { + width: 100%; + height: 544rpx; + + +} + +/* 点击视频或图片 */ +.xc-video-picture { + + bottom: 20rpx; + left: 0rpx; + display: flex; + align-items: center; + justify-content: center; + width: 45%; + height: 60rpx; + margin-left: 215rpx; + +} + +.xc-video-button:before { + content: ""; + position: absolute; + left: 48%; + top: 40%; + width: 0; + height: 0; + margin-left: -36rpx; + margin-top: -10rpx; + border-width: 13rpx; + border-style: dashed; + border-color: transparent transparent transparent #fff; + font-size: 0; + line-height: 0; + z-index: 2; + -webkit-backface-visibility: hidden; +} + +.xc-video-buttons:before { + content: ""; + position: absolute; + left: 50%; + top: 41%; + width: 0; + height: 0; + margin-left: -36rpx; + margin-top: -10rpx; + border-width: 13rpx; + border-style: dashed; + border-color: transparent transparent transparent #000; + font-size: 0; + line-height: 0; + z-index: 2; + -webkit-backface-visibility: hidden; +} + +.xc-video { + /* width:100rpx; */ + /* height: 50rpx; + line-height: 50rpx; */ + text-align: center; + /* margin-left:-30rpx; */ + + +} + +/* 图片 */ +.xc-picture { + color: #000; + background: #dcdcdc; + width: 94rpx; + height: 45rpx; + font-size: 25rpx; + border-radius: 25rpx; + font-family: 'SimHei', Arial; + text-align: center; + line-height: 45rpx; + margin-left: 53rpx +} + +/* 点击视频 */ +.xc-video-button { + position: relative; + color: #000; + background: #dcdcdc; + width: 85rpx; + height: 45rpx; + line-height: 45rpx; + font-size: 30rpx; + border-radius: 25rpx; + font-family: 'SimHei', Arial; + padding-left: 11rpx; +} + + +.xc-sn { + color: #fff; + background: #c7161e; + border-color: transparent transparent transparent #fff; +} + +/* 图片 */ +.xc-pictures { + width: 100%; + height: 529rpx; + +} + +/*视频封面的图片 */ +.xc-picturess { + position: relative; + width: 100%; + height: 529rpx; +} + +/* 播放 */ +.xc-play { + width: 130rpx; + height: 130rpx; + position: absolute; + top: 207rpx; + left: 309rpx; +} + +.xc-video-buttons { + position: relative; + color: #000; + background: #dcdcdc; + width: 85rpx; + height: 45rpx; + line-height: 45rpx; + font-size: 30rpx; + border-radius: 25rpx; + font-family: 'SimHei', Arial; + padding-left: 11rpx; +} + + +.wsize { + font-size: 32rpx +} + +.five-level-word { + font-size: 24rpx; +} + + +/*-- 推荐商品 --*/ +.xc-goods { + height: auto; + background: #f2f2f2; + padding: 0 20rpx; + margin-top: -25rpx; + padding-bottom: 20rpx +} + +.xc-goods-recommend { + border-radius: 20rpx; + width: 345rpx; + height: 450rpx; + margin-top: 25rpx; + display: inline-block; + +} + +.xc-goods-recommend.ml { + margin-left: 22rpx +} + +.xc-goods-recommend .xc-goods-imgs { + width: 100%; + height: 325rpx; + border-radius: 20rpx 20rpx 0 0; +} + +.xc-goods-bottom { + width: 345rpx; + height: 134rpx; + background: #fff; + border-radius: 0 0 20rpx 20rpx; + bottom: -8rpx; + left: 0rpx; +} + +.xc-goods-bottom .monry-frame { + width: 283rpx; + height: 52rpx; + padding-left: 24rpx; + +} + +.xc-good-explain { + width: 283rpx; + height: 60rpx; + word-break: normal; + margin-left: 30rpx; + font-size: 26rpx; + line-height: 30rpx; + margin-top: 5rpx; +} + +.money-color-val { + color: #c6172f; +} + +.rmb-symbol { + line-height: 81rpx; + height: 53rpx; + font-size: 28rpx; +} + +.xc-original-price { + color: #c0c0c0; +} + +/* 文字中间加线条 */ +.word-lines { + text-decoration: line-through; + line-height: 90rpx; + margin-left: 10rpx; + font-size: 20rpx; +} + +.xc-linellae-frame { + width: 100%; + height: 70rpx; + background: #f2f2f2; +} + +.xc-linellae-frame .xc-linellae { + width: 386rpx; + height: 1rpx; + border-bottom: 1rpx solid #ebedf0; } -.xc-goods-name{ - width: 95%; - font-size: 35rpx; - padding-left: 75rpx; - height: 50rpx; - padding-top: 10rpx; - color:#000; - + +.xc-recommend-frame { + background: #f2f2f2; + width: 97rpx; + height: 100%; + padding-left: 10rpx; } -.xc-good-img{ - width: 100%; - height: 381rpx; - margin-top:5rpx; - -} -.xc-good-img .img{ - width: 90%; - height: 381rpx; -} -.xc-ensure-frame{ - width: 90%; - height: 60rpx; - border-bottom: 2rpx solid #d8d6d7; -} -.xc-ensure{ - width: 30%; - height: 60rpx; - line-height: 60rpx; -} -xc-ensure-div{ - width: 100%; - height: 60rpx; -} -.xc-ensure .word{ - font-size: 25rpx; - color: #d30025; - margin-left:9rpx; - -} -.xc-ensure .img{ - width: 25rpx; - height: 25rpx; - margin-top:18rpx; - -} - -.xc-bottmon{ - width: 100%; -} -.xc-bottmon .xc-left{ - width: 55%; - margin-top:30rpx; - padding-left:20rpx; - -} -.xc-left .xc-top{ - font-size: 25rpx; - height:40rpx; - line-height:40rpx; - color:#000; -} -.xc-left .xc-middle{ - font-size: 25rpx; - color: #b2b2b2; - height:30rpx; - line-height:30rpx; -} -.xc-left .xc-buttem{ - font-size: 25rpx; - height:100rpx; - line-height:100rpx; - color:#000; -} -.xc-ensure-right{ - width: 30%; -} -.xc-qrcode{ - width:120rpx; - height: 120rpx; - margin-top:43rpx; - margin-left:80rpx; - -} -.xc-close{ - width:50rpx; - height:50rpx; - border-radius:50%; - border:3rpx solid #fff; - text-align:center; - line-height: 41rpx; - font-size:50rpx; - color:#fff; - font-weight: lighter; - font-family:MingLiU; - transform:rotate(270deg); - overflow:auto; - margin-top:6rpx; - margin-bottom:1rpx; - -} -.xc-close-frame{ - position:absolute; - margin-top:30rpx; - width:90%; - display:flex; - justify-content:center; - overflow: auto; -} -.xc-guanbi{ - width: 100%; - height: 80rpx; - overflow: hidden; +.xc-recommend-frame .xc-recommend { + width: 35rpx; + height: 27rpx; } +.xc-recommend-frame .xc-recommend-word { + width: 58rpx; + font-size: 24rpx; + color: #a9a9a9; + margin-left: 5rpx; + margin-bottom: 5rpx; + margin-top: 1rpx; -/* 自定义弹出窗口 */ -.cx-popup{ - width:100%; - background: #fff; - z-index: 35; - border-top-left-radius: 10rpx; - border-top-right-radius: 10rpx; - position:fixed; - bottom:0; } -.xc-top-content{ - width: 88%; - height:85rpx; - padding-top: 50rpx; - font-size: 36rpx; +.xc-price-frame { + color: #ec0022; + align-items: baseline; + /* height:44rpx; */ } +.xc-price-frame .sign { + margin-top: 19rpx; + margin-left: -4px; +} -.xc-valid-coupon{ - width: 90%; - height:40rpx; - padding-top: 24rpx; - overflow: hidden; +.xc-val-price { + margin-left: 24rpx; + color: #ec0022; + padding-top: 13rpx; } -.xc-frame { - /* width: 100%; - margin-top:20rpx; */ - padding: 20rpx; + +.xc-val-price .save { + border-radius: 10rpx; + margin-top: 5rpx; + background: #fed2d9; + min-width: 230rpx; + height: 40rpx; + line-height: 40rpx; + width: auto; + padding-left: 12rpx; + padding-right: 12rpx; + } -.xc-frame .list-frame{ - width: 90%; - height: 100%; - overflow-y:scroll; +.xc-unit-price { + margin-top: 25rpx; + padding-left: -4rpx; - margin-top:20rpx; +} +.xc-explain { + color: #292929; + width: 542rpx; + margin: 10rpx 0 20rpx; + width: 100%; + font-weight: bold; } -.xc-close-frame{ - margin-top:30rpx; - width:15%; - display:flex; + +.xc-item { + width: 16%; + font-size: 26rpx; + color: #666; + margin-right: 5rpx; } -.xc-close{ - width:70rpx; - height:70rpx; - border-radius:50%; - border:5rpx solid #a5a5a7; - text-align:center; - line-height: 55rpx; - font-size:80rpx; - color:#a5a5a7; - font-family:"微软正黑体"; - margin-top:8rpx; +.xc-item .yuan { + width: 38rpx; + height: 38rpx; + line-height: 38rpx; + border: 1rpx solid #f3f1f2; + margin-left: 33rpx; } -.xc-money{ - color: #ff0013; -} -.xc-money-frame{ - /* margin-left:35rpx; */ +.xc-item .word { + width: 104rpx; + margin-top: 16rpx; + color: #363636; + font-weight: 600; } -.xc-coupon-effect{ - width: 99%; - height: 128rpx; - border-bottom:3rpx solid #ddd; +.xc-item .circle-color { + background: #d60024; + color: #fff; +} +.xc-item .circle-color1 { + background: #fefefe; + color: #666666; } -.xc-goods-coupon{ - width: 80%; - height:100%; +.link { + height: 6rpx; + width: 180rpx; + top: 54rpx; + left: 32px; } -.xc-title{ - width:50%; - margin-left:222rpx; +.link1 { + height: 6rpx; + width: 166rpx; + top: 54rpx; + left: 264rpx; } -.xc-coupon-money{ - color: #c91e31; - font-size: 35rpx; - margin-top:20rpx; +.link2 { + height: 6rpx; + width: 157rpx; + top: 54rpx; + right: 87rpx; } -.xc-coupon-time{ - height: 50rpx; - font-size: 27rpx; - color: #a4a4a4; + +.link-color-red { + background: #d60024; } -.xc-coupon-time .time{ - margin-left: 15rpx; - font-size: 27rpx; + +.link-color { + background: #e5e5e5; } -.xc-coupon-selection{ - width:99%; - height:100%; +.xc-qt-price { + top: -15rpx; + left: 25rpx; + color: #fff; +} +.xc-qt-price .xc-qtunit-price { + margin-left: 6rpx; + margin-top: -4rpx; } -.xc-confirm { - width: 90%; - height: 75rpx; - margin:0 auto; - background:#c41830; - color:#fff; - border-radius:10rpx; - font-size:30rpx; - margin-top: 50rpx; + +.xc-nanber { + top: -25rpx; + left: 289rpx; + } -.xc-not-Selection{ - width: 60rpx; - height: 60rpx; - background: #eeeeee; + +.xc-qtsign { + margin-top: 5rpx; + } -/*---------------视频图片---------------*/ -.xc-imageCount { - width:95rpx; - height:50rpx; - background-color: rgba(0, 0, 0, 0.3); - border-radius:40rpx; - line-height:50rpx; - color:#fff; - text-align:center; - font-size:26rpx; - position:absolute; +.xc-people-img { + height: 36rpx; + width: 36rpx; + background: #fff; + border-radius: 7rpx; - right:23rpx; - bottom:21rpx; } +.xc-people-img .imgs { + width: 28rpx; + height: 28rpx; + margin-top: 4rpx; -/* 视频图片的边框 */ -.xc-videos-picture{ - width: 100%; - height: 750rpx; } -/* 视频 */ -.xc-videos{ - width: 100%; - height:544rpx; +.xc-people-val { + height: 32rpx; + border-top: 1rpx solid #fff; + border-bottom: 1rpx solid #fff; + border-right: 1rpx solid #fff; + border-radius: 0 7rpx 7rpx 0; + line-height: 32rpx; + margin-left: -6rpx; + padding: 0 12rpx; } -/* 点击视频或图片 */ -.xc-video-picture{ - bottom: 20rpx; - left: 0rpx; - display: flex; - align-items: center; - justify-content:center; - width: 45%; - height: 60rpx; - margin-left: 215rpx; - -} -.xc-video-button:before{ - content: ""; - position: absolute; - left: 48%; - top: 40%; - width: 0; - height: 0; - margin-left: -36rpx; - margin-top: -10rpx; - border-width:13rpx; - border-style: dashed; - border-color: transparent transparent transparent #fff; - font-size: 0; - line-height: 0; - z-index: 2; - -webkit-backface-visibility: hidden; -} -.xc-video-buttons:before{ - content: ""; - position: absolute; - left: 50%; - top:41%; - width: 0; - height: 0; - margin-left: -36rpx; - margin-top: -10rpx; - border-width:13rpx; - border-style: dashed; - border-color: transparent transparent transparent #000; - font-size: 0; - line-height: 0; - z-index: 2; - -webkit-backface-visibility: hidden; -} - -.xc-video{ - /* width:100rpx; */ - /* height: 50rpx; - line-height: 50rpx; */ - text-align: center; - /* margin-left:-30rpx; */ +.word-color { + color: #d70024; +} +.word-color-lan { + color: #0393e1; +} +.pt_view .hy-stop { + top: -23rpx; + right: 56rpx; } -/* 图片 */ -.xc-picture{ - color: #000; - background: #dcdcdc; - width: 94rpx; - height: 45rpx; - font-size: 25rpx; - border-radius: 25rpx; - font-family: 'SimHei',Arial; - text-align: center; - line-height: 45rpx; - margin-left:53rpx +.xc-time-val { + width: 36rpx; + height: 36rpx; + border-radius: 7rpx; + line-height: 36rpx; } -/* 点击视频 */ -.xc-video-button{ - position: relative; - color: #000; - background: #dcdcdc; - width: 85rpx; - height: 45rpx; - line-height: 45rpx; - font-size: 30rpx; - border-radius: 25rpx; - font-family: 'SimHei',Arial; - padding-left: 11rpx; + +.xc-time { + margin-right: 10rpx; + margin-left: 10rpx; + margin-top: -32rpx; } +.xc-goods-explain { + width: 100%; + /* padding-left:30rpx; + margin-left:-9rpx; + height: 150rpx */ +} -.xc-sn{ - color: #fff; - background: #c7161e; - border-color: transparent transparent transparent #fff; +.xc-partner-frame { + border-bottom: 2rpx solid #eee; + width: 100%; + padding: 20rpx; + /* height:56rpx; */ + box-sizing: border-box; } -/* 图片 */ -.xc-pictures{ - width: 100%; - height:529rpx; +.xc-person-number { + width: 120rpx; + color: #999999; + padding-left: 8rpx; + text-align: left } -/*视频封面的图片 */ -.xc-picturess{ - position: relative; - width: 100%; - height:529rpx; + +.xc-miaosha-time { + right: 17rpx; + top: 55rpx; } -/* 播放 */ -.xc-play{ - width: 130rpx; - height: 130rpx; - position: absolute; - top:207rpx; - left:309rpx; + +.pd_top1 { + padding-top: 10rpx } -.xc-video-buttons{ - position: relative; - color: #000; - background: #dcdcdc; - width: 85rpx; - height: 45rpx; - line-height: 45rpx; - font-size: 30rpx; - border-radius: 25rpx; - font-family: 'SimHei',Arial; - padding-left: 11rpx; +.s_ms_bth { + margin-top: 85rpx } -.wsize{font-size: 32rpx} -.five-level-word{font-size: 24rpx;} +.no_pj_list { + text-align: center; + width: 100%; + color: #999; + margin: 30rpx 0; + display: inline-block; + font-size: 28rpx +} + +/* 门店地址 */ +.xc-address_frame { + /* border-top:1rpx solid #eee; */ + width: 100%; + height: auto; + padding: 20rpx; + box-sizing: border-box; +} +.on_height { + height: 90rpx; +} -/*-- 推荐商品 --*/ -.xc-goods{ - height: auto; - background: #f2f2f2; - padding: 0 20rpx; - margin-top: -25rpx; - padding-bottom: 20rpx +.sn_height { + /* min-height: 170rpx; height: auto;padding: 10rpx 0; */ } -.xc-goods-recommend { - border-radius: 20rpx; - width:345rpx; - height: 450rpx; - margin-top: 25rpx; - display: inline-block; +.xc-address_frame .address_frame { + width: 100%; + /* padding-left: 10rpx; +margin: auto; */ } -.xc-goods-recommend.ml{ margin-left: 22rpx} +.shop_name {} -.xc-goods-recommend .xc-goods-imgs{ - width: 100%; - height: 325rpx; - border-radius:20rpx 20rpx 0 0; +.stores-img { + width: 28rpx; + height: 28rpx; + margin-right: 10rpx; } -.xc-goods-bottom{ - width: 345rpx; - height: 134rpx; - background: #fff; - border-radius:0 0 20rpx 20rpx; - bottom:-8rpx; - left:0rpx; +.shop_name { + margin-right: 10rpx; } -.xc-goods-bottom .monry-frame{ - width:283rpx; -height:52rpx; -padding-left:24rpx; +.address { + /* width: 100%; + margin-top: 5rpx; + margin-bottom: 5rpx; */ } -.xc-good-explain{ - width: 283rpx; - height:60rpx; - word-break: normal; - margin-left:30rpx; - font-size: 26rpx; - line-height: 30rpx; - margin-top: 5rpx; + +.distance { + padding-left: 20rpx; + padding-right: 20rpx; + background: #eee; + border-radius: 20rpx; + /* margin-right: 5rpx; */ + color: #999; + height: 38rpx; + line-height: 38rpx; + } -.money-color-val{ - color: #c6172f; + +/* 选择门店的弹窗 */ +.mongolia-layer { + position: fixed; + left: 0; + top: 0; + right: 0; + bottom: 0; + z-index: 11; + background: rgba(0, 0, 0, 0.4); + width: 100%; + height: 91.9%; + } -.rmb-symbol{ - line-height:81rpx; - height:53rpx; - font-size: 28rpx; + +.popup-frame { + position: fixed; + z-index: 20; + background: white; + width: 100%; + border-radius: 20rpx 20rpx 0 0; + height: auto; + bottom: 0; } -.xc-original-price{ - color: #c0c0c0; + +.popup-top { + border-bottom: 1rpx solid #eee; + height: 155rpx; + width: 95%; + margin: auto; + line-height: 155rpx; + } -/* 文字中间加线条 */ -.word-lines{ - text-decoration:line-through; - line-height:90rpx; - margin-left:10rpx; - font-size: 20rpx; -} - - .xc-linellae-frame{ - width: 100%; - height: 70rpx; - background: #f2f2f2; -} -.xc-linellae-frame .xc-linellae{ - width: 386rpx; - height: 1rpx; - border-bottom: 1rpx solid #ebedf0; -} -.xc-recommend-frame{ -background:#f2f2f2; -width:97rpx; -height:100%; -padding-left: 10rpx; -} -.xc-recommend-frame .xc-recommend{ - width: 35rpx; - height: 27rpx; -} -.xc-recommend-frame .xc-recommend-word{ - width:58rpx; -font-size:24rpx; -color: #a9a9a9; -margin-left: 5rpx; -margin-bottom: 5rpx; -margin-top: 1rpx; - -} -.xc-price-frame{ - color: #ec0022; - align-items: baseline; -/* height:44rpx; */ + +.bg_rights { + border-top: 2rpx solid; + border-right: 2rpx solid; + transform: rotate(45deg); + display: inline-block; + width: 15rpx; + height: 15rpx; + border-color: #da0b31; } -.xc-price-frame .sign{ -margin-top:19rpx; -margin-left:-4px; + +.modal-closes { + position: absolute; + right: 30rpx; + top: -15rpx; + height: 25rpx; + } -.xc-val-price{ -margin-left:24rpx; -color: #ec0022; -padding-top:13rpx; + +.choose_more { + margin-top: 40rpx; + margin-right: 20rpx; + } -.xc-val-price .save{ - border-radius:10rpx; - margin-top:5rpx; - background:#fed2d9; - min-width:230rpx; - height:40rpx; - line-height:40rpx; - width: auto; - padding-left:12rpx; - padding-right:12rpx; + +.choose_mores { + margin-top: 30rpx; + margin-right: 15rpx; } -.xc-unit-price{ - margin-top:25rpx; -padding-left:-4rpx; +.store-list { + width: 95%; + min-height: 300rpx; + overflow-y: scroll; + margin: auto; + max-height: 610rpx; } -.xc-explain{ - color:#292929; - width:542rpx; - margin: 10rpx 0 20rpx; + +.store-list .store_choose { width: 100%; - font-weight: bold; -} -.xc-item{width: 16%; font-size: 26rpx; color: #666;margin-right:5rpx;} -.xc-item .yuan{ - width: 38rpx; - height: 38rpx; - line-height: 38rpx; - border:1rpx solid #f3f1f2; -margin-left:33rpx; - -} -.xc-item .word{ - width:104rpx; - margin-top:16rpx; - color:#363636; - font-weight:600; - -} -.xc-item .circle-color{ - background: #d60024; - color: #fff; -} -.xc-item .circle-color1{ - background: #fefefe; - color: #666666; -} -.link{ -height:6rpx; -width:180rpx; -top:54rpx; -left:32px; -} -.link1{ -height:6rpx; -width:166rpx; -top:54rpx; -left:264rpx; -} -.link2{ - height:6rpx; -width:157rpx; -top:54rpx; -right:87rpx; -} -.link-color-red{ - background: #d60024;} -.link-color{ - background: #e5e5e5; -} -.xc-qt-price{ - top:-15rpx; -left:25rpx; - color: #fff; -} -.xc-qt-price .xc-qtunit-price{ - margin-left:6rpx; -margin-top:-4rpx; -} -.xc-nanber{ - top:-25rpx; -left:289rpx; - -} -.xc-qtsign{ -margin-top:5rpx; - -} -.xc-people-img{ - height: 36rpx; - width: 36rpx; - background: #fff; - border-radius: 7rpx; - -} -.xc-people-img .imgs{ - width: 28rpx; - height: 28rpx; - margin-top:4rpx; - -} -.xc-people-val{ - - height: 32rpx; - border-top: 1rpx solid #fff; - border-bottom: 1rpx solid #fff; - border-right: 1rpx solid #fff; - border-radius:0 7rpx 7rpx 0; - line-height:32rpx; - margin-left:-6rpx; - padding: 0 12rpx; -} -.word-color{ - color:#d70024; -} -.word-color-lan{ - color:#0393e1; -} -.pt_view .hy-stop{ - top: -23rpx; - right: 56rpx; -} -.xc-time-val{width:36rpx;height:36rpx;border-radius:7rpx; line-height: 36rpx;} -.xc-time{margin-right:10rpx; margin-left:10rpx; margin-top:-32rpx; -} -.xc-goods-explain{ - width:100%; - /* padding-left:30rpx; - margin-left:-9rpx; - height: 150rpx */ + height: 120rpx; + line-height: 125rpx; + border-bottom: 1rpx solid #eee; + } -.xc-partner-frame{ -border-bottom:2rpx solid #eee; -width:100%; -padding:20rpx; -/* height:56rpx; */ -box-sizing: border-box; + +.store-list .store_choose .store { + width: 100%; + margin: auto; + line-height: 37rpx; + padding-left: 20rpx; + } -.xc-person-number{ - width:120rpx; - color: #999999; - padding-left:8rpx; - text-align: left + +.xc-hook { + width: 35rpx; + height: 35rpx; + transform: rotate(-145deg); + line-height: 37rpx; + text-align: center; } -.xc-miaosha-time{ -right:17rpx; top:55rpx; +.xc-hooks { + width: 30rpx; + height: 30rpx; + border: 1rpx solid #999; } -.pd_top1{padding-top: 10rpx} -.s_ms_bth{margin-top: 85rpx} +.address-frame { + width: 93%; + margin-left: 7rpx; -.no_pj_list{text-align: center; width: 100%; color: #999; margin: 30rpx 0; display: inline-block; font-size: 28rpx} -/* 门店地址 */ -.xc-address_frame{ - /* border-top:1rpx solid #eee; */ - width: 100%; - height: auto; - padding: 20rpx; - box-sizing: border-box; -} -.on_height{ -height: 90rpx; -} -.sn_height{ - /* min-height: 170rpx; height: auto;padding: 10rpx 0; */ } -.xc-address_frame .address_frame{ - width: 100%; -/* padding-left: 10rpx; -margin: auto; */ +.nearby_store { + margin-left: 17rpx; } -.shop_name{ + +.address_name { + margin-right: 10rpx; } -.stores-img{ - width: 28rpx; - height: 28rpx; - margin-right: 10rpx; + +.address-val { + height: 38rpx; + line-height: 38rpx; + } -.shop_name{ - margin-right: 10rpx; + +.store-bottom { + width: 85%; + margin: auto; + height: 90rpx; } -.address{ - /* width: 100%; - margin-top: 5rpx; - margin-bottom: 5rpx; */ + +.determine { + width: 260rpx; + height: 55rpx; + border-radius: 50rpx; + line-height: 55rpx; } -.distance{ - padding-left: 20rpx; - padding-right: 20rpx; - background: #eee; - border-radius: 20rpx; - /* margin-right: 5rpx; */ - color: #999; - height: 38rpx; -line-height: 38rpx; +.default { + width: 260rpx; + height: 55rpx; + border: 3rpx solid #c8c8c8; + border-radius: 50rpx; + line-height: 55rpx; } -/* 选择门店的弹窗 */ -.mongolia-layer{ - position: fixed; -left: 0; -top: 0; -right: 0; -bottom: 0; -z-index: 11; -background: rgba(0,0,0,0.4); -width: 100%; -height: 91.9%; - -} - -.popup-frame{ -position: fixed; -z-index: 20; -background: white; -width: 100%; -border-radius: 20rpx 20rpx 0 0; -height: auto; -bottom: 0; -} -.popup-top{ - border-bottom: 1rpx solid #eee; - height: 155rpx; - width: 95%; - margin: auto; - line-height: 155rpx; - -} -.bg_rights{ - border-top: 2rpx solid ; - border-right: 2rpx solid ; - transform: rotate(45deg); - display:inline-block; - width:15rpx;height:15rpx; - border-color:#da0b31; + +.store-bottom-frame { + width: 95%; + margin: auto; + } -.modal-closes { - position: absolute; - right: 30rpx; - top: -15rpx; - height: 25rpx; - -} -.choose_more{ - margin-top: 40rpx; - margin-right: 20rpx; - -} -.choose_mores{ - margin-top: 30rpx; - margin-right: 15rpx; - -} -.store-list{ - width: 95%; - min-height: 300rpx; - overflow-y: scroll; - margin: auto; - max-height: 610rpx; -} -.store-list .store_choose{ - width: 100%; - height: 120rpx; - line-height: 125rpx; - border-bottom: 1rpx solid #eee; - -} -.store-list .store_choose .store{ -width: 100%; -margin: auto; -line-height: 37rpx; -padding-left: 20rpx; - -} -.xc-hook{ - width: 35rpx; - height: 35rpx; - transform: rotate(-145deg); -line-height: 37rpx; -text-align: center; -} - .xc-hooks{ - width: 30rpx; - height: 30rpx; - border: 1rpx solid #999; - } - .address-frame{ - width: 93%; -margin-left: 7rpx; - - } - .nearby_store{ -margin-left: 17rpx; - } - .address_name{ - margin-right: 10rpx; - - } - .address-val{ - height: 38rpx; -line-height: 38rpx; - - } - .store-bottom{ - width: 85%; - margin: auto; - height: 90rpx; - } - .determine{ - width: 260rpx; - height: 55rpx; - border-radius: 50rpx; - line-height: 55rpx; - } - .default{ - width: 260rpx; - height: 55rpx; - border:3rpx solid #c8c8c8; - border-radius: 50rpx; - line-height: 55rpx; - } - .store-bottom-frame{ - width: 95%; - margin: auto; - - } - /* 门店分类列表 */ -.sort_store_list{ - height: 82%; - overflow: hidden; - overflow-y: scroll; - width: 95%; - margin: auto; + +/* 门店分类列表 */ +.sort_store_list { + height: 82%; + overflow: hidden; + overflow-y: scroll; + width: 95%; + margin: auto; } -.sort_store_list .sort-store-frame{ - width: 100%; -height: 100rpx; -line-height:100rpx; -border-bottom: 1rpx solid #eee; + +.sort_store_list .sort-store-frame { + width: 100%; + height: 100rpx; + line-height: 100rpx; + border-bottom: 1rpx solid #eee; } -.sort_store_list .sort-store-frame .sort-store{ - width: 94.5%; - margin: auto; + +.sort_store_list .sort-store-frame .sort-store { + width: 94.5%; + margin: auto; } -.black_rights-frame{ -width: 50%； + +.black_rights-frame { + width: 50%； } -.black_rights-frame .black_rights{ - border-top: 3rpx solid; -border-right: 3rpx solid; -transform: rotate(45deg); -display: inline-block; -width: 20rpx; -height: 20rpx; + +.black_rights-frame .black_rights { + border-top: 3rpx solid; + border-right: 3rpx solid; + transform: rotate(45deg); + display: inline-block; + width: 20rpx; + height: 20rpx; } -.xc-val-money{ - height:55rpx; + +.xc-val-money { + height: 55rpx; } -.xc-distance-bottom{ - margin-bottom: 40rpx; +.xc-distance-bottom { + margin-bottom: 40rpx; } -.xc-distance-top{ -margin-top: 10rpx; + +.xc-distance-top { + margin-top: 10rpx; } -.xc-width{ - width: 100%; + +.xc-width { + width: 100%; } -.right-arrow{ width: 15rpx; height:15rpx; - border-top: 2rpx solid #d70026; - border-right: 2rpx solid #d70026; - transform: rotate(45deg);display:inline-block; - margin-bottom:3rpx; + +.right-arrow { + width: 15rpx; + height: 15rpx; + border-top: 2rpx solid #d70026; + border-right: 2rpx solid #d70026; + transform: rotate(45deg); + display: inline-block; + margin-bottom: 3rpx; } -.xc-goods-attribute{ - border-bottom: 1px solid #eee; -padding-bottom: 20rpx; -/* margin-bottom:40rpx; */ + +.xc-goods-attribute { + border-bottom: 1px solid #eee; + padding-bottom: 20rpx; + /* margin-bottom:40rpx; */ } -.xc-val-fream{ - width: 105rpx; + +.xc-val-fream { + width: 105rpx; } -.is_stock{ -width: 58%; -height: 70rpx; -border-radius: 55rpx; + +.is_stock { + width: 58%; + height: 70rpx; + border-radius: 55rpx; } -.select_store_height{ - height: 50rpx; + +.select_store_height { + height: 50rpx; } -.butttem5{ - margin-bottom: 5rpx; + +.butttem5 { + margin-bottom: 5rpx; } -.no_pj_list{text-align: center; width: 100%; color: #999; margin-top: 30rpx; display: inline-block; font-size: 28rpx} +.no_pj_list { + text-align: center; + width: 100%; + color: #999; + margin-top: 30rpx; + display: inline-block; + font-size: 28rpx +} .join-cart>view.no_store { - width: 58%; background-color: #adadad; + width: 58%; + background-color: #adadad; +} + +.s_btn { + margin-top: 25rpx; } -.s_btn{ margin-top: 25rpx; } /* 美妆价的样式 */ -.beauty-makeup-frame{ - /* width: 101.5%; +.beauty-makeup-frame { + /* width: 101.5%; margin: auto; */ - height: 120rpx; - border-radius: 15rpx; - margin-top: 10px; + height: 120rpx; + border-radius: 15rpx; + margin-top: 10px; } -.beauty-makeup-frame .left{ + +.beauty-makeup-frame .left { width: 80%; height: 100%; - background:#f7f7f7; + background: #f7f7f7; border-radius: 20rpx 0rpx 0rpx 20rpx; /* padding: 0 10rpx; */ } - .card-frame{ - margin-top: 0rpx; + +.card-frame { + margin-top: 0rpx; /* padding-right: 23rpx; margin-right: 15rpx; */ } -.advert-card{ - margin-top: 0rpx!important; + +.advert-card { + margin-top: 0rpx !important; } -.beauty-makeup-frame .right{ + +.beauty-makeup-frame .right { width: 20%; height: 100%; - background:#f3efe3; + background: #f3efe3; border-radius: 0rpx 20rpx 20rpx 0rpx; - } -.grade-card-frame{ +} + +.grade-card-frame { /* height:45rpx ; */ background: #3c300a; border-radius: 20rpx; - /* margin-top: 10px; + /* margin-top: 10px; margin-left: 7rpx; */ - justify-content: center; - padding: 4rpx 12rpx; + justify-content: center; + padding: 4rpx 12rpx; } -.grade-card-frame .img{ + +.grade-card-frame .img { width: 24rpx; - height: 24rpx; - margin-top: 2px; + height: 24rpx; + margin-top: 2px; } -.grade-card-frame .card-name{ + +.grade-card-frame .card-name { margin-left: 8rpx; - /* max-width: 120rpx; */ + /* max-width: 120rpx; */ max-width: 165rpx; } -.card-effect{ - /* margin-left: 15rpx; */ + +.card-effect { + /* margin-left: 15rpx; */ +} + +.at_once_carde { + width: 65rpx; + height: 75rpx; + line-height: 38rpx; } -.at_once_carde{ - width:65rpx; - height: 75rpx; - line-height:38rpx; + +.bg_right { + width: 18rpx; + height: 18rpx; + border-top: 2rpx solid #333; + border-right: 2rpx solid #333; + transform: rotate(45deg); + display: inline-block; + margin-bottom: 3rpx; + } -.bg_right{ width: 18rpx; height:18rpx; - border-top: 2rpx solid #333; - border-right: 2rpx solid #333; - transform: rotate(45deg);display:inline-block; - margin-bottom:3rpx; +.carde_frame { + height: 50rpx; + /* line-height: 18rpx */ } -.carde_frame{ - height: 50rpx; - /* line-height: 18rpx */ + +button.custom-service { + line-height: normal; + border: 0; } -button.custom-service { line-height: normal; border: 0;} -button.custom-service::after{ +button.custom-service::after { border: 0; } -.no_store{color:#d60021; font-size: 26rpx;} -.cx_show_view{ width: 580rpx; /* line-height: 30rpx; margin-bottom: 6rpx; */ } -.cx_show_view .word{ width: 400rpx} + +.no_store { + color: #d60021; + font-size: 26rpx; +} + +.cx_show_view { + width: 580rpx; + /* line-height: 30rpx; margin-bottom: 6rpx; */ +} + +.cx_show_view .word { + width: 400rpx +} + .prom_condition { - color: #d60021; - /* width: 180rpx; */ - /* height: 30rpx; */ - font-size: 20rpx; - /* padding-top: 0.01rpx; */ - /* display: flex; + color: #f23030; + /* width: 180rpx; */ + /* height: 30rpx; */ + /* font-size: 20rpx; */ + /* padding-top: 0.01rpx; */ + /* display: flex; justify-content: center; align-items: center; */ - border: 2rpx solid #d60021; - border-radius: 10rpx; - margin-right:10rpx ; - /* margin-left: 10rpx; */ - font-size: 24rpx; - padding: 0 10rpx; -} -.hui_img{ width: 44rpx; height: 44rpx; margin-right: 8rpx} -.order_hui{color: #444; width: 420rpx} -.order_hui view{ height: 34rpx; line-height: 34rpx;} -.dp_img{width: 240rpx; height: 240rpx; margin: 0 40rpx} -.dp_cx_view{border-bottom: 0.02rpx solid #eee; padding-bottom: 40rpx} -.act_content{ margin-top: 40rpx} -.act_content view{ margin-bottom: 12rpx} -.color_b{color: #ff9c00} + border: 2rpx solid #f23030; + border-radius: 6rpx; + /* margin-right: 10rpx; */ + /* margin-left: 10rpx; */ + font-size: 24rpx; + padding-right: 6rpx; + /* padding: 0 10rpx; */ +} + +.hui_img { + width: 44rpx; + height: 44rpx; + margin-right: 8rpx +} + +.order_hui { + color: #444; + width: 420rpx +} + +.order_hui view { + height: 34rpx; + line-height: 34rpx; +} + +.dp_img { + width: 240rpx; + height: 240rpx; + margin: 0 40rpx +} + +.dp_cx_view { + border-bottom: 0.02rpx solid #eee; + padding-bottom: 40rpx +} + +.act_content { + margin-top: 40rpx +} + +.act_content view { + margin-bottom: 12rpx +} + +.color_b { + color: #ff9c00 +} .poster-container { - box-sizing: border-box; - position: fixed; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - width: calc(100% - 210rpx); - z-index: 1000; + box-sizing: border-box; + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: calc(100% - 210rpx); + z-index: 1000; } + .mask { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 999; - background-color: rgba(0,0,0,.6); + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 999; + background-color: rgba(0, 0, 0, .6); } + .poster-wrapper { width: 100%; } @@ -2757,15 +3686,18 @@ button.custom-service::after{ z-index: 999; overflow: hidden; } + .poster-img { display: block; width: 100%; height: 100%; } + .btn-container { display: flex; justify-content: space-around; } + .btn-share { display: block; background-color: #FE6867; @@ -2775,6 +3707,7 @@ button.custom-service::after{ margin-top: 28rpx; padding: 0 60rpx; } + /* .btn-close { background-color: rgba(0,0,0,.5); color: white; @@ -2788,39 +3721,50 @@ button.custom-service::after{ top: 10rpx; } */ -.goods-price .rel_txt{ - /* position: relative; top: 32rpx; */ - font-size: 30rpx; +.goods-price .rel_txt { + /* position: relative; top: 32rpx; */ + font-size: 30rpx; +} + +.goods-price .rel_img { + width: 62rpx; + height: 62rpx; + position: relative; + top: 8rpx; } -.goods-price .rel_img{width: 62rpx; height: 62rpx;position: relative; top: 8rpx;} .btn-close { - /* background-color: rgba(0,0,0,.5); */ - color: #ccc; - width: 50rpx; - height: 50rpx; - line-height: 50rpx; - text-align: center; - border-radius: 50%; - position: absolute; - right: 20rpx; - top: 20rpx; + /* background-color: rgba(0,0,0,.5); */ + color: #ccc; + width: 50rpx; + height: 50rpx; + line-height: 50rpx; + text-align: center; + border-radius: 50%; + position: absolute; + right: 20rpx; + top: 20rpx; } .icon-close { - font-size: 48rpx; -} -.quan_price{ - background-color: #ff4700; color: #fff; padding: 10rpx 25rpx; margin-left: 10rpx; border-radius: 30rpx; + font-size: 48rpx; +} + +.quan_price { + background-color: #ff4700; + color: #fff; + padding: 10rpx 25rpx; + margin-left: 10rpx; + border-radius: 30rpx; } /*--闪白屏--*/ -.g_img_box{ - background-position: center center; +.g_img_box { + background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; - background-size: cover; + background-size: cover; } @@ -2844,28 +3788,45 @@ button.custom-service::after{ margin-right: 10rpx; } -.miao_lab{ width: 36rpx; height: 36rpx; border: 4rpx solid #e71f19; color:#e71f19; text-align: center;margin-right: 10rpx; - line-height: 36rpx;font-size: 22rpx; font-weight: bolder; border-radius: 50%; } +.miao_lab { + width: 36rpx; + height: 36rpx; + border: 4rpx solid #e71f19; + color: #e71f19; + text-align: center; + margin-right: 10rpx; + line-height: 36rpx; + font-size: 22rpx; + font-weight: bolder; + border-radius: 50%; +} -.pop_more_act .content{ - position:fixed;background: #fff; width: 100%; - left: 0;bottom: 0;z-index: 1000; +.pop_more_act .content { + position: fixed; + background: #fff; + width: 100%; + left: 0; + bottom: 0; + z-index: 1000; } -.p_btn{ - background-color: #f23030; - height: 70rpx;line-height: 70rpx; - color: #fff; +.p_btn { + background-color: #f23030; + height: 70rpx; + line-height: 70rpx; + color: #fff; } -.mt20{ margin-top: 20rpx} +.mt20 { + margin-top: 20rpx +} .group .group-list.luck { padding: 0 20rpx; justify-content: flex-start; } -.group-list.luck .gtou ~ .gtou { +.group-list.luck .gtou~.gtou { margin-left: -16rpx; } @@ -2875,4 +3836,47 @@ button.custom-service::after{ line-height: 70rpx; border-radius: 50%; color: #aaa; -} \ No newline at end of file +} + +.tick { + position: relative; +} + +.tick:before { + content: ''; + display: inline-block; + vertical-align: middle; + margin-top: -4rpx; + margin-right: 12rpx; + width: 22rpx; + height: 22rpx; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABCUExURUdwTPInDPInDPgoDfMnDPYqEvInDPInDPInDP87NPUoDv8vEvMoDPInDPIoDPMnDvInDPInDPInDPIoDPQoDfInDEON4KMAAAAVdFJOUwD45yawG4zz3gQ0DmLOfECQZpPlS54kMQ4AAAC0SURBVBjTbZFREoMgDERDS0xQQNHu/a/alEGtaIYfHrBhs0S1pujVifo40VkhC+BUHSDzQTlBhjHY8bjogXmDZ+orJKwXwMUeUoa/0PeGbH8Q4Y5CJopYOjosiOQxdpRGk1UXOkrBKdkimtN8UrKrJBVXdzsllSYSjR/0J9JaGn81WluWtonYKQ0op51P3M2L2bmZN9n8MKoVqTph/RsseyjfYxAkfgot/82CpuJVLOLSIv4Cd5AJ37BgpFwAAAAASUVORK5CYII=) no-repeat; + background-size: 22rpx auto; +} + +.details::after { + content: ''; + position: absolute; + right: 0; + top: 0; + bottom: 0; + margin: auto; + display: inline-block; + width: 40rpx; + height: 40rpx; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAVUExURUdwTIyMjCYmJiYmJi0tLY+PjyYmJidnOsIAAAAGdFJOUwDt6aYcSSEXj/YAAAA8SURBVCjPY2AYBTQBLEbKDhiCTmlpKggeq2AAiDJLS0tGcBkFBUActbS0JAY4F6sgVu1YLcLnpFFAFQAATwgLKVhjC9UAAAAASUVORK5CYII=); + background-repeat: no-repeat; + background-size: 40rpx auto; +} + +.lh2 { + line-height: 2; +} + +.fill-box { + background-color: #f23030; + color: white; + padding: 0 6rpx; + border-radius: 0 0 10rpx 0; + margin-right: 4rpx; +} -- libgit2 0.21.4