Commit 28115e6d15721c07928cdb02d291c2301f75d7fe
1 parent
9ccea267
促销礼包点击跳转等
Showing
6 changed files
with
3184 additions
and
2144 deletions
packageA/pages/myGiftDetails/myGiftDetails.js
| @@ -21,9 +21,19 @@ Page({ | @@ -21,9 +21,19 @@ Page({ | ||
| 21 | */ | 21 | */ |
| 22 | onLoad: function (options) { | 22 | onLoad: function (options) { |
| 23 | self = this; | 23 | self = this; |
| 24 | + | ||
| 25 | + // 如果从商品详情页点击促销栏里的礼包跳转过来的话,不显示底部按钮 | ||
| 26 | + // showBtn 控制按钮是否显示 | ||
| 27 | + let showBtn = true; | ||
| 28 | + if(options.btn == 0) { | ||
| 29 | + showBtn = false; | ||
| 30 | + } | ||
| 31 | + | ||
| 24 | this.setData({ | 32 | this.setData({ |
| 33 | + options: options, | ||
| 25 | id: options.id, | 34 | id: options.id, |
| 26 | index: options.index, | 35 | index: options.index, |
| 36 | + showBtn: showBtn, | ||
| 27 | }) | 37 | }) |
| 28 | 38 | ||
| 29 | // console.log('options', options); | 39 | // console.log('options', options); |
packageA/pages/myGiftDetails/myGiftDetails.wxml
| @@ -141,7 +141,7 @@ | @@ -141,7 +141,7 @@ | ||
| 141 | </block> | 141 | </block> |
| 142 | </view> | 142 | </view> |
| 143 | 143 | ||
| 144 | - <view class="btn-container" wx:if="{{details.lbtype==2}}"> | 144 | + <view class="btn-container" wx:if="{{details.lbtype==2 && showBtn}}"> |
| 145 | <block wx:if="{{index == 0}}"> | 145 | <block wx:if="{{index == 0}}"> |
| 146 | <block wx:if="{{is_not_start}}"> | 146 | <block wx:if="{{is_not_start}}"> |
| 147 | <view class="btn gray">活动还未开始</view> | 147 | <view class="btn gray">活动还未开始</view> |
packageC/pages/luckyGo/luckyGo_goodsInfo/luckyGo_goodsInfo.js
| @@ -328,6 +328,7 @@ Page({ | @@ -328,6 +328,7 @@ Page({ | ||
| 328 | prom_id=fir_arr[2]; | 328 | prom_id=fir_arr[2]; |
| 329 | this.data.prom_type=prom_type; | 329 | this.data.prom_type=prom_type; |
| 330 | this.data.prom_id=prom_id; | 330 | this.data.prom_id=prom_id; |
| 331 | + this.data.group_id = fir_arr[2]; | ||
| 331 | } | 332 | } |
| 332 | 333 | ||
| 333 | 334 | ||
| @@ -763,7 +764,7 @@ Page({ | @@ -763,7 +764,7 @@ Page({ | ||
| 763 | } | 764 | } |
| 764 | }).then(res => { | 765 | }).then(res => { |
| 765 | if (res.data.code == 0) { | 766 | if (res.data.code == 0) { |
| 766 | - console.log('成团信息=======》', res.data.data); | 767 | + // console.log('成团信息=======》', res.data.data); |
| 767 | if(res.data.data.pageData && res.data.data.pageData.length == 0) { | 768 | if(res.data.data.pageData && res.data.data.pageData.length == 0) { |
| 768 | let obj = { | 769 | let obj = { |
| 769 | day: '00', | 770 | day: '00', |
| @@ -787,7 +788,7 @@ Page({ | @@ -787,7 +788,7 @@ Page({ | ||
| 787 | }; | 788 | }; |
| 788 | 789 | ||
| 789 | } else { | 790 | } else { |
| 790 | - this.data.isTimeUp = true; | 791 | + // this.data.isTimeUp = true; |
| 791 | th.setData({ | 792 | th.setData({ |
| 792 | isTimeUp: true, | 793 | isTimeUp: true, |
| 793 | }); | 794 | }); |
| @@ -1139,6 +1140,9 @@ Page({ | @@ -1139,6 +1140,9 @@ Page({ | ||
| 1139 | }); | 1140 | }); |
| 1140 | }); | 1141 | }); |
| 1141 | 1142 | ||
| 1143 | + | ||
| 1144 | + console.log('hidddddnnnnnnnn------>>>>', this.data.btnHidden, this.data.isTimeUp) | ||
| 1145 | + | ||
| 1142 | 1146 | ||
| 1143 | }, | 1147 | }, |
| 1144 | 1148 | ||
| @@ -3737,7 +3741,7 @@ Page({ | @@ -3737,7 +3741,7 @@ Page({ | ||
| 3737 | djs: obj, | 3741 | djs: obj, |
| 3738 | isTimeUp: true, | 3742 | isTimeUp: true, |
| 3739 | }); | 3743 | }); |
| 3740 | - console.log('i am here'); | 3744 | + // console.log('i am here'); |
| 3741 | return false; | 3745 | return false; |
| 3742 | } | 3746 | } |
| 3743 | 3747 | ||
| @@ -4635,7 +4639,8 @@ Page({ | @@ -4635,7 +4639,8 @@ Page({ | ||
| 4635 | var unit = that.data.screenWidth / 750 * 1.35; //基础单位， | 4639 | var unit = that.data.screenWidth / 750 * 1.35; //基础单位， |
| 4636 | var path2 = that.data.data.original_img; | 4640 | var path2 = that.data.data.original_img; |
| 4637 | var scene = th.data.gid + ""; | 4641 | var scene = th.data.gid + ""; |
| 4638 | - scene+="."+th.data.sele_g.prom_type+"."+th.data.sele_g.prom_id; | 4642 | + scene+="."+th.data.sele_g.prom_type+"."+th.data.luckGoInfo.id; |
| 4643 | + // th.data.sele_g.prom_id | ||
| 4639 | 4644 | ||
| 4640 | var user_id = getApp().globalData.user_id ? getApp().globalData.user_id : 0; | 4645 | var user_id = getApp().globalData.user_id ? getApp().globalData.user_id : 0; |
| 4641 | if (user_id > 0) { | 4646 | if (user_id > 0) { |
| @@ -4653,7 +4658,7 @@ Page({ | @@ -4653,7 +4658,7 @@ Page({ | ||
| 4653 | // var path3 = os.url + "/api/wx/open/app/user/getWeAppEwm/" + | 4658 | // var path3 = os.url + "/api/wx/open/app/user/getWeAppEwm/" + |
| 4654 | // os.stoid + "?sceneValue=" + scene + "&pageValue=packageC/pages/luckyGo/luckyGo_goodsInfo/luckyGo_goodsInfo"; | 4659 | // os.stoid + "?sceneValue=" + scene + "&pageValue=packageC/pages/luckyGo/luckyGo_goodsInfo/luckyGo_goodsInfo"; |
| 4655 | 4660 | ||
| 4656 | - console.log(path3); | 4661 | + console.log('path3......',path3); |
| 4657 | 4662 | ||
| 4658 | 4663 | ||
| 4659 | // 读取文件成功则OK-- | 4664 | // 读取文件成功则OK-- |
| @@ -5469,7 +5474,7 @@ Page({ | @@ -5469,7 +5474,7 @@ Page({ | ||
| 5469 | this.setData({ | 5474 | this.setData({ |
| 5470 | store: 1, | 5475 | store: 1, |
| 5471 | openSpecModal: !1, | 5476 | openSpecModal: !1, |
| 5472 | - openSpecModal_pt: !1 | 5477 | + openSpecModal_pt: 1 |
| 5473 | }) | 5478 | }) |
| 5474 | } | 5479 | } |
| 5475 | }, | 5480 | }, |
| @@ -5667,6 +5672,7 @@ Page({ | @@ -5667,6 +5672,7 @@ Page({ | ||
| 5667 | } | 5672 | } |
| 5668 | else { | 5673 | else { |
| 5669 | th.setData({ | 5674 | th.setData({ |
| 5675 | + // openSpecModal_pt: 1, | ||
| 5670 | store: 0, | 5676 | store: 0, |
| 5671 | choice_sort_store: 0, | 5677 | choice_sort_store: 0, |
| 5672 | sort_store: 0 | 5678 | sort_store: 0 |
pages/goods/goodsInfo/goodsInfo.js
| @@ -527,7 +527,12 @@ Page({ | @@ -527,7 +527,12 @@ Page({ | ||
| 527 | }).then(res => { | 527 | }).then(res => { |
| 528 | if (res.data.code == 0 && res.data.data.total > 0) { | 528 | if (res.data.code == 0 && res.data.data.total > 0) { |
| 529 | plist = res.data.data.pageData[0]; | 529 | plist = res.data.data.pageData[0]; |
| 530 | - } | 530 | + } else { |
| 531 | + wx.showToast({ | ||
| 532 | + title: '库存不足，请更换其他门店', | ||
| 533 | + icon: 'none', | ||
| 534 | + }); | ||
| 535 | + }; | ||
| 531 | if (plist && plist.CanOutQty - lock > 0) { | 536 | if (plist && plist.CanOutQty - lock > 0) { |
| 532 | ee.CanOutQty = plist.CanOutQty - lock; | 537 | ee.CanOutQty = plist.CanOutQty - lock; |
| 533 | } else { | 538 | } else { |
| @@ -6063,7 +6068,15 @@ Page({ | @@ -6063,7 +6068,15 @@ Page({ | ||
| 6063 | this.get_sto(); | 6068 | this.get_sto(); |
| 6064 | this.check_is_youhui(gid,1); | 6069 | this.check_is_youhui(gid,1); |
| 6065 | this.data.is_normal=1; | 6070 | this.data.is_normal=1; |
| 6066 | - } | 6071 | + }, |
| 6072 | + | ||
| 6073 | + // 促销 -> 送礼包 -> 查看详情 | ||
| 6074 | + viewGiftDetails(e) { | ||
| 6075 | + let id = e.currentTarget.dataset.id; // 获取礼包id | ||
| 6076 | + let url = `/packageA/pages/myGiftDetails/myGiftDetails?btn=0&index=0&id=${id}`; // btn=0 控制跳转到的页面不显示按钮 | ||
| 6077 | + console.log('myurl', url); | ||
| 6078 | + getApp().goto(url); | ||
| 6079 | + } | ||
| 6067 | 6080 | ||
| 6068 | 6081 | ||
| 6069 | 6082 |
pages/goods/goodsInfo/goodsInfo.wxml
| @@ -2,6 +2,7 @@ | @@ -2,6 +2,7 @@ | ||
| 2 | <wxs module="filters" src="../../../utils/filter.wxs"></wxs> | 2 | <wxs module="filters" src="../../../utils/filter.wxs"></wxs> |
| 3 | <wxs module="g_filters" src="g_filter.wxs"></wxs> | 3 | <wxs module="g_filters" src="g_filter.wxs"></wxs> |
| 4 | <wxs module="tool" src="filter.wxs"></wxs> | 4 | <wxs module="tool" src="filter.wxs"></wxs> |
| 5 | + | ||
| 5 | <!-- 商品内容区域,普通商品,秒杀,拼团 --> | 6 | <!-- 商品内容区域,普通商品,秒杀,拼团 --> |
| 6 | <block wx:if="{{isshow}}"> | 7 | <block wx:if="{{isshow}}"> |
| 7 | <view class="container"> | 8 | <view class="container"> |
| @@ -586,36 +587,42 @@ | @@ -586,36 +587,42 @@ | ||
| 586 | <!-- 要判断是不是有促销活动 --> | 587 | <!-- 要判断是不是有促销活动 --> |
| 587 | <block wx:if="{{prom_goods}}"> | 588 | <block wx:if="{{prom_goods}}"> |
| 588 | <view class="cx-frame flex" style="position: relative; height: auto" hidden="{{prom_type==4 || prom_type==6}}"> | 589 | <view class="cx-frame flex" style="position: relative; height: auto" hidden="{{prom_type==4 || prom_type==6}}"> |
| 589 | - <view class="cx-sizs fs30">促销</view> | 590 | + <!-- <view class="cx-sizs fs30">促销</view> --> |
| 590 | <!-- 中间显示层 --> | 591 | <!-- 中间显示层 --> |
| 591 | - <view class="f1 pdh20"> | ||
| 592 | - <view class="cx_show_view flex fs28" wx:for="{{prom_goods}}"> | ||
| 593 | - <view class="prom_condition"> | ||
| 594 | - 消费满{{item.condition}} | ||
| 595 | - <text wx:if="{{item.prom_type==1}}">件</text> | ||
| 596 | - <text wx:else>元</text> | ||
| 597 | - </view> | ||
| 598 | - <view class="word {{is_more_cx?'':'ellipsis-1'}}"> | ||
| 599 | - <text wx:if="{{item.money>0}}">减价{{item.money}}元;</text> | ||
| 600 | - <text wx:if="{{item.sale>0}}">打{{item.sale}}折;</text> | ||
| 601 | - <text wx:if="{{item.past==1}}">包邮;</text> | ||
| 602 | - <text wx:if="{{item.intValue>0}}">送{{tem.intValue}}积分;</text> | ||
| 603 | - <text wx:if="{{item.couponId>0}}">送{{item.couponMoney}}元优惠券;</text> | ||
| 604 | - <text wx:if="{{item.gift_id>0}}">送商品{{item.goods_name}};</text> | ||
| 605 | - <text wx:if="{{item.lb_id>0}}">送{{item.lbtitle}};</text> | 592 | + <block> |
| 593 | + <view class="cx-sizs fs30 pdr20">促销</view> | ||
| 594 | + <view class="fs28 f1" wx:for="{{prom_goods}}"> | ||
| 595 | + <view> | ||
| 596 | + <text class="prom_condition"> | ||
| 597 | + <text class="fill-box">消费满{{item.condition}}{{item.prom_type==1 ? '件':'元'}}</text>享优惠 | ||
| 598 | + <!-- <text wx:if="{{item.prom_type==1}}">件,</text> | ||
| 599 | + <text wx:else>元,</text> --> | ||
| 600 | + </text> | ||
| 601 | + <!-- <text>可享以下优惠：</text> --> | ||
| 602 | + </view> | ||
| 603 | + | ||
| 604 | + <!-- <view class="word {{is_more_cx?'':'ellipsis-1'}}"> --> | ||
| 605 | + <view class="word f1 fs26"> | ||
| 606 | + <text class="tick lh2 pdr20" wx:if="{{item.money>0}}">减价{{item.money}}元</text> | ||
| 607 | + <text class="tick lh2 pdr20" wx:if="{{item.sale>0}}">打{{item.sale}}折</text> | ||
| 608 | + <text class="tick lh2 pdr20" wx:if="{{item.past==1}}">包邮</text> | ||
| 609 | + <text class="tick lh2 pdr20" wx:if="{{item.intValue>0}}">送{{item.intValue}}积分</text> | ||
| 610 | + <view class="tick lh2 pdr20" wx:if="{{item.couponId>0}}">送{{item.couponMoney}}元优惠券</view> | ||
| 611 | + <view class="tick ellipsis-1x lh2" wx:if="{{item.gift_id>0}}">送商品{{item.goods_name}}</view> | ||
| 612 | + <view class="tick ellipsis-1x lh2 details pdr40" wx:if="{{item.lb_id>0}}" data-id="{{item.lb_id}}" bindtap="viewGiftDetails">送{{item.lbtitle}}</view> | ||
| 606 | </view> | 613 | </view> |
| 607 | </view> | 614 | </view> |
| 608 | - </view> | ||
| 609 | - <view data-coupon="1" bindtap="show_more_cx" class="cx-obtain-coupon wsize"> | 615 | + </block> |
| 616 | + <!-- <view data-coupon="1" bindtap="show_more_cx" class="cx-obtain-coupon wsize"> | ||
| 610 | <text class="bg_jj {{is_more_cx?'down1':''}}"></text> | 617 | <text class="bg_jj {{is_more_cx?'down1':''}}"></text> |
| 611 | - </view> | 618 | + </view> --> |
| 612 | </view> | 619 | </view> |
| 613 | </block> | 620 | </block> |
| 614 | 621 | ||
| 615 | <!-- 要判断是不是有订单优惠 --> | 622 | <!-- 要判断是不是有订单优惠 --> |
| 616 | <block wx:if="{{order_prom}}"> | 623 | <block wx:if="{{order_prom}}"> |
| 617 | <view class="cx-frame flex" style="position: relative; height: auto"> | 624 | <view class="cx-frame flex" style="position: relative; height: auto"> |
| 618 | - <view class="cx-sizs wsize" style="width: 144rpx">订单优惠</view> | 625 | + <view class="cx-sizs fs30 pdr20">订单优惠</view> |
| 619 | <!-- 中间显示层 --> | 626 | <!-- 中间显示层 --> |
| 620 | <view class="flex ai-center"> | 627 | <view class="flex ai-center"> |
| 621 | <image class="hui_img" src="{{iurl}}/miniapp//images/hui.png"></image> | 628 | <image class="hui_img" src="{{iurl}}/miniapp//images/hui.png"></image> |
pages/goods/goodsInfo/goodsInfo.wxss
| 1 | @import "../../../utils/wxParse/wxParse.wxss"; | 1 | @import "../../../utils/wxParse/wxParse.wxss"; |
| 2 | -.container { margin-bottom: 100rpx; overflow: hidden;padding-top: 80rpx;} | 2 | + |
| 3 | +.container { | ||
| 4 | + margin-bottom: 100rpx; | ||
| 5 | + overflow: hidden; | ||
| 6 | + padding-top: 80rpx; | ||
| 7 | +} | ||
| 8 | + | ||
| 3 | image { | 9 | image { |
| 4 | - vertical-align: top; | 10 | + vertical-align: top; |
| 11 | +} | ||
| 12 | + | ||
| 13 | +.goods-detail { | ||
| 14 | + overflow: hidden | ||
| 5 | } | 15 | } |
| 6 | -.goods-detail{overflow: hidden} | ||
| 7 | 16 | ||
| 8 | .type-navbar { | 17 | .type-navbar { |
| 9 | - display: flex; | ||
| 10 | - justify-content: center; | ||
| 11 | - width: 100%; | ||
| 12 | - position: fixed; | ||
| 13 | - top: 0; | ||
| 14 | - z-index: 999; | ||
| 15 | - /* height: 80rpx; */ | ||
| 16 | - /* margin-bottom: 20rpx; */ | ||
| 17 | - background-color: #fff; | ||
| 18 | - border-top: 2rpx solid #ebedf0; | ||
| 19 | - /* border-bottom: 1rpx #fafafa solid; */ | 18 | + display: flex; |
| 19 | + justify-content: center; | ||
| 20 | + width: 100%; | ||
| 21 | + position: fixed; | ||
| 22 | + top: 0; | ||
| 23 | + z-index: 999; | ||
| 24 | + /* height: 80rpx; */ | ||
| 25 | + /* margin-bottom: 20rpx; */ | ||
| 26 | + background-color: #fff; | ||
| 27 | + border-top: 2rpx solid #ebedf0; | ||
| 28 | + /* border-bottom: 1rpx #fafafa solid; */ | ||
| 20 | } | 29 | } |
| 30 | + | ||
| 21 | .type-box { | 31 | .type-box { |
| 22 | - width: 25%; | ||
| 23 | - box-sizing: border-box; | ||
| 24 | - font-size: 32rpx; | ||
| 25 | - line-height: 76rpx; | ||
| 26 | - padding: 0 20rpx; | ||
| 27 | - text-align: center; | ||
| 28 | - display: inline-block; | ||
| 29 | - overflow: hidden; | 32 | + width: 25%; |
| 33 | + box-sizing: border-box; | ||
| 34 | + font-size: 32rpx; | ||
| 35 | + line-height: 76rpx; | ||
| 36 | + padding: 0 20rpx; | ||
| 37 | + text-align: center; | ||
| 38 | + display: inline-block; | ||
| 39 | + overflow: hidden; | ||
| 30 | } | 40 | } |
| 41 | + | ||
| 31 | .type-navbar-item { | 42 | .type-navbar-item { |
| 32 | - /* border-bottom: 4rpx solid #fff; */ | ||
| 33 | - display: flex; | ||
| 34 | - justify-content: center; | ||
| 35 | - width: 100%; | ||
| 36 | - font-size: 26rpx; | 43 | + /* border-bottom: 4rpx solid #fff; */ |
| 44 | + display: flex; | ||
| 45 | + justify-content: center; | ||
| 46 | + width: 100%; | ||
| 47 | + font-size: 26rpx; | ||
| 37 | } | 48 | } |
| 49 | + | ||
| 38 | .type-item-on { | 50 | .type-item-on { |
| 39 | color: #F95D74; | 51 | color: #F95D74; |
| 40 | font-weight: bold; | 52 | font-weight: bold; |
| 41 | - /* border-bottom: 4rpx solid #F95D74; */ | 53 | + /* border-bottom: 4rpx solid #F95D74; */ |
| 42 | position: relative; | 54 | position: relative; |
| 43 | font-size: 30rpx; | 55 | font-size: 30rpx; |
| 44 | } | 56 | } |
| 57 | + | ||
| 45 | .type-item-on:after { | 58 | .type-item-on:after { |
| 46 | content: ''; | 59 | content: ''; |
| 47 | position: absolute; | 60 | position: absolute; |
| @@ -53,651 +66,721 @@ image { | @@ -53,651 +66,721 @@ image { | ||
| 53 | bottom: 0; | 66 | bottom: 0; |
| 54 | margin: 0 auto; | 67 | margin: 0 auto; |
| 55 | } | 68 | } |
| 69 | + | ||
| 56 | .swiper_box { | 70 | .swiper_box { |
| 57 | - width: 100%; | ||
| 58 | - height: 750rpx; | 71 | + width: 100%; |
| 72 | + height: 750rpx; | ||
| 59 | } | 73 | } |
| 74 | + | ||
| 60 | .goods-title { | 75 | .goods-title { |
| 61 | - display: flex; | ||
| 62 | - justify-content: space-between; | ||
| 63 | - /* overflow: hidden; */ | ||
| 64 | - /* height: 108rpx; */ | 76 | + display: flex; |
| 77 | + justify-content: space-between; | ||
| 78 | + /* overflow: hidden; */ | ||
| 79 | + /* height: 108rpx; */ | ||
| 65 | } | 80 | } |
| 81 | + | ||
| 66 | .goods-name { | 82 | .goods-name { |
| 67 | - /* width: 560rpx; */ | ||
| 68 | - /* line-height: 46rpx; */ | ||
| 69 | - font-size: 32rpx; | ||
| 70 | - font-weight: bold; | ||
| 71 | - color: #333; | ||
| 72 | - /* margin-top: 30rpx; | 83 | + /* width: 560rpx; */ |
| 84 | + /* line-height: 46rpx; */ | ||
| 85 | + font-size: 32rpx; | ||
| 86 | + font-weight: bold; | ||
| 87 | + color: #333; | ||
| 88 | + /* margin-top: 30rpx; | ||
| 73 | margin-bottom:30rpx; */ | 89 | margin-bottom:30rpx; */ |
| 74 | - flex: 1; | ||
| 75 | - text-align: justify; | ||
| 76 | - margin: 10rpx 0 20rpx; | 90 | + flex: 1; |
| 91 | + text-align: justify; | ||
| 92 | + margin: 10rpx 0 20rpx; | ||
| 77 | } | 93 | } |
| 78 | 94 | ||
| 79 | .goods-collect { | 95 | .goods-collect { |
| 80 | - width: 112rpx; | ||
| 81 | - padding-top: 30rpx; | 96 | + width: 112rpx; |
| 97 | + padding-top: 30rpx; | ||
| 82 | } | 98 | } |
| 83 | 99 | ||
| 84 | .collect-img { | 100 | .collect-img { |
| 85 | - width: 50rpx; | ||
| 86 | - height: 44rpx; | ||
| 87 | - margin: 0 auto; | ||
| 88 | - overflow: hidden; | 101 | + width: 50rpx; |
| 102 | + height: 44rpx; | ||
| 103 | + margin: 0 auto; | ||
| 104 | + overflow: hidden; | ||
| 89 | } | 105 | } |
| 90 | 106 | ||
| 91 | .collect-des { | 107 | .collect-des { |
| 92 | - text-align: center; | ||
| 93 | - font-size: 24rpx; | ||
| 94 | - color: #333; | 108 | + text-align: center; |
| 109 | + font-size: 24rpx; | ||
| 110 | + color: #333; | ||
| 95 | } | 111 | } |
| 96 | 112 | ||
| 97 | .goods-price { | 113 | .goods-price { |
| 98 | - font-size: 60rpx; | ||
| 99 | - /* padding: 20rpx 34rpx; */ | ||
| 100 | - /* padding:0rpx 34rpx; */ | ||
| 101 | - /* line-height: 60rpx; */ | ||
| 102 | - color: #999; | ||
| 103 | - padding: 20rpx; | ||
| 104 | - /* margin-top: 46rpx; */ | ||
| 105 | - /* margin-top:26rpx; | 114 | + font-size: 60rpx; |
| 115 | + /* padding: 20rpx 34rpx; */ | ||
| 116 | + /* padding:0rpx 34rpx; */ | ||
| 117 | + /* line-height: 60rpx; */ | ||
| 118 | + color: #999; | ||
| 119 | + padding: 20rpx; | ||
| 120 | + /* margin-top: 46rpx; */ | ||
| 121 | + /* margin-top:26rpx; | ||
| 106 | padding-bottom:20rpx; */ | 122 | padding-bottom:20rpx; */ |
| 107 | } | 123 | } |
| 108 | 124 | ||
| 109 | .prom-info { | 125 | .prom-info { |
| 110 | - margin: 10rpx 0; | ||
| 111 | - color: #f23030; | 126 | + margin: 10rpx 0; |
| 127 | + color: #f23030; | ||
| 112 | } | 128 | } |
| 113 | 129 | ||
| 114 | .prom-info>.prom-type { | 130 | .prom-info>.prom-type { |
| 115 | - color: white; | ||
| 116 | - background-color: #f23030; | ||
| 117 | - margin-right: 14rpx; | ||
| 118 | - padding: 2rpx 8rpx; | ||
| 119 | - border-radius: 4rpx; | 131 | + color: white; |
| 132 | + background-color: #f23030; | ||
| 133 | + margin-right: 14rpx; | ||
| 134 | + padding: 2rpx 8rpx; | ||
| 135 | + border-radius: 4rpx; | ||
| 120 | } | 136 | } |
| 137 | + | ||
| 121 | .market-price { | 138 | .market-price { |
| 122 | - /* display: flex; | 139 | + /* display: flex; |
| 123 | margin-left: -5rpx; */ | 140 | margin-left: -5rpx; */ |
| 124 | } | 141 | } |
| 125 | 142 | ||
| 126 | -.market-price .yuan{ | ||
| 127 | - /* top:24rpx; */ | ||
| 128 | - font-size: 30rpx | 143 | +.market-price .yuan { |
| 144 | + /* top:24rpx; */ | ||
| 145 | + font-size: 30rpx | ||
| 129 | } | 146 | } |
| 130 | 147 | ||
| 131 | .market-price>view>text { | 148 | .market-price>view>text { |
| 132 | - text-decoration: line-through; | 149 | + text-decoration: line-through; |
| 133 | } | 150 | } |
| 134 | 151 | ||
| 135 | -.market-price>.yj{ | ||
| 136 | - color: #999999; font-size: 24rpx;/* margin-left: 16rpx;position: relative;top:30rpx; */ | ||
| 137 | - display: inline-block; | 152 | +.market-price>.yj { |
| 153 | + color: #999999; | ||
| 154 | + font-size: 24rpx; | ||
| 155 | + /* margin-left: 16rpx;position: relative;top:30rpx; */ | ||
| 156 | + display: inline-block; | ||
| 138 | } | 157 | } |
| 139 | 158 | ||
| 140 | -.goods-price>.tm{ color: #999999; font-size: 26rpx;margin-top: 10rpx;} | 159 | +.goods-price>.tm { |
| 160 | + color: #999999; | ||
| 161 | + font-size: 26rpx; | ||
| 162 | + margin-top: 10rpx; | ||
| 163 | +} | ||
| 141 | 164 | ||
| 142 | .goods-num { | 165 | .goods-num { |
| 143 | - display: flex; | ||
| 144 | - font-size: 24rpx; | ||
| 145 | - justify-content: space-between; | 166 | + display: flex; |
| 167 | + font-size: 24rpx; | ||
| 168 | + justify-content: space-between; | ||
| 169 | +} | ||
| 170 | + | ||
| 171 | +.goods-detail .twen { | ||
| 172 | + background: #fff; | ||
| 173 | + height: 60rpx; | ||
| 174 | + line-height: 60rpx; | ||
| 175 | + font-size: 30rpx; | ||
| 176 | + padding-left: 30rpx; | ||
| 177 | + display: flex; | ||
| 178 | +} | ||
| 179 | + | ||
| 180 | +.goods-detail .twen .img { | ||
| 181 | + width: 32rpx; | ||
| 182 | + height: 32rpx; | ||
| 183 | + margin-left: 200rpx; | ||
| 184 | + background: #fff | ||
| 146 | } | 185 | } |
| 147 | 186 | ||
| 148 | -.goods-detail .twen{ | ||
| 149 | - background: #fff;height: 60rpx; line-height: 60rpx; font-size: 30rpx;padding-left: 30rpx;display: flex; | 187 | +.goods-detail .twen image.img { |
| 188 | + vertical-align: auto; | ||
| 150 | } | 189 | } |
| 151 | -.goods-detail .twen .img{ width: 32rpx; height: 32rpx; margin-left: 200rpx; background: #fff} | ||
| 152 | -.goods-detail .twen image.img{vertical-align:auto;} | ||
| 153 | 190 | ||
| 154 | 191 | ||
| 155 | .logistics-item { | 192 | .logistics-item { |
| 156 | - display: flex; | ||
| 157 | - justify-content: space-between; | ||
| 158 | - align-items: center; | ||
| 159 | - height: 90rpx; | ||
| 160 | - /*border-bottom: 1px solid #f5f5f5;*/ | ||
| 161 | - font-size: 32rpx; | ||
| 162 | - color: #666; | 193 | + display: flex; |
| 194 | + justify-content: space-between; | ||
| 195 | + align-items: center; | ||
| 196 | + height: 90rpx; | ||
| 197 | + /*border-bottom: 1px solid #f5f5f5;*/ | ||
| 198 | + font-size: 32rpx; | ||
| 199 | + color: #666; | ||
| 200 | +} | ||
| 201 | + | ||
| 202 | +.logistics-item .small { | ||
| 203 | + color: #999; | ||
| 204 | + font-size: 24rpx; | ||
| 205 | +} | ||
| 206 | + | ||
| 207 | +.item-title { | ||
| 208 | + width: 180rpx; | ||
| 163 | } | 209 | } |
| 164 | -.logistics-item .small{color: #999; font-size: 24rpx;} | ||
| 165 | 210 | ||
| 166 | -.item-title { width: 180rpx;} | ||
| 167 | .item-mes { | 211 | .item-mes { |
| 168 | - color: #333; width: 420rpx; | ||
| 169 | - height: 90rpx; line-height: 90rpx; | 212 | + color: #333; |
| 213 | + width: 420rpx; | ||
| 214 | + height: 90rpx; | ||
| 215 | + line-height: 90rpx; | ||
| 170 | } | 216 | } |
| 171 | -.item-img { width: 32rpx; height: 32rpx;} | 217 | + |
| 218 | +.item-img { | ||
| 219 | + width: 32rpx; | ||
| 220 | + height: 32rpx; | ||
| 221 | +} | ||
| 222 | + | ||
| 172 | .prom-item { | 223 | .prom-item { |
| 173 | - color: #f23030; | ||
| 174 | - border: 1px solid #f23030; | ||
| 175 | - border-radius: 18rpx; | ||
| 176 | - line-height: 40rpx; | ||
| 177 | - height: 40rpx; | ||
| 178 | - padding: 2rpx 8rpx; | 224 | + color: #f23030; |
| 225 | + border: 1px solid #f23030; | ||
| 226 | + border-radius: 18rpx; | ||
| 227 | + line-height: 40rpx; | ||
| 228 | + height: 40rpx; | ||
| 229 | + padding: 2rpx 8rpx; | ||
| 179 | } | 230 | } |
| 180 | 231 | ||
| 181 | .guarantee { | 232 | .guarantee { |
| 182 | - justify-content: space-around; | 233 | + justify-content: space-around; |
| 183 | } | 234 | } |
| 184 | 235 | ||
| 185 | .ico-item { | 236 | .ico-item { |
| 186 | - width: 32rpx; | ||
| 187 | - height: 32rpx; | ||
| 188 | - margin-right: 10rpx; | 237 | + width: 32rpx; |
| 238 | + height: 32rpx; | ||
| 239 | + margin-right: 10rpx; | ||
| 189 | } | 240 | } |
| 190 | 241 | ||
| 191 | .guarantee>view { | 242 | .guarantee>view { |
| 192 | - display: flex; | ||
| 193 | - align-items: center; | ||
| 194 | - height: 32rpx; | ||
| 195 | - color: #666; | 243 | + display: flex; |
| 244 | + align-items: center; | ||
| 245 | + height: 32rpx; | ||
| 246 | + color: #666; | ||
| 196 | } | 247 | } |
| 197 | 248 | ||
| 198 | .user-comment { | 249 | .user-comment { |
| 199 | - margin: 10rpx 0; | ||
| 200 | - font-size: 28rpx; | 250 | + margin: 10rpx 0; |
| 251 | + font-size: 28rpx; | ||
| 201 | } | 252 | } |
| 202 | 253 | ||
| 203 | -.good-comment,.comment-num { | ||
| 204 | - display: flex; | 254 | +.good-comment, |
| 255 | +.comment-num { | ||
| 256 | + display: flex; | ||
| 205 | } | 257 | } |
| 206 | 258 | ||
| 207 | .recommend { | 259 | .recommend { |
| 208 | - background-color: #fff; | ||
| 209 | - border-bottom: 1px solid #ddd; | ||
| 210 | - padding-bottom: 20rpx; | 260 | + background-color: #fff; |
| 261 | + border-bottom: 1px solid #ddd; | ||
| 262 | + padding-bottom: 20rpx; | ||
| 211 | } | 263 | } |
| 212 | 264 | ||
| 213 | .recommend-title { | 265 | .recommend-title { |
| 214 | - height: 70rpx; | ||
| 215 | - line-height: 70rpx; | ||
| 216 | - font-size: 28rpx; | ||
| 217 | - padding: 0 30rpx; | 266 | + height: 70rpx; |
| 267 | + line-height: 70rpx; | ||
| 268 | + font-size: 28rpx; | ||
| 269 | + padding: 0 30rpx; | ||
| 218 | } | 270 | } |
| 219 | 271 | ||
| 220 | .recommend-ul { | 272 | .recommend-ul { |
| 221 | - display: flex; | ||
| 222 | - justify-content: flex-start; | 273 | + display: flex; |
| 274 | + justify-content: flex-start; | ||
| 223 | } | 275 | } |
| 224 | 276 | ||
| 225 | .recommend-ul .li { | 277 | .recommend-ul .li { |
| 226 | - width: 25%; | ||
| 227 | - box-sizing: border-box; | ||
| 228 | - text-align: center; | ||
| 229 | - font-size: 28rpx; | ||
| 230 | - color: #333; | 278 | + width: 25%; |
| 279 | + box-sizing: border-box; | ||
| 280 | + text-align: center; | ||
| 281 | + font-size: 28rpx; | ||
| 282 | + color: #333; | ||
| 231 | } | 283 | } |
| 232 | 284 | ||
| 233 | .li-img { | 285 | .li-img { |
| 234 | - width: 120rpx; | ||
| 235 | - height: 120rpx; | ||
| 236 | - margin: 0 auto; | 286 | + width: 120rpx; |
| 287 | + height: 120rpx; | ||
| 288 | + margin: 0 auto; | ||
| 237 | } | 289 | } |
| 238 | 290 | ||
| 239 | .li-title { | 291 | .li-title { |
| 240 | - height: 58rpx; | ||
| 241 | - line-height: 30rpx; | ||
| 242 | - margin: 10rpx 0; | 292 | + height: 58rpx; |
| 293 | + line-height: 30rpx; | ||
| 294 | + margin: 10rpx 0; | ||
| 243 | } | 295 | } |
| 244 | 296 | ||
| 245 | .comment-item { | 297 | .comment-item { |
| 246 | - background-color: #fff; | ||
| 247 | - font-size: 28rpx; | 298 | + background-color: #fff; |
| 299 | + font-size: 28rpx; | ||
| 248 | } | 300 | } |
| 249 | 301 | ||
| 250 | .comment-title { | 302 | .comment-title { |
| 251 | - display: flex; | ||
| 252 | - justify-content: space-between; | ||
| 253 | - align-items: center; | ||
| 254 | - height: 102rpx; | ||
| 255 | - margin: 0 30rpx; | ||
| 256 | - color: #333; | ||
| 257 | - border-bottom: 1px solid #eee; | 303 | + display: flex; |
| 304 | + justify-content: space-between; | ||
| 305 | + align-items: center; | ||
| 306 | + height: 102rpx; | ||
| 307 | + margin: 0 30rpx; | ||
| 308 | + color: #333; | ||
| 309 | + border-bottom: 1px solid #eee; | ||
| 258 | } | 310 | } |
| 259 | 311 | ||
| 260 | .user-name { | 312 | .user-name { |
| 261 | - display: flex; | ||
| 262 | - align-items: center; | 313 | + display: flex; |
| 314 | + align-items: center; | ||
| 263 | } | 315 | } |
| 264 | 316 | ||
| 265 | .user-pic { | 317 | .user-pic { |
| 266 | - width: 54rpx; | ||
| 267 | - height: 54rpx; | ||
| 268 | - margin-right: 10rpx; | ||
| 269 | - border-radius: 50%; | ||
| 270 | - overflow: hidden; | 318 | + width: 54rpx; |
| 319 | + height: 54rpx; | ||
| 320 | + margin-right: 10rpx; | ||
| 321 | + border-radius: 50%; | ||
| 322 | + overflow: hidden; | ||
| 271 | } | 323 | } |
| 272 | 324 | ||
| 273 | .stars { | 325 | .stars { |
| 274 | - float: left; | ||
| 275 | - display: flex; | ||
| 276 | - height: 42rpx; | ||
| 277 | - line-height: 42rpx; | ||
| 278 | - margin: 15rpx 0; | ||
| 279 | - width: 200rpx; | 326 | + float: left; |
| 327 | + display: flex; | ||
| 328 | + height: 42rpx; | ||
| 329 | + line-height: 42rpx; | ||
| 330 | + margin: 15rpx 0; | ||
| 331 | + width: 200rpx; | ||
| 280 | } | 332 | } |
| 281 | 333 | ||
| 282 | .star { | 334 | .star { |
| 283 | - width: 26rpx; | ||
| 284 | - height: 26rpx; | ||
| 285 | - margin-right: 5rpx; | 335 | + width: 26rpx; |
| 336 | + height: 26rpx; | ||
| 337 | + margin-right: 5rpx; | ||
| 286 | } | 338 | } |
| 287 | 339 | ||
| 288 | .state-spec { | 340 | .state-spec { |
| 289 | - margin: 15rpx 0; | ||
| 290 | - float: right; | ||
| 291 | - font-size: 24rpx; | ||
| 292 | - color: #666; | ||
| 293 | - width: 460rpx; | ||
| 294 | - text-align: right; | 341 | + margin: 15rpx 0; |
| 342 | + float: right; | ||
| 343 | + font-size: 24rpx; | ||
| 344 | + color: #666; | ||
| 345 | + width: 460rpx; | ||
| 346 | + text-align: right; | ||
| 295 | } | 347 | } |
| 296 | 348 | ||
| 297 | .comment-cont { | 349 | .comment-cont { |
| 298 | - padding: 0 30rpx 30rpx; | ||
| 299 | - border-bottom: 1px solid #eee; | 350 | + padding: 0 30rpx 30rpx; |
| 351 | + border-bottom: 1px solid #eee; | ||
| 300 | } | 352 | } |
| 301 | 353 | ||
| 302 | .comment-mes { | 354 | .comment-mes { |
| 303 | - line-height: 42rpx; | 355 | + line-height: 42rpx; |
| 304 | } | 356 | } |
| 305 | 357 | ||
| 306 | .img-ul { | 358 | .img-ul { |
| 307 | - display: flex; | ||
| 308 | - flex-wrap: wrap; | 359 | + display: flex; |
| 360 | + flex-wrap: wrap; | ||
| 309 | } | 361 | } |
| 310 | 362 | ||
| 311 | .img-li { | 363 | .img-li { |
| 312 | - width: 150rpx; | ||
| 313 | - height: 150rpx; | ||
| 314 | - margin-top: 8rpx; | ||
| 315 | - margin-right: 10rpx; | 364 | + width: 150rpx; |
| 365 | + height: 150rpx; | ||
| 366 | + margin-top: 8rpx; | ||
| 367 | + margin-right: 10rpx; | ||
| 316 | } | 368 | } |
| 317 | 369 | ||
| 318 | .comment-btn { | 370 | .comment-btn { |
| 319 | - height: 60rpx; | ||
| 320 | - padding: 20rpx 30rpx; | 371 | + height: 60rpx; |
| 372 | + padding: 20rpx 30rpx; | ||
| 321 | } | 373 | } |
| 322 | 374 | ||
| 323 | .comment-btn .btn { | 375 | .comment-btn .btn { |
| 324 | - display: flex; | ||
| 325 | - justify-content: center; | ||
| 326 | - align-items: center; | ||
| 327 | - height: 60rpx; | ||
| 328 | - width: 45%; | ||
| 329 | - border: 1px solid #eee; | 376 | + display: flex; |
| 377 | + justify-content: center; | ||
| 378 | + align-items: center; | ||
| 379 | + height: 60rpx; | ||
| 380 | + width: 45%; | ||
| 381 | + border: 1px solid #eee; | ||
| 330 | } | 382 | } |
| 331 | 383 | ||
| 332 | .comment-btn .btn-img { | 384 | .comment-btn .btn-img { |
| 333 | - width: 30rpx; | ||
| 334 | - height: 28rpx; | ||
| 335 | - margin: 0 10rpx; | 385 | + width: 30rpx; |
| 386 | + height: 28rpx; | ||
| 387 | + margin: 0 10rpx; | ||
| 336 | } | 388 | } |
| 337 | 389 | ||
| 338 | .reply-ul { | 390 | .reply-ul { |
| 339 | - margin-top: 20rpx; | 391 | + margin-top: 20rpx; |
| 340 | } | 392 | } |
| 341 | 393 | ||
| 342 | .reply-li { | 394 | .reply-li { |
| 343 | - color: #aaa; | 395 | + color: #aaa; |
| 344 | } | 396 | } |
| 345 | 397 | ||
| 346 | .join-cart { | 398 | .join-cart { |
| 347 | - position: fixed; | ||
| 348 | - left: 0; | ||
| 349 | - bottom: 0; | ||
| 350 | - display: flex; | ||
| 351 | - width: 100%; | ||
| 352 | - height: 100rpx; | ||
| 353 | - background-color: #fff; | ||
| 354 | - z-index: 9; | ||
| 355 | - border-top: 4rpx solid #eee; | 399 | + position: fixed; |
| 400 | + left: 0; | ||
| 401 | + bottom: 0; | ||
| 402 | + display: flex; | ||
| 403 | + width: 100%; | ||
| 404 | + height: 100rpx; | ||
| 405 | + background-color: #fff; | ||
| 406 | + z-index: 9; | ||
| 407 | + border-top: 4rpx solid #eee; | ||
| 356 | 408 | ||
| 357 | } | 409 | } |
| 358 | 410 | ||
| 359 | .join-cart>view { | 411 | .join-cart>view { |
| 360 | - width: 29%; | 412 | + width: 29%; |
| 361 | } | 413 | } |
| 362 | 414 | ||
| 363 | .join-cart>.new_split { | 415 | .join-cart>.new_split { |
| 364 | - width: 13%; | ||
| 365 | - text-align: center; | ||
| 366 | - padding: 0; | ||
| 367 | - margin: 0; | 416 | + width: 13%; |
| 417 | + text-align: center; | ||
| 418 | + padding: 0; | ||
| 419 | + margin: 0; | ||
| 368 | } | 420 | } |
| 369 | 421 | ||
| 370 | .cart-ico { | 422 | .cart-ico { |
| 371 | - font-size: 24rpx; | ||
| 372 | - color: #333; | 423 | + font-size: 24rpx; |
| 424 | + color: #333; | ||
| 373 | } | 425 | } |
| 374 | 426 | ||
| 375 | .shopping-cart { | 427 | .shopping-cart { |
| 376 | - position: relative; | 428 | + position: relative; |
| 377 | } | 429 | } |
| 378 | 430 | ||
| 379 | .cs-img { | 431 | .cs-img { |
| 380 | - width: 45rpx; | ||
| 381 | - height: 40rpx; | ||
| 382 | - margin-top: 15rpx; | 432 | + width: 45rpx; |
| 433 | + height: 40rpx; | ||
| 434 | + margin-top: 15rpx; | ||
| 383 | } | 435 | } |
| 384 | 436 | ||
| 385 | .sc-img { | 437 | .sc-img { |
| 386 | - width: 42rpx; | ||
| 387 | - height: 40rpx; | ||
| 388 | - margin-top: 15rpx; | 438 | + width: 42rpx; |
| 439 | + height: 40rpx; | ||
| 440 | + margin-top: 15rpx; | ||
| 389 | } | 441 | } |
| 390 | 442 | ||
| 391 | .cart-num { | 443 | .cart-num { |
| 392 | - position: absolute; | ||
| 393 | - left: 50%; | ||
| 394 | - top: 1rpx; | ||
| 395 | - width: 40rpx; | ||
| 396 | - height: 40rpx; | ||
| 397 | - line-height: 40rpx; | ||
| 398 | - text-align: center; | ||
| 399 | - border-radius: 50%; | ||
| 400 | - color: #fff; | ||
| 401 | - background-color: rgba(217,81,99,0.9); | 444 | + position: absolute; |
| 445 | + left: 50%; | ||
| 446 | + top: 1rpx; | ||
| 447 | + width: 40rpx; | ||
| 448 | + height: 40rpx; | ||
| 449 | + line-height: 40rpx; | ||
| 450 | + text-align: center; | ||
| 451 | + border-radius: 50%; | ||
| 452 | + color: #fff; | ||
| 453 | + background-color: rgba(217, 81, 99, 0.9); | ||
| 402 | } | 454 | } |
| 403 | 455 | ||
| 404 | .cart-btn { | 456 | .cart-btn { |
| 405 | - font-size: 28rpx; | ||
| 406 | - color: #fff; | ||
| 407 | - line-height: 70rpx; | ||
| 408 | - margin-top: 16rpx; | ||
| 409 | - text-align: center; | 457 | + font-size: 28rpx; |
| 458 | + color: #fff; | ||
| 459 | + line-height: 70rpx; | ||
| 460 | + margin-top: 16rpx; | ||
| 461 | + text-align: center; | ||
| 410 | 462 | ||
| 411 | 463 | ||
| 412 | } | 464 | } |
| 413 | 465 | ||
| 414 | .join-btn { | 466 | .join-btn { |
| 415 | - background-color: #ffb03f; | ||
| 416 | - height: 70rpx; | ||
| 417 | -border-radius: 55rpx 0rpx 0rpx 55rpx; | ||
| 418 | -margin-top: 16rpx; | 467 | + background-color: #ffb03f; |
| 468 | + height: 70rpx; | ||
| 469 | + border-radius: 55rpx 0rpx 0rpx 55rpx; | ||
| 470 | + margin-top: 16rpx; | ||
| 419 | 471 | ||
| 420 | 472 | ||
| 421 | } | 473 | } |
| 422 | 474 | ||
| 423 | view.cart-btn-lg { | 475 | view.cart-btn-lg { |
| 424 | - width: 50%; | 476 | + width: 50%; |
| 425 | } | 477 | } |
| 426 | 478 | ||
| 427 | .buy-btn { | 479 | .buy-btn { |
| 428 | - background-color: #f23030; | ||
| 429 | - height: 70rpx; | ||
| 430 | -border-radius: 0 56rpx 55rpx 0; | 480 | + background-color: #f23030; |
| 481 | + height: 70rpx; | ||
| 482 | + border-radius: 0 56rpx 55rpx 0; | ||
| 431 | 483 | ||
| 432 | } | 484 | } |
| 433 | 485 | ||
| 434 | -.buy-btn-all{ | ||
| 435 | - background-color: #f23030; | ||
| 436 | - height: 70rpx; | ||
| 437 | - border-radius: 56rpx; | 486 | +.buy-btn-all { |
| 487 | + background-color: #f23030; | ||
| 488 | + height: 70rpx; | ||
| 489 | + border-radius: 56rpx; | ||
| 438 | } | 490 | } |
| 439 | 491 | ||
| 440 | 492 | ||
| 441 | .toTop { | 493 | .toTop { |
| 442 | - position: fixed; | ||
| 443 | - z-index: 3; | ||
| 444 | - right: 20rpx; | ||
| 445 | - bottom: 160rpx; | ||
| 446 | - width: 68rpx; | ||
| 447 | - height: 68rpx; | ||
| 448 | - border: 1px solid #ddd; | ||
| 449 | - border-radius: 50%; | ||
| 450 | - overflow: hidden; | ||
| 451 | - cursor: pointer; | 494 | + position: fixed; |
| 495 | + z-index: 3; | ||
| 496 | + right: 20rpx; | ||
| 497 | + bottom: 160rpx; | ||
| 498 | + width: 68rpx; | ||
| 499 | + height: 68rpx; | ||
| 500 | + border: 1px solid #ddd; | ||
| 501 | + border-radius: 50%; | ||
| 502 | + overflow: hidden; | ||
| 503 | + cursor: pointer; | ||
| 452 | } | 504 | } |
| 453 | 505 | ||
| 454 | .comment-more { | 506 | .comment-more { |
| 455 | - height: 56rpx; | ||
| 456 | - line-height: 56rpx; | ||
| 457 | - font-size: 26rpx; | ||
| 458 | - color: #999; | ||
| 459 | - text-align: center; | ||
| 460 | - background-color: #eee; | 507 | + height: 56rpx; |
| 508 | + line-height: 56rpx; | ||
| 509 | + font-size: 26rpx; | ||
| 510 | + color: #999; | ||
| 511 | + text-align: center; | ||
| 512 | + background-color: #eee; | ||
| 461 | } | 513 | } |
| 462 | 514 | ||
| 463 | .goods-more { | 515 | .goods-more { |
| 464 | - background-color: #fff; | 516 | + background-color: #fff; |
| 465 | } | 517 | } |
| 466 | 518 | ||
| 467 | .goods-norms { | 519 | .goods-norms { |
| 468 | - background-color: #fff; | 520 | + background-color: #fff; |
| 469 | } | 521 | } |
| 470 | 522 | ||
| 471 | .type-navbar2 { | 523 | .type-navbar2 { |
| 472 | - display: flex; | ||
| 473 | - height: 72rpx; | ||
| 474 | - border-top: 1px solid #ddd; | ||
| 475 | - border-bottom: 1px solid #ddd; | 524 | + display: flex; |
| 525 | + height: 72rpx; | ||
| 526 | + border-top: 1px solid #ddd; | ||
| 527 | + border-bottom: 1px solid #ddd; | ||
| 476 | } | 528 | } |
| 477 | 529 | ||
| 478 | .type-box2 { | 530 | .type-box2 { |
| 479 | - width: 50%; | ||
| 480 | - font-size: 26rpx; | ||
| 481 | - line-height: 72rpx; | ||
| 482 | - text-align: center; | ||
| 483 | - overflow: hidden; | 531 | + width: 50%; |
| 532 | + font-size: 26rpx; | ||
| 533 | + line-height: 72rpx; | ||
| 534 | + text-align: center; | ||
| 535 | + overflow: hidden; | ||
| 484 | } | 536 | } |
| 485 | 537 | ||
| 486 | .type-item2-on { | 538 | .type-item2-on { |
| 487 | - color: #f23030; | 539 | + color: #f23030; |
| 488 | } | 540 | } |
| 489 | 541 | ||
| 490 | .parameter { | 542 | .parameter { |
| 491 | - padding: 40rpx 0; | 543 | + padding: 40rpx 0; |
| 492 | } | 544 | } |
| 493 | 545 | ||
| 494 | .table { | 546 | .table { |
| 495 | - width: 698rpx; | ||
| 496 | - margin: 0 auto; | ||
| 497 | - border: 1px solid #ddd; | ||
| 498 | - border-bottom: none; | 547 | + width: 698rpx; |
| 548 | + margin: 0 auto; | ||
| 549 | + border: 1px solid #ddd; | ||
| 550 | + border-bottom: none; | ||
| 499 | } | 551 | } |
| 500 | 552 | ||
| 501 | .tb { | 553 | .tb { |
| 502 | - width: 100%; | ||
| 503 | - min-height: 69rpx; | ||
| 504 | - line-height: 69rpx; | ||
| 505 | - border-bottom: 1px solid #ddd; | ||
| 506 | - font-size: 28rpx; | ||
| 507 | - text-align: center; | ||
| 508 | - color: #333; | 554 | + width: 100%; |
| 555 | + min-height: 69rpx; | ||
| 556 | + line-height: 69rpx; | ||
| 557 | + border-bottom: 1px solid #ddd; | ||
| 558 | + font-size: 28rpx; | ||
| 559 | + text-align: center; | ||
| 560 | + color: #333; | ||
| 509 | } | 561 | } |
| 510 | 562 | ||
| 511 | .th-thitle { | 563 | .th-thitle { |
| 512 | - font-weight: bold; | ||
| 513 | - background-color: #f5fafe; | 564 | + font-weight: bold; |
| 565 | + background-color: #f5fafe; | ||
| 514 | } | 566 | } |
| 515 | 567 | ||
| 516 | .td-cont { | 568 | .td-cont { |
| 517 | - display: flex; | 569 | + display: flex; |
| 518 | } | 570 | } |
| 519 | 571 | ||
| 520 | .td-title { | 572 | .td-title { |
| 521 | - width: 259rpx; | ||
| 522 | - background-color: #f5fafe; | ||
| 523 | - border-right: 1px solid #ddd; | 573 | + width: 259rpx; |
| 574 | + background-color: #f5fafe; | ||
| 575 | + border-right: 1px solid #ddd; | ||
| 524 | } | 576 | } |
| 525 | 577 | ||
| 526 | .td-text { | 578 | .td-text { |
| 527 | - width: 439rpx; | 579 | + width: 439rpx; |
| 528 | } | 580 | } |
| 529 | 581 | ||
| 530 | .goods-comment { | 582 | .goods-comment { |
| 531 | - background-color: #fff; | 583 | + background-color: #fff; |
| 532 | } | 584 | } |
| 533 | 585 | ||
| 534 | .type-navbar3 { | 586 | .type-navbar3 { |
| 535 | - display: flex; | ||
| 536 | - height: 88rpx; | ||
| 537 | - border-top: 1px solid #ddd; | ||
| 538 | - border-bottom: 1px solid #ddd; | ||
| 539 | - padding: 10rpx 0; | 587 | + display: flex; |
| 588 | + height: 88rpx; | ||
| 589 | + border-top: 1px solid #ddd; | ||
| 590 | + border-bottom: 1px solid #ddd; | ||
| 591 | + padding: 10rpx 0; | ||
| 540 | } | 592 | } |
| 541 | 593 | ||
| 542 | .type-box3 { | 594 | .type-box3 { |
| 543 | - width: 20%; | ||
| 544 | - font-size: 30rpx; | ||
| 545 | - line-height: 44rpx; | ||
| 546 | - text-align: center; | ||
| 547 | - overflow: hidden; | 595 | + width: 20%; |
| 596 | + font-size: 30rpx; | ||
| 597 | + line-height: 44rpx; | ||
| 598 | + text-align: center; | ||
| 599 | + overflow: hidden; | ||
| 548 | } | 600 | } |
| 549 | 601 | ||
| 550 | .type-item3-on { | 602 | .type-item3-on { |
| 551 | - color: #f23030; | 603 | + color: #f23030; |
| 552 | } | 604 | } |
| 553 | 605 | ||
| 554 | .spec-model { | 606 | .spec-model { |
| 555 | - position: fixed; | ||
| 556 | - bottom: 0; | ||
| 557 | - z-index: 20; | ||
| 558 | - background: white; | ||
| 559 | - width: 100%; | ||
| 560 | - /* padding: 0 30rpx; */ | ||
| 561 | - font-size: 32rpx; | ||
| 562 | - box-sizing: border-box; | ||
| 563 | - border-radius: 20rpx 20rpx 0 0; | ||
| 564 | - /* height: 72%; */ | 607 | + position: fixed; |
| 608 | + bottom: 0; | ||
| 609 | + z-index: 20; | ||
| 610 | + background: white; | ||
| 611 | + width: 100%; | ||
| 612 | + /* padding: 0 30rpx; */ | ||
| 613 | + font-size: 32rpx; | ||
| 614 | + box-sizing: border-box; | ||
| 615 | + border-radius: 20rpx 20rpx 0 0; | ||
| 616 | + /* height: 72%; */ | ||
| 565 | } | 617 | } |
| 566 | 618 | ||
| 567 | -.spec-model .pding{padding: 0 20rpx;} | 619 | +.spec-model .pding { |
| 620 | + padding: 0 20rpx; | ||
| 621 | +} | ||
| 568 | 622 | ||
| 569 | .spec-goods { | 623 | .spec-goods { |
| 570 | - padding: 30rpx 0 20rpx; | ||
| 571 | - /* float: left; */ | ||
| 572 | - width: 100%; | ||
| 573 | - /* border-bottom:2rpx solid #eee; */ | 624 | + padding: 30rpx 0 20rpx; |
| 625 | + /* float: left; */ | ||
| 626 | + width: 100%; | ||
| 627 | + /* border-bottom:2rpx solid #eee; */ | ||
| 574 | } | 628 | } |
| 575 | 629 | ||
| 576 | .spec-img { | 630 | .spec-img { |
| 577 | - float: left; | ||
| 578 | - height: 186rpx; | ||
| 579 | - width: 186rpx; | ||
| 580 | - border: 4rpx solid #eee | 631 | + float: left; |
| 632 | + height: 186rpx; | ||
| 633 | + width: 186rpx; | ||
| 634 | + border: 4rpx solid #eee | ||
| 581 | } | 635 | } |
| 582 | 636 | ||
| 583 | .spec-goods-info { | 637 | .spec-goods-info { |
| 584 | - float: left; | ||
| 585 | - padding: 0 25rpx; | ||
| 586 | - width: 400rpx; | 638 | + float: left; |
| 639 | + padding: 0 25rpx; | ||
| 640 | + width: 400rpx; | ||
| 587 | } | 641 | } |
| 588 | 642 | ||
| 589 | .spec-goods-name { | 643 | .spec-goods-name { |
| 590 | - font-size: 30rpx; | ||
| 591 | - line-height: 35rpx; | ||
| 592 | - height: 70rpx; | ||
| 593 | - margin: 15rpx 20rpx 25rpx 0; | ||
| 594 | - overflow: hidden; | ||
| 595 | - text-overflow: ellipsis;color: #333; | 644 | + font-size: 30rpx; |
| 645 | + line-height: 35rpx; | ||
| 646 | + height: 70rpx; | ||
| 647 | + margin: 15rpx 20rpx 25rpx 0; | ||
| 648 | + overflow: hidden; | ||
| 649 | + text-overflow: ellipsis; | ||
| 650 | + color: #333; | ||
| 596 | } | 651 | } |
| 597 | 652 | ||
| 598 | .spec-goods-price { | 653 | .spec-goods-price { |
| 599 | - color: #d60021; | ||
| 600 | - font-size: 33rpx; | ||
| 601 | - font-weight: bold; | 654 | + color: #d60021; |
| 655 | + font-size: 33rpx; | ||
| 656 | + font-weight: bold; | ||
| 602 | } | 657 | } |
| 603 | 658 | ||
| 604 | .spec-goods-stock { | 659 | .spec-goods-stock { |
| 605 | - margin-top: 3rpx; | ||
| 606 | - font-size: 24rpx; | ||
| 607 | - color: #999999; | ||
| 608 | - margin-right: 15rpx; | 660 | + margin-top: 3rpx; |
| 661 | + font-size: 24rpx; | ||
| 662 | + color: #999999; | ||
| 663 | + margin-right: 15rpx; | ||
| 609 | } | 664 | } |
| 610 | 665 | ||
| 611 | .spec-name { | 666 | .spec-name { |
| 612 | - clear: both; | ||
| 613 | - padding: 20rpx 0; | ||
| 614 | - font-size: 30rpx;color: #333; | 667 | + clear: both; |
| 668 | + padding: 20rpx 0; | ||
| 669 | + font-size: 30rpx; | ||
| 670 | + color: #333; | ||
| 671 | +} | ||
| 672 | + | ||
| 673 | +.quhuo { | ||
| 674 | + font-size: 30rpx; | ||
| 675 | + color: #000 | ||
| 615 | } | 676 | } |
| 616 | 677 | ||
| 617 | -.quhuo{font-size: 30rpx; color: #000} | ||
| 618 | -.b_num{ | ||
| 619 | - display: flex;font-size: 30rpx; color: #333; | ||
| 620 | - justify-content: space-between; | ||
| 621 | - align-items: center; | ||
| 622 | - padding: 20rpx 0; | 678 | +.b_num { |
| 679 | + display: flex; | ||
| 680 | + font-size: 30rpx; | ||
| 681 | + color: #333; | ||
| 682 | + justify-content: space-between; | ||
| 683 | + align-items: center; | ||
| 684 | + padding: 20rpx 0; | ||
| 623 | } | 685 | } |
| 624 | 686 | ||
| 625 | .count { | 687 | .count { |
| 626 | - /* position: fixed; */ | ||
| 627 | - display: flex; | ||
| 628 | - height: 50rpx; | ||
| 629 | - /* border: 1rpx solid #000; */ | ||
| 630 | - font-size: 28rpx; | ||
| 631 | - right: 30rpx; | 688 | + /* position: fixed; */ |
| 689 | + display: flex; | ||
| 690 | + height: 50rpx; | ||
| 691 | + /* border: 1rpx solid #000; */ | ||
| 692 | + font-size: 28rpx; | ||
| 693 | + right: 30rpx; | ||
| 632 | } | 694 | } |
| 633 | 695 | ||
| 634 | 696 | ||
| 635 | -.count>view,.count>input { | ||
| 636 | - width: 60rpx; | ||
| 637 | - height: 50rpx; | ||
| 638 | - line-height: 50rpx; | ||
| 639 | - text-align: center; | 697 | +.count>view, |
| 698 | +.count>input { | ||
| 699 | + width: 60rpx; | ||
| 700 | + height: 50rpx; | ||
| 701 | + line-height: 50rpx; | ||
| 702 | + text-align: center; | ||
| 703 | +} | ||
| 704 | + | ||
| 705 | +.spec_bt { | ||
| 706 | + background: fff; | ||
| 707 | + color: #333; | ||
| 708 | + margin-left: 10rpx; | ||
| 709 | + padding: 4rpx 15rpx 4rpx; | ||
| 710 | + display: inline-block; | ||
| 711 | + border-radius: 30rpx; | ||
| 712 | + font-size: 24rpx; | ||
| 713 | + border: 1rpx solid #ccc; | ||
| 714 | + margin: 10rpx; | ||
| 715 | + height: 40rpx; | ||
| 716 | + line-height: 40rpx; | ||
| 640 | } | 717 | } |
| 641 | -.spec_bt{ | ||
| 642 | - background: fff;color: #333; margin-left: 10rpx;padding: 4rpx 15rpx 4rpx; display: inline-block; | ||
| 643 | - border-radius:30rpx;font-size: 24rpx;border: 1rpx solid #ccc; margin: 10rpx; height: 40rpx; line-height: 40rpx; | 718 | + |
| 719 | +.spec_bt.act { | ||
| 720 | + background: #d60021; | ||
| 721 | + color: #fff; | ||
| 722 | + border: 1rpx solid #d60021; | ||
| 644 | } | 723 | } |
| 645 | -.spec_bt.act{background: #d60021;color: #fff;border: 1rpx solid #d60021;} | ||
| 646 | -.sub, .add, .count>input { | ||
| 647 | - /* border-right: 1px solid #000; */ | 724 | + |
| 725 | +.sub, | ||
| 726 | +.add, | ||
| 727 | +.count>input { | ||
| 728 | + /* border-right: 1px solid #000; */ | ||
| 648 | background-color: #f8f8f8; | 729 | background-color: #f8f8f8; |
| 649 | border-radius: 8rpx; | 730 | border-radius: 8rpx; |
| 650 | } | 731 | } |
| 732 | + | ||
| 651 | .sub.active { | 733 | .sub.active { |
| 652 | /* background-color: #ddd; */ | 734 | /* background-color: #ddd; */ |
| 653 | color: #ccc; | 735 | color: #ccc; |
| 654 | } | 736 | } |
| 737 | + | ||
| 655 | .count>input { | 738 | .count>input { |
| 656 | margin: 0 10rpx; | 739 | margin: 0 10rpx; |
| 657 | } | 740 | } |
| 658 | 741 | ||
| 659 | .add { | 742 | .add { |
| 660 | /* background-color: #f8f8f8; */ | 743 | /* background-color: #f8f8f8; */ |
| 661 | - /* border-left: 1px solid #000; */ | 744 | + /* border-left: 1px solid #000; */ |
| 662 | } | 745 | } |
| 663 | 746 | ||
| 664 | .spec-btn { | 747 | .spec-btn { |
| 665 | - color: black; | ||
| 666 | - background-color: white; | ||
| 667 | - padding: 10rpx 10rpx; | ||
| 668 | - font-size: 26rpx; | ||
| 669 | - line-height: 28rpx; | ||
| 670 | - float: left; | ||
| 671 | - border: 1rpx solid #dedede; | ||
| 672 | - margin: 4rpx 10rpx 4rpx 0; | ||
| 673 | - border-radius: 4rpx; | 748 | + color: black; |
| 749 | + background-color: white; | ||
| 750 | + padding: 10rpx 10rpx; | ||
| 751 | + font-size: 26rpx; | ||
| 752 | + line-height: 28rpx; | ||
| 753 | + float: left; | ||
| 754 | + border: 1rpx solid #dedede; | ||
| 755 | + margin: 4rpx 10rpx 4rpx 0; | ||
| 756 | + border-radius: 4rpx; | ||
| 674 | } | 757 | } |
| 675 | 758 | ||
| 676 | .spec-btn-click { | 759 | .spec-btn-click { |
| 677 | - color: white; | ||
| 678 | - background-color: #f23030; | ||
| 679 | - border: 1rpx solid #f23030; | 760 | + color: white; |
| 761 | + background-color: #f23030; | ||
| 762 | + border: 1rpx solid #f23030; | ||
| 680 | } | 763 | } |
| 681 | 764 | ||
| 682 | .spec-cart-btns { | 765 | .spec-cart-btns { |
| 683 | - /* width: 92%; */ | ||
| 684 | - line-height: 70rpx; | ||
| 685 | - /* margin: 0rpx auto; | 766 | + /* width: 92%; */ |
| 767 | + line-height: 70rpx; | ||
| 768 | + /* margin: 0rpx auto; | ||
| 686 | margin-top: 160rpx; */ | 769 | margin-top: 160rpx; */ |
| 687 | - /* border-radius: 20rpx; */ | ||
| 688 | -/* position: fixed; */ | ||
| 689 | -/* bottom: 50rpx; */ | ||
| 690 | -/* left: 4%; */ | 770 | + /* border-radius: 20rpx; */ |
| 771 | + /* position: fixed; */ | ||
| 772 | + /* bottom: 50rpx; */ | ||
| 773 | + /* left: 4%; */ | ||
| 691 | padding: 20rpx; | 774 | padding: 20rpx; |
| 692 | } | 775 | } |
| 693 | 776 | ||
| 694 | .spec-cart-btn { | 777 | .spec-cart-btn { |
| 695 | - | ||
| 696 | - width:100%; | ||
| 697 | - font-size: 30rpx; | ||
| 698 | - text-align: center; | ||
| 699 | - color: white; | ||
| 700 | - border-radius: 40rpx; | 778 | + |
| 779 | + width: 100%; | ||
| 780 | + font-size: 30rpx; | ||
| 781 | + text-align: center; | ||
| 782 | + color: white; | ||
| 783 | + border-radius: 40rpx; | ||
| 701 | } | 784 | } |
| 702 | 785 | ||
| 703 | .spec-cart-btn.w40 { | 786 | .spec-cart-btn.w40 { |
| @@ -705,2044 +788,2890 @@ border-radius: 0 56rpx 55rpx 0; | @@ -705,2044 +788,2890 @@ border-radius: 0 56rpx 55rpx 0; | ||
| 705 | } | 788 | } |
| 706 | 789 | ||
| 707 | .spec-add-cart { | 790 | .spec-add-cart { |
| 708 | - background-color: #ffb03f; | 791 | + background-color: #ffb03f; |
| 709 | } | 792 | } |
| 710 | 793 | ||
| 711 | .spec-buy { | 794 | .spec-buy { |
| 712 | - background-color: #f23030; | ||
| 713 | - /* margin-left: 34rpx; */ | 795 | + background-color: #f23030; |
| 796 | + /* margin-left: 34rpx; */ | ||
| 714 | } | 797 | } |
| 715 | 798 | ||
| 716 | .spec-cart-disable { | 799 | .spec-cart-disable { |
| 717 | - background: #bbbbbb; | 800 | + background: #bbbbbb; |
| 718 | } | 801 | } |
| 719 | 802 | ||
| 720 | .spec-cart-btn-lg { | 803 | .spec-cart-btn-lg { |
| 721 | - width: 614rpx; | 804 | + width: 614rpx; |
| 722 | } | 805 | } |
| 723 | 806 | ||
| 724 | .prom-model { | 807 | .prom-model { |
| 725 | - position: fixed; | ||
| 726 | - bottom: 0; | ||
| 727 | - z-index: 20; | ||
| 728 | - background: white; | ||
| 729 | - width: 100%; | ||
| 730 | - padding: 0 30rpx 30rpx; | ||
| 731 | - font-size: 32rpx; | ||
| 732 | - box-sizing: border-box; | ||
| 733 | - overflow-x: hidden; | ||
| 734 | -} | ||
| 735 | - | ||
| 736 | -.prom-model .prom-title {text-align: center;margin: 30rpx 0;} | ||
| 737 | -.prom-model .logistics-item {border: 0;} | ||
| 738 | -.prom-model .item-mes {width: 500rpx;} | ||
| 739 | -.integral-btn {width: 100%; padding: 0rpx;margin: 0rpx;} | ||
| 740 | -.clear{clear: both;} | ||
| 741 | -.sto_v .title,.sto_v .stitle{ border-top: 1rpx solid #dedede;border-bottom: 1rpx solid #dedede; height: 78rpx; line-height: 78rpx;} | ||
| 742 | -.sto_v .title .tubiao,.sto_v .stitle .tubiao{width: 32rpx; height: 32rpx; margin-top: 23rpx;} | ||
| 743 | -.itemlists .item{border-bottom: 1rpx solid #dedede; height: 72rpx; line-height: 72rpx;font-size: 28rpx; margin: 0 10rpx;} | ||
| 744 | - | ||
| 745 | -.cshu{margin-bottom: 30rpx; margin-top: 20rpx;} | ||
| 746 | -.cshu view{color: #999; font-size: 30rpx; margin-left: 26rpx;} | ||
| 747 | - | ||
| 748 | - | ||
| 749 | -/*---活动特殊显示---*/ | ||
| 750 | -.prom_show{height: 120rpx; display: flex;} | ||
| 751 | -.prom_show .secondkill-img{width: 100%; height: 100%;} | ||
| 752 | -.prom_show .spike-img{width: 283rpx; height: 57rpx; top:35rpx; | ||
| 753 | -left:31rpx;} | ||
| 754 | -.prom_show .stop{ color:#d81731;top: 17rpx;right:65rpx; font-weight:600;} | ||
| 755 | -.prom_show .start{ color:#009ae2;top: 17rpx;right:65rpx; font-weight:600;} | ||
| 756 | -.prom_show .timeac { font-size: 32rpx; height: 120rpx; color: #333; } | ||
| 757 | -.prom_show .timeac.left{width: 66%; color: #fff;background:#f23030;} | ||
| 758 | -.prom_show .timeac.right{width: 34%;background-color: #d7d7d7; text-align: center} | ||
| 759 | - | ||
| 760 | -.prom_show .secview .day{padding-right:10rpx;} | ||
| 761 | -.prom_show .secview .time-val{width:36rpx;height:36rpx;border-radius:7rpx; line-height: 36rpx;} | ||
| 762 | -.prom_show .secview .time{margin-right:10rpx; margin-left:10rpx;} | ||
| 763 | - | ||
| 764 | - | ||
| 765 | -.prom_show .timeac.left view{ margin-left: 20rpx} | ||
| 766 | -.prom_show .timeac.left view.firview{margin-top: 10rpx} | ||
| 767 | -.prom_show .timeac.left view .tr_line{ text-decoration: line-through; font-size: 28rpx;} | ||
| 768 | -.prom_show .timeac.left view .bprice{ font-size: 50rpx; } | ||
| 769 | - | ||
| 770 | -.prom_show .timeac.right view.firview{margin-top:12rpx; margin-bottom: 10rpx} | ||
| 771 | -.prom_show .timeac.right view.secview{display: flex; text-align: center; justify-content:center; flex-direction: row;} | ||
| 772 | -.prom_show .timeac.right view .tui-conutdown-box{ | ||
| 773 | - /* background: #6b6b6b; */ | ||
| 774 | - width: auto; | ||
| 775 | - /* min-width: 45rpx; */ | ||
| 776 | - height: 45rpx; color: #c4182e; font-size: 27rpx; text-align: center; line-height: 46rpx;} | ||
| 777 | - | ||
| 778 | -.huise{ background:gray} | ||
| 779 | -.lanse{background:#0199e2} | ||
| 780 | - | ||
| 781 | - | ||
| 782 | -/*------拼单------*/ | ||
| 783 | -.pt_view{ text-align: center; width: 100%; height: 100rpx; line-height: 100rpx; font-size: 26rpx} | ||
| 784 | -.pt_view .secondkill-img{width: 100%;height: 100%;} | ||
| 785 | -.pt_fir{ background: #fff;/* margin-bottom: 10rpx; */} | ||
| 786 | -.pt_fir .pt_fir_title{display: flex; align-items: center; /* margin-left: 10rpx; margin-top: 20rpx; */ font-size: 28rpx; position: relative;} | ||
| 787 | -.pt_fir .pt_fir_title .kt_type{ color: #fff;background:#e9030d; width: 100rpx; line-height: 40rpx; border-radius: 6rpx; margin: 0 10rpx; | ||
| 788 | - height: 40rpx; font-size: 24rpx; text-align: center;} | ||
| 789 | -.pt_fir .pt_fir_title .price{color: #e9030d;font-size: 26rpx;} | ||
| 790 | -.pt_fir .pt_fir_title .bigw{font-size: 36rpx;} | ||
| 791 | -.pt_fir .pt_fir_title .tprice{text-decoration: line-through;color: #949494} | ||
| 792 | -.pt_fir .pt_fir_title .tprice.ml50{margin-left: 50rpx} | ||
| 793 | - | ||
| 794 | -.pt_fir .pt_fir_title .js{padding: 0 15rpx;height: 40rpx;background:#e9030d; text-align: center; border-radius: 8rpx; color: #fff; margin-left: 10rpx;} | ||
| 795 | -.pt_fir .pt_fir_title .tuannum{color: #e9030d; position: absolute; right: 20rpx; font-size: 26rpx;} | ||
| 796 | -.pding{padding-top: 20rpx;padding-left: 20rpx;height: 81%; | ||
| 797 | - padding-right: 20rpx;font-size: 26rpx;color: #ea120f} | ||
| 798 | -.pdres{margin-left: 10rpx;color: #8f8f94} | ||
| 799 | -.ptgz{position: relative;font-size: 30rpx;padding-left: 20rpx;margin-top: 10rpx; overflow: hidden } | ||
| 800 | -.shuxian{width: 6rpx;height: 28rpx; background: #ea120f; display: inline-block;top: 5rpx;position: relative; margin-right: 5rpx} | ||
| 801 | -.ptgz_an{position: absolute;top:5rpx; right: 6rpx} | ||
| 802 | -.ptgz_an .arrow-two{width:18rpx;height:18rpx;border-color:#da0b31; margin-top:30rpx;} | ||
| 803 | - | ||
| 804 | -.pt_fir.se{height: auto; margin-bottom: 10rpx} | ||
| 805 | -.t_gz{padding: 10rpx 20rpx; font-size:28rpx } | ||
| 806 | - | ||
| 807 | -.pt_fir.se1{height: auto; margin: 0} | ||
| 808 | -.pt_fir.se2{height: auto; margin: 0;/* border-top:6rpx solid #eeeeee;border-bottom:2rpx solid #eeeeee; */} | ||
| 809 | - | ||
| 810 | -.pt_hb{height:78rpx; line-height: 75rpx; position: relative; font-size: 32rpx;overflow: hidden;width:695rpx;margin-left:28rpx; | ||
| 811 | - border-bottom: 1rpx solid #E5E5E5 } | ||
| 812 | -.ptgz_an.xq{font-size: 32rpx; color:#d40024} | ||
| 813 | -.wf{display: flex; padding: 20rpx 0;} | ||
| 814 | -.wf .item{width: 24.5%; text-align: center; font-size: 26rpx; color: #666} | ||
| 815 | -.wf .item .item_txy{position: relative;width: 60rpx; height: 60rpx; background: #ea120f; border-radius: 50%;left: 50%;margin-left: -30rpx; | ||
| 816 | - border: 3px #dfdfdf solid; text-align: center;line-height: 60rpx; color: #fff; margin-bottom: 10rpx;} | ||
| 817 | -.wf .item .item_txy.hs{ background: #cbcbcb;} | ||
| 818 | -.po{margin-bottom: 20rpx;} | ||
| 819 | - | ||
| 820 | -.cart-btn.line-h{ line-height: 26rpx;} | ||
| 821 | -.cart-btn .fir-v{ margin-top: 10rpx;} | ||
| 822 | - | ||
| 823 | -.hyt{ padding: 0 20rpx; font-size: 30rpx; display: flex; align-items:center; margin-top: 10rpx;} | ||
| 824 | -.hyt .r_f{color: #e9120f;font-size: 26rpx;position: relative;top:3rpx} | ||
| 825 | -.hyt .byj{color: #e9120f;font-size: 32rpx;position: relative;top:5rpx} | ||
| 826 | - | ||
| 827 | -.pt_fir .pt_fir_title.no-mar-b{margin-bottom: 0;padding-bottom: 10rpx; margin-left: 20rpx} | ||
| 828 | -.pt_fir .pt_fir_title.boder-1{border-bottom: 1rpx #e7e7e7 solid} | ||
| 829 | - | ||
| 830 | -.jie_price{/* padding: 10rpx 30rpx; */} | ||
| 831 | -.jie_price_title{font-size: 30rpx; color: #a26270; margin-bottom: 10rpx} | ||
| 832 | -.price_list{display: flex; width: 100%;} | ||
| 833 | -.price_item{width: 25%;font-size: 28rpx; color: #4c336c} | ||
| 834 | - | ||
| 835 | -.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; */} | ||
| 836 | -.ckgd{/* position: absolute;top:0;right:57rpx; */ color:#d70025; font-size: 26rpx;} | ||
| 837 | -.ckgd .arrow-one{width:14rpx;height:14rpx;border-color:#da0b31;/* margin-top:5rpx; */ margin:auto;} | ||
| 838 | -.bview{ | ||
| 839 | - position: fixed; top:0; left:0; width: 100%; height: 100%; | ||
| 840 | - background-color: rgba(0, 0, 0, 0.5); | ||
| 841 | -} | ||
| 842 | -.juzhong{ | ||
| 843 | - position: fixed; top:0; left:0; width: 100%; height: 100%; | ||
| 844 | - display: flex; | ||
| 845 | - flex-direction:row; | ||
| 846 | - justify-content: center; | ||
| 847 | - align-items: center; | 808 | + position: fixed; |
| 809 | + bottom: 0; | ||
| 810 | + z-index: 20; | ||
| 811 | + background: white; | ||
| 812 | + width: 100%; | ||
| 813 | + padding: 0 30rpx 30rpx; | ||
| 814 | + font-size: 32rpx; | ||
| 815 | + box-sizing: border-box; | ||
| 816 | + overflow-x: hidden; | ||
| 848 | } | 817 | } |
| 849 | 818 | ||
| 850 | -.juzhong .xq{ padding: 0 20rpx; background: #fff; font-size: 30rpx; padding-bottom: 20rpx;} | ||
| 851 | -.juzhong .xq .title{text-align: center; margin: 20rpx 0; position: relative; height: 50rpx;} | ||
| 852 | -.juzhong .xq .hs1{font-size: 28rpx; color: #ab8f9e} | ||
| 853 | -.juzhong .xq .title .close{position: absolute;top: 0; right: 0; width: 45rpx; height: 45rpx;} | 819 | +.prom-model .prom-title { |
| 820 | + text-align: center; | ||
| 821 | + margin: 30rpx 0; | ||
| 822 | +} | ||
| 854 | 823 | ||
| 855 | -.pt_qd{/* margin-top: 40rpx; height: auto; */padding: 20rpx;} | ||
| 856 | -.spec-cart-btn.w100{width: 95%; margin-left: 0; height: 75rpx; line-height:75rpx;margin: auto; } | 824 | +.prom-model .logistics-item { |
| 825 | + border: 0; | ||
| 826 | +} | ||
| 857 | 827 | ||
| 858 | -.sto_v{color: #333;} | ||
| 859 | -.ellipsis{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} | 828 | +.prom-model .item-mes { |
| 829 | + width: 500rpx; | ||
| 830 | +} | ||
| 860 | 831 | ||
| 832 | +.integral-btn { | ||
| 833 | + width: 100%; | ||
| 834 | + padding: 0rpx; | ||
| 835 | + margin: 0rpx; | ||
| 836 | +} | ||
| 861 | 837 | ||
| 862 | -/*---多少人参加团--*/ | ||
| 863 | -.group { | ||
| 864 | - padding-top:20rpx; | ||
| 865 | - padding-bottom:20rpx; | ||
| 866 | - width: 100%; | ||
| 867 | - /* min-height: 92rpx; */ | ||
| 868 | - border-bottom: 2rpx solid #ebedf0; | 838 | +.clear { |
| 839 | + clear: both; | ||
| 840 | +} | ||
| 869 | 841 | ||
| 842 | +.sto_v .title, | ||
| 843 | +.sto_v .stitle { | ||
| 844 | + border-top: 1rpx solid #dedede; | ||
| 845 | + border-bottom: 1rpx solid #dedede; | ||
| 846 | + height: 78rpx; | ||
| 847 | + line-height: 78rpx; | ||
| 870 | } | 848 | } |
| 871 | 849 | ||
| 872 | -.group .group-list { | ||
| 873 | - display: flex; | ||
| 874 | - align-items: center; | ||
| 875 | - justify-content: space-around; | ||
| 876 | - /* height: 90rpx; */ | ||
| 877 | - /* padding: 0 130rpx 0 100rpx; */ | ||
| 878 | - /* width: 470rpx; | ||
| 879 | - | ||
| 880 | - position: absolute; */ | 850 | +.sto_v .title .tubiao, |
| 851 | +.sto_v .stitle .tubiao { | ||
| 852 | + width: 32rpx; | ||
| 853 | + height: 32rpx; | ||
| 854 | + margin-top: 23rpx; | ||
| 881 | } | 855 | } |
| 882 | 856 | ||
| 883 | -.group .group-list .gtou { | ||
| 884 | - width: 70rpx; | ||
| 885 | - height: 70rpx; | ||
| 886 | - /* float: left; | ||
| 887 | - position: relative; | ||
| 888 | - top: 6rpx; | ||
| 889 | - left: -96rpx; */ | 857 | +.itemlists .item { |
| 858 | + border-bottom: 1rpx solid #dedede; | ||
| 859 | + height: 72rpx; | ||
| 860 | + line-height: 72rpx; | ||
| 861 | + font-size: 28rpx; | ||
| 862 | + margin: 0 10rpx; | ||
| 890 | } | 863 | } |
| 891 | 864 | ||
| 892 | -.group .group-list .gtou image { | ||
| 893 | - display: block; | ||
| 894 | - width: 100%; | ||
| 895 | - height: 100%; | ||
| 896 | - border-radius: 50%; | ||
| 897 | - background-color: #f0f0f0; | 865 | +.cshu { |
| 866 | + margin-bottom: 30rpx; | ||
| 867 | + margin-top: 20rpx; | ||
| 898 | } | 868 | } |
| 899 | 869 | ||
| 900 | -.group .group-list .gdn { | ||
| 901 | - width: 140rpx; | ||
| 902 | - text-align: center; | ||
| 903 | - /* float: left; */ | ||
| 904 | - font-size: 26rpx; | ||
| 905 | - /* padding-left: 20rpx; */ | ||
| 906 | - /* line-height: 48rpx; | ||
| 907 | - height: 48rpx; | ||
| 908 | - width: 168rpx; | ||
| 909 | - position: relative; | ||
| 910 | - left: -80rpx; | ||
| 911 | - top:20rpx; */ | ||
| 912 | - font-weight:bold; | 870 | +.cshu view { |
| 871 | + color: #999; | ||
| 872 | + font-size: 30rpx; | ||
| 873 | + margin-left: 26rpx; | ||
| 913 | } | 874 | } |
| 914 | 875 | ||
| 915 | -.group .group-list .ghaicha { | ||
| 916 | - /* width:300rpx; */ | ||
| 917 | - font-size: 27rpx; | ||
| 918 | - /* margin-left:180rpx; | ||
| 919 | - top:13rpx; | ||
| 920 | - left:-3rpx; */ | ||
| 921 | - font-weight: bold; | ||
| 922 | 876 | ||
| 877 | +/*---活动特殊显示---*/ | ||
| 878 | +.prom_show { | ||
| 879 | + height: 120rpx; | ||
| 880 | + display: flex; | ||
| 881 | +} | ||
| 923 | 882 | ||
| 883 | +.prom_show .secondkill-img { | ||
| 884 | + width: 100%; | ||
| 885 | + height: 100%; | ||
| 924 | } | 886 | } |
| 925 | 887 | ||
| 926 | -.group .group-list .ghaicha .gred { | ||
| 927 | - /* height: 48rpx; | ||
| 928 | - width: 300rpx; */ | 888 | +.prom_show .spike-img { |
| 889 | + width: 283rpx; | ||
| 890 | + height: 57rpx; | ||
| 891 | + top: 35rpx; | ||
| 892 | + left: 31rpx; | ||
| 929 | } | 893 | } |
| 930 | 894 | ||
| 931 | -.gsj { | ||
| 932 | - float: left; | ||
| 933 | - color: #8f8f94; | 895 | +.prom_show .stop { |
| 896 | + color: #d81731; | ||
| 897 | + top: 17rpx; | ||
| 898 | + right: 65rpx; | ||
| 899 | + font-weight: 600; | ||
| 934 | } | 900 | } |
| 935 | 901 | ||
| 936 | -.group .group-list .cjt { | ||
| 937 | - height:42rpx; | ||
| 938 | - width: 137rpx; | ||
| 939 | - /* position: absolute; | ||
| 940 | - right: 4rpx; | ||
| 941 | - top:25rpx; */ | ||
| 942 | - line-height: 42rpx; | ||
| 943 | - font-size: 24rpx; | ||
| 944 | - color: #fff; | ||
| 945 | - border:2rpx solid #d60024; | ||
| 946 | - background-color:#d60024; | ||
| 947 | - border-radius:25rpx; | 902 | +.prom_show .start { |
| 903 | + color: #009ae2; | ||
| 904 | + top: 17rpx; | ||
| 905 | + right: 65rpx; | ||
| 906 | + font-weight: 600; | ||
| 907 | +} | ||
| 948 | 908 | ||
| 909 | +.prom_show .timeac { | ||
| 910 | + font-size: 32rpx; | ||
| 911 | + height: 120rpx; | ||
| 912 | + color: #333; | ||
| 949 | } | 913 | } |
| 950 | 914 | ||
| 951 | -.gbody { | ||
| 952 | - background-color: white; | 915 | +.prom_show .timeac.left { |
| 916 | + width: 66%; | ||
| 917 | + color: #fff; | ||
| 918 | + background: #f23030; | ||
| 953 | } | 919 | } |
| 954 | -.t_show{/* overflow: hidden; */ display: flex; /* width: 300rpx; */ color: #292929; /* line-height: 36rpx; */font-size:26rpx; | 920 | + |
| 921 | +.prom_show .timeac.right { | ||
| 922 | + width: 34%; | ||
| 923 | + background-color: #d7d7d7; | ||
| 924 | + text-align: center | ||
| 955 | } | 925 | } |
| 956 | -.join-cart>view.set_width { | ||
| 957 | - width:58%; | 926 | + |
| 927 | +.prom_show .secview .day { | ||
| 928 | + padding-right: 10rpx; | ||
| 958 | } | 929 | } |
| 959 | 930 | ||
| 960 | -/*秒杀样式zwp*/ | ||
| 961 | -#zwpMs{ | ||
| 962 | - width: 31%; | ||
| 963 | - color: #fff; | ||
| 964 | - background: url(https://mshopimg.yolipai.net/miniapp/images/user/bgred.png) no-repeat; | ||
| 965 | - background-size: 100% 60px; | 931 | +.prom_show .secview .time-val { |
| 932 | + width: 36rpx; | ||
| 933 | + height: 36rpx; | ||
| 934 | + border-radius: 7rpx; | ||
| 935 | + line-height: 36rpx; | ||
| 966 | } | 936 | } |
| 967 | 937 | ||
| 938 | +.prom_show .secview .time { | ||
| 939 | + margin-right: 10rpx; | ||
| 940 | + margin-left: 10rpx; | ||
| 941 | +} | ||
| 968 | 942 | ||
| 969 | -/*--------- 修改后的样式 -----------*/ | ||
| 970 | -.elli{ | ||
| 971 | - overflow : hidden; | ||
| 972 | - text-overflow: ellipsis; | ||
| 973 | - display: -webkit-box; | ||
| 974 | - -webkit-line-clamp: 2; | ||
| 975 | - -webkit-box-orient: vertical; | ||
| 976 | -} | ||
| 977 | -.one_elli{ | ||
| 978 | - overflow : hidden; | ||
| 979 | - text-overflow: ellipsis; | ||
| 980 | - white-space:nowrap; | ||
| 981 | -} | ||
| 982 | - | ||
| 983 | -.tuwen_title{ /* height: 86rpx; */ background-color:#eeeeee; /* margin-bottom: 32rpx; */ position: relative; | ||
| 984 | - display: flex; justify-content: center;align-items: center; padding: 20rpx;} | ||
| 985 | - | ||
| 986 | -.tuwen_title .g_line{ | ||
| 987 | - width:496rpx; | ||
| 988 | - height:1rpx; | ||
| 989 | - border-bottom:#ababab 1rpx solid; | ||
| 990 | -} | ||
| 991 | -.tuwen_title .center_s{ | ||
| 992 | - width: 124rpx; position: absolute; height: 34rpx; background-color:#eeeeee; font-size: 32rpx; display: flex; | ||
| 993 | - overflow: hidden; justify-content: center;align-items: center; | ||
| 994 | -} | ||
| 995 | -.tuwen_title .center_s image{ width: 34rpx; height: 26rpx; margin-right: 10rpx} | ||
| 996 | -.t_g_info{ /* margin: 0 34rpx;margin-bottom: 20rpx; */ display: flex; align-items: center;padding: 20rpx; } | ||
| 997 | -.red_shu{ width: 10rpx; height: 36rpx; background-color:#da0035; margin-right: 8rpx; } | ||
| 998 | - | ||
| 999 | -.tb-l{ /* line-height: 96rpx; */} | ||
| 1000 | -.table_s{ border:#e4e4e4 1rpx solid; box-sizing: border-box;font-size: 26rpx;} | ||
| 1001 | -.tb_item{display: flex; /* height: 96rpx; */ border-bottom: 1rpx solid #e4e4e4 } | ||
| 1002 | -.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; */} | ||
| 1003 | -.item_right{flex:1; height: 100%; overflow : hidden;white-space:nowrap;text-overflow: ellipsis; padding: 20rpx;} | ||
| 1004 | -.item_right text{ /* margin-left: 66rpx; */} | ||
| 1005 | - | ||
| 1006 | -.table_s .tb-l:last-child {border-bottom: none;} | ||
| 1007 | - | ||
| 1008 | -.bzfu_img{ width: 164rpx; height:34rpx; /* margin-right: 18rpx; margin-left: 12rpx */ } | ||
| 1009 | - .bz_view{ /* height:100rpx; padding: 0 34rpx 0 13rpx; */ color: #333; font-size: 28rpx; padding: 20rpx 20rpx 20rpx 10rpx; | ||
| 1010 | - /* border-bottom: 3rpx solid #eee; */ | ||
| 1011 | - /* border-top: 3rpx solid #eee; */} | ||
| 1012 | - .bz_view view{ width: 460rpx; /* max-height: 70rpx; */ /* overflow: hidden; */} | ||
| 1013 | - | ||
| 1014 | -.bb_view{ display: flex;align-items: center;justify-content: space-between; padding: 20rpx; color: #333; | ||
| 1015 | - font-size: 30rpx; /* height: 104rpx; line-height: 104rpx; overflow: hidden; padding-right:26rpx */ } | ||
| 1016 | -.red_bb{ color: #d70026; /* min-width:158rpx;width: auto; */} | ||
| 1017 | -.bg_jj{ width: 14rpx; height:14rpx; | ||
| 1018 | - border-top: 2rpx solid #d70026; | ||
| 1019 | - border-right: 2rpx solid #d70026; | ||
| 1020 | - transform: rotate(45deg);display:inline-block; | ||
| 1021 | - margin-bottom:3rpx; | ||
| 1022 | -} | ||
| 1023 | -.bg_jj.down1{transform: rotate(135deg);} | ||
| 1024 | 943 | ||
| 1025 | -.bz-content { | ||
| 1026 | - flex-grow: 1; | ||
| 1027 | - text-align: justify; | ||
| 1028 | - padding: 0 30rpx 0 20rpx; | 944 | +.prom_show .timeac.left view { |
| 945 | + margin-left: 20rpx | ||
| 1029 | } | 946 | } |
| 1030 | 947 | ||
| 1031 | -/* 顶部边框 */ | ||
| 1032 | -.topframe{ | ||
| 1033 | - width: 100%; | ||
| 1034 | - height: 172rpx; | ||
| 1035 | - flex-direction: row; | ||
| 1036 | - justify-content: space-between; | ||
| 1037 | - border-bottom: 6rpx solid #eeeeee; | ||
| 1038 | - overflow: hidden; | ||
| 1039 | -} | ||
| 1040 | -/* 评价人边框*/ | ||
| 1041 | -.topframe .topframe-top{ | ||
| 1042 | - display: flex; | ||
| 1043 | - margin-top: 40rpx; | ||
| 1044 | - margin-bottom: 36rpx; | ||
| 1045 | - color: #7d7d7d; | ||
| 1046 | - padding-left: 20rpx; | ||
| 1047 | - font-size: 32rpx; | 948 | +.prom_show .timeac.left view.firview { |
| 949 | + margin-top: 10rpx | ||
| 1048 | } | 950 | } |
| 1049 | -/*评价人数量*/ | ||
| 1050 | -.topframe .topframe-top .topframe-top-val{ | ||
| 1051 | - margin-left: 15rpx; | ||
| 1052 | 951 | ||
| 1053 | -} | ||
| 1054 | -.topframe-top-content{ | ||
| 1055 | - display: flex; | ||
| 1056 | - width: 36%; | ||
| 1057 | -} | ||
| 1058 | -/* 好评 */ | ||
| 1059 | -.topframe-praise{ | ||
| 1060 | - width: 61%; | ||
| 1061 | - text-align: right; | ||
| 1062 | - color: #dc4355; | ||
| 1063 | - font-size: 28rpx; | ||
| 1064 | -} | ||
| 1065 | -/* 按钮列表 */ | ||
| 1066 | -.buttem-list{ | ||
| 1067 | - width: 100%; | ||
| 1068 | - display: flex; | ||
| 1069 | - font-size: 20rpx; | ||
| 1070 | - overflow: hidden; | 952 | +.prom_show .timeac.left view .tr_line { |
| 953 | + text-decoration: line-through; | ||
| 954 | + font-size: 28rpx; | ||
| 1071 | } | 955 | } |
| 1072 | 956 | ||
| 1073 | -.buttem-list .item{ | ||
| 1074 | - min-width: 17%; | ||
| 1075 | - font-size: 24rpx; | ||
| 1076 | - border-radius: 20rpx; | ||
| 1077 | - background:#ffe3e2; | ||
| 1078 | - height:38rpx; | ||
| 1079 | - text-align: center; | ||
| 1080 | - line-height: 38rpx; | ||
| 1081 | - margin-left: 20rpx; | 957 | +.prom_show .timeac.left view .bprice { |
| 958 | + font-size: 50rpx; | ||
| 1082 | } | 959 | } |
| 1083 | 960 | ||
| 1084 | -.buttem-list .item.red{ | ||
| 1085 | - color: #fff; | ||
| 1086 | - background: #d60022; | 961 | +.prom_show .timeac.right view.firview { |
| 962 | + margin-top: 12rpx; | ||
| 963 | + margin-bottom: 10rpx | ||
| 1087 | } | 964 | } |
| 1088 | 965 | ||
| 1089 | -/* 用户评价 */ | ||
| 1090 | -.middle{ | ||
| 1091 | - width: 95%; | ||
| 1092 | - margin:0 auto; | ||
| 1093 | -} | ||
| 1094 | -.middle-img-frame{ | ||
| 1095 | - height:65rpx; | ||
| 1096 | - display: flex; | ||
| 1097 | - margin-top: 32rpx; | ||
| 1098 | - | 966 | +.prom_show .timeac.right view.secview { |
| 967 | + display: flex; | ||
| 968 | + text-align: center; | ||
| 969 | + justify-content: center; | ||
| 970 | + flex-direction: row; | ||
| 1099 | } | 971 | } |
| 1100 | -/* 评价的用户图片 */ | ||
| 1101 | -.middle-img{ | ||
| 1102 | - width:60rpx; | ||
| 1103 | - height:60rpx; | ||
| 1104 | - border-radius: 50%; | ||
| 1105 | - -moz-border-radius: 50%; | ||
| 1106 | - -webkit-border-radius: 50%; | ||
| 1107 | - margin-right: 15rpx; | 972 | + |
| 973 | +.prom_show .timeac.right view .tui-conutdown-box { | ||
| 974 | + /* background: #6b6b6b; */ | ||
| 975 | + width: auto; | ||
| 976 | + /* min-width: 45rpx; */ | ||
| 977 | + height: 45rpx; | ||
| 978 | + color: #c4182e; | ||
| 979 | + font-size: 27rpx; | ||
| 980 | + text-align: center; | ||
| 981 | + line-height: 46rpx; | ||
| 1108 | } | 982 | } |
| 1109 | -/* 评价的用户边框 */ | ||
| 1110 | -.middle-user-frame{ | ||
| 1111 | - height: 65rpx; | ||
| 1112 | - overflow: hidden; | 983 | + |
| 984 | +.huise { | ||
| 985 | + background: gray | ||
| 1113 | } | 986 | } |
| 1114 | -.middle-user{ | ||
| 1115 | - height: 25; | ||
| 1116 | - font-size: 28rpx; | 987 | + |
| 988 | +.lanse { | ||
| 989 | + background: #0199e2 | ||
| 1117 | } | 990 | } |
| 1118 | -/* 评价图片 */ | ||
| 1119 | -.middle-img-two{ | ||
| 1120 | - width: 115rpx; | ||
| 1121 | - height: 25rpx; | ||
| 1122 | - text-align: center; | ||
| 1123 | - margin-bottom:20rpx; | ||
| 1124 | - margin-left:5rpx; | 991 | + |
| 992 | + | ||
| 993 | +/*------拼单------*/ | ||
| 994 | +.pt_view { | ||
| 995 | + text-align: center; | ||
| 996 | + width: 100%; | ||
| 997 | + height: 100rpx; | ||
| 998 | + line-height: 100rpx; | ||
| 999 | + font-size: 26rpx | ||
| 1125 | } | 1000 | } |
| 1126 | -.xc-pirces{ | ||
| 1127 | - margin-top: 14rpx; | 1001 | + |
| 1002 | +.pt_view .secondkill-img { | ||
| 1003 | + width: 100%; | ||
| 1004 | + height: 100%; | ||
| 1128 | } | 1005 | } |
| 1129 | -/* 评价文字 */ | ||
| 1130 | -.middle-font{ | ||
| 1131 | - font-size: 30rpx; | ||
| 1132 | - | 1006 | + |
| 1007 | +.pt_fir { | ||
| 1008 | + background: #fff; | ||
| 1009 | + /* margin-bottom: 10rpx; */ | ||
| 1133 | } | 1010 | } |
| 1134 | -.iddle-goods-img{ | ||
| 1135 | - width: 100%; | ||
| 1136 | - display: flex; | ||
| 1137 | - margin-top:22rpx; | 1011 | + |
| 1012 | +.pt_fir .pt_fir_title { | ||
| 1013 | + display: flex; | ||
| 1014 | + align-items: center; | ||
| 1015 | + /* margin-left: 10rpx; margin-top: 20rpx; */ | ||
| 1016 | + font-size: 28rpx; | ||
| 1017 | + position: relative; | ||
| 1138 | } | 1018 | } |
| 1139 | -/* 商品图片 */ | ||
| 1140 | -.goods-img{ | ||
| 1141 | - width: 156rpx; | ||
| 1142 | - height: 156rpx; | ||
| 1143 | - margin-left: 22rpx; | ||
| 1144 | - height: 100%; | 1019 | + |
| 1020 | +.pt_fir .pt_fir_title .kt_type { | ||
| 1021 | + color: #fff; | ||
| 1022 | + background: #e9030d; | ||
| 1023 | + width: 100rpx; | ||
| 1024 | + line-height: 40rpx; | ||
| 1025 | + border-radius: 6rpx; | ||
| 1026 | + margin: 0 10rpx; | ||
| 1027 | + height: 40rpx; | ||
| 1028 | + font-size: 24rpx; | ||
| 1029 | + text-align: center; | ||
| 1145 | } | 1030 | } |
| 1146 | -.parameter-frame{ | ||
| 1147 | - margin-top:14rxp; | ||
| 1148 | - margin-bottom: 14rpx; | ||
| 1149 | - width:50%; | ||
| 1150 | - height: 30rpx; | 1031 | + |
| 1032 | +.pt_fir .pt_fir_title .price { | ||
| 1033 | + color: #e9030d; | ||
| 1034 | + font-size: 26rpx; | ||
| 1151 | } | 1035 | } |
| 1152 | -.z_parameter{ | ||
| 1153 | - width:98%; | ||
| 1154 | - height: 45rpx; | ||
| 1155 | - display:flex; | ||
| 1156 | - line-height: 45rpx; | ||
| 1157 | - margin-top: 20rpx; | ||
| 1158 | - margin-bottom: 14rpx; | ||
| 1159 | - justify-content : space-between; | 1036 | + |
| 1037 | +.pt_fir .pt_fir_title .bigw { | ||
| 1038 | + font-size: 36rpx; | ||
| 1160 | } | 1039 | } |
| 1161 | -.parameter-font{ | ||
| 1162 | - font-size: 26rpx; | ||
| 1163 | - | 1040 | + |
| 1041 | +.pt_fir .pt_fir_title .tprice { | ||
| 1042 | + text-decoration: line-through; | ||
| 1043 | + color: #949494 | ||
| 1164 | } | 1044 | } |
| 1165 | -/* 规格 */ | ||
| 1166 | -.parameter-state{ | ||
| 1167 | - width: 100rpx; | ||
| 1168 | - font-size: 24rpx; | ||
| 1169 | - color: #c4c4c4; | 1045 | + |
| 1046 | +.pt_fir .pt_fir_title .tprice.ml50 { | ||
| 1047 | + margin-left: 50rpx | ||
| 1170 | } | 1048 | } |
| 1171 | -.parameter-dian{ | ||
| 1172 | - display: flex; | ||
| 1173 | - width: 94rpx; | ||
| 1174 | - height: 33rpx; | ||
| 1175 | - font-size: 20rpx; | ||
| 1176 | - border-radius: 20rpx; | ||
| 1177 | - line-height:33rpx; | ||
| 1178 | - padding-left: 25rpx; | ||
| 1179 | - border:4rpx solid #eeeeee; | ||
| 1180 | 1049 | ||
| 1050 | +.pt_fir .pt_fir_title .js { | ||
| 1051 | + padding: 0 15rpx; | ||
| 1052 | + height: 40rpx; | ||
| 1053 | + background: #e9030d; | ||
| 1054 | + text-align: center; | ||
| 1055 | + border-radius: 8rpx; | ||
| 1056 | + color: #fff; | ||
| 1057 | + margin-left: 10rpx; | ||
| 1181 | } | 1058 | } |
| 1182 | -/* 点赞图片 */ | ||
| 1183 | -.parameter-img{ | ||
| 1184 | - width: 27rpx; | ||
| 1185 | - height: 27rpx; | ||
| 1186 | - margin-top: 3rpx; | 1059 | + |
| 1060 | +.pt_fir .pt_fir_title .tuannum { | ||
| 1061 | + color: #e9030d; | ||
| 1062 | + position: absolute; | ||
| 1063 | + right: 20rpx; | ||
| 1064 | + font-size: 26rpx; | ||
| 1187 | } | 1065 | } |
| 1188 | -.parameter-val{ | ||
| 1189 | - margin-left:25rpx; | ||
| 1190 | - font-size: 26rpx; | ||
| 1191 | - color: #999; | 1066 | + |
| 1067 | +.pding { | ||
| 1068 | + padding-top: 20rpx; | ||
| 1069 | + padding-left: 20rpx; | ||
| 1070 | + height: 81%; | ||
| 1071 | + padding-right: 20rpx; | ||
| 1072 | + font-size: 26rpx; | ||
| 1073 | + color: #ea120f | ||
| 1192 | } | 1074 | } |
| 1193 | -/* 回复 */ | ||
| 1194 | -.reply{ | ||
| 1195 | - width: 95%; | ||
| 1196 | - height: 120rpx; | ||
| 1197 | - padding-top: 14rpx; | ||
| 1198 | - border-top:3rpx solid #eeeeee; | ||
| 1199 | - margin:0 auto; | ||
| 1200 | 1075 | ||
| 1076 | +.pdres { | ||
| 1077 | + margin-left: 10rpx; | ||
| 1078 | + color: #8f8f94 | ||
| 1201 | } | 1079 | } |
| 1202 | -.shop-reply{ | ||
| 1203 | - height: 30rpx; | ||
| 1204 | - color:#d60022; | ||
| 1205 | - font-size:24rpx; | ||
| 1206 | - overflow: hidden; | 1080 | + |
| 1081 | +.ptgz { | ||
| 1082 | + position: relative; | ||
| 1083 | + font-size: 30rpx; | ||
| 1084 | + padding-left: 20rpx; | ||
| 1085 | + margin-top: 10rpx; | ||
| 1086 | + overflow: hidden | ||
| 1207 | } | 1087 | } |
| 1208 | -.shop-font{ | ||
| 1209 | - width: 94%; | ||
| 1210 | - font-size: 24rpx; | ||
| 1211 | - padding-top: 10rpx; | ||
| 1212 | - | 1088 | + |
| 1089 | +.shuxian { | ||
| 1090 | + width: 6rpx; | ||
| 1091 | + height: 28rpx; | ||
| 1092 | + background: #ea120f; | ||
| 1093 | + display: inline-block; | ||
| 1094 | + top: 5rpx; | ||
| 1095 | + position: relative; | ||
| 1096 | + margin-right: 5rpx | ||
| 1213 | } | 1097 | } |
| 1214 | -.line_bulge{ | ||
| 1215 | - width: 17rpx; | ||
| 1216 | - height: 17rpx; | ||
| 1217 | - border-top: 1rpx solid #eeeeee; | ||
| 1218 | - border-left: 1rpx solid #eeeeee; | ||
| 1219 | - transform:rotate(45deg); | ||
| 1220 | - position: absolute; | ||
| 1221 | - top: -12rpx; | ||
| 1222 | - left:50rpx; | ||
| 1223 | - background:#fff; | 1098 | + |
| 1099 | +.ptgz_an { | ||
| 1100 | + position: absolute; | ||
| 1101 | + top: 5rpx; | ||
| 1102 | + right: 6rpx | ||
| 1224 | } | 1103 | } |
| 1225 | 1104 | ||
| 1105 | +.ptgz_an .arrow-two { | ||
| 1106 | + width: 18rpx; | ||
| 1107 | + height: 18rpx; | ||
| 1108 | + border-color: #da0b31; | ||
| 1109 | + margin-top: 30rpx; | ||
| 1110 | +} | ||
| 1226 | 1111 | ||
| 1227 | -.xc_comment{ | ||
| 1228 | - display: flex; | ||
| 1229 | - justify-content: space-around; | ||
| 1230 | - width: 100%; | ||
| 1231 | - box-sizing: border-box; | ||
| 1232 | - padding: 10rpx 20rpx; | ||
| 1233 | - /* height: 42rpx; | ||
| 1234 | - padding-left: 34rpx; */ | ||
| 1235 | - color: #333; | 1112 | +.pt_fir.se { |
| 1113 | + height: auto; | ||
| 1114 | + margin-bottom: 10rpx | ||
| 1115 | +} | ||
| 1236 | 1116 | ||
| 1117 | +.t_gz { | ||
| 1118 | + padding: 10rpx 20rpx; | ||
| 1119 | + font-size: 28rpx | ||
| 1237 | } | 1120 | } |
| 1238 | -.xc_comment-have-pictures{ | ||
| 1239 | - width: 153rpx; | ||
| 1240 | - /* height: 42rpx; */ | ||
| 1241 | - line-height: 42rpx; | ||
| 1242 | - text-align: center; | ||
| 1243 | - background: #ffe3e2; | ||
| 1244 | - color: 28rpx; | ||
| 1245 | - border-radius:21rpx; | ||
| 1246 | - font-size: 24rpx; | ||
| 1247 | -} | ||
| 1248 | -.xc_comment-discuss{ | ||
| 1249 | - width: 152rpx; | ||
| 1250 | - height: 42rpx; | ||
| 1251 | - line-height: 42rpx; | ||
| 1252 | - text-align: center; | ||
| 1253 | - background: #ffe3e2; | ||
| 1254 | - color: 28rpx; | ||
| 1255 | - border-radius:20rpx; | ||
| 1256 | - font-size: 24rpx; | ||
| 1257 | - margin-left: 28rpx | 1121 | + |
| 1122 | +.pt_fir.se1 { | ||
| 1123 | + height: auto; | ||
| 1124 | + margin: 0 | ||
| 1258 | } | 1125 | } |
| 1259 | 1126 | ||
| 1260 | -.xc_comment-detail{ | ||
| 1261 | - display: flex; | ||
| 1262 | - /* margin-top: 40rpx; */ | ||
| 1263 | - /* width: 524rpx; */ | ||
| 1264 | - /* margin-left: 34rpx; */ | ||
| 1265 | - border-radius: 24rpx; | ||
| 1266 | - border: 2rpx solid #ebedf0; | ||
| 1267 | - margin-left: 20rpx; | ||
| 1268 | - box-sizing: border-box; | ||
| 1269 | - /* overflow: hidden; */ | ||
| 1270 | -} | ||
| 1271 | - | ||
| 1272 | -.xc_user-img{ | ||
| 1273 | - border-radius:50%; | ||
| 1274 | - margin: auto 0; | 1127 | +.pt_fir.se2 { |
| 1128 | + height: auto; | ||
| 1129 | + margin: 0; | ||
| 1130 | + /* border-top:6rpx solid #eeeeee;border-bottom:2rpx solid #eeeeee; */ | ||
| 1275 | } | 1131 | } |
| 1276 | 1132 | ||
| 1277 | -.xc_comment-user{ | ||
| 1278 | - display: flex; | ||
| 1279 | - /* margin-top: 22rpx; | ||
| 1280 | - margin-left: 22rpx; */ | 1133 | +.pt_hb { |
| 1134 | + height: 78rpx; | ||
| 1135 | + line-height: 75rpx; | ||
| 1136 | + position: relative; | ||
| 1137 | + font-size: 32rpx; | ||
| 1138 | + overflow: hidden; | ||
| 1139 | + width: 695rpx; | ||
| 1140 | + margin-left: 28rpx; | ||
| 1141 | + border-bottom: 1rpx solid #E5E5E5 | ||
| 1281 | } | 1142 | } |
| 1282 | -.xc_user{ | ||
| 1283 | - width: 170rpx; | ||
| 1284 | - height: 60rpx; | ||
| 1285 | - margin-left: 6rpx; | ||
| 1286 | - overflow: hidden; | 1143 | + |
| 1144 | +.ptgz_an.xq { | ||
| 1145 | + font-size: 32rpx; | ||
| 1146 | + color: #d40024 | ||
| 1287 | } | 1147 | } |
| 1288 | -.xc_user-name{ /* height: 25rpx; */} | ||
| 1289 | -.xc_comment-img{ | ||
| 1290 | - width: 22rpx; | ||
| 1291 | - height: 22rpx; | ||
| 1292 | - /* margin-top: 14rpx; */ | ||
| 1293 | - margin-right: 5rpx | ||
| 1294 | -} | ||
| 1295 | -.xc_comment-font{ | ||
| 1296 | - /* height: 75rpx; */ | ||
| 1297 | - /* margin-left: 22rpx; */ | ||
| 1298 | - white-space:normal; | ||
| 1299 | - overflow: hidden; | ||
| 1300 | - /* margin-top: 8rpx; | ||
| 1301 | - line-height: 38rpx; */ | ||
| 1302 | 1148 | ||
| 1149 | +.wf { | ||
| 1150 | + display: flex; | ||
| 1151 | + padding: 20rpx 0; | ||
| 1303 | } | 1152 | } |
| 1304 | -.xc_comment-val{ | ||
| 1305 | - /* width: 88%; | ||
| 1306 | - height: 30rpx; | ||
| 1307 | - margin-left: 22rpx; | ||
| 1308 | - display: flex; | ||
| 1309 | - margin-top: 15rpx; | ||
| 1310 | - margin-bottom:15rpx; */ | 1153 | + |
| 1154 | +.wf .item { | ||
| 1155 | + width: 24.5%; | ||
| 1156 | + text-align: center; | ||
| 1157 | + font-size: 26rpx; | ||
| 1158 | + color: #666 | ||
| 1311 | } | 1159 | } |
| 1312 | 1160 | ||
| 1313 | -.xc_comment-time{ | ||
| 1314 | - /* height: 30rpx; */ | ||
| 1315 | - font-size: 22rpx; | ||
| 1316 | - color: #a5a5a5; | ||
| 1317 | - overflow: hidden; | 1161 | +.wf .item .item_txy { |
| 1162 | + position: relative; | ||
| 1163 | + width: 60rpx; | ||
| 1164 | + height: 60rpx; | ||
| 1165 | + background: #ea120f; | ||
| 1166 | + border-radius: 50%; | ||
| 1167 | + left: 50%; | ||
| 1168 | + margin-left: -30rpx; | ||
| 1169 | + border: 3px #dfdfdf solid; | ||
| 1170 | + text-align: center; | ||
| 1171 | + line-height: 60rpx; | ||
| 1172 | + color: #fff; | ||
| 1173 | + margin-bottom: 10rpx; | ||
| 1318 | } | 1174 | } |
| 1319 | 1175 | ||
| 1320 | -.xc_goods-img{ | ||
| 1321 | - width: 180rpx;height: 180rpx; | 1176 | +.wf .item .item_txy.hs { |
| 1177 | + background: #cbcbcb; | ||
| 1322 | } | 1178 | } |
| 1323 | -.xc_comment-left{ | ||
| 1324 | - display:inline-block; | ||
| 1325 | - width: 312rpx; | ||
| 1326 | - padding: 20rpx; | 1179 | + |
| 1180 | +.po { | ||
| 1181 | + margin-bottom: 20rpx; | ||
| 1327 | } | 1182 | } |
| 1328 | -.xc_goods-img-frame{ | ||
| 1329 | - border-radius: 0 22rpx 22rpx 0; | ||
| 1330 | - overflow: hidden; | ||
| 1331 | - /* display:inline-block; */ | ||
| 1332 | - /* width: 40%; | ||
| 1333 | - height: 90%; | ||
| 1334 | - text-align: center; | ||
| 1335 | - padding-top: 30rpx; | ||
| 1336 | - vertical-align: top; */ | 1183 | + |
| 1184 | +.cart-btn.line-h { | ||
| 1185 | + line-height: 26rpx; | ||
| 1337 | } | 1186 | } |
| 1338 | -.xc_imgs{ | ||
| 1339 | - width: 50rpx; | ||
| 1340 | - height:50rpx; | ||
| 1341 | - border-radius:50%; | ||
| 1342 | - margin-right: 5rpx; | 1187 | + |
| 1188 | +.cart-btn .fir-v { | ||
| 1189 | + margin-top: 10rpx; | ||
| 1343 | } | 1190 | } |
| 1344 | 1191 | ||
| 1345 | -.pj_word_size{ font-size: 28rpx} | ||
| 1346 | -.pj_scroll{ | ||
| 1347 | - /* white-space: nowrap; */ | ||
| 1348 | - /* height: 324rpx; */ | ||
| 1349 | - /* margin-bottom: 50rpx; */ | 1192 | +.hyt { |
| 1193 | + padding: 0 20rpx; | ||
| 1194 | + font-size: 30rpx; | ||
| 1350 | display: flex; | 1195 | display: flex; |
| 1351 | align-items: center; | 1196 | align-items: center; |
| 1352 | - padding: 20rpx 0; | ||
| 1353 | - /* box-sizing: border-box; */ | ||
| 1354 | - /* box-shadow: 0 8px 12px #e7e9eb; */ | 1197 | + margin-top: 10rpx; |
| 1355 | } | 1198 | } |
| 1356 | 1199 | ||
| 1357 | - | ||
| 1358 | -/*领券*/ | ||
| 1359 | -.three-level-word{ | ||
| 1360 | - font-size: 25rpx; | ||
| 1361 | -} | ||
| 1362 | -.four-level-word{ | ||
| 1363 | - font-size: 23rpx; | ||
| 1364 | -} | ||
| 1365 | -.cx-frame{ | ||
| 1366 | - /* border-top:3rpx solid #eee; */ | ||
| 1367 | - /* width:99%; | ||
| 1368 | - height: 95rpx; | ||
| 1369 | - line-height: 95rpx; | ||
| 1370 | - padding-left:24rpx; */ | ||
| 1371 | - padding: 20rpx; | ||
| 1372 | -} | ||
| 1373 | -.cx-frame .cx-sizs{ | ||
| 1374 | - /* width: 68rpx; */ | ||
| 1375 | - /* height: 100%; */ | ||
| 1376 | - /* line-height: 100rpx; */ | ||
| 1377 | - /* overflow: hidden; */ | ||
| 1378 | - /* margin-left: 10rpx; */ | 1200 | +.hyt .r_f { |
| 1201 | + color: #e9120f; | ||
| 1202 | + font-size: 26rpx; | ||
| 1203 | + position: relative; | ||
| 1204 | + top: 3rpx | ||
| 1379 | } | 1205 | } |
| 1380 | -.xc-coupon-fram{ | ||
| 1381 | - position: relative; | ||
| 1382 | - margin-right: 16rpx; | ||
| 1383 | - /* width:200rpx; */ | ||
| 1384 | - /* padding-top:30rpx; */ | ||
| 1385 | 1206 | ||
| 1207 | +.hyt .byj { | ||
| 1208 | + color: #e9120f; | ||
| 1209 | + font-size: 32rpx; | ||
| 1210 | + position: relative; | ||
| 1211 | + top: 5rpx | ||
| 1386 | } | 1212 | } |
| 1387 | -.xc-coupon-fram .xc-coupon{ | ||
| 1388 | - /* width:175rpx ; | ||
| 1389 | - height: 40rpx; | ||
| 1390 | - line-height: 40rpx; */ | ||
| 1391 | - background-color:#d60021 ; | ||
| 1392 | - /* margin:0 auto; */ | ||
| 1393 | - color:#fff; | ||
| 1394 | - padding: 6rpx 20rpx; | ||
| 1395 | 1213 | ||
| 1214 | +.pt_fir .pt_fir_title.no-mar-b { | ||
| 1215 | + margin-bottom: 0; | ||
| 1216 | + padding-bottom: 10rpx; | ||
| 1217 | + margin-left: 20rpx | ||
| 1396 | } | 1218 | } |
| 1397 | -.xc-coupon-fram .xc-circular{ | ||
| 1398 | - width: 16rpx; | ||
| 1399 | - height:16rpx; | ||
| 1400 | - background-color: white; | ||
| 1401 | - position:absolute; | ||
| 1402 | - top: 50%; | ||
| 1403 | - /* left: -10rpx; */ | ||
| 1404 | - transform: translateY(-50%); | 1219 | + |
| 1220 | +.pt_fir .pt_fir_title.boder-1 { | ||
| 1221 | + border-bottom: 1rpx #e7e7e7 solid | ||
| 1405 | } | 1222 | } |
| 1406 | -.xc-coupon-fram .xc-one{ | ||
| 1407 | - left: -8rpx; | 1223 | + |
| 1224 | +.jie_price { | ||
| 1225 | + /* padding: 10rpx 30rpx; */ | ||
| 1408 | } | 1226 | } |
| 1409 | -.xc-coupon-fram .xc-two{ | ||
| 1410 | - right: -8rpx; | 1227 | + |
| 1228 | +.jie_price_title { | ||
| 1229 | + font-size: 30rpx; | ||
| 1230 | + color: #a26270; | ||
| 1231 | + margin-bottom: 10rpx | ||
| 1411 | } | 1232 | } |
| 1412 | 1233 | ||
| 1413 | -.cx-obtain-coupon{ | ||
| 1414 | - /* width: 65rpx; | ||
| 1415 | - height: 100%; | ||
| 1416 | - padding-left:15rpx; */ | ||
| 1417 | - color: #d70025; | ||
| 1418 | - display: flex; | ||
| 1419 | - align-items: center; | ||
| 1420 | - /* position: absolute; | ||
| 1421 | - right: 5rpx; */ | 1234 | +.price_list { |
| 1235 | + display: flex; | ||
| 1236 | + width: 100%; | ||
| 1422 | } | 1237 | } |
| 1423 | 1238 | ||
| 1424 | -/* 自定义弹出窗口 */ | ||
| 1425 | -.cx-popup{ | ||
| 1426 | - width:100%; | ||
| 1427 | - background: #fff; | ||
| 1428 | - z-index: 35; | ||
| 1429 | - border-top-left-radius: 25rpx; | ||
| 1430 | - border-top-right-radius: 25rpx; | ||
| 1431 | - position:fixed; | ||
| 1432 | - bottom:0; | ||
| 1433 | -} | ||
| 1434 | - | ||
| 1435 | -.cx-popup .top{ | ||
| 1436 | - /* width: 90%; | ||
| 1437 | - height:85rpx; */ | ||
| 1438 | - font-size: 32rpx; | ||
| 1439 | - padding: 20rpx 0; | ||
| 1440 | - border-bottom: 2rpx solid #ebedf0; | ||
| 1441 | - /* padding-top: 50rpx; | ||
| 1442 | - font-weight:600; */ | 1239 | +.price_item { |
| 1240 | + width: 25%; | ||
| 1241 | + font-size: 28rpx; | ||
| 1242 | + color: #4c336c | ||
| 1243 | +} | ||
| 1443 | 1244 | ||
| 1245 | +.pt_fir.se2 .zzk-1 { | ||
| 1246 | + /* margin-top: 23rpx; */ | ||
| 1247 | + font-size: 30rpx; | ||
| 1248 | + position: relative; | ||
| 1249 | + /* margin-bottom: 30rpx; */ | ||
| 1250 | + border-left: 4rpx solid red; | ||
| 1251 | + /* margin-left:14rpx; */ | ||
| 1252 | + height: 30rpx; | ||
| 1253 | + line-height: 30rpx; | ||
| 1254 | + /* padding-left:5rpx; */ | ||
| 1444 | } | 1255 | } |
| 1445 | -.cx-popup .top-frame{ | ||
| 1446 | - /* width: 100%; | ||
| 1447 | - display: flex; | ||
| 1448 | - justify-content: center; | ||
| 1449 | - overflow: hidden; */ | 1256 | + |
| 1257 | +.ckgd { | ||
| 1258 | + /* position: absolute;top:0;right:57rpx; */ | ||
| 1259 | + color: #d70025; | ||
| 1260 | + font-size: 26rpx; | ||
| 1450 | } | 1261 | } |
| 1451 | -.xc-valid-coupon{ | ||
| 1452 | - width: 90%; | ||
| 1453 | - height:40rpx; | ||
| 1454 | - padding-top: 24rpx; | ||
| 1455 | - overflow: hidden; | 1262 | + |
| 1263 | +.ckgd .arrow-one { | ||
| 1264 | + width: 14rpx; | ||
| 1265 | + height: 14rpx; | ||
| 1266 | + border-color: #da0b31; | ||
| 1267 | + /* margin-top:5rpx; */ | ||
| 1268 | + margin: auto; | ||
| 1456 | } | 1269 | } |
| 1457 | -.xc-frame{ | ||
| 1458 | - position: relative; | 1270 | + |
| 1271 | +.bview { | ||
| 1272 | + position: fixed; | ||
| 1273 | + top: 0; | ||
| 1274 | + left: 0; | ||
| 1275 | + width: 100%; | ||
| 1276 | + height: 100%; | ||
| 1277 | + background-color: rgba(0, 0, 0, 0.5); | ||
| 1459 | } | 1278 | } |
| 1460 | -.xc-coupon-frame { | ||
| 1461 | - width: 100%; | ||
| 1462 | - max-height: 560rpx; | ||
| 1463 | - overflow: auto; | ||
| 1464 | - | 1279 | + |
| 1280 | +.juzhong { | ||
| 1281 | + position: fixed; | ||
| 1282 | + top: 0; | ||
| 1283 | + left: 0; | ||
| 1284 | + width: 100%; | ||
| 1285 | + height: 100%; | ||
| 1286 | + display: flex; | ||
| 1287 | + flex-direction: row; | ||
| 1288 | + justify-content: center; | ||
| 1289 | + align-items: center; | ||
| 1465 | } | 1290 | } |
| 1466 | -.xc-coupon-frame .rel:not(:first-child) { | ||
| 1467 | - margin-top: 20rpx; | 1291 | + |
| 1292 | +.juzhong .xq { | ||
| 1293 | + padding: 0 20rpx; | ||
| 1294 | + background: #fff; | ||
| 1295 | + font-size: 30rpx; | ||
| 1296 | + padding-bottom: 20rpx; | ||
| 1468 | } | 1297 | } |
| 1469 | -.xc-coupon-frame .coupon { | ||
| 1470 | - width:100%; | ||
| 1471 | - height: 168rpx; | ||
| 1472 | - border-radius: 25rpx; | ||
| 1473 | - border:2rpx solid #ffdcdc; | ||
| 1474 | - overflow: hidden; | ||
| 1475 | - /* margin-top:16rpx; */ | ||
| 1476 | - box-sizing: border-box; | ||
| 1477 | 1298 | ||
| 1299 | +.juzhong .xq .title { | ||
| 1300 | + text-align: center; | ||
| 1301 | + margin: 20rpx 0; | ||
| 1302 | + position: relative; | ||
| 1303 | + height: 50rpx; | ||
| 1478 | } | 1304 | } |
| 1479 | -/* .xc-coupon-frame .coupon ~ .coupon { | ||
| 1480 | - margin-top:16rpx; | ||
| 1481 | -} */ | ||
| 1482 | -.xc-coupon-left{ | ||
| 1483 | - width: 216rpx; | ||
| 1484 | - /* height: 100%; */ | ||
| 1485 | - background-color: #ffeeef; | ||
| 1486 | - border-right: 4rpx dashed #ffdbd9; | ||
| 1487 | - overflow: hidden; | ||
| 1488 | - /* line-height: 100%; */ | ||
| 1489 | - display: flex; | ||
| 1490 | - flex-direction: column; | ||
| 1491 | - justify-content: center; | ||
| 1492 | - align-items: center; | ||
| 1493 | - flex-shrink: 0; | ||
| 1494 | -} | ||
| 1495 | -.xc-money{ | ||
| 1496 | - color: #f30026; | ||
| 1497 | - text-align:center; | ||
| 1498 | -} | ||
| 1499 | -.xc-rmb{ | ||
| 1500 | - /* width:44rpx; | ||
| 1501 | - padding-top:7rpx; */ | 1305 | + |
| 1306 | +.juzhong .xq .hs1 { | ||
| 1307 | + font-size: 28rpx; | ||
| 1308 | + color: #ab8f9e | ||
| 1502 | } | 1309 | } |
| 1503 | -.xc-money-frame{ | ||
| 1504 | - /* margin-left:35rpx; | ||
| 1505 | - margin-top:48rpx; */ | ||
| 1506 | 1310 | ||
| 1311 | +.juzhong .xq .title .close { | ||
| 1312 | + position: absolute; | ||
| 1313 | + top: 0; | ||
| 1314 | + right: 0; | ||
| 1315 | + width: 45rpx; | ||
| 1316 | + height: 45rpx; | ||
| 1507 | } | 1317 | } |
| 1508 | -.xc-spacing{ | ||
| 1509 | - letter-spacing:4rpx; | 1318 | + |
| 1319 | +.pt_qd { | ||
| 1320 | + /* margin-top: 40rpx; height: auto; */ | ||
| 1321 | + padding: 20rpx; | ||
| 1510 | } | 1322 | } |
| 1511 | -.xc-circular-one{ | ||
| 1512 | - position: absolute; | ||
| 1513 | - top:-15rpx; | ||
| 1514 | - left:205rpx; | ||
| 1515 | - width: 30rpx; | ||
| 1516 | - height: 30rpx; | ||
| 1517 | - background: #fff; | ||
| 1518 | - overflow: hidden; | 1323 | + |
| 1324 | +.spec-cart-btn.w100 { | ||
| 1325 | + width: 95%; | ||
| 1326 | + margin-left: 0; | ||
| 1327 | + height: 75rpx; | ||
| 1328 | + line-height: 75rpx; | ||
| 1329 | + margin: auto; | ||
| 1519 | } | 1330 | } |
| 1520 | -.xc-circular-two{ | ||
| 1521 | - position: absolute; | ||
| 1522 | - bottom: -15rpx; | ||
| 1523 | - /* top:150rpx; */ | ||
| 1524 | - left:205rpx; | ||
| 1525 | - width: 30rpx; | ||
| 1526 | - height:30rpx; | ||
| 1527 | - background: #fff; | ||
| 1528 | -} | ||
| 1529 | -.xc-detail-coupon{ | ||
| 1530 | - /* margin-left: 22rpx; | ||
| 1531 | - overflow: hidden; | ||
| 1532 | - padding-top: 43rpx; */ | ||
| 1533 | - /* display: flex; | ||
| 1534 | - align-items: center; */ | 1331 | + |
| 1332 | +.sto_v { | ||
| 1333 | + color: #333; | ||
| 1535 | } | 1334 | } |
| 1536 | -.xc-coupon-right{ | ||
| 1537 | - /* width: 455rpx; | ||
| 1538 | - height: 100%; */ | ||
| 1539 | - background: #fffaf9; | ||
| 1540 | - padding: 20rpx; | ||
| 1541 | - box-sizing: border-box; | ||
| 1542 | - width: 100%; | ||
| 1543 | - justify-content: space-between; | ||
| 1544 | - align-items: center; | 1335 | + |
| 1336 | +.ellipsis { | ||
| 1337 | + overflow: hidden; | ||
| 1338 | + white-space: nowrap; | ||
| 1339 | + text-overflow: ellipsis; | ||
| 1545 | } | 1340 | } |
| 1546 | -.xc-below{ | ||
| 1547 | - margin-top:20rpx; | 1341 | + |
| 1342 | + | ||
| 1343 | +/*---多少人参加团--*/ | ||
| 1344 | +.group { | ||
| 1345 | + padding-top: 20rpx; | ||
| 1346 | + padding-bottom: 20rpx; | ||
| 1347 | + width: 100%; | ||
| 1348 | + /* min-height: 92rpx; */ | ||
| 1349 | + border-bottom: 2rpx solid #ebedf0; | ||
| 1548 | 1350 | ||
| 1549 | } | 1351 | } |
| 1550 | -.xc-get{ | 1352 | + |
| 1353 | +.group .group-list { | ||
| 1354 | + display: flex; | ||
| 1355 | + align-items: center; | ||
| 1356 | + justify-content: space-around; | ||
| 1357 | + /* height: 90rpx; */ | ||
| 1358 | + /* padding: 0 130rpx 0 100rpx; */ | ||
| 1359 | + /* width: 470rpx; | ||
| 1551 | 1360 | ||
| 1552 | - width: 140rpx; | ||
| 1553 | - /* height: 48rpx; */ | ||
| 1554 | - color: #fff; | ||
| 1555 | - text-align: center; | ||
| 1556 | - border-radius:27rpx; | ||
| 1557 | - line-height:54rpx; | ||
| 1558 | - /* margin-left:20rpx; */ | 1361 | + position: absolute; */ |
| 1559 | } | 1362 | } |
| 1560 | 1363 | ||
| 1561 | -.background{ | ||
| 1562 | - background:#f40028; | 1364 | +.group .group-list .gtou { |
| 1365 | + width: 70rpx; | ||
| 1366 | + height: 70rpx; | ||
| 1367 | + /* float: left; | ||
| 1368 | + position: relative; | ||
| 1369 | + top: 6rpx; | ||
| 1370 | + left: -96rpx; */ | ||
| 1563 | } | 1371 | } |
| 1564 | -/*--不可使用--*/ | ||
| 1565 | -.background.nouse{ | ||
| 1566 | - background:gainsboro; | 1372 | + |
| 1373 | +.group .group-list .gtou image { | ||
| 1374 | + display: block; | ||
| 1375 | + width: 100%; | ||
| 1376 | + height: 100%; | ||
| 1377 | + border-radius: 50%; | ||
| 1378 | + background-color: #f0f0f0; | ||
| 1567 | } | 1379 | } |
| 1568 | 1380 | ||
| 1569 | -.xc-background{ | ||
| 1570 | - background:#b9b9b9; | 1381 | +.group .group-list .gdn { |
| 1382 | + width: 140rpx; | ||
| 1383 | + text-align: center; | ||
| 1384 | + /* float: left; */ | ||
| 1385 | + font-size: 26rpx; | ||
| 1386 | + /* padding-left: 20rpx; */ | ||
| 1387 | + /* line-height: 48rpx; | ||
| 1388 | + height: 48rpx; | ||
| 1389 | + width: 168rpx; | ||
| 1390 | + position: relative; | ||
| 1391 | + left: -80rpx; | ||
| 1392 | + top:20rpx; */ | ||
| 1393 | + font-weight: bold; | ||
| 1571 | } | 1394 | } |
| 1572 | 1395 | ||
| 1396 | +.group .group-list .ghaicha { | ||
| 1397 | + /* width:300rpx; */ | ||
| 1398 | + font-size: 27rpx; | ||
| 1399 | + /* margin-left:180rpx; | ||
| 1400 | + top:13rpx; | ||
| 1401 | + left:-3rpx; */ | ||
| 1402 | + font-weight: bold; | ||
| 1403 | + | ||
| 1573 | 1404 | ||
| 1574 | -.cx-confirm{ | ||
| 1575 | - width: 100%; | ||
| 1576 | - padding: 20rpx; | ||
| 1577 | - box-sizing: border-box; | ||
| 1578 | - /* height: 160rpx; */ | ||
| 1579 | - | ||
| 1580 | } | 1405 | } |
| 1581 | -.cx-confirm .confirm{ | ||
| 1582 | - /* width: 372rpx; | ||
| 1583 | - height: 60rpx; */ | ||
| 1584 | - background-color: #f40026; | ||
| 1585 | - color: #fff; | ||
| 1586 | - border-radius:10rpx; | ||
| 1587 | - line-height: 80rpx; | ||
| 1588 | - font-size: 28rpx; | ||
| 1589 | 1406 | ||
| 1407 | +.group .group-list .ghaicha .gred { | ||
| 1408 | + /* height: 48rpx; | ||
| 1409 | + width: 300rpx; */ | ||
| 1590 | } | 1410 | } |
| 1591 | 1411 | ||
| 1592 | -.up{ animation: up .7s; } | ||
| 1593 | -.down{ animation: down 1s; } | ||
| 1594 | -@keyframes up { 0% { transform: translateY(550rpx); } 100% { transform: translateY(0); } } | ||
| 1595 | -@keyframes down { 0% { transform: translateY(0); } 100% { transform: translateY(550rpx); } } | 1412 | +.gsj { |
| 1413 | + float: left; | ||
| 1414 | + color: #8f8f94; | ||
| 1415 | +} | ||
| 1596 | 1416 | ||
| 1417 | +.group .group-list .cjt { | ||
| 1418 | + height: 42rpx; | ||
| 1419 | + width: 137rpx; | ||
| 1420 | + /* position: absolute; | ||
| 1421 | + right: 4rpx; | ||
| 1422 | + top:25rpx; */ | ||
| 1423 | + line-height: 42rpx; | ||
| 1424 | + font-size: 24rpx; | ||
| 1425 | + color: #fff; | ||
| 1426 | + border: 2rpx solid #d60024; | ||
| 1427 | + background-color: #d60024; | ||
| 1428 | + border-radius: 25rpx; | ||
| 1597 | 1429 | ||
| 1598 | -/* 分享 */ | ||
| 1599 | -.icon-share { | ||
| 1600 | - font-size: 46rpx; | ||
| 1601 | - color: #d60021; | ||
| 1602 | } | 1430 | } |
| 1603 | -.xc-share-frame{ | ||
| 1604 | - /* width: 129rpx; | ||
| 1605 | - height: 48rpx; | ||
| 1606 | - border-top-left-radius: 18rpx; | ||
| 1607 | - border-bottom-left-radius: 18rpx; */ | ||
| 1608 | - /* background: #d60021; */ | ||
| 1609 | - /* position:absolute; | ||
| 1610 | - left:622rpx; | ||
| 1611 | - top:-37rpx; | ||
| 1612 | - line-height:50rpx; | ||
| 1613 | - margin-top:52rpx; */ | 1431 | + |
| 1432 | +.gbody { | ||
| 1433 | + background-color: white; | ||
| 1614 | } | 1434 | } |
| 1615 | -.xc-share-frame-jieti{ | ||
| 1616 | - width: 129rpx; | ||
| 1617 | - height: 48rpx; | ||
| 1618 | - border-top-left-radius: 18rpx; | ||
| 1619 | - border-bottom-left-radius: 18rpx; | ||
| 1620 | - background: #d60021; | ||
| 1621 | - line-height:50rpx; | 1435 | + |
| 1436 | +.t_show { | ||
| 1437 | + /* overflow: hidden; */ | ||
| 1438 | + display: flex; | ||
| 1439 | + /* width: 300rpx; */ | ||
| 1440 | + color: #292929; | ||
| 1441 | + /* line-height: 36rpx; */ | ||
| 1442 | + font-size: 26rpx; | ||
| 1443 | +} | ||
| 1444 | + | ||
| 1445 | +.join-cart>view.set_width { | ||
| 1446 | + width: 58%; | ||
| 1447 | +} | ||
| 1448 | + | ||
| 1449 | +/*秒杀样式zwp*/ | ||
| 1450 | +#zwpMs { | ||
| 1451 | + width: 31%; | ||
| 1452 | + color: #fff; | ||
| 1453 | + background: url(https://mshopimg.yolipai.net/miniapp/images/user/bgred.png) no-repeat; | ||
| 1454 | + background-size: 100% 60px; | ||
| 1455 | +} | ||
| 1456 | + | ||
| 1457 | + | ||
| 1458 | +/*--------- 修改后的样式 -----------*/ | ||
| 1459 | +.elli { | ||
| 1460 | + overflow: hidden; | ||
| 1461 | + text-overflow: ellipsis; | ||
| 1462 | + display: -webkit-box; | ||
| 1463 | + -webkit-line-clamp: 2; | ||
| 1464 | + -webkit-box-orient: vertical; | ||
| 1465 | +} | ||
| 1466 | + | ||
| 1467 | +.one_elli { | ||
| 1468 | + overflow: hidden; | ||
| 1469 | + text-overflow: ellipsis; | ||
| 1470 | + white-space: nowrap; | ||
| 1471 | +} | ||
| 1472 | + | ||
| 1473 | +.tuwen_title { | ||
| 1474 | + /* height: 86rpx; */ | ||
| 1475 | + background-color: #eeeeee; | ||
| 1476 | + /* margin-bottom: 32rpx; */ | ||
| 1477 | + position: relative; | ||
| 1478 | + display: flex; | ||
| 1479 | + justify-content: center; | ||
| 1480 | + align-items: center; | ||
| 1481 | + padding: 20rpx; | ||
| 1482 | +} | ||
| 1483 | + | ||
| 1484 | +.tuwen_title .g_line { | ||
| 1485 | + width: 496rpx; | ||
| 1486 | + height: 1rpx; | ||
| 1487 | + border-bottom: #ababab 1rpx solid; | ||
| 1488 | +} | ||
| 1489 | + | ||
| 1490 | +.tuwen_title .center_s { | ||
| 1491 | + width: 124rpx; | ||
| 1492 | + position: absolute; | ||
| 1493 | + height: 34rpx; | ||
| 1494 | + background-color: #eeeeee; | ||
| 1495 | + font-size: 32rpx; | ||
| 1496 | + display: flex; | ||
| 1497 | + overflow: hidden; | ||
| 1498 | + justify-content: center; | ||
| 1499 | + align-items: center; | ||
| 1500 | +} | ||
| 1501 | + | ||
| 1502 | +.tuwen_title .center_s image { | ||
| 1503 | + width: 34rpx; | ||
| 1504 | + height: 26rpx; | ||
| 1505 | + margin-right: 10rpx | ||
| 1506 | +} | ||
| 1507 | + | ||
| 1508 | +.t_g_info { | ||
| 1509 | + /* margin: 0 34rpx;margin-bottom: 20rpx; */ | ||
| 1510 | + display: flex; | ||
| 1511 | + align-items: center; | ||
| 1512 | + padding: 20rpx; | ||
| 1513 | +} | ||
| 1514 | + | ||
| 1515 | +.red_shu { | ||
| 1516 | + width: 10rpx; | ||
| 1517 | + height: 36rpx; | ||
| 1518 | + background-color: #da0035; | ||
| 1519 | + margin-right: 8rpx; | ||
| 1520 | +} | ||
| 1521 | + | ||
| 1522 | +.tb-l { | ||
| 1523 | + /* line-height: 96rpx; */ | ||
| 1524 | +} | ||
| 1525 | + | ||
| 1526 | +.table_s { | ||
| 1527 | + border: #e4e4e4 1rpx solid; | ||
| 1528 | + box-sizing: border-box; | ||
| 1529 | + font-size: 26rpx; | ||
| 1530 | +} | ||
| 1531 | + | ||
| 1532 | +.tb_item { | ||
| 1533 | + display: flex; | ||
| 1534 | + /* height: 96rpx; */ | ||
| 1535 | + border-bottom: 1rpx solid #e4e4e4 | ||
| 1536 | +} | ||
| 1537 | + | ||
| 1538 | +.item_left { | ||
| 1539 | + width: 210rpx; | ||
| 1540 | + height: 100%; | ||
| 1541 | + box-sizing: border-box; | ||
| 1542 | + text-align: center; | ||
| 1543 | + padding: 20rpx; | ||
| 1544 | + background: #f9f9f9; | ||
| 1545 | + border-right: 2rpx solid #e4e4e4 | ||
| 1546 | +} | ||
| 1547 | + | ||
| 1548 | +.item_left text { | ||
| 1549 | + /* margin-left: 44rpx; */ | ||
| 1550 | +} | ||
| 1551 | + | ||
| 1552 | +.item_right { | ||
| 1553 | + flex: 1; | ||
| 1554 | + height: 100%; | ||
| 1555 | + overflow: hidden; | ||
| 1556 | + white-space: nowrap; | ||
| 1557 | + text-overflow: ellipsis; | ||
| 1558 | + padding: 20rpx; | ||
| 1559 | +} | ||
| 1560 | + | ||
| 1561 | +.item_right text { | ||
| 1562 | + /* margin-left: 66rpx; */ | ||
| 1563 | +} | ||
| 1564 | + | ||
| 1565 | +.table_s .tb-l:last-child { | ||
| 1566 | + border-bottom: none; | ||
| 1567 | +} | ||
| 1568 | + | ||
| 1569 | +.bzfu_img { | ||
| 1570 | + width: 164rpx; | ||
| 1571 | + height: 34rpx; | ||
| 1572 | + /* margin-right: 18rpx; margin-left: 12rpx */ | ||
| 1573 | +} | ||
| 1574 | + | ||
| 1575 | +.bz_view { | ||
| 1576 | + /* height:100rpx; padding: 0 34rpx 0 13rpx; */ | ||
| 1577 | + color: #333; | ||
| 1578 | + font-size: 28rpx; | ||
| 1579 | + padding: 20rpx 20rpx 20rpx 10rpx; | ||
| 1580 | + /* border-bottom: 3rpx solid #eee; */ | ||
| 1581 | + /* border-top: 3rpx solid #eee; */ | ||
| 1582 | +} | ||
| 1583 | + | ||
| 1584 | +.bz_view view { | ||
| 1585 | + width: 460rpx; | ||
| 1586 | + /* max-height: 70rpx; */ | ||
| 1587 | + /* overflow: hidden; */ | ||
| 1588 | +} | ||
| 1589 | + | ||
| 1590 | +.bb_view { | ||
| 1591 | + display: flex; | ||
| 1592 | + align-items: center; | ||
| 1593 | + justify-content: space-between; | ||
| 1594 | + padding: 20rpx; | ||
| 1595 | + color: #333; | ||
| 1596 | + font-size: 30rpx; | ||
| 1597 | + /* height: 104rpx; line-height: 104rpx; overflow: hidden; padding-right:26rpx */ | ||
| 1598 | +} | ||
| 1599 | + | ||
| 1600 | +.red_bb { | ||
| 1601 | + color: #d70026; | ||
| 1602 | + /* min-width:158rpx;width: auto; */ | ||
| 1603 | +} | ||
| 1604 | + | ||
| 1605 | +.bg_jj { | ||
| 1606 | + width: 14rpx; | ||
| 1607 | + height: 14rpx; | ||
| 1608 | + border-top: 2rpx solid #d70026; | ||
| 1609 | + border-right: 2rpx solid #d70026; | ||
| 1610 | + transform: rotate(45deg); | ||
| 1611 | + display: inline-block; | ||
| 1612 | + margin-bottom: 3rpx; | ||
| 1613 | +} | ||
| 1614 | + | ||
| 1615 | +.bg_jj.down1 { | ||
| 1616 | + transform: rotate(135deg); | ||
| 1617 | +} | ||
| 1618 | + | ||
| 1619 | +.bz-content { | ||
| 1620 | + flex-grow: 1; | ||
| 1621 | + text-align: justify; | ||
| 1622 | + padding: 0 30rpx 0 20rpx; | ||
| 1623 | +} | ||
| 1624 | + | ||
| 1625 | +/* 顶部边框 */ | ||
| 1626 | +.topframe { | ||
| 1627 | + width: 100%; | ||
| 1628 | + height: 172rpx; | ||
| 1629 | + flex-direction: row; | ||
| 1630 | + justify-content: space-between; | ||
| 1631 | + border-bottom: 6rpx solid #eeeeee; | ||
| 1632 | + overflow: hidden; | ||
| 1633 | +} | ||
| 1634 | + | ||
| 1635 | +/* 评价人边框*/ | ||
| 1636 | +.topframe .topframe-top { | ||
| 1637 | + display: flex; | ||
| 1638 | + margin-top: 40rpx; | ||
| 1639 | + margin-bottom: 36rpx; | ||
| 1640 | + color: #7d7d7d; | ||
| 1641 | + padding-left: 20rpx; | ||
| 1642 | + font-size: 32rpx; | ||
| 1643 | +} | ||
| 1644 | + | ||
| 1645 | +/*评价人数量*/ | ||
| 1646 | +.topframe .topframe-top .topframe-top-val { | ||
| 1647 | + margin-left: 15rpx; | ||
| 1648 | + | ||
| 1649 | +} | ||
| 1650 | + | ||
| 1651 | +.topframe-top-content { | ||
| 1652 | + display: flex; | ||
| 1653 | + width: 36%; | ||
| 1654 | +} | ||
| 1655 | + | ||
| 1656 | +/* 好评 */ | ||
| 1657 | +.topframe-praise { | ||
| 1658 | + width: 61%; | ||
| 1659 | + text-align: right; | ||
| 1660 | + color: #dc4355; | ||
| 1661 | + font-size: 28rpx; | ||
| 1662 | +} | ||
| 1663 | + | ||
| 1664 | +/* 按钮列表 */ | ||
| 1665 | +.buttem-list { | ||
| 1666 | + width: 100%; | ||
| 1667 | + display: flex; | ||
| 1668 | + font-size: 20rpx; | ||
| 1669 | + overflow: hidden; | ||
| 1670 | +} | ||
| 1671 | + | ||
| 1672 | +.buttem-list .item { | ||
| 1673 | + min-width: 17%; | ||
| 1674 | + font-size: 24rpx; | ||
| 1675 | + border-radius: 20rpx; | ||
| 1676 | + background: #ffe3e2; | ||
| 1677 | + height: 38rpx; | ||
| 1678 | + text-align: center; | ||
| 1679 | + line-height: 38rpx; | ||
| 1680 | + margin-left: 20rpx; | ||
| 1681 | +} | ||
| 1682 | + | ||
| 1683 | +.buttem-list .item.red { | ||
| 1684 | + color: #fff; | ||
| 1685 | + background: #d60022; | ||
| 1686 | +} | ||
| 1687 | + | ||
| 1688 | +/* 用户评价 */ | ||
| 1689 | +.middle { | ||
| 1690 | + width: 95%; | ||
| 1691 | + margin: 0 auto; | ||
| 1692 | +} | ||
| 1693 | + | ||
| 1694 | +.middle-img-frame { | ||
| 1695 | + height: 65rpx; | ||
| 1696 | + display: flex; | ||
| 1697 | + margin-top: 32rpx; | ||
| 1698 | + | ||
| 1699 | +} | ||
| 1700 | + | ||
| 1701 | +/* 评价的用户图片 */ | ||
| 1702 | +.middle-img { | ||
| 1703 | + width: 60rpx; | ||
| 1704 | + height: 60rpx; | ||
| 1705 | + border-radius: 50%; | ||
| 1706 | + -moz-border-radius: 50%; | ||
| 1707 | + -webkit-border-radius: 50%; | ||
| 1708 | + margin-right: 15rpx; | ||
| 1709 | +} | ||
| 1710 | + | ||
| 1711 | +/* 评价的用户边框 */ | ||
| 1712 | +.middle-user-frame { | ||
| 1713 | + height: 65rpx; | ||
| 1714 | + overflow: hidden; | ||
| 1715 | +} | ||
| 1716 | + | ||
| 1717 | +.middle-user { | ||
| 1718 | + height: 25; | ||
| 1719 | + font-size: 28rpx; | ||
| 1720 | +} | ||
| 1721 | + | ||
| 1722 | +/* 评价图片 */ | ||
| 1723 | +.middle-img-two { | ||
| 1724 | + width: 115rpx; | ||
| 1725 | + height: 25rpx; | ||
| 1726 | + text-align: center; | ||
| 1727 | + margin-bottom: 20rpx; | ||
| 1728 | + margin-left: 5rpx; | ||
| 1729 | +} | ||
| 1730 | + | ||
| 1731 | +.xc-pirces { | ||
| 1732 | + margin-top: 14rpx; | ||
| 1733 | +} | ||
| 1734 | + | ||
| 1735 | +/* 评价文字 */ | ||
| 1736 | +.middle-font { | ||
| 1737 | + font-size: 30rpx; | ||
| 1738 | + | ||
| 1739 | +} | ||
| 1740 | + | ||
| 1741 | +.iddle-goods-img { | ||
| 1742 | + width: 100%; | ||
| 1743 | + display: flex; | ||
| 1744 | + margin-top: 22rpx; | ||
| 1745 | +} | ||
| 1746 | + | ||
| 1747 | +/* 商品图片 */ | ||
| 1748 | +.goods-img { | ||
| 1749 | + width: 156rpx; | ||
| 1750 | + height: 156rpx; | ||
| 1751 | + margin-left: 22rpx; | ||
| 1752 | + height: 100%; | ||
| 1753 | +} | ||
| 1754 | + | ||
| 1755 | +.parameter-frame { | ||
| 1756 | + margin-top: 14rxp; | ||
| 1757 | + margin-bottom: 14rpx; | ||
| 1758 | + width: 50%; | ||
| 1759 | + height: 30rpx; | ||
| 1760 | +} | ||
| 1761 | + | ||
| 1762 | +.z_parameter { | ||
| 1763 | + width: 98%; | ||
| 1764 | + height: 45rpx; | ||
| 1765 | + display: flex; | ||
| 1766 | + line-height: 45rpx; | ||
| 1767 | + margin-top: 20rpx; | ||
| 1768 | + margin-bottom: 14rpx; | ||
| 1769 | + justify-content: space-between; | ||
| 1770 | +} | ||
| 1771 | + | ||
| 1772 | +.parameter-font { | ||
| 1773 | + font-size: 26rpx; | ||
| 1774 | + | ||
| 1775 | +} | ||
| 1776 | + | ||
| 1777 | +/* 规格 */ | ||
| 1778 | +.parameter-state { | ||
| 1779 | + width: 100rpx; | ||
| 1780 | + font-size: 24rpx; | ||
| 1781 | + color: #c4c4c4; | ||
| 1782 | +} | ||
| 1783 | + | ||
| 1784 | +.parameter-dian { | ||
| 1785 | + display: flex; | ||
| 1786 | + width: 94rpx; | ||
| 1787 | + height: 33rpx; | ||
| 1788 | + font-size: 20rpx; | ||
| 1789 | + border-radius: 20rpx; | ||
| 1790 | + line-height: 33rpx; | ||
| 1791 | + padding-left: 25rpx; | ||
| 1792 | + border: 4rpx solid #eeeeee; | ||
| 1793 | + | ||
| 1794 | +} | ||
| 1795 | + | ||
| 1796 | +/* 点赞图片 */ | ||
| 1797 | +.parameter-img { | ||
| 1798 | + width: 27rpx; | ||
| 1799 | + height: 27rpx; | ||
| 1800 | + margin-top: 3rpx; | ||
| 1801 | +} | ||
| 1802 | + | ||
| 1803 | +.parameter-val { | ||
| 1804 | + margin-left: 25rpx; | ||
| 1805 | + font-size: 26rpx; | ||
| 1806 | + color: #999; | ||
| 1622 | } | 1807 | } |
| 1623 | 1808 | ||
| 1624 | -.xc-share-frame .share-font,.xc-share-frame-jieti .share-font{ | ||
| 1625 | - font-size: 32rpx; | ||
| 1626 | - color:#fff; | ||
| 1627 | - margin-left:10rpx; | 1809 | +/* 回复 */ |
| 1810 | +.reply { | ||
| 1811 | + width: 95%; | ||
| 1812 | + height: 120rpx; | ||
| 1813 | + padding-top: 14rpx; | ||
| 1814 | + border-top: 3rpx solid #eeeeee; | ||
| 1815 | + margin: 0 auto; | ||
| 1816 | + | ||
| 1817 | +} | ||
| 1818 | + | ||
| 1819 | +.shop-reply { | ||
| 1820 | + height: 30rpx; | ||
| 1821 | + color: #d60022; | ||
| 1822 | + font-size: 24rpx; | ||
| 1823 | + overflow: hidden; | ||
| 1824 | +} | ||
| 1825 | + | ||
| 1826 | +.shop-font { | ||
| 1827 | + width: 94%; | ||
| 1828 | + font-size: 24rpx; | ||
| 1829 | + padding-top: 10rpx; | ||
| 1830 | + | ||
| 1831 | +} | ||
| 1832 | + | ||
| 1833 | +.line_bulge { | ||
| 1834 | + width: 17rpx; | ||
| 1835 | + height: 17rpx; | ||
| 1836 | + border-top: 1rpx solid #eeeeee; | ||
| 1837 | + border-left: 1rpx solid #eeeeee; | ||
| 1838 | + transform: rotate(45deg); | ||
| 1839 | + position: absolute; | ||
| 1840 | + top: -12rpx; | ||
| 1841 | + left: 50rpx; | ||
| 1842 | + background: #fff; | ||
| 1843 | +} | ||
| 1844 | + | ||
| 1845 | + | ||
| 1846 | +.xc_comment { | ||
| 1847 | + display: flex; | ||
| 1848 | + justify-content: space-around; | ||
| 1849 | + width: 100%; | ||
| 1850 | + box-sizing: border-box; | ||
| 1851 | + padding: 10rpx 20rpx; | ||
| 1852 | + /* height: 42rpx; | ||
| 1853 | + padding-left: 34rpx; */ | ||
| 1854 | + color: #333; | ||
| 1855 | + | ||
| 1856 | +} | ||
| 1857 | + | ||
| 1858 | +.xc_comment-have-pictures { | ||
| 1859 | + width: 153rpx; | ||
| 1860 | + /* height: 42rpx; */ | ||
| 1861 | + line-height: 42rpx; | ||
| 1862 | + text-align: center; | ||
| 1863 | + background: #ffe3e2; | ||
| 1864 | + color: 28rpx; | ||
| 1865 | + border-radius: 21rpx; | ||
| 1866 | + font-size: 24rpx; | ||
| 1867 | +} | ||
| 1868 | + | ||
| 1869 | +.xc_comment-discuss { | ||
| 1870 | + width: 152rpx; | ||
| 1871 | + height: 42rpx; | ||
| 1872 | + line-height: 42rpx; | ||
| 1873 | + text-align: center; | ||
| 1874 | + background: #ffe3e2; | ||
| 1875 | + color: 28rpx; | ||
| 1876 | + border-radius: 20rpx; | ||
| 1877 | + font-size: 24rpx; | ||
| 1878 | + margin-left: 28rpx | ||
| 1879 | +} | ||
| 1880 | + | ||
| 1881 | +.xc_comment-detail { | ||
| 1882 | + display: flex; | ||
| 1883 | + /* margin-top: 40rpx; */ | ||
| 1884 | + /* width: 524rpx; */ | ||
| 1885 | + /* margin-left: 34rpx; */ | ||
| 1886 | + border-radius: 24rpx; | ||
| 1887 | + border: 2rpx solid #ebedf0; | ||
| 1888 | + margin-left: 20rpx; | ||
| 1889 | + box-sizing: border-box; | ||
| 1890 | + /* overflow: hidden; */ | ||
| 1891 | +} | ||
| 1892 | + | ||
| 1893 | +.xc_user-img { | ||
| 1894 | + border-radius: 50%; | ||
| 1895 | + margin: auto 0; | ||
| 1896 | +} | ||
| 1897 | + | ||
| 1898 | +.xc_comment-user { | ||
| 1899 | + display: flex; | ||
| 1900 | + /* margin-top: 22rpx; | ||
| 1901 | + margin-left: 22rpx; */ | ||
| 1902 | +} | ||
| 1903 | + | ||
| 1904 | +.xc_user { | ||
| 1905 | + width: 170rpx; | ||
| 1906 | + height: 60rpx; | ||
| 1907 | + margin-left: 6rpx; | ||
| 1908 | + overflow: hidden; | ||
| 1909 | +} | ||
| 1628 | 1910 | ||
| 1911 | +.xc_user-name { | ||
| 1912 | + /* height: 25rpx; */ | ||
| 1629 | } | 1913 | } |
| 1630 | 1914 | ||
| 1915 | +.xc_comment-img { | ||
| 1916 | + width: 22rpx; | ||
| 1917 | + height: 22rpx; | ||
| 1918 | + /* margin-top: 14rpx; */ | ||
| 1919 | + margin-right: 5rpx | ||
| 1920 | +} | ||
| 1921 | + | ||
| 1922 | +.xc_comment-font { | ||
| 1923 | + /* height: 75rpx; */ | ||
| 1924 | + /* margin-left: 22rpx; */ | ||
| 1925 | + white-space: normal; | ||
| 1926 | + overflow: hidden; | ||
| 1927 | + /* margin-top: 8rpx; | ||
| 1928 | + line-height: 38rpx; */ | ||
| 1929 | + | ||
| 1930 | +} | ||
| 1631 | 1931 | ||
| 1632 | -.xc-share-frame .share-frame,.xc-share-frame-jieti .share-frame{ | ||
| 1633 | - width: 30rpx; | 1932 | +.xc_comment-val { |
| 1933 | + /* width: 88%; | ||
| 1634 | height: 30rpx; | 1934 | height: 30rpx; |
| 1635 | - margin-top:9rpx; | ||
| 1636 | - margin-left: 10rpx; | 1935 | + margin-left: 22rpx; |
| 1936 | + display: flex; | ||
| 1937 | + margin-top: 15rpx; | ||
| 1938 | + margin-bottom:15rpx; */ | ||
| 1939 | +} | ||
| 1940 | + | ||
| 1941 | +.xc_comment-time { | ||
| 1942 | + /* height: 30rpx; */ | ||
| 1943 | + font-size: 22rpx; | ||
| 1944 | + color: #a5a5a5; | ||
| 1945 | + overflow: hidden; | ||
| 1946 | +} | ||
| 1637 | 1947 | ||
| 1948 | +.xc_goods-img { | ||
| 1949 | + width: 180rpx; | ||
| 1950 | + height: 180rpx; | ||
| 1638 | } | 1951 | } |
| 1639 | -.xc-share { | ||
| 1640 | - width:90%; | ||
| 1641 | - height:800rpx; | ||
| 1642 | - background:#fff; | ||
| 1643 | - z-index:35; | ||
| 1644 | -} | ||
| 1645 | -.img-frame{ | ||
| 1646 | - position: absolute; | ||
| 1647 | - top: 175rpx; | ||
| 1648 | - left:100rpx; | ||
| 1649 | - z-index: 55; | ||
| 1650 | - overflow:hidden; | ||
| 1651 | - | ||
| 1652 | -} | ||
| 1653 | -.img-frame .img{ | ||
| 1654 | - width: 100rpx; | ||
| 1655 | - height: 100rpx; | ||
| 1656 | - | ||
| 1657 | -} | ||
| 1658 | -.xc-share .top{ | ||
| 1659 | - height: 85rpx; | ||
| 1660 | - width: 100%; | ||
| 1661 | - border-bottom: 4rpx dashed #f5f5f5; | ||
| 1662 | - overflow:hidden; | ||
| 1663 | - | ||
| 1664 | -} | ||
| 1665 | -.xc-share .name{ | ||
| 1666 | - font-size: 25rpx; | ||
| 1667 | - margin-left:180rpx; | ||
| 1668 | - color:#000; | ||
| 1669 | - | ||
| 1670 | -} | ||
| 1671 | - | ||
| 1672 | -.xc-share .recommend{ | ||
| 1673 | - width: 110rpx; | ||
| 1674 | - height: 12rpx; | ||
| 1675 | - color: #fff; | ||
| 1676 | - background: #d60021; | ||
| 1677 | - font-size: 20rpx; | ||
| 1678 | - border-radius:25rpx; | ||
| 1679 | - margin-left:10rpx; | ||
| 1680 | - line-height:37rpx; | ||
| 1681 | -} | ||
| 1682 | -.xc-left-circle{ | ||
| 1683 | - width: 40rpx; | ||
| 1684 | - height: 25rpx; | ||
| 1685 | - position: absolute; | ||
| 1686 | - top:280rpx; | ||
| 1687 | - left:29rpx; | ||
| 1688 | - z-index: 55; | ||
| 1689 | - background:#727272; | ||
| 1690 | - border-radius:50rpx 50rpx 0 0; | ||
| 1691 | - transform:rotate(90deg); | ||
| 1692 | - | ||
| 1693 | -} | ||
| 1694 | -.xc-right-circle{ | ||
| 1695 | - width: 40rpx; | ||
| 1696 | - height: 25rpx; | ||
| 1697 | - position: absolute; | ||
| 1698 | - top: 280rpx; | ||
| 1699 | - left:683rpx; | ||
| 1700 | - z-index: 55; | ||
| 1701 | - background:#727272; | ||
| 1702 | - border-radius:50rpx 50rpx 0 0; | ||
| 1703 | - transform:rotate(270deg); | ||
| 1704 | - | ||
| 1705 | -} | ||
| 1706 | -.xc-circle-frame{ | ||
| 1707 | - width: 25rpx; | ||
| 1708 | - height: 40rpx; | ||
| 1709 | - overflow: hidden; | 1952 | + |
| 1953 | +.xc_comment-left { | ||
| 1954 | + display: inline-block; | ||
| 1955 | + width: 312rpx; | ||
| 1956 | + padding: 20rpx; | ||
| 1957 | +} | ||
| 1958 | + | ||
| 1959 | +.xc_goods-img-frame { | ||
| 1960 | + border-radius: 0 22rpx 22rpx 0; | ||
| 1961 | + overflow: hidden; | ||
| 1962 | + /* display:inline-block; */ | ||
| 1963 | + /* width: 40%; | ||
| 1964 | + height: 90%; | ||
| 1965 | + text-align: center; | ||
| 1966 | + padding-top: 30rpx; | ||
| 1967 | + vertical-align: top; */ | ||
| 1968 | +} | ||
| 1969 | + | ||
| 1970 | +.xc_imgs { | ||
| 1971 | + width: 50rpx; | ||
| 1972 | + height: 50rpx; | ||
| 1973 | + border-radius: 50%; | ||
| 1974 | + margin-right: 5rpx; | ||
| 1975 | +} | ||
| 1976 | + | ||
| 1977 | +.pj_word_size { | ||
| 1978 | + font-size: 28rpx | ||
| 1979 | +} | ||
| 1980 | + | ||
| 1981 | +.pj_scroll { | ||
| 1982 | + /* white-space: nowrap; */ | ||
| 1983 | + /* height: 324rpx; */ | ||
| 1984 | + /* margin-bottom: 50rpx; */ | ||
| 1985 | + display: flex; | ||
| 1986 | + align-items: center; | ||
| 1987 | + padding: 20rpx 0; | ||
| 1988 | + /* box-sizing: border-box; */ | ||
| 1989 | + /* box-shadow: 0 8px 12px #e7e9eb; */ | ||
| 1990 | +} | ||
| 1991 | + | ||
| 1992 | + | ||
| 1993 | +/*领券*/ | ||
| 1994 | +.three-level-word { | ||
| 1995 | + font-size: 25rpx; | ||
| 1996 | +} | ||
| 1997 | + | ||
| 1998 | +.four-level-word { | ||
| 1999 | + font-size: 23rpx; | ||
| 2000 | +} | ||
| 2001 | + | ||
| 2002 | +.cx-frame { | ||
| 2003 | + /* border-top:3rpx solid #eee; */ | ||
| 2004 | + /* width:99%; | ||
| 2005 | + height: 95rpx; | ||
| 2006 | + line-height: 95rpx; | ||
| 2007 | + padding-left:24rpx; */ | ||
| 2008 | + padding: 20rpx; | ||
| 2009 | +} | ||
| 2010 | + | ||
| 2011 | +.cx-frame .cx-sizs { | ||
| 2012 | + /* width: 68rpx; */ | ||
| 2013 | + /* height: 100%; */ | ||
| 2014 | + /* line-height: 100rpx; */ | ||
| 2015 | + /* overflow: hidden; */ | ||
| 2016 | + /* margin-left: 10rpx; */ | ||
| 2017 | +} | ||
| 2018 | + | ||
| 2019 | +.xc-coupon-fram { | ||
| 2020 | + position: relative; | ||
| 2021 | + margin-right: 16rpx; | ||
| 2022 | + /* width:200rpx; */ | ||
| 2023 | + /* padding-top:30rpx; */ | ||
| 2024 | + | ||
| 2025 | +} | ||
| 2026 | + | ||
| 2027 | +.xc-coupon-fram .xc-coupon { | ||
| 2028 | + /* width:175rpx ; | ||
| 2029 | + height: 40rpx; | ||
| 2030 | + line-height: 40rpx; */ | ||
| 2031 | + background-color: #d60021; | ||
| 2032 | + /* margin:0 auto; */ | ||
| 2033 | + color: #fff; | ||
| 2034 | + padding: 6rpx 20rpx; | ||
| 2035 | + | ||
| 2036 | +} | ||
| 2037 | + | ||
| 2038 | +.xc-coupon-fram .xc-circular { | ||
| 2039 | + width: 16rpx; | ||
| 2040 | + height: 16rpx; | ||
| 2041 | + background-color: white; | ||
| 2042 | + position: absolute; | ||
| 2043 | + top: 50%; | ||
| 2044 | + /* left: -10rpx; */ | ||
| 2045 | + transform: translateY(-50%); | ||
| 2046 | +} | ||
| 2047 | + | ||
| 2048 | +.xc-coupon-fram .xc-one { | ||
| 2049 | + left: -8rpx; | ||
| 2050 | +} | ||
| 2051 | + | ||
| 2052 | +.xc-coupon-fram .xc-two { | ||
| 2053 | + right: -8rpx; | ||
| 2054 | +} | ||
| 2055 | + | ||
| 2056 | +.cx-obtain-coupon { | ||
| 2057 | + /* width: 65rpx; | ||
| 2058 | + height: 100%; | ||
| 2059 | + padding-left:15rpx; */ | ||
| 2060 | + color: #d70025; | ||
| 2061 | + display: flex; | ||
| 2062 | + align-items: center; | ||
| 2063 | + /* position: absolute; | ||
| 2064 | + right: 5rpx; */ | ||
| 2065 | +} | ||
| 2066 | + | ||
| 2067 | +/* 自定义弹出窗口 */ | ||
| 2068 | +.cx-popup { | ||
| 2069 | + width: 100%; | ||
| 2070 | + background: #fff; | ||
| 2071 | + z-index: 35; | ||
| 2072 | + border-top-left-radius: 25rpx; | ||
| 2073 | + border-top-right-radius: 25rpx; | ||
| 2074 | + position: fixed; | ||
| 2075 | + bottom: 0; | ||
| 2076 | +} | ||
| 2077 | + | ||
| 2078 | +.cx-popup .top { | ||
| 2079 | + /* width: 90%; | ||
| 2080 | + height:85rpx; */ | ||
| 2081 | + font-size: 32rpx; | ||
| 2082 | + padding: 20rpx 0; | ||
| 2083 | + border-bottom: 2rpx solid #ebedf0; | ||
| 2084 | + /* padding-top: 50rpx; | ||
| 2085 | + font-weight:600; */ | ||
| 2086 | + | ||
| 2087 | +} | ||
| 2088 | + | ||
| 2089 | +.cx-popup .top-frame { | ||
| 2090 | + /* width: 100%; | ||
| 2091 | + display: flex; | ||
| 2092 | + justify-content: center; | ||
| 2093 | + overflow: hidden; */ | ||
| 2094 | +} | ||
| 2095 | + | ||
| 2096 | +.xc-valid-coupon { | ||
| 2097 | + width: 90%; | ||
| 2098 | + height: 40rpx; | ||
| 2099 | + padding-top: 24rpx; | ||
| 2100 | + overflow: hidden; | ||
| 2101 | +} | ||
| 2102 | + | ||
| 2103 | +.xc-frame { | ||
| 2104 | + position: relative; | ||
| 2105 | +} | ||
| 2106 | + | ||
| 2107 | +.xc-coupon-frame { | ||
| 2108 | + width: 100%; | ||
| 2109 | + max-height: 560rpx; | ||
| 2110 | + overflow: auto; | ||
| 2111 | + | ||
| 2112 | +} | ||
| 2113 | + | ||
| 2114 | +.xc-coupon-frame .rel:not(:first-child) { | ||
| 2115 | + margin-top: 20rpx; | ||
| 2116 | +} | ||
| 2117 | + | ||
| 2118 | +.xc-coupon-frame .coupon { | ||
| 2119 | + width: 100%; | ||
| 2120 | + height: 168rpx; | ||
| 2121 | + border-radius: 25rpx; | ||
| 2122 | + border: 2rpx solid #ffdcdc; | ||
| 2123 | + overflow: hidden; | ||
| 2124 | + /* margin-top:16rpx; */ | ||
| 2125 | + box-sizing: border-box; | ||
| 2126 | + | ||
| 2127 | +} | ||
| 2128 | + | ||
| 2129 | +/* .xc-coupon-frame .coupon ~ .coupon { | ||
| 2130 | + margin-top:16rpx; | ||
| 2131 | +} */ | ||
| 2132 | +.xc-coupon-left { | ||
| 2133 | + width: 216rpx; | ||
| 2134 | + /* height: 100%; */ | ||
| 2135 | + background-color: #ffeeef; | ||
| 2136 | + border-right: 4rpx dashed #ffdbd9; | ||
| 2137 | + overflow: hidden; | ||
| 2138 | + /* line-height: 100%; */ | ||
| 2139 | + display: flex; | ||
| 2140 | + flex-direction: column; | ||
| 2141 | + justify-content: center; | ||
| 2142 | + align-items: center; | ||
| 2143 | + flex-shrink: 0; | ||
| 2144 | +} | ||
| 2145 | + | ||
| 2146 | +.xc-money { | ||
| 2147 | + color: #f30026; | ||
| 2148 | + text-align: center; | ||
| 2149 | +} | ||
| 2150 | + | ||
| 2151 | +.xc-rmb { | ||
| 2152 | + /* width:44rpx; | ||
| 2153 | + padding-top:7rpx; */ | ||
| 2154 | +} | ||
| 2155 | + | ||
| 2156 | +.xc-money-frame { | ||
| 2157 | + /* margin-left:35rpx; | ||
| 2158 | + margin-top:48rpx; */ | ||
| 2159 | + | ||
| 2160 | +} | ||
| 2161 | + | ||
| 2162 | +.xc-spacing { | ||
| 2163 | + letter-spacing: 4rpx; | ||
| 2164 | +} | ||
| 2165 | + | ||
| 2166 | +.xc-circular-one { | ||
| 2167 | + position: absolute; | ||
| 2168 | + top: -15rpx; | ||
| 2169 | + left: 205rpx; | ||
| 2170 | + width: 30rpx; | ||
| 2171 | + height: 30rpx; | ||
| 2172 | + background: #fff; | ||
| 2173 | + overflow: hidden; | ||
| 2174 | +} | ||
| 2175 | + | ||
| 2176 | +.xc-circular-two { | ||
| 2177 | + position: absolute; | ||
| 2178 | + bottom: -15rpx; | ||
| 2179 | + /* top:150rpx; */ | ||
| 2180 | + left: 205rpx; | ||
| 2181 | + width: 30rpx; | ||
| 2182 | + height: 30rpx; | ||
| 2183 | + background: #fff; | ||
| 2184 | +} | ||
| 2185 | + | ||
| 2186 | +.xc-detail-coupon { | ||
| 2187 | + /* margin-left: 22rpx; | ||
| 2188 | + overflow: hidden; | ||
| 2189 | + padding-top: 43rpx; */ | ||
| 2190 | + /* display: flex; | ||
| 2191 | + align-items: center; */ | ||
| 2192 | +} | ||
| 2193 | + | ||
| 2194 | +.xc-coupon-right { | ||
| 2195 | + /* width: 455rpx; | ||
| 2196 | + height: 100%; */ | ||
| 2197 | + background: #fffaf9; | ||
| 2198 | + padding: 20rpx; | ||
| 2199 | + box-sizing: border-box; | ||
| 2200 | + width: 100%; | ||
| 2201 | + justify-content: space-between; | ||
| 2202 | + align-items: center; | ||
| 2203 | +} | ||
| 2204 | + | ||
| 2205 | +.xc-below { | ||
| 2206 | + margin-top: 20rpx; | ||
| 2207 | + | ||
| 2208 | +} | ||
| 2209 | + | ||
| 2210 | +.xc-get { | ||
| 2211 | + | ||
| 2212 | + width: 140rpx; | ||
| 2213 | + /* height: 48rpx; */ | ||
| 2214 | + color: #fff; | ||
| 2215 | + text-align: center; | ||
| 2216 | + border-radius: 27rpx; | ||
| 2217 | + line-height: 54rpx; | ||
| 2218 | + /* margin-left:20rpx; */ | ||
| 2219 | +} | ||
| 2220 | + | ||
| 2221 | +.background { | ||
| 2222 | + background: #f40028; | ||
| 2223 | +} | ||
| 2224 | + | ||
| 2225 | +/*--不可使用--*/ | ||
| 2226 | +.background.nouse { | ||
| 2227 | + background: gainsboro; | ||
| 2228 | +} | ||
| 2229 | + | ||
| 2230 | +.xc-background { | ||
| 2231 | + background: #b9b9b9; | ||
| 2232 | +} | ||
| 2233 | + | ||
| 2234 | + | ||
| 2235 | +.cx-confirm { | ||
| 2236 | + width: 100%; | ||
| 2237 | + padding: 20rpx; | ||
| 2238 | + box-sizing: border-box; | ||
| 2239 | + /* height: 160rpx; */ | ||
| 2240 | + | ||
| 2241 | +} | ||
| 2242 | + | ||
| 2243 | +.cx-confirm .confirm { | ||
| 2244 | + /* width: 372rpx; | ||
| 2245 | + height: 60rpx; */ | ||
| 2246 | + background-color: #f40026; | ||
| 2247 | + color: #fff; | ||
| 2248 | + border-radius: 10rpx; | ||
| 2249 | + line-height: 80rpx; | ||
| 2250 | + font-size: 28rpx; | ||
| 2251 | + | ||
| 2252 | +} | ||
| 2253 | + | ||
| 2254 | +.up { | ||
| 2255 | + animation: up .7s; | ||
| 2256 | +} | ||
| 2257 | + | ||
| 2258 | +.down { | ||
| 2259 | + animation: down 1s; | ||
| 2260 | +} | ||
| 2261 | + | ||
| 2262 | +@keyframes up { | ||
| 2263 | + 0% { | ||
| 2264 | + transform: translateY(550rpx); | ||
| 2265 | + } | ||
| 2266 | + | ||
| 2267 | + 100% { | ||
| 2268 | + transform: translateY(0); | ||
| 2269 | + } | ||
| 2270 | +} | ||
| 2271 | + | ||
| 2272 | +@keyframes down { | ||
| 2273 | + 0% { | ||
| 2274 | + transform: translateY(0); | ||
| 2275 | + } | ||
| 2276 | + | ||
| 2277 | + 100% { | ||
| 2278 | + transform: translateY(550rpx); | ||
| 2279 | + } | ||
| 2280 | +} | ||
| 2281 | + | ||
| 2282 | + | ||
| 2283 | +/* 分享 */ | ||
| 2284 | +.icon-share { | ||
| 2285 | + font-size: 46rpx; | ||
| 2286 | + color: #d60021; | ||
| 2287 | +} | ||
| 2288 | + | ||
| 2289 | +.xc-share-frame { | ||
| 2290 | + /* width: 129rpx; | ||
| 2291 | + height: 48rpx; | ||
| 2292 | + border-top-left-radius: 18rpx; | ||
| 2293 | + border-bottom-left-radius: 18rpx; */ | ||
| 2294 | + /* background: #d60021; */ | ||
| 2295 | + /* position:absolute; | ||
| 2296 | + left:622rpx; | ||
| 2297 | + top:-37rpx; | ||
| 2298 | + line-height:50rpx; | ||
| 2299 | + margin-top:52rpx; */ | ||
| 2300 | +} | ||
| 2301 | + | ||
| 2302 | +.xc-share-frame-jieti { | ||
| 2303 | + width: 129rpx; | ||
| 2304 | + height: 48rpx; | ||
| 2305 | + border-top-left-radius: 18rpx; | ||
| 2306 | + border-bottom-left-radius: 18rpx; | ||
| 2307 | + background: #d60021; | ||
| 2308 | + line-height: 50rpx; | ||
| 2309 | +} | ||
| 2310 | + | ||
| 2311 | +.xc-share-frame .share-font, | ||
| 2312 | +.xc-share-frame-jieti .share-font { | ||
| 2313 | + font-size: 32rpx; | ||
| 2314 | + color: #fff; | ||
| 2315 | + margin-left: 10rpx; | ||
| 2316 | + | ||
| 2317 | +} | ||
| 2318 | + | ||
| 2319 | + | ||
| 2320 | +.xc-share-frame .share-frame, | ||
| 2321 | +.xc-share-frame-jieti .share-frame { | ||
| 2322 | + width: 30rpx; | ||
| 2323 | + height: 30rpx; | ||
| 2324 | + margin-top: 9rpx; | ||
| 2325 | + margin-left: 10rpx; | ||
| 2326 | + | ||
| 2327 | +} | ||
| 2328 | + | ||
| 2329 | +.xc-share { | ||
| 2330 | + width: 90%; | ||
| 2331 | + height: 800rpx; | ||
| 2332 | + background: #fff; | ||
| 2333 | + z-index: 35; | ||
| 2334 | +} | ||
| 2335 | + | ||
| 2336 | +.img-frame { | ||
| 2337 | + position: absolute; | ||
| 2338 | + top: 175rpx; | ||
| 2339 | + left: 100rpx; | ||
| 2340 | + z-index: 55; | ||
| 2341 | + overflow: hidden; | ||
| 2342 | + | ||
| 2343 | +} | ||
| 2344 | + | ||
| 2345 | +.img-frame .img { | ||
| 2346 | + width: 100rpx; | ||
| 2347 | + height: 100rpx; | ||
| 2348 | + | ||
| 2349 | +} | ||
| 2350 | + | ||
| 2351 | +.xc-share .top { | ||
| 2352 | + height: 85rpx; | ||
| 2353 | + width: 100%; | ||
| 2354 | + border-bottom: 4rpx dashed #f5f5f5; | ||
| 2355 | + overflow: hidden; | ||
| 2356 | + | ||
| 2357 | +} | ||
| 2358 | + | ||
| 2359 | +.xc-share .name { | ||
| 2360 | + font-size: 25rpx; | ||
| 2361 | + margin-left: 180rpx; | ||
| 2362 | + color: #000; | ||
| 2363 | + | ||
| 2364 | +} | ||
| 2365 | + | ||
| 2366 | +.xc-share .recommend { | ||
| 2367 | + width: 110rpx; | ||
| 2368 | + height: 12rpx; | ||
| 2369 | + color: #fff; | ||
| 2370 | + background: #d60021; | ||
| 2371 | + font-size: 20rpx; | ||
| 2372 | + border-radius: 25rpx; | ||
| 2373 | + margin-left: 10rpx; | ||
| 2374 | + line-height: 37rpx; | ||
| 2375 | +} | ||
| 2376 | + | ||
| 2377 | +.xc-left-circle { | ||
| 2378 | + width: 40rpx; | ||
| 2379 | + height: 25rpx; | ||
| 2380 | + position: absolute; | ||
| 2381 | + top: 280rpx; | ||
| 2382 | + left: 29rpx; | ||
| 2383 | + z-index: 55; | ||
| 2384 | + background: #727272; | ||
| 2385 | + border-radius: 50rpx 50rpx 0 0; | ||
| 2386 | + transform: rotate(90deg); | ||
| 2387 | + | ||
| 2388 | +} | ||
| 2389 | + | ||
| 2390 | +.xc-right-circle { | ||
| 2391 | + width: 40rpx; | ||
| 2392 | + height: 25rpx; | ||
| 2393 | + position: absolute; | ||
| 2394 | + top: 280rpx; | ||
| 2395 | + left: 683rpx; | ||
| 2396 | + z-index: 55; | ||
| 2397 | + background: #727272; | ||
| 2398 | + border-radius: 50rpx 50rpx 0 0; | ||
| 2399 | + transform: rotate(270deg); | ||
| 2400 | + | ||
| 2401 | +} | ||
| 2402 | + | ||
| 2403 | +.xc-circle-frame { | ||
| 2404 | + width: 25rpx; | ||
| 2405 | + height: 40rpx; | ||
| 2406 | + overflow: hidden; | ||
| 2407 | +} | ||
| 2408 | + | ||
| 2409 | +.xc-goods-name { | ||
| 2410 | + width: 95%; | ||
| 2411 | + font-size: 35rpx; | ||
| 2412 | + padding-left: 75rpx; | ||
| 2413 | + height: 50rpx; | ||
| 2414 | + padding-top: 10rpx; | ||
| 2415 | + color: #000; | ||
| 2416 | + | ||
| 2417 | +} | ||
| 2418 | + | ||
| 2419 | +.xc-good-img { | ||
| 2420 | + width: 100%; | ||
| 2421 | + height: 381rpx; | ||
| 2422 | + margin-top: 5rpx; | ||
| 2423 | + | ||
| 2424 | +} | ||
| 2425 | + | ||
| 2426 | +.xc-good-img .img { | ||
| 2427 | + width: 90%; | ||
| 2428 | + height: 381rpx; | ||
| 2429 | +} | ||
| 2430 | + | ||
| 2431 | +.xc-ensure-frame { | ||
| 2432 | + width: 90%; | ||
| 2433 | + height: 60rpx; | ||
| 2434 | + border-bottom: 2rpx solid #d8d6d7; | ||
| 2435 | +} | ||
| 2436 | + | ||
| 2437 | +.xc-ensure { | ||
| 2438 | + width: 30%; | ||
| 2439 | + height: 60rpx; | ||
| 2440 | + line-height: 60rpx; | ||
| 2441 | +} | ||
| 2442 | + | ||
| 2443 | +xc-ensure-div { | ||
| 2444 | + width: 100%; | ||
| 2445 | + height: 60rpx; | ||
| 2446 | +} | ||
| 2447 | + | ||
| 2448 | +.xc-ensure .word { | ||
| 2449 | + font-size: 25rpx; | ||
| 2450 | + color: #d30025; | ||
| 2451 | + margin-left: 9rpx; | ||
| 2452 | + | ||
| 2453 | +} | ||
| 2454 | + | ||
| 2455 | +.xc-ensure .img { | ||
| 2456 | + width: 25rpx; | ||
| 2457 | + height: 25rpx; | ||
| 2458 | + margin-top: 18rpx; | ||
| 2459 | + | ||
| 2460 | +} | ||
| 2461 | + | ||
| 2462 | +.xc-bottmon { | ||
| 2463 | + width: 100%; | ||
| 2464 | +} | ||
| 2465 | + | ||
| 2466 | +.xc-bottmon .xc-left { | ||
| 2467 | + width: 55%; | ||
| 2468 | + margin-top: 30rpx; | ||
| 2469 | + padding-left: 20rpx; | ||
| 2470 | + | ||
| 2471 | +} | ||
| 2472 | + | ||
| 2473 | +.xc-left .xc-top { | ||
| 2474 | + font-size: 25rpx; | ||
| 2475 | + height: 40rpx; | ||
| 2476 | + line-height: 40rpx; | ||
| 2477 | + color: #000; | ||
| 2478 | +} | ||
| 2479 | + | ||
| 2480 | +.xc-left .xc-middle { | ||
| 2481 | + font-size: 25rpx; | ||
| 2482 | + color: #b2b2b2; | ||
| 2483 | + height: 30rpx; | ||
| 2484 | + line-height: 30rpx; | ||
| 2485 | +} | ||
| 2486 | + | ||
| 2487 | +.xc-left .xc-buttem { | ||
| 2488 | + font-size: 25rpx; | ||
| 2489 | + height: 100rpx; | ||
| 2490 | + line-height: 100rpx; | ||
| 2491 | + color: #000; | ||
| 2492 | +} | ||
| 2493 | + | ||
| 2494 | +.xc-ensure-right { | ||
| 2495 | + width: 30%; | ||
| 2496 | +} | ||
| 2497 | + | ||
| 2498 | +.xc-qrcode { | ||
| 2499 | + width: 120rpx; | ||
| 2500 | + height: 120rpx; | ||
| 2501 | + margin-top: 43rpx; | ||
| 2502 | + margin-left: 80rpx; | ||
| 2503 | + | ||
| 2504 | +} | ||
| 2505 | + | ||
| 2506 | +.xc-close { | ||
| 2507 | + width: 50rpx; | ||
| 2508 | + height: 50rpx; | ||
| 2509 | + border-radius: 50%; | ||
| 2510 | + border: 3rpx solid #fff; | ||
| 2511 | + text-align: center; | ||
| 2512 | + line-height: 41rpx; | ||
| 2513 | + font-size: 50rpx; | ||
| 2514 | + color: #fff; | ||
| 2515 | + font-weight: lighter; | ||
| 2516 | + font-family: MingLiU; | ||
| 2517 | + transform: rotate(270deg); | ||
| 2518 | + overflow: auto; | ||
| 2519 | + margin-top: 6rpx; | ||
| 2520 | + margin-bottom: 1rpx; | ||
| 2521 | + | ||
| 2522 | +} | ||
| 2523 | + | ||
| 2524 | +.xc-close-frame { | ||
| 2525 | + position: absolute; | ||
| 2526 | + margin-top: 30rpx; | ||
| 2527 | + width: 90%; | ||
| 2528 | + display: flex; | ||
| 2529 | + justify-content: center; | ||
| 2530 | + overflow: auto; | ||
| 2531 | + | ||
| 2532 | +} | ||
| 2533 | + | ||
| 2534 | +.xc-guanbi { | ||
| 2535 | + width: 100%; | ||
| 2536 | + height: 80rpx; | ||
| 2537 | + overflow: hidden; | ||
| 2538 | +} | ||
| 2539 | + | ||
| 2540 | + | ||
| 2541 | +/* 自定义弹出窗口 */ | ||
| 2542 | +.cx-popup { | ||
| 2543 | + width: 100%; | ||
| 2544 | + background: #fff; | ||
| 2545 | + z-index: 35; | ||
| 2546 | + border-top-left-radius: 10rpx; | ||
| 2547 | + border-top-right-radius: 10rpx; | ||
| 2548 | + position: fixed; | ||
| 2549 | + bottom: 0; | ||
| 2550 | +} | ||
| 2551 | + | ||
| 2552 | +.xc-top-content { | ||
| 2553 | + width: 88%; | ||
| 2554 | + height: 85rpx; | ||
| 2555 | + padding-top: 50rpx; | ||
| 2556 | + font-size: 36rpx; | ||
| 2557 | +} | ||
| 2558 | + | ||
| 2559 | + | ||
| 2560 | +.xc-valid-coupon { | ||
| 2561 | + width: 90%; | ||
| 2562 | + height: 40rpx; | ||
| 2563 | + padding-top: 24rpx; | ||
| 2564 | + overflow: hidden; | ||
| 2565 | +} | ||
| 2566 | + | ||
| 2567 | +.xc-frame { | ||
| 2568 | + /* width: 100%; | ||
| 2569 | + margin-top:20rpx; */ | ||
| 2570 | + padding: 20rpx; | ||
| 2571 | +} | ||
| 2572 | + | ||
| 2573 | +.xc-frame .list-frame { | ||
| 2574 | + width: 90%; | ||
| 2575 | + height: 100%; | ||
| 2576 | + overflow-y: scroll; | ||
| 2577 | + | ||
| 2578 | + margin-top: 20rpx; | ||
| 2579 | + | ||
| 2580 | +} | ||
| 2581 | + | ||
| 2582 | +.xc-close-frame { | ||
| 2583 | + margin-top: 30rpx; | ||
| 2584 | + width: 15%; | ||
| 2585 | + display: flex; | ||
| 2586 | +} | ||
| 2587 | + | ||
| 2588 | +.xc-close { | ||
| 2589 | + width: 70rpx; | ||
| 2590 | + height: 70rpx; | ||
| 2591 | + border-radius: 50%; | ||
| 2592 | + border: 5rpx solid #a5a5a7; | ||
| 2593 | + text-align: center; | ||
| 2594 | + line-height: 55rpx; | ||
| 2595 | + font-size: 80rpx; | ||
| 2596 | + color: #a5a5a7; | ||
| 2597 | + font-family: "微软正黑体"; | ||
| 2598 | + margin-top: 8rpx; | ||
| 2599 | + | ||
| 2600 | +} | ||
| 2601 | + | ||
| 2602 | +.xc-money { | ||
| 2603 | + color: #ff0013; | ||
| 2604 | +} | ||
| 2605 | + | ||
| 2606 | +.xc-money-frame { | ||
| 2607 | + /* margin-left:35rpx; */ | ||
| 2608 | + | ||
| 2609 | +} | ||
| 2610 | + | ||
| 2611 | +.xc-coupon-effect { | ||
| 2612 | + width: 99%; | ||
| 2613 | + height: 128rpx; | ||
| 2614 | + border-bottom: 3rpx solid #ddd; | ||
| 2615 | + | ||
| 2616 | + | ||
| 2617 | +} | ||
| 2618 | + | ||
| 2619 | +.xc-goods-coupon { | ||
| 2620 | + width: 80%; | ||
| 2621 | + height: 100%; | ||
| 2622 | + | ||
| 2623 | +} | ||
| 2624 | + | ||
| 2625 | +.xc-title { | ||
| 2626 | + width: 50%; | ||
| 2627 | + margin-left: 222rpx; | ||
| 2628 | + | ||
| 2629 | +} | ||
| 2630 | + | ||
| 2631 | +.xc-coupon-money { | ||
| 2632 | + color: #c91e31; | ||
| 2633 | + font-size: 35rpx; | ||
| 2634 | + margin-top: 20rpx; | ||
| 2635 | + | ||
| 2636 | +} | ||
| 2637 | + | ||
| 2638 | +.xc-coupon-time { | ||
| 2639 | + height: 50rpx; | ||
| 2640 | + font-size: 27rpx; | ||
| 2641 | + color: #a4a4a4; | ||
| 2642 | +} | ||
| 2643 | + | ||
| 2644 | +.xc-coupon-time .time { | ||
| 2645 | + margin-left: 15rpx; | ||
| 2646 | + font-size: 27rpx; | ||
| 2647 | +} | ||
| 2648 | + | ||
| 2649 | +.xc-coupon-selection { | ||
| 2650 | + width: 99%; | ||
| 2651 | + height: 100%; | ||
| 2652 | + | ||
| 2653 | + | ||
| 2654 | +} | ||
| 2655 | + | ||
| 2656 | +.xc-confirm { | ||
| 2657 | + width: 90%; | ||
| 2658 | + height: 75rpx; | ||
| 2659 | + margin: 0 auto; | ||
| 2660 | + background: #c41830; | ||
| 2661 | + color: #fff; | ||
| 2662 | + border-radius: 10rpx; | ||
| 2663 | + font-size: 30rpx; | ||
| 2664 | + margin-top: 50rpx; | ||
| 2665 | +} | ||
| 2666 | + | ||
| 2667 | +.xc-not-Selection { | ||
| 2668 | + width: 60rpx; | ||
| 2669 | + height: 60rpx; | ||
| 2670 | + background: #eeeeee; | ||
| 2671 | +} | ||
| 2672 | + | ||
| 2673 | +/*---------------视频图片---------------*/ | ||
| 2674 | +.xc-imageCount { | ||
| 2675 | + width: 95rpx; | ||
| 2676 | + height: 50rpx; | ||
| 2677 | + background-color: rgba(0, 0, 0, 0.3); | ||
| 2678 | + border-radius: 40rpx; | ||
| 2679 | + line-height: 50rpx; | ||
| 2680 | + color: #fff; | ||
| 2681 | + text-align: center; | ||
| 2682 | + font-size: 26rpx; | ||
| 2683 | + position: absolute; | ||
| 2684 | + | ||
| 2685 | + right: 23rpx; | ||
| 2686 | + bottom: 21rpx; | ||
| 2687 | +} | ||
| 2688 | + | ||
| 2689 | + | ||
| 2690 | +/* 视频图片的边框 */ | ||
| 2691 | +.xc-videos-picture { | ||
| 2692 | + width: 100%; | ||
| 2693 | + height: 750rpx; | ||
| 2694 | +} | ||
| 2695 | + | ||
| 2696 | +/* 视频 */ | ||
| 2697 | +.xc-videos { | ||
| 2698 | + width: 100%; | ||
| 2699 | + height: 544rpx; | ||
| 2700 | + | ||
| 2701 | + | ||
| 2702 | +} | ||
| 2703 | + | ||
| 2704 | +/* 点击视频或图片 */ | ||
| 2705 | +.xc-video-picture { | ||
| 2706 | + | ||
| 2707 | + bottom: 20rpx; | ||
| 2708 | + left: 0rpx; | ||
| 2709 | + display: flex; | ||
| 2710 | + align-items: center; | ||
| 2711 | + justify-content: center; | ||
| 2712 | + width: 45%; | ||
| 2713 | + height: 60rpx; | ||
| 2714 | + margin-left: 215rpx; | ||
| 2715 | + | ||
| 2716 | +} | ||
| 2717 | + | ||
| 2718 | +.xc-video-button:before { | ||
| 2719 | + content: ""; | ||
| 2720 | + position: absolute; | ||
| 2721 | + left: 48%; | ||
| 2722 | + top: 40%; | ||
| 2723 | + width: 0; | ||
| 2724 | + height: 0; | ||
| 2725 | + margin-left: -36rpx; | ||
| 2726 | + margin-top: -10rpx; | ||
| 2727 | + border-width: 13rpx; | ||
| 2728 | + border-style: dashed; | ||
| 2729 | + border-color: transparent transparent transparent #fff; | ||
| 2730 | + font-size: 0; | ||
| 2731 | + line-height: 0; | ||
| 2732 | + z-index: 2; | ||
| 2733 | + -webkit-backface-visibility: hidden; | ||
| 2734 | +} | ||
| 2735 | + | ||
| 2736 | +.xc-video-buttons:before { | ||
| 2737 | + content: ""; | ||
| 2738 | + position: absolute; | ||
| 2739 | + left: 50%; | ||
| 2740 | + top: 41%; | ||
| 2741 | + width: 0; | ||
| 2742 | + height: 0; | ||
| 2743 | + margin-left: -36rpx; | ||
| 2744 | + margin-top: -10rpx; | ||
| 2745 | + border-width: 13rpx; | ||
| 2746 | + border-style: dashed; | ||
| 2747 | + border-color: transparent transparent transparent #000; | ||
| 2748 | + font-size: 0; | ||
| 2749 | + line-height: 0; | ||
| 2750 | + z-index: 2; | ||
| 2751 | + -webkit-backface-visibility: hidden; | ||
| 2752 | +} | ||
| 2753 | + | ||
| 2754 | +.xc-video { | ||
| 2755 | + /* width:100rpx; */ | ||
| 2756 | + /* height: 50rpx; | ||
| 2757 | + line-height: 50rpx; */ | ||
| 2758 | + text-align: center; | ||
| 2759 | + /* margin-left:-30rpx; */ | ||
| 2760 | + | ||
| 2761 | + | ||
| 2762 | +} | ||
| 2763 | + | ||
| 2764 | +/* 图片 */ | ||
| 2765 | +.xc-picture { | ||
| 2766 | + color: #000; | ||
| 2767 | + background: #dcdcdc; | ||
| 2768 | + width: 94rpx; | ||
| 2769 | + height: 45rpx; | ||
| 2770 | + font-size: 25rpx; | ||
| 2771 | + border-radius: 25rpx; | ||
| 2772 | + font-family: 'SimHei', Arial; | ||
| 2773 | + text-align: center; | ||
| 2774 | + line-height: 45rpx; | ||
| 2775 | + margin-left: 53rpx | ||
| 2776 | +} | ||
| 2777 | + | ||
| 2778 | +/* 点击视频 */ | ||
| 2779 | +.xc-video-button { | ||
| 2780 | + position: relative; | ||
| 2781 | + color: #000; | ||
| 2782 | + background: #dcdcdc; | ||
| 2783 | + width: 85rpx; | ||
| 2784 | + height: 45rpx; | ||
| 2785 | + line-height: 45rpx; | ||
| 2786 | + font-size: 30rpx; | ||
| 2787 | + border-radius: 25rpx; | ||
| 2788 | + font-family: 'SimHei', Arial; | ||
| 2789 | + padding-left: 11rpx; | ||
| 2790 | +} | ||
| 2791 | + | ||
| 2792 | + | ||
| 2793 | +.xc-sn { | ||
| 2794 | + color: #fff; | ||
| 2795 | + background: #c7161e; | ||
| 2796 | + border-color: transparent transparent transparent #fff; | ||
| 2797 | +} | ||
| 2798 | + | ||
| 2799 | +/* 图片 */ | ||
| 2800 | +.xc-pictures { | ||
| 2801 | + width: 100%; | ||
| 2802 | + height: 529rpx; | ||
| 2803 | + | ||
| 2804 | +} | ||
| 2805 | + | ||
| 2806 | +/*视频封面的图片 */ | ||
| 2807 | +.xc-picturess { | ||
| 2808 | + position: relative; | ||
| 2809 | + width: 100%; | ||
| 2810 | + height: 529rpx; | ||
| 2811 | +} | ||
| 2812 | + | ||
| 2813 | +/* 播放 */ | ||
| 2814 | +.xc-play { | ||
| 2815 | + width: 130rpx; | ||
| 2816 | + height: 130rpx; | ||
| 2817 | + position: absolute; | ||
| 2818 | + top: 207rpx; | ||
| 2819 | + left: 309rpx; | ||
| 2820 | +} | ||
| 2821 | + | ||
| 2822 | +.xc-video-buttons { | ||
| 2823 | + position: relative; | ||
| 2824 | + color: #000; | ||
| 2825 | + background: #dcdcdc; | ||
| 2826 | + width: 85rpx; | ||
| 2827 | + height: 45rpx; | ||
| 2828 | + line-height: 45rpx; | ||
| 2829 | + font-size: 30rpx; | ||
| 2830 | + border-radius: 25rpx; | ||
| 2831 | + font-family: 'SimHei', Arial; | ||
| 2832 | + padding-left: 11rpx; | ||
| 2833 | +} | ||
| 2834 | + | ||
| 2835 | + | ||
| 2836 | +.wsize { | ||
| 2837 | + font-size: 32rpx | ||
| 2838 | +} | ||
| 2839 | + | ||
| 2840 | +.five-level-word { | ||
| 2841 | + font-size: 24rpx; | ||
| 2842 | +} | ||
| 2843 | + | ||
| 2844 | + | ||
| 2845 | +/*-- 推荐商品 --*/ | ||
| 2846 | +.xc-goods { | ||
| 2847 | + height: auto; | ||
| 2848 | + background: #f2f2f2; | ||
| 2849 | + padding: 0 20rpx; | ||
| 2850 | + margin-top: -25rpx; | ||
| 2851 | + padding-bottom: 20rpx | ||
| 2852 | +} | ||
| 2853 | + | ||
| 2854 | +.xc-goods-recommend { | ||
| 2855 | + border-radius: 20rpx; | ||
| 2856 | + width: 345rpx; | ||
| 2857 | + height: 450rpx; | ||
| 2858 | + margin-top: 25rpx; | ||
| 2859 | + display: inline-block; | ||
| 2860 | + | ||
| 2861 | +} | ||
| 2862 | + | ||
| 2863 | +.xc-goods-recommend.ml { | ||
| 2864 | + margin-left: 22rpx | ||
| 2865 | +} | ||
| 2866 | + | ||
| 2867 | +.xc-goods-recommend .xc-goods-imgs { | ||
| 2868 | + width: 100%; | ||
| 2869 | + height: 325rpx; | ||
| 2870 | + border-radius: 20rpx 20rpx 0 0; | ||
| 2871 | +} | ||
| 2872 | + | ||
| 2873 | +.xc-goods-bottom { | ||
| 2874 | + width: 345rpx; | ||
| 2875 | + height: 134rpx; | ||
| 2876 | + background: #fff; | ||
| 2877 | + border-radius: 0 0 20rpx 20rpx; | ||
| 2878 | + bottom: -8rpx; | ||
| 2879 | + left: 0rpx; | ||
| 2880 | +} | ||
| 2881 | + | ||
| 2882 | +.xc-goods-bottom .monry-frame { | ||
| 2883 | + width: 283rpx; | ||
| 2884 | + height: 52rpx; | ||
| 2885 | + padding-left: 24rpx; | ||
| 2886 | + | ||
| 2887 | +} | ||
| 2888 | + | ||
| 2889 | +.xc-good-explain { | ||
| 2890 | + width: 283rpx; | ||
| 2891 | + height: 60rpx; | ||
| 2892 | + word-break: normal; | ||
| 2893 | + margin-left: 30rpx; | ||
| 2894 | + font-size: 26rpx; | ||
| 2895 | + line-height: 30rpx; | ||
| 2896 | + margin-top: 5rpx; | ||
| 2897 | +} | ||
| 2898 | + | ||
| 2899 | +.money-color-val { | ||
| 2900 | + color: #c6172f; | ||
| 2901 | +} | ||
| 2902 | + | ||
| 2903 | +.rmb-symbol { | ||
| 2904 | + line-height: 81rpx; | ||
| 2905 | + height: 53rpx; | ||
| 2906 | + font-size: 28rpx; | ||
| 2907 | +} | ||
| 2908 | + | ||
| 2909 | +.xc-original-price { | ||
| 2910 | + color: #c0c0c0; | ||
| 2911 | +} | ||
| 2912 | + | ||
| 2913 | +/* 文字中间加线条 */ | ||
| 2914 | +.word-lines { | ||
| 2915 | + text-decoration: line-through; | ||
| 2916 | + line-height: 90rpx; | ||
| 2917 | + margin-left: 10rpx; | ||
| 2918 | + font-size: 20rpx; | ||
| 2919 | +} | ||
| 2920 | + | ||
| 2921 | +.xc-linellae-frame { | ||
| 2922 | + width: 100%; | ||
| 2923 | + height: 70rpx; | ||
| 2924 | + background: #f2f2f2; | ||
| 2925 | +} | ||
| 2926 | + | ||
| 2927 | +.xc-linellae-frame .xc-linellae { | ||
| 2928 | + width: 386rpx; | ||
| 2929 | + height: 1rpx; | ||
| 2930 | + border-bottom: 1rpx solid #ebedf0; | ||
| 1710 | } | 2931 | } |
| 1711 | -.xc-goods-name{ | ||
| 1712 | - width: 95%; | ||
| 1713 | - font-size: 35rpx; | ||
| 1714 | - padding-left: 75rpx; | ||
| 1715 | - height: 50rpx; | ||
| 1716 | - padding-top: 10rpx; | ||
| 1717 | - color:#000; | ||
| 1718 | - | 2932 | + |
| 2933 | +.xc-recommend-frame { | ||
| 2934 | + background: #f2f2f2; | ||
| 2935 | + width: 97rpx; | ||
| 2936 | + height: 100%; | ||
| 2937 | + padding-left: 10rpx; | ||
| 1719 | } | 2938 | } |
| 1720 | -.xc-good-img{ | ||
| 1721 | - width: 100%; | ||
| 1722 | - height: 381rpx; | ||
| 1723 | - margin-top:5rpx; | ||
| 1724 | - | ||
| 1725 | -} | ||
| 1726 | -.xc-good-img .img{ | ||
| 1727 | - width: 90%; | ||
| 1728 | - height: 381rpx; | ||
| 1729 | -} | ||
| 1730 | -.xc-ensure-frame{ | ||
| 1731 | - width: 90%; | ||
| 1732 | - height: 60rpx; | ||
| 1733 | - border-bottom: 2rpx solid #d8d6d7; | ||
| 1734 | -} | ||
| 1735 | -.xc-ensure{ | ||
| 1736 | - width: 30%; | ||
| 1737 | - height: 60rpx; | ||
| 1738 | - line-height: 60rpx; | ||
| 1739 | -} | ||
| 1740 | -xc-ensure-div{ | ||
| 1741 | - width: 100%; | ||
| 1742 | - height: 60rpx; | ||
| 1743 | -} | ||
| 1744 | -.xc-ensure .word{ | ||
| 1745 | - font-size: 25rpx; | ||
| 1746 | - color: #d30025; | ||
| 1747 | - margin-left:9rpx; | ||
| 1748 | - | ||
| 1749 | -} | ||
| 1750 | -.xc-ensure .img{ | ||
| 1751 | - width: 25rpx; | ||
| 1752 | - height: 25rpx; | ||
| 1753 | - margin-top:18rpx; | ||
| 1754 | - | ||
| 1755 | -} | ||
| 1756 | - | ||
| 1757 | -.xc-bottmon{ | ||
| 1758 | - width: 100%; | ||
| 1759 | -} | ||
| 1760 | -.xc-bottmon .xc-left{ | ||
| 1761 | - width: 55%; | ||
| 1762 | - margin-top:30rpx; | ||
| 1763 | - padding-left:20rpx; | ||
| 1764 | - | ||
| 1765 | -} | ||
| 1766 | -.xc-left .xc-top{ | ||
| 1767 | - font-size: 25rpx; | ||
| 1768 | - height:40rpx; | ||
| 1769 | - line-height:40rpx; | ||
| 1770 | - color:#000; | ||
| 1771 | -} | ||
| 1772 | -.xc-left .xc-middle{ | ||
| 1773 | - font-size: 25rpx; | ||
| 1774 | - color: #b2b2b2; | ||
| 1775 | - height:30rpx; | ||
| 1776 | - line-height:30rpx; | ||
| 1777 | -} | ||
| 1778 | -.xc-left .xc-buttem{ | ||
| 1779 | - font-size: 25rpx; | ||
| 1780 | - height:100rpx; | ||
| 1781 | - line-height:100rpx; | ||
| 1782 | - color:#000; | ||
| 1783 | -} | ||
| 1784 | -.xc-ensure-right{ | ||
| 1785 | - width: 30%; | ||
| 1786 | -} | ||
| 1787 | -.xc-qrcode{ | ||
| 1788 | - width:120rpx; | ||
| 1789 | - height: 120rpx; | ||
| 1790 | - margin-top:43rpx; | ||
| 1791 | - margin-left:80rpx; | ||
| 1792 | - | ||
| 1793 | -} | ||
| 1794 | -.xc-close{ | ||
| 1795 | - width:50rpx; | ||
| 1796 | - height:50rpx; | ||
| 1797 | - border-radius:50%; | ||
| 1798 | - border:3rpx solid #fff; | ||
| 1799 | - text-align:center; | ||
| 1800 | - line-height: 41rpx; | ||
| 1801 | - font-size:50rpx; | ||
| 1802 | - color:#fff; | ||
| 1803 | - font-weight: lighter; | ||
| 1804 | - font-family:MingLiU; | ||
| 1805 | - transform:rotate(270deg); | ||
| 1806 | - overflow:auto; | ||
| 1807 | - margin-top:6rpx; | ||
| 1808 | - margin-bottom:1rpx; | ||
| 1809 | - | ||
| 1810 | -} | ||
| 1811 | -.xc-close-frame{ | ||
| 1812 | - position:absolute; | ||
| 1813 | - margin-top:30rpx; | ||
| 1814 | - width:90%; | ||
| 1815 | - display:flex; | ||
| 1816 | - justify-content:center; | ||
| 1817 | - overflow: auto; | ||
| 1818 | 2939 | ||
| 1819 | -} | ||
| 1820 | -.xc-guanbi{ | ||
| 1821 | - width: 100%; | ||
| 1822 | - height: 80rpx; | ||
| 1823 | - overflow: hidden; | 2940 | +.xc-recommend-frame .xc-recommend { |
| 2941 | + width: 35rpx; | ||
| 2942 | + height: 27rpx; | ||
| 1824 | } | 2943 | } |
| 1825 | 2944 | ||
| 2945 | +.xc-recommend-frame .xc-recommend-word { | ||
| 2946 | + width: 58rpx; | ||
| 2947 | + font-size: 24rpx; | ||
| 2948 | + color: #a9a9a9; | ||
| 2949 | + margin-left: 5rpx; | ||
| 2950 | + margin-bottom: 5rpx; | ||
| 2951 | + margin-top: 1rpx; | ||
| 1826 | 2952 | ||
| 1827 | -/* 自定义弹出窗口 */ | ||
| 1828 | -.cx-popup{ | ||
| 1829 | - width:100%; | ||
| 1830 | - background: #fff; | ||
| 1831 | - z-index: 35; | ||
| 1832 | - border-top-left-radius: 10rpx; | ||
| 1833 | - border-top-right-radius: 10rpx; | ||
| 1834 | - position:fixed; | ||
| 1835 | - bottom:0; | ||
| 1836 | } | 2953 | } |
| 1837 | 2954 | ||
| 1838 | -.xc-top-content{ | ||
| 1839 | - width: 88%; | ||
| 1840 | - height:85rpx; | ||
| 1841 | - padding-top: 50rpx; | ||
| 1842 | - font-size: 36rpx; | 2955 | +.xc-price-frame { |
| 2956 | + color: #ec0022; | ||
| 2957 | + align-items: baseline; | ||
| 2958 | + /* height:44rpx; */ | ||
| 1843 | } | 2959 | } |
| 1844 | 2960 | ||
| 2961 | +.xc-price-frame .sign { | ||
| 2962 | + margin-top: 19rpx; | ||
| 2963 | + margin-left: -4px; | ||
| 2964 | +} | ||
| 1845 | 2965 | ||
| 1846 | -.xc-valid-coupon{ | ||
| 1847 | - width: 90%; | ||
| 1848 | - height:40rpx; | ||
| 1849 | - padding-top: 24rpx; | ||
| 1850 | - overflow: hidden; | 2966 | +.xc-val-price { |
| 2967 | + margin-left: 24rpx; | ||
| 2968 | + color: #ec0022; | ||
| 2969 | + padding-top: 13rpx; | ||
| 1851 | } | 2970 | } |
| 1852 | -.xc-frame { | ||
| 1853 | - /* width: 100%; | ||
| 1854 | - margin-top:20rpx; */ | ||
| 1855 | - padding: 20rpx; | 2971 | + |
| 2972 | +.xc-val-price .save { | ||
| 2973 | + border-radius: 10rpx; | ||
| 2974 | + margin-top: 5rpx; | ||
| 2975 | + background: #fed2d9; | ||
| 2976 | + min-width: 230rpx; | ||
| 2977 | + height: 40rpx; | ||
| 2978 | + line-height: 40rpx; | ||
| 2979 | + width: auto; | ||
| 2980 | + padding-left: 12rpx; | ||
| 2981 | + padding-right: 12rpx; | ||
| 2982 | + | ||
| 1856 | } | 2983 | } |
| 1857 | 2984 | ||
| 1858 | -.xc-frame .list-frame{ | ||
| 1859 | - width: 90%; | ||
| 1860 | - height: 100%; | ||
| 1861 | - overflow-y:scroll; | 2985 | +.xc-unit-price { |
| 2986 | + margin-top: 25rpx; | ||
| 2987 | + padding-left: -4rpx; | ||
| 1862 | 2988 | ||
| 1863 | - margin-top:20rpx; | 2989 | +} |
| 1864 | 2990 | ||
| 2991 | +.xc-explain { | ||
| 2992 | + color: #292929; | ||
| 2993 | + width: 542rpx; | ||
| 2994 | + margin: 10rpx 0 20rpx; | ||
| 2995 | + width: 100%; | ||
| 2996 | + font-weight: bold; | ||
| 1865 | } | 2997 | } |
| 1866 | -.xc-close-frame{ | ||
| 1867 | - margin-top:30rpx; | ||
| 1868 | - width:15%; | ||
| 1869 | - display:flex; | 2998 | + |
| 2999 | +.xc-item { | ||
| 3000 | + width: 16%; | ||
| 3001 | + font-size: 26rpx; | ||
| 3002 | + color: #666; | ||
| 3003 | + margin-right: 5rpx; | ||
| 1870 | } | 3004 | } |
| 1871 | 3005 | ||
| 1872 | -.xc-close{ | ||
| 1873 | - width:70rpx; | ||
| 1874 | - height:70rpx; | ||
| 1875 | - border-radius:50%; | ||
| 1876 | - border:5rpx solid #a5a5a7; | ||
| 1877 | - text-align:center; | ||
| 1878 | - line-height: 55rpx; | ||
| 1879 | - font-size:80rpx; | ||
| 1880 | - color:#a5a5a7; | ||
| 1881 | - font-family:"微软正黑体"; | ||
| 1882 | - margin-top:8rpx; | 3006 | +.xc-item .yuan { |
| 3007 | + width: 38rpx; | ||
| 3008 | + height: 38rpx; | ||
| 3009 | + line-height: 38rpx; | ||
| 3010 | + border: 1rpx solid #f3f1f2; | ||
| 3011 | + margin-left: 33rpx; | ||
| 1883 | 3012 | ||
| 1884 | } | 3013 | } |
| 1885 | -.xc-money{ | ||
| 1886 | - color: #ff0013; | ||
| 1887 | -} | ||
| 1888 | 3014 | ||
| 1889 | -.xc-money-frame{ | ||
| 1890 | - /* margin-left:35rpx; */ | 3015 | +.xc-item .word { |
| 3016 | + width: 104rpx; | ||
| 3017 | + margin-top: 16rpx; | ||
| 3018 | + color: #363636; | ||
| 3019 | + font-weight: 600; | ||
| 1891 | 3020 | ||
| 1892 | } | 3021 | } |
| 1893 | -.xc-coupon-effect{ | ||
| 1894 | - width: 99%; | ||
| 1895 | - height: 128rpx; | ||
| 1896 | - border-bottom:3rpx solid #ddd; | ||
| 1897 | 3022 | ||
| 3023 | +.xc-item .circle-color { | ||
| 3024 | + background: #d60024; | ||
| 3025 | + color: #fff; | ||
| 3026 | +} | ||
| 1898 | 3027 | ||
| 3028 | +.xc-item .circle-color1 { | ||
| 3029 | + background: #fefefe; | ||
| 3030 | + color: #666666; | ||
| 1899 | } | 3031 | } |
| 1900 | -.xc-goods-coupon{ | ||
| 1901 | - width: 80%; | ||
| 1902 | - height:100%; | ||
| 1903 | 3032 | ||
| 3033 | +.link { | ||
| 3034 | + height: 6rpx; | ||
| 3035 | + width: 180rpx; | ||
| 3036 | + top: 54rpx; | ||
| 3037 | + left: 32px; | ||
| 1904 | } | 3038 | } |
| 1905 | -.xc-title{ | ||
| 1906 | - width:50%; | ||
| 1907 | - margin-left:222rpx; | ||
| 1908 | 3039 | ||
| 3040 | +.link1 { | ||
| 3041 | + height: 6rpx; | ||
| 3042 | + width: 166rpx; | ||
| 3043 | + top: 54rpx; | ||
| 3044 | + left: 264rpx; | ||
| 1909 | } | 3045 | } |
| 1910 | -.xc-coupon-money{ | ||
| 1911 | - color: #c91e31; | ||
| 1912 | - font-size: 35rpx; | ||
| 1913 | - margin-top:20rpx; | ||
| 1914 | 3046 | ||
| 3047 | +.link2 { | ||
| 3048 | + height: 6rpx; | ||
| 3049 | + width: 157rpx; | ||
| 3050 | + top: 54rpx; | ||
| 3051 | + right: 87rpx; | ||
| 1915 | } | 3052 | } |
| 1916 | -.xc-coupon-time{ | ||
| 1917 | - height: 50rpx; | ||
| 1918 | - font-size: 27rpx; | ||
| 1919 | - color: #a4a4a4; | 3053 | + |
| 3054 | +.link-color-red { | ||
| 3055 | + background: #d60024; | ||
| 1920 | } | 3056 | } |
| 1921 | -.xc-coupon-time .time{ | ||
| 1922 | - margin-left: 15rpx; | ||
| 1923 | - font-size: 27rpx; | 3057 | + |
| 3058 | +.link-color { | ||
| 3059 | + background: #e5e5e5; | ||
| 1924 | } | 3060 | } |
| 1925 | -.xc-coupon-selection{ | ||
| 1926 | - width:99%; | ||
| 1927 | - height:100%; | ||
| 1928 | 3061 | ||
| 3062 | +.xc-qt-price { | ||
| 3063 | + top: -15rpx; | ||
| 3064 | + left: 25rpx; | ||
| 3065 | + color: #fff; | ||
| 3066 | +} | ||
| 1929 | 3067 | ||
| 3068 | +.xc-qt-price .xc-qtunit-price { | ||
| 3069 | + margin-left: 6rpx; | ||
| 3070 | + margin-top: -4rpx; | ||
| 1930 | } | 3071 | } |
| 1931 | -.xc-confirm { | ||
| 1932 | - width: 90%; | ||
| 1933 | - height: 75rpx; | ||
| 1934 | - margin:0 auto; | ||
| 1935 | - background:#c41830; | ||
| 1936 | - color:#fff; | ||
| 1937 | - border-radius:10rpx; | ||
| 1938 | - font-size:30rpx; | ||
| 1939 | - margin-top: 50rpx; | 3072 | + |
| 3073 | +.xc-nanber { | ||
| 3074 | + top: -25rpx; | ||
| 3075 | + left: 289rpx; | ||
| 3076 | + | ||
| 1940 | } | 3077 | } |
| 1941 | -.xc-not-Selection{ | ||
| 1942 | - width: 60rpx; | ||
| 1943 | - height: 60rpx; | ||
| 1944 | - background: #eeeeee; | 3078 | + |
| 3079 | +.xc-qtsign { | ||
| 3080 | + margin-top: 5rpx; | ||
| 3081 | + | ||
| 1945 | } | 3082 | } |
| 1946 | 3083 | ||
| 1947 | -/*---------------视频图片---------------*/ | ||
| 1948 | -.xc-imageCount { | ||
| 1949 | - width:95rpx; | ||
| 1950 | - height:50rpx; | ||
| 1951 | - background-color: rgba(0, 0, 0, 0.3); | ||
| 1952 | - border-radius:40rpx; | ||
| 1953 | - line-height:50rpx; | ||
| 1954 | - color:#fff; | ||
| 1955 | - text-align:center; | ||
| 1956 | - font-size:26rpx; | ||
| 1957 | - position:absolute; | 3084 | +.xc-people-img { |
| 3085 | + height: 36rpx; | ||
| 3086 | + width: 36rpx; | ||
| 3087 | + background: #fff; | ||
| 3088 | + border-radius: 7rpx; | ||
| 1958 | 3089 | ||
| 1959 | - right:23rpx; | ||
| 1960 | - bottom:21rpx; | ||
| 1961 | } | 3090 | } |
| 1962 | 3091 | ||
| 3092 | +.xc-people-img .imgs { | ||
| 3093 | + width: 28rpx; | ||
| 3094 | + height: 28rpx; | ||
| 3095 | + margin-top: 4rpx; | ||
| 1963 | 3096 | ||
| 1964 | -/* 视频图片的边框 */ | ||
| 1965 | -.xc-videos-picture{ | ||
| 1966 | - width: 100%; | ||
| 1967 | - height: 750rpx; | ||
| 1968 | } | 3097 | } |
| 1969 | -/* 视频 */ | ||
| 1970 | -.xc-videos{ | ||
| 1971 | - width: 100%; | ||
| 1972 | - height:544rpx; | ||
| 1973 | 3098 | ||
| 3099 | +.xc-people-val { | ||
| 1974 | 3100 | ||
| 3101 | + height: 32rpx; | ||
| 3102 | + border-top: 1rpx solid #fff; | ||
| 3103 | + border-bottom: 1rpx solid #fff; | ||
| 3104 | + border-right: 1rpx solid #fff; | ||
| 3105 | + border-radius: 0 7rpx 7rpx 0; | ||
| 3106 | + line-height: 32rpx; | ||
| 3107 | + margin-left: -6rpx; | ||
| 3108 | + padding: 0 12rpx; | ||
| 1975 | } | 3109 | } |
| 1976 | -/* 点击视频或图片 */ | ||
| 1977 | -.xc-video-picture{ | ||
| 1978 | 3110 | ||
| 1979 | - bottom: 20rpx; | ||
| 1980 | - left: 0rpx; | ||
| 1981 | - display: flex; | ||
| 1982 | - align-items: center; | ||
| 1983 | - justify-content:center; | ||
| 1984 | - width: 45%; | ||
| 1985 | - height: 60rpx; | ||
| 1986 | - margin-left: 215rpx; | ||
| 1987 | - | ||
| 1988 | -} | ||
| 1989 | -.xc-video-button:before{ | ||
| 1990 | - content: ""; | ||
| 1991 | - position: absolute; | ||
| 1992 | - left: 48%; | ||
| 1993 | - top: 40%; | ||
| 1994 | - width: 0; | ||
| 1995 | - height: 0; | ||
| 1996 | - margin-left: -36rpx; | ||
| 1997 | - margin-top: -10rpx; | ||
| 1998 | - border-width:13rpx; | ||
| 1999 | - border-style: dashed; | ||
| 2000 | - border-color: transparent transparent transparent #fff; | ||
| 2001 | - font-size: 0; | ||
| 2002 | - line-height: 0; | ||
| 2003 | - z-index: 2; | ||
| 2004 | - -webkit-backface-visibility: hidden; | ||
| 2005 | -} | ||
| 2006 | -.xc-video-buttons:before{ | ||
| 2007 | - content: ""; | ||
| 2008 | - position: absolute; | ||
| 2009 | - left: 50%; | ||
| 2010 | - top:41%; | ||
| 2011 | - width: 0; | ||
| 2012 | - height: 0; | ||
| 2013 | - margin-left: -36rpx; | ||
| 2014 | - margin-top: -10rpx; | ||
| 2015 | - border-width:13rpx; | ||
| 2016 | - border-style: dashed; | ||
| 2017 | - border-color: transparent transparent transparent #000; | ||
| 2018 | - font-size: 0; | ||
| 2019 | - line-height: 0; | ||
| 2020 | - z-index: 2; | ||
| 2021 | - -webkit-backface-visibility: hidden; | ||
| 2022 | -} | ||
| 2023 | - | ||
| 2024 | -.xc-video{ | ||
| 2025 | - /* width:100rpx; */ | ||
| 2026 | - /* height: 50rpx; | ||
| 2027 | - line-height: 50rpx; */ | ||
| 2028 | - text-align: center; | ||
| 2029 | - /* margin-left:-30rpx; */ | 3111 | +.word-color { |
| 3112 | + color: #d70024; | ||
| 3113 | +} | ||
| 2030 | 3114 | ||
| 3115 | +.word-color-lan { | ||
| 3116 | + color: #0393e1; | ||
| 3117 | +} | ||
| 2031 | 3118 | ||
| 3119 | +.pt_view .hy-stop { | ||
| 3120 | + top: -23rpx; | ||
| 3121 | + right: 56rpx; | ||
| 2032 | } | 3122 | } |
| 2033 | -/* 图片 */ | ||
| 2034 | -.xc-picture{ | ||
| 2035 | - color: #000; | ||
| 2036 | - background: #dcdcdc; | ||
| 2037 | - width: 94rpx; | ||
| 2038 | - height: 45rpx; | ||
| 2039 | - font-size: 25rpx; | ||
| 2040 | - border-radius: 25rpx; | ||
| 2041 | - font-family: 'SimHei',Arial; | ||
| 2042 | - text-align: center; | ||
| 2043 | - line-height: 45rpx; | ||
| 2044 | - margin-left:53rpx | ||
| 2045 | 3123 | ||
| 3124 | +.xc-time-val { | ||
| 3125 | + width: 36rpx; | ||
| 3126 | + height: 36rpx; | ||
| 3127 | + border-radius: 7rpx; | ||
| 3128 | + line-height: 36rpx; | ||
| 2046 | } | 3129 | } |
| 2047 | -/* 点击视频 */ | ||
| 2048 | -.xc-video-button{ | ||
| 2049 | - position: relative; | ||
| 2050 | - color: #000; | ||
| 2051 | - background: #dcdcdc; | ||
| 2052 | - width: 85rpx; | ||
| 2053 | - height: 45rpx; | ||
| 2054 | - line-height: 45rpx; | ||
| 2055 | - font-size: 30rpx; | ||
| 2056 | - border-radius: 25rpx; | ||
| 2057 | - font-family: 'SimHei',Arial; | ||
| 2058 | - padding-left: 11rpx; | 3130 | + |
| 3131 | +.xc-time { | ||
| 3132 | + margin-right: 10rpx; | ||
| 3133 | + margin-left: 10rpx; | ||
| 3134 | + margin-top: -32rpx; | ||
| 2059 | } | 3135 | } |
| 2060 | 3136 | ||
| 3137 | +.xc-goods-explain { | ||
| 3138 | + width: 100%; | ||
| 3139 | + /* padding-left:30rpx; | ||
| 3140 | + margin-left:-9rpx; | ||
| 3141 | + height: 150rpx */ | ||
| 3142 | +} | ||
| 2061 | 3143 | ||
| 2062 | -.xc-sn{ | ||
| 2063 | - color: #fff; | ||
| 2064 | - background: #c7161e; | ||
| 2065 | - border-color: transparent transparent transparent #fff; | 3144 | +.xc-partner-frame { |
| 3145 | + border-bottom: 2rpx solid #eee; | ||
| 3146 | + width: 100%; | ||
| 3147 | + padding: 20rpx; | ||
| 3148 | + /* height:56rpx; */ | ||
| 3149 | + box-sizing: border-box; | ||
| 2066 | } | 3150 | } |
| 2067 | -/* 图片 */ | ||
| 2068 | -.xc-pictures{ | ||
| 2069 | - width: 100%; | ||
| 2070 | - height:529rpx; | ||
| 2071 | 3151 | ||
| 3152 | +.xc-person-number { | ||
| 3153 | + width: 120rpx; | ||
| 3154 | + color: #999999; | ||
| 3155 | + padding-left: 8rpx; | ||
| 3156 | + text-align: left | ||
| 2072 | } | 3157 | } |
| 2073 | -/*视频封面的图片 */ | ||
| 2074 | -.xc-picturess{ | ||
| 2075 | - position: relative; | ||
| 2076 | - width: 100%; | ||
| 2077 | - height:529rpx; | 3158 | + |
| 3159 | +.xc-miaosha-time { | ||
| 3160 | + right: 17rpx; | ||
| 3161 | + top: 55rpx; | ||
| 2078 | } | 3162 | } |
| 2079 | -/* 播放 */ | ||
| 2080 | -.xc-play{ | ||
| 2081 | - width: 130rpx; | ||
| 2082 | - height: 130rpx; | ||
| 2083 | - position: absolute; | ||
| 2084 | - top:207rpx; | ||
| 2085 | - left:309rpx; | 3163 | + |
| 3164 | +.pd_top1 { | ||
| 3165 | + padding-top: 10rpx | ||
| 2086 | } | 3166 | } |
| 2087 | 3167 | ||
| 2088 | -.xc-video-buttons{ | ||
| 2089 | - position: relative; | ||
| 2090 | - color: #000; | ||
| 2091 | - background: #dcdcdc; | ||
| 2092 | - width: 85rpx; | ||
| 2093 | - height: 45rpx; | ||
| 2094 | - line-height: 45rpx; | ||
| 2095 | - font-size: 30rpx; | ||
| 2096 | - border-radius: 25rpx; | ||
| 2097 | - font-family: 'SimHei',Arial; | ||
| 2098 | - padding-left: 11rpx; | 3168 | +.s_ms_bth { |
| 3169 | + margin-top: 85rpx | ||
| 2099 | } | 3170 | } |
| 2100 | 3171 | ||
| 2101 | 3172 | ||
| 2102 | -.wsize{font-size: 32rpx} | ||
| 2103 | -.five-level-word{font-size: 24rpx;} | 3173 | +.no_pj_list { |
| 3174 | + text-align: center; | ||
| 3175 | + width: 100%; | ||
| 3176 | + color: #999; | ||
| 3177 | + margin: 30rpx 0; | ||
| 3178 | + display: inline-block; | ||
| 3179 | + font-size: 28rpx | ||
| 3180 | +} | ||
| 3181 | + | ||
| 3182 | +/* 门店地址 */ | ||
| 3183 | +.xc-address_frame { | ||
| 3184 | + /* border-top:1rpx solid #eee; */ | ||
| 3185 | + width: 100%; | ||
| 3186 | + height: auto; | ||
| 3187 | + padding: 20rpx; | ||
| 3188 | + box-sizing: border-box; | ||
| 3189 | +} | ||
| 2104 | 3190 | ||
| 3191 | +.on_height { | ||
| 3192 | + height: 90rpx; | ||
| 3193 | +} | ||
| 2105 | 3194 | ||
| 2106 | -/*-- 推荐商品 --*/ | ||
| 2107 | -.xc-goods{ | ||
| 2108 | - height: auto; | ||
| 2109 | - background: #f2f2f2; | ||
| 2110 | - padding: 0 20rpx; | ||
| 2111 | - margin-top: -25rpx; | ||
| 2112 | - padding-bottom: 20rpx | 3195 | +.sn_height { |
| 3196 | + /* min-height: 170rpx; height: auto;padding: 10rpx 0; */ | ||
| 2113 | } | 3197 | } |
| 2114 | 3198 | ||
| 2115 | -.xc-goods-recommend { | ||
| 2116 | - border-radius: 20rpx; | ||
| 2117 | - width:345rpx; | ||
| 2118 | - height: 450rpx; | ||
| 2119 | - margin-top: 25rpx; | ||
| 2120 | - display: inline-block; | 3199 | +.xc-address_frame .address_frame { |
| 3200 | + width: 100%; | ||
| 3201 | + /* padding-left: 10rpx; | ||
| 3202 | +margin: auto; */ | ||
| 2121 | 3203 | ||
| 2122 | } | 3204 | } |
| 2123 | 3205 | ||
| 2124 | -.xc-goods-recommend.ml{ margin-left: 22rpx} | 3206 | +.shop_name {} |
| 2125 | 3207 | ||
| 2126 | -.xc-goods-recommend .xc-goods-imgs{ | ||
| 2127 | - width: 100%; | ||
| 2128 | - height: 325rpx; | ||
| 2129 | - border-radius:20rpx 20rpx 0 0; | 3208 | +.stores-img { |
| 3209 | + width: 28rpx; | ||
| 3210 | + height: 28rpx; | ||
| 3211 | + margin-right: 10rpx; | ||
| 2130 | } | 3212 | } |
| 2131 | 3213 | ||
| 2132 | -.xc-goods-bottom{ | ||
| 2133 | - width: 345rpx; | ||
| 2134 | - height: 134rpx; | ||
| 2135 | - background: #fff; | ||
| 2136 | - border-radius:0 0 20rpx 20rpx; | ||
| 2137 | - bottom:-8rpx; | ||
| 2138 | - left:0rpx; | 3214 | +.shop_name { |
| 3215 | + margin-right: 10rpx; | ||
| 2139 | } | 3216 | } |
| 2140 | -.xc-goods-bottom .monry-frame{ | ||
| 2141 | - width:283rpx; | ||
| 2142 | -height:52rpx; | ||
| 2143 | -padding-left:24rpx; | ||
| 2144 | 3217 | ||
| 3218 | +.address { | ||
| 3219 | + /* width: 100%; | ||
| 3220 | + margin-top: 5rpx; | ||
| 3221 | + margin-bottom: 5rpx; */ | ||
| 2145 | } | 3222 | } |
| 2146 | -.xc-good-explain{ | ||
| 2147 | - width: 283rpx; | ||
| 2148 | - height:60rpx; | ||
| 2149 | - word-break: normal; | ||
| 2150 | - margin-left:30rpx; | ||
| 2151 | - font-size: 26rpx; | ||
| 2152 | - line-height: 30rpx; | ||
| 2153 | - margin-top: 5rpx; | 3223 | + |
| 3224 | +.distance { | ||
| 3225 | + padding-left: 20rpx; | ||
| 3226 | + padding-right: 20rpx; | ||
| 3227 | + background: #eee; | ||
| 3228 | + border-radius: 20rpx; | ||
| 3229 | + /* margin-right: 5rpx; */ | ||
| 3230 | + color: #999; | ||
| 3231 | + height: 38rpx; | ||
| 3232 | + line-height: 38rpx; | ||
| 3233 | + | ||
| 2154 | } | 3234 | } |
| 2155 | -.money-color-val{ | ||
| 2156 | - color: #c6172f; | 3235 | + |
| 3236 | +/* 选择门店的弹窗 */ | ||
| 3237 | +.mongolia-layer { | ||
| 3238 | + position: fixed; | ||
| 3239 | + left: 0; | ||
| 3240 | + top: 0; | ||
| 3241 | + right: 0; | ||
| 3242 | + bottom: 0; | ||
| 3243 | + z-index: 11; | ||
| 3244 | + background: rgba(0, 0, 0, 0.4); | ||
| 3245 | + width: 100%; | ||
| 3246 | + height: 91.9%; | ||
| 3247 | + | ||
| 2157 | } | 3248 | } |
| 2158 | -.rmb-symbol{ | ||
| 2159 | - line-height:81rpx; | ||
| 2160 | - height:53rpx; | ||
| 2161 | - font-size: 28rpx; | 3249 | + |
| 3250 | +.popup-frame { | ||
| 3251 | + position: fixed; | ||
| 3252 | + z-index: 20; | ||
| 3253 | + background: white; | ||
| 3254 | + width: 100%; | ||
| 3255 | + border-radius: 20rpx 20rpx 0 0; | ||
| 3256 | + height: auto; | ||
| 3257 | + bottom: 0; | ||
| 2162 | } | 3258 | } |
| 2163 | -.xc-original-price{ | ||
| 2164 | - color: #c0c0c0; | 3259 | + |
| 3260 | +.popup-top { | ||
| 3261 | + border-bottom: 1rpx solid #eee; | ||
| 3262 | + height: 155rpx; | ||
| 3263 | + width: 95%; | ||
| 3264 | + margin: auto; | ||
| 3265 | + line-height: 155rpx; | ||
| 3266 | + | ||
| 2165 | } | 3267 | } |
| 2166 | -/* 文字中间加线条 */ | ||
| 2167 | -.word-lines{ | ||
| 2168 | - text-decoration:line-through; | ||
| 2169 | - line-height:90rpx; | ||
| 2170 | - margin-left:10rpx; | ||
| 2171 | - font-size: 20rpx; | ||
| 2172 | -} | ||
| 2173 | - | ||
| 2174 | - .xc-linellae-frame{ | ||
| 2175 | - width: 100%; | ||
| 2176 | - height: 70rpx; | ||
| 2177 | - background: #f2f2f2; | ||
| 2178 | -} | ||
| 2179 | -.xc-linellae-frame .xc-linellae{ | ||
| 2180 | - width: 386rpx; | ||
| 2181 | - height: 1rpx; | ||
| 2182 | - border-bottom: 1rpx solid #ebedf0; | ||
| 2183 | -} | ||
| 2184 | -.xc-recommend-frame{ | ||
| 2185 | -background:#f2f2f2; | ||
| 2186 | -width:97rpx; | ||
| 2187 | -height:100%; | ||
| 2188 | -padding-left: 10rpx; | ||
| 2189 | -} | ||
| 2190 | -.xc-recommend-frame .xc-recommend{ | ||
| 2191 | - width: 35rpx; | ||
| 2192 | - height: 27rpx; | ||
| 2193 | -} | ||
| 2194 | -.xc-recommend-frame .xc-recommend-word{ | ||
| 2195 | - width:58rpx; | ||
| 2196 | -font-size:24rpx; | ||
| 2197 | -color: #a9a9a9; | ||
| 2198 | -margin-left: 5rpx; | ||
| 2199 | -margin-bottom: 5rpx; | ||
| 2200 | -margin-top: 1rpx; | ||
| 2201 | - | ||
| 2202 | -} | ||
| 2203 | -.xc-price-frame{ | ||
| 2204 | - color: #ec0022; | ||
| 2205 | - align-items: baseline; | ||
| 2206 | -/* height:44rpx; */ | 3268 | + |
| 3269 | +.bg_rights { | ||
| 3270 | + border-top: 2rpx solid; | ||
| 3271 | + border-right: 2rpx solid; | ||
| 3272 | + transform: rotate(45deg); | ||
| 3273 | + display: inline-block; | ||
| 3274 | + width: 15rpx; | ||
| 3275 | + height: 15rpx; | ||
| 3276 | + border-color: #da0b31; | ||
| 2207 | } | 3277 | } |
| 2208 | -.xc-price-frame .sign{ | ||
| 2209 | -margin-top:19rpx; | ||
| 2210 | -margin-left:-4px; | 3278 | + |
| 3279 | +.modal-closes { | ||
| 3280 | + position: absolute; | ||
| 3281 | + right: 30rpx; | ||
| 3282 | + top: -15rpx; | ||
| 3283 | + height: 25rpx; | ||
| 3284 | + | ||
| 2211 | } | 3285 | } |
| 2212 | -.xc-val-price{ | ||
| 2213 | -margin-left:24rpx; | ||
| 2214 | -color: #ec0022; | ||
| 2215 | -padding-top:13rpx; | 3286 | + |
| 3287 | +.choose_more { | ||
| 3288 | + margin-top: 40rpx; | ||
| 3289 | + margin-right: 20rpx; | ||
| 3290 | + | ||
| 2216 | } | 3291 | } |
| 2217 | -.xc-val-price .save{ | ||
| 2218 | - border-radius:10rpx; | ||
| 2219 | - margin-top:5rpx; | ||
| 2220 | - background:#fed2d9; | ||
| 2221 | - min-width:230rpx; | ||
| 2222 | - height:40rpx; | ||
| 2223 | - line-height:40rpx; | ||
| 2224 | - width: auto; | ||
| 2225 | - padding-left:12rpx; | ||
| 2226 | - padding-right:12rpx; | 3292 | + |
| 3293 | +.choose_mores { | ||
| 3294 | + margin-top: 30rpx; | ||
| 3295 | + margin-right: 15rpx; | ||
| 2227 | 3296 | ||
| 2228 | } | 3297 | } |
| 2229 | -.xc-unit-price{ | ||
| 2230 | - margin-top:25rpx; | ||
| 2231 | -padding-left:-4rpx; | ||
| 2232 | 3298 | ||
| 3299 | +.store-list { | ||
| 3300 | + width: 95%; | ||
| 3301 | + min-height: 300rpx; | ||
| 3302 | + overflow-y: scroll; | ||
| 3303 | + margin: auto; | ||
| 3304 | + max-height: 610rpx; | ||
| 2233 | } | 3305 | } |
| 2234 | -.xc-explain{ | ||
| 2235 | - color:#292929; | ||
| 2236 | - width:542rpx; | ||
| 2237 | - margin: 10rpx 0 20rpx; | 3306 | + |
| 3307 | +.store-list .store_choose { | ||
| 2238 | width: 100%; | 3308 | width: 100%; |
| 2239 | - font-weight: bold; | ||
| 2240 | -} | ||
| 2241 | -.xc-item{width: 16%; font-size: 26rpx; color: #666;margin-right:5rpx;} | ||
| 2242 | -.xc-item .yuan{ | ||
| 2243 | - width: 38rpx; | ||
| 2244 | - height: 38rpx; | ||
| 2245 | - line-height: 38rpx; | ||
| 2246 | - border:1rpx solid #f3f1f2; | ||
| 2247 | -margin-left:33rpx; | ||
| 2248 | - | ||
| 2249 | -} | ||
| 2250 | -.xc-item .word{ | ||
| 2251 | - width:104rpx; | ||
| 2252 | - margin-top:16rpx; | ||
| 2253 | - color:#363636; | ||
| 2254 | - font-weight:600; | ||
| 2255 | - | ||
| 2256 | -} | ||
| 2257 | -.xc-item .circle-color{ | ||
| 2258 | - background: #d60024; | ||
| 2259 | - color: #fff; | ||
| 2260 | -} | ||
| 2261 | -.xc-item .circle-color1{ | ||
| 2262 | - background: #fefefe; | ||
| 2263 | - color: #666666; | ||
| 2264 | -} | ||
| 2265 | -.link{ | ||
| 2266 | -height:6rpx; | ||
| 2267 | -width:180rpx; | ||
| 2268 | -top:54rpx; | ||
| 2269 | -left:32px; | ||
| 2270 | -} | ||
| 2271 | -.link1{ | ||
| 2272 | -height:6rpx; | ||
| 2273 | -width:166rpx; | ||
| 2274 | -top:54rpx; | ||
| 2275 | -left:264rpx; | ||
| 2276 | -} | ||
| 2277 | -.link2{ | ||
| 2278 | - height:6rpx; | ||
| 2279 | -width:157rpx; | ||
| 2280 | -top:54rpx; | ||
| 2281 | -right:87rpx; | ||
| 2282 | -} | ||
| 2283 | -.link-color-red{ | ||
| 2284 | - background: #d60024;} | ||
| 2285 | -.link-color{ | ||
| 2286 | - background: #e5e5e5; | ||
| 2287 | -} | ||
| 2288 | -.xc-qt-price{ | ||
| 2289 | - top:-15rpx; | ||
| 2290 | -left:25rpx; | ||
| 2291 | - color: #fff; | ||
| 2292 | -} | ||
| 2293 | -.xc-qt-price .xc-qtunit-price{ | ||
| 2294 | - margin-left:6rpx; | ||
| 2295 | -margin-top:-4rpx; | ||
| 2296 | -} | ||
| 2297 | -.xc-nanber{ | ||
| 2298 | - top:-25rpx; | ||
| 2299 | -left:289rpx; | ||
| 2300 | - | ||
| 2301 | -} | ||
| 2302 | -.xc-qtsign{ | ||
| 2303 | -margin-top:5rpx; | ||
| 2304 | - | ||
| 2305 | -} | ||
| 2306 | -.xc-people-img{ | ||
| 2307 | - height: 36rpx; | ||
| 2308 | - width: 36rpx; | ||
| 2309 | - background: #fff; | ||
| 2310 | - border-radius: 7rpx; | ||
| 2311 | - | ||
| 2312 | -} | ||
| 2313 | -.xc-people-img .imgs{ | ||
| 2314 | - width: 28rpx; | ||
| 2315 | - height: 28rpx; | ||
| 2316 | - margin-top:4rpx; | ||
| 2317 | - | ||
| 2318 | -} | ||
| 2319 | -.xc-people-val{ | ||
| 2320 | - | ||
| 2321 | - height: 32rpx; | ||
| 2322 | - border-top: 1rpx solid #fff; | ||
| 2323 | - border-bottom: 1rpx solid #fff; | ||
| 2324 | - border-right: 1rpx solid #fff; | ||
| 2325 | - border-radius:0 7rpx 7rpx 0; | ||
| 2326 | - line-height:32rpx; | ||
| 2327 | - margin-left:-6rpx; | ||
| 2328 | - padding: 0 12rpx; | ||
| 2329 | -} | ||
| 2330 | -.word-color{ | ||
| 2331 | - color:#d70024; | ||
| 2332 | -} | ||
| 2333 | -.word-color-lan{ | ||
| 2334 | - color:#0393e1; | ||
| 2335 | -} | ||
| 2336 | -.pt_view .hy-stop{ | ||
| 2337 | - top: -23rpx; | ||
| 2338 | - right: 56rpx; | ||
| 2339 | -} | ||
| 2340 | -.xc-time-val{width:36rpx;height:36rpx;border-radius:7rpx; line-height: 36rpx;} | ||
| 2341 | -.xc-time{margin-right:10rpx; margin-left:10rpx; margin-top:-32rpx; | ||
| 2342 | -} | ||
| 2343 | -.xc-goods-explain{ | ||
| 2344 | - width:100%; | ||
| 2345 | - /* padding-left:30rpx; | ||
| 2346 | - margin-left:-9rpx; | ||
| 2347 | - height: 150rpx */ | 3309 | + height: 120rpx; |
| 3310 | + line-height: 125rpx; | ||
| 3311 | + border-bottom: 1rpx solid #eee; | ||
| 3312 | + | ||
| 2348 | } | 3313 | } |
| 2349 | -.xc-partner-frame{ | ||
| 2350 | -border-bottom:2rpx solid #eee; | ||
| 2351 | -width:100%; | ||
| 2352 | -padding:20rpx; | ||
| 2353 | -/* height:56rpx; */ | ||
| 2354 | -box-sizing: border-box; | 3314 | + |
| 3315 | +.store-list .store_choose .store { | ||
| 3316 | + width: 100%; | ||
| 3317 | + margin: auto; | ||
| 3318 | + line-height: 37rpx; | ||
| 3319 | + padding-left: 20rpx; | ||
| 3320 | + | ||
| 2355 | } | 3321 | } |
| 2356 | -.xc-person-number{ | ||
| 2357 | - width:120rpx; | ||
| 2358 | - color: #999999; | ||
| 2359 | - padding-left:8rpx; | ||
| 2360 | - text-align: left | 3322 | + |
| 3323 | +.xc-hook { | ||
| 3324 | + width: 35rpx; | ||
| 3325 | + height: 35rpx; | ||
| 3326 | + transform: rotate(-145deg); | ||
| 3327 | + line-height: 37rpx; | ||
| 3328 | + text-align: center; | ||
| 2361 | } | 3329 | } |
| 2362 | 3330 | ||
| 2363 | -.xc-miaosha-time{ | ||
| 2364 | -right:17rpx; top:55rpx; | 3331 | +.xc-hooks { |
| 3332 | + width: 30rpx; | ||
| 3333 | + height: 30rpx; | ||
| 3334 | + border: 1rpx solid #999; | ||
| 2365 | } | 3335 | } |
| 2366 | -.pd_top1{padding-top: 10rpx} | ||
| 2367 | -.s_ms_bth{margin-top: 85rpx} | ||
| 2368 | 3336 | ||
| 3337 | +.address-frame { | ||
| 3338 | + width: 93%; | ||
| 3339 | + margin-left: 7rpx; | ||
| 2369 | 3340 | ||
| 2370 | -.no_pj_list{text-align: center; width: 100%; color: #999; margin: 30rpx 0; display: inline-block; font-size: 28rpx} | ||
| 2371 | -/* 门店地址 */ | ||
| 2372 | -.xc-address_frame{ | ||
| 2373 | - /* border-top:1rpx solid #eee; */ | ||
| 2374 | - width: 100%; | ||
| 2375 | - height: auto; | ||
| 2376 | - padding: 20rpx; | ||
| 2377 | - box-sizing: border-box; | ||
| 2378 | -} | ||
| 2379 | -.on_height{ | ||
| 2380 | -height: 90rpx; | ||
| 2381 | -} | ||
| 2382 | -.sn_height{ | ||
| 2383 | - /* min-height: 170rpx; height: auto;padding: 10rpx 0; */ | ||
| 2384 | } | 3341 | } |
| 2385 | -.xc-address_frame .address_frame{ | ||
| 2386 | - width: 100%; | ||
| 2387 | -/* padding-left: 10rpx; | ||
| 2388 | -margin: auto; */ | ||
| 2389 | 3342 | ||
| 3343 | +.nearby_store { | ||
| 3344 | + margin-left: 17rpx; | ||
| 2390 | } | 3345 | } |
| 2391 | -.shop_name{ | 3346 | + |
| 3347 | +.address_name { | ||
| 3348 | + margin-right: 10rpx; | ||
| 2392 | 3349 | ||
| 2393 | } | 3350 | } |
| 2394 | -.stores-img{ | ||
| 2395 | - width: 28rpx; | ||
| 2396 | - height: 28rpx; | ||
| 2397 | - margin-right: 10rpx; | 3351 | + |
| 3352 | +.address-val { | ||
| 3353 | + height: 38rpx; | ||
| 3354 | + line-height: 38rpx; | ||
| 3355 | + | ||
| 2398 | } | 3356 | } |
| 2399 | -.shop_name{ | ||
| 2400 | - margin-right: 10rpx; | 3357 | + |
| 3358 | +.store-bottom { | ||
| 3359 | + width: 85%; | ||
| 3360 | + margin: auto; | ||
| 3361 | + height: 90rpx; | ||
| 2401 | } | 3362 | } |
| 2402 | -.address{ | ||
| 2403 | - /* width: 100%; | ||
| 2404 | - margin-top: 5rpx; | ||
| 2405 | - margin-bottom: 5rpx; */ | 3363 | + |
| 3364 | +.determine { | ||
| 3365 | + width: 260rpx; | ||
| 3366 | + height: 55rpx; | ||
| 3367 | + border-radius: 50rpx; | ||
| 3368 | + line-height: 55rpx; | ||
| 2406 | } | 3369 | } |
| 2407 | -.distance{ | ||
| 2408 | - padding-left: 20rpx; | ||
| 2409 | - padding-right: 20rpx; | ||
| 2410 | - background: #eee; | ||
| 2411 | - border-radius: 20rpx; | ||
| 2412 | - /* margin-right: 5rpx; */ | ||
| 2413 | - color: #999; | ||
| 2414 | - height: 38rpx; | ||
| 2415 | -line-height: 38rpx; | ||
| 2416 | 3370 | ||
| 3371 | +.default { | ||
| 3372 | + width: 260rpx; | ||
| 3373 | + height: 55rpx; | ||
| 3374 | + border: 3rpx solid #c8c8c8; | ||
| 3375 | + border-radius: 50rpx; | ||
| 3376 | + line-height: 55rpx; | ||
| 2417 | } | 3377 | } |
| 2418 | -/* 选择门店的弹窗 */ | ||
| 2419 | -.mongolia-layer{ | ||
| 2420 | - position: fixed; | ||
| 2421 | -left: 0; | ||
| 2422 | -top: 0; | ||
| 2423 | -right: 0; | ||
| 2424 | -bottom: 0; | ||
| 2425 | -z-index: 11; | ||
| 2426 | -background: rgba(0,0,0,0.4); | ||
| 2427 | -width: 100%; | ||
| 2428 | -height: 91.9%; | ||
| 2429 | - | ||
| 2430 | -} | ||
| 2431 | - | ||
| 2432 | -.popup-frame{ | ||
| 2433 | -position: fixed; | ||
| 2434 | -z-index: 20; | ||
| 2435 | -background: white; | ||
| 2436 | -width: 100%; | ||
| 2437 | -border-radius: 20rpx 20rpx 0 0; | ||
| 2438 | -height: auto; | ||
| 2439 | -bottom: 0; | ||
| 2440 | -} | ||
| 2441 | -.popup-top{ | ||
| 2442 | - border-bottom: 1rpx solid #eee; | ||
| 2443 | - height: 155rpx; | ||
| 2444 | - width: 95%; | ||
| 2445 | - margin: auto; | ||
| 2446 | - line-height: 155rpx; | ||
| 2447 | - | ||
| 2448 | -} | ||
| 2449 | -.bg_rights{ | ||
| 2450 | - border-top: 2rpx solid ; | ||
| 2451 | - border-right: 2rpx solid ; | ||
| 2452 | - transform: rotate(45deg); | ||
| 2453 | - display:inline-block; | ||
| 2454 | - width:15rpx;height:15rpx; | ||
| 2455 | - border-color:#da0b31; | 3378 | + |
| 3379 | +.store-bottom-frame { | ||
| 3380 | + width: 95%; | ||
| 3381 | + margin: auto; | ||
| 3382 | + | ||
| 2456 | } | 3383 | } |
| 2457 | -.modal-closes { | ||
| 2458 | - position: absolute; | ||
| 2459 | - right: 30rpx; | ||
| 2460 | - top: -15rpx; | ||
| 2461 | - height: 25rpx; | ||
| 2462 | - | ||
| 2463 | -} | ||
| 2464 | -.choose_more{ | ||
| 2465 | - margin-top: 40rpx; | ||
| 2466 | - margin-right: 20rpx; | ||
| 2467 | - | ||
| 2468 | -} | ||
| 2469 | -.choose_mores{ | ||
| 2470 | - margin-top: 30rpx; | ||
| 2471 | - margin-right: 15rpx; | ||
| 2472 | - | ||
| 2473 | -} | ||
| 2474 | -.store-list{ | ||
| 2475 | - width: 95%; | ||
| 2476 | - min-height: 300rpx; | ||
| 2477 | - overflow-y: scroll; | ||
| 2478 | - margin: auto; | ||
| 2479 | - max-height: 610rpx; | ||
| 2480 | -} | ||
| 2481 | -.store-list .store_choose{ | ||
| 2482 | - width: 100%; | ||
| 2483 | - height: 120rpx; | ||
| 2484 | - line-height: 125rpx; | ||
| 2485 | - border-bottom: 1rpx solid #eee; | ||
| 2486 | - | ||
| 2487 | -} | ||
| 2488 | -.store-list .store_choose .store{ | ||
| 2489 | -width: 100%; | ||
| 2490 | -margin: auto; | ||
| 2491 | -line-height: 37rpx; | ||
| 2492 | -padding-left: 20rpx; | ||
| 2493 | - | ||
| 2494 | -} | ||
| 2495 | -.xc-hook{ | ||
| 2496 | - width: 35rpx; | ||
| 2497 | - height: 35rpx; | ||
| 2498 | - transform: rotate(-145deg); | ||
| 2499 | -line-height: 37rpx; | ||
| 2500 | -text-align: center; | ||
| 2501 | -} | ||
| 2502 | - .xc-hooks{ | ||
| 2503 | - width: 30rpx; | ||
| 2504 | - height: 30rpx; | ||
| 2505 | - border: 1rpx solid #999; | ||
| 2506 | - } | ||
| 2507 | - .address-frame{ | ||
| 2508 | - width: 93%; | ||
| 2509 | -margin-left: 7rpx; | ||
| 2510 | - | ||
| 2511 | - } | ||
| 2512 | - .nearby_store{ | ||
| 2513 | -margin-left: 17rpx; | ||
| 2514 | - } | ||
| 2515 | - .address_name{ | ||
| 2516 | - margin-right: 10rpx; | ||
| 2517 | - | ||
| 2518 | - } | ||
| 2519 | - .address-val{ | ||
| 2520 | - height: 38rpx; | ||
| 2521 | -line-height: 38rpx; | ||
| 2522 | - | ||
| 2523 | - } | ||
| 2524 | - .store-bottom{ | ||
| 2525 | - width: 85%; | ||
| 2526 | - margin: auto; | ||
| 2527 | - height: 90rpx; | ||
| 2528 | - } | ||
| 2529 | - .determine{ | ||
| 2530 | - width: 260rpx; | ||
| 2531 | - height: 55rpx; | ||
| 2532 | - border-radius: 50rpx; | ||
| 2533 | - line-height: 55rpx; | ||
| 2534 | - } | ||
| 2535 | - .default{ | ||
| 2536 | - width: 260rpx; | ||
| 2537 | - height: 55rpx; | ||
| 2538 | - border:3rpx solid #c8c8c8; | ||
| 2539 | - border-radius: 50rpx; | ||
| 2540 | - line-height: 55rpx; | ||
| 2541 | - } | ||
| 2542 | - .store-bottom-frame{ | ||
| 2543 | - width: 95%; | ||
| 2544 | - margin: auto; | ||
| 2545 | - | ||
| 2546 | - } | ||
| 2547 | - /* 门店分类列表 */ | ||
| 2548 | -.sort_store_list{ | ||
| 2549 | - height: 82%; | ||
| 2550 | - overflow: hidden; | ||
| 2551 | - overflow-y: scroll; | ||
| 2552 | - width: 95%; | ||
| 2553 | - margin: auto; | 3384 | + |
| 3385 | +/* 门店分类列表 */ | ||
| 3386 | +.sort_store_list { | ||
| 3387 | + height: 82%; | ||
| 3388 | + overflow: hidden; | ||
| 3389 | + overflow-y: scroll; | ||
| 3390 | + width: 95%; | ||
| 3391 | + margin: auto; | ||
| 2554 | } | 3392 | } |
| 2555 | -.sort_store_list .sort-store-frame{ | ||
| 2556 | - width: 100%; | ||
| 2557 | -height: 100rpx; | ||
| 2558 | -line-height:100rpx; | ||
| 2559 | -border-bottom: 1rpx solid #eee; | 3393 | + |
| 3394 | +.sort_store_list .sort-store-frame { | ||
| 3395 | + width: 100%; | ||
| 3396 | + height: 100rpx; | ||
| 3397 | + line-height: 100rpx; | ||
| 3398 | + border-bottom: 1rpx solid #eee; | ||
| 2560 | 3399 | ||
| 2561 | } | 3400 | } |
| 2562 | -.sort_store_list .sort-store-frame .sort-store{ | ||
| 2563 | - width: 94.5%; | ||
| 2564 | - margin: auto; | 3401 | + |
| 3402 | +.sort_store_list .sort-store-frame .sort-store { | ||
| 3403 | + width: 94.5%; | ||
| 3404 | + margin: auto; | ||
| 2565 | } | 3405 | } |
| 2566 | -.black_rights-frame{ | ||
| 2567 | -width: 50%； | 3406 | + |
| 3407 | +.black_rights-frame { | ||
| 3408 | + width: 50%； | ||
| 2568 | } | 3409 | } |
| 2569 | -.black_rights-frame .black_rights{ | ||
| 2570 | - border-top: 3rpx solid; | ||
| 2571 | -border-right: 3rpx solid; | ||
| 2572 | -transform: rotate(45deg); | ||
| 2573 | -display: inline-block; | ||
| 2574 | -width: 20rpx; | ||
| 2575 | -height: 20rpx; | 3410 | + |
| 3411 | +.black_rights-frame .black_rights { | ||
| 3412 | + border-top: 3rpx solid; | ||
| 3413 | + border-right: 3rpx solid; | ||
| 3414 | + transform: rotate(45deg); | ||
| 3415 | + display: inline-block; | ||
| 3416 | + width: 20rpx; | ||
| 3417 | + height: 20rpx; | ||
| 2576 | } | 3418 | } |
| 2577 | -.xc-val-money{ | ||
| 2578 | - height:55rpx; | 3419 | + |
| 3420 | +.xc-val-money { | ||
| 3421 | + height: 55rpx; | ||
| 2579 | } | 3422 | } |
| 2580 | 3423 | ||
| 2581 | -.xc-distance-bottom{ | ||
| 2582 | - margin-bottom: 40rpx; | 3424 | +.xc-distance-bottom { |
| 3425 | + margin-bottom: 40rpx; | ||
| 2583 | } | 3426 | } |
| 2584 | -.xc-distance-top{ | ||
| 2585 | -margin-top: 10rpx; | 3427 | + |
| 3428 | +.xc-distance-top { | ||
| 3429 | + margin-top: 10rpx; | ||
| 2586 | } | 3430 | } |
| 2587 | -.xc-width{ | ||
| 2588 | - width: 100%; | 3431 | + |
| 3432 | +.xc-width { | ||
| 3433 | + width: 100%; | ||
| 2589 | } | 3434 | } |
| 2590 | -.right-arrow{ width: 15rpx; height:15rpx; | ||
| 2591 | - border-top: 2rpx solid #d70026; | ||
| 2592 | - border-right: 2rpx solid #d70026; | ||
| 2593 | - transform: rotate(45deg);display:inline-block; | ||
| 2594 | - margin-bottom:3rpx; | 3435 | + |
| 3436 | +.right-arrow { | ||
| 3437 | + width: 15rpx; | ||
| 3438 | + height: 15rpx; | ||
| 3439 | + border-top: 2rpx solid #d70026; | ||
| 3440 | + border-right: 2rpx solid #d70026; | ||
| 3441 | + transform: rotate(45deg); | ||
| 3442 | + display: inline-block; | ||
| 3443 | + margin-bottom: 3rpx; | ||
| 2595 | } | 3444 | } |
| 2596 | -.xc-goods-attribute{ | ||
| 2597 | - border-bottom: 1px solid #eee; | ||
| 2598 | -padding-bottom: 20rpx; | ||
| 2599 | -/* margin-bottom:40rpx; */ | 3445 | + |
| 3446 | +.xc-goods-attribute { | ||
| 3447 | + border-bottom: 1px solid #eee; | ||
| 3448 | + padding-bottom: 20rpx; | ||
| 3449 | + /* margin-bottom:40rpx; */ | ||
| 2600 | } | 3450 | } |
| 2601 | -.xc-val-fream{ | ||
| 2602 | - width: 105rpx; | 3451 | + |
| 3452 | +.xc-val-fream { | ||
| 3453 | + width: 105rpx; | ||
| 2603 | } | 3454 | } |
| 2604 | -.is_stock{ | ||
| 2605 | -width: 58%; | ||
| 2606 | -height: 70rpx; | ||
| 2607 | -border-radius: 55rpx; | 3455 | + |
| 3456 | +.is_stock { | ||
| 3457 | + width: 58%; | ||
| 3458 | + height: 70rpx; | ||
| 3459 | + border-radius: 55rpx; | ||
| 2608 | } | 3460 | } |
| 2609 | -.select_store_height{ | ||
| 2610 | - height: 50rpx; | 3461 | + |
| 3462 | +.select_store_height { | ||
| 3463 | + height: 50rpx; | ||
| 2611 | } | 3464 | } |
| 2612 | -.butttem5{ | ||
| 2613 | - margin-bottom: 5rpx; | 3465 | + |
| 3466 | +.butttem5 { | ||
| 3467 | + margin-bottom: 5rpx; | ||
| 2614 | } | 3468 | } |
| 2615 | 3469 | ||
| 2616 | -.no_pj_list{text-align: center; width: 100%; color: #999; margin-top: 30rpx; display: inline-block; font-size: 28rpx} | 3470 | +.no_pj_list { |
| 3471 | + text-align: center; | ||
| 3472 | + width: 100%; | ||
| 3473 | + color: #999; | ||
| 3474 | + margin-top: 30rpx; | ||
| 3475 | + display: inline-block; | ||
| 3476 | + font-size: 28rpx | ||
| 3477 | +} | ||
| 2617 | 3478 | ||
| 2618 | 3479 | ||
| 2619 | .join-cart>view.no_store { | 3480 | .join-cart>view.no_store { |
| 2620 | - width: 58%; background-color: #adadad; | 3481 | + width: 58%; |
| 3482 | + background-color: #adadad; | ||
| 3483 | +} | ||
| 3484 | + | ||
| 3485 | +.s_btn { | ||
| 3486 | + margin-top: 25rpx; | ||
| 2621 | } | 3487 | } |
| 2622 | 3488 | ||
| 2623 | -.s_btn{ margin-top: 25rpx; } | ||
| 2624 | /* 美妆价的样式 */ | 3489 | /* 美妆价的样式 */ |
| 2625 | -.beauty-makeup-frame{ | ||
| 2626 | - /* width: 101.5%; | 3490 | +.beauty-makeup-frame { |
| 3491 | + /* width: 101.5%; | ||
| 2627 | margin: auto; */ | 3492 | margin: auto; */ |
| 2628 | - height: 120rpx; | ||
| 2629 | - border-radius: 15rpx; | ||
| 2630 | - margin-top: 10px; | 3493 | + height: 120rpx; |
| 3494 | + border-radius: 15rpx; | ||
| 3495 | + margin-top: 10px; | ||
| 2631 | 3496 | ||
| 2632 | } | 3497 | } |
| 2633 | -.beauty-makeup-frame .left{ | 3498 | + |
| 3499 | +.beauty-makeup-frame .left { | ||
| 2634 | width: 80%; | 3500 | width: 80%; |
| 2635 | height: 100%; | 3501 | height: 100%; |
| 2636 | - background:#f7f7f7; | 3502 | + background: #f7f7f7; |
| 2637 | border-radius: 20rpx 0rpx 0rpx 20rpx; | 3503 | border-radius: 20rpx 0rpx 0rpx 20rpx; |
| 2638 | /* padding: 0 10rpx; */ | 3504 | /* padding: 0 10rpx; */ |
| 2639 | } | 3505 | } |
| 2640 | - .card-frame{ | ||
| 2641 | - margin-top: 0rpx; | 3506 | + |
| 3507 | +.card-frame { | ||
| 3508 | + margin-top: 0rpx; | ||
| 2642 | /* padding-right: 23rpx; | 3509 | /* padding-right: 23rpx; |
| 2643 | margin-right: 15rpx; */ | 3510 | margin-right: 15rpx; */ |
| 2644 | } | 3511 | } |
| 2645 | -.advert-card{ | ||
| 2646 | - margin-top: 0rpx!important; | 3512 | + |
| 3513 | +.advert-card { | ||
| 3514 | + margin-top: 0rpx !important; | ||
| 2647 | 3515 | ||
| 2648 | } | 3516 | } |
| 2649 | -.beauty-makeup-frame .right{ | 3517 | + |
| 3518 | +.beauty-makeup-frame .right { | ||
| 2650 | width: 20%; | 3519 | width: 20%; |
| 2651 | height: 100%; | 3520 | height: 100%; |
| 2652 | - background:#f3efe3; | 3521 | + background: #f3efe3; |
| 2653 | border-radius: 0rpx 20rpx 20rpx 0rpx; | 3522 | border-radius: 0rpx 20rpx 20rpx 0rpx; |
| 2654 | - } | ||
| 2655 | -.grade-card-frame{ | 3523 | +} |
| 3524 | + | ||
| 3525 | +.grade-card-frame { | ||
| 2656 | 3526 | ||
| 2657 | /* height:45rpx ; */ | 3527 | /* height:45rpx ; */ |
| 2658 | background: #3c300a; | 3528 | background: #3c300a; |
| 2659 | border-radius: 20rpx; | 3529 | border-radius: 20rpx; |
| 2660 | - /* margin-top: 10px; | 3530 | + /* margin-top: 10px; |
| 2661 | margin-left: 7rpx; */ | 3531 | margin-left: 7rpx; */ |
| 2662 | - justify-content: center; | ||
| 2663 | - padding: 4rpx 12rpx; | 3532 | + justify-content: center; |
| 3533 | + padding: 4rpx 12rpx; | ||
| 2664 | } | 3534 | } |
| 2665 | -.grade-card-frame .img{ | 3535 | + |
| 3536 | +.grade-card-frame .img { | ||
| 2666 | width: 24rpx; | 3537 | width: 24rpx; |
| 2667 | - height: 24rpx; | ||
| 2668 | - margin-top: 2px; | 3538 | + height: 24rpx; |
| 3539 | + margin-top: 2px; | ||
| 2669 | 3540 | ||
| 2670 | } | 3541 | } |
| 2671 | -.grade-card-frame .card-name{ | 3542 | + |
| 3543 | +.grade-card-frame .card-name { | ||
| 2672 | margin-left: 8rpx; | 3544 | margin-left: 8rpx; |
| 2673 | - /* max-width: 120rpx; */ | 3545 | + /* max-width: 120rpx; */ |
| 2674 | max-width: 165rpx; | 3546 | max-width: 165rpx; |
| 2675 | } | 3547 | } |
| 2676 | -.card-effect{ | ||
| 2677 | - /* margin-left: 15rpx; */ | 3548 | + |
| 3549 | +.card-effect { | ||
| 3550 | + /* margin-left: 15rpx; */ | ||
| 3551 | +} | ||
| 3552 | + | ||
| 3553 | +.at_once_carde { | ||
| 3554 | + width: 65rpx; | ||
| 3555 | + height: 75rpx; | ||
| 3556 | + line-height: 38rpx; | ||
| 2678 | } | 3557 | } |
| 2679 | -.at_once_carde{ | ||
| 2680 | - width:65rpx; | ||
| 2681 | - height: 75rpx; | ||
| 2682 | - line-height:38rpx; | 3558 | + |
| 3559 | +.bg_right { | ||
| 3560 | + width: 18rpx; | ||
| 3561 | + height: 18rpx; | ||
| 3562 | + border-top: 2rpx solid #333; | ||
| 3563 | + border-right: 2rpx solid #333; | ||
| 3564 | + transform: rotate(45deg); | ||
| 3565 | + display: inline-block; | ||
| 3566 | + margin-bottom: 3rpx; | ||
| 3567 | + | ||
| 2683 | } | 3568 | } |
| 2684 | -.bg_right{ width: 18rpx; height:18rpx; | ||
| 2685 | - border-top: 2rpx solid #333; | ||
| 2686 | - border-right: 2rpx solid #333; | ||
| 2687 | - transform: rotate(45deg);display:inline-block; | ||
| 2688 | - margin-bottom:3rpx; | ||
| 2689 | 3569 | ||
| 3570 | +.carde_frame { | ||
| 3571 | + height: 50rpx; | ||
| 3572 | + /* line-height: 18rpx */ | ||
| 2690 | } | 3573 | } |
| 2691 | -.carde_frame{ | ||
| 2692 | - height: 50rpx; | ||
| 2693 | - /* line-height: 18rpx */ | 3574 | + |
| 3575 | +button.custom-service { | ||
| 3576 | + line-height: normal; | ||
| 3577 | + border: 0; | ||
| 2694 | } | 3578 | } |
| 2695 | 3579 | ||
| 2696 | -button.custom-service { line-height: normal; border: 0;} | ||
| 2697 | -button.custom-service::after{ | 3580 | +button.custom-service::after { |
| 2698 | border: 0; | 3581 | border: 0; |
| 2699 | } | 3582 | } |
| 2700 | -.no_store{color:#d60021; font-size: 26rpx;} | ||
| 2701 | -.cx_show_view{ width: 580rpx; /* line-height: 30rpx; margin-bottom: 6rpx; */ } | ||
| 2702 | -.cx_show_view .word{ width: 400rpx} | 3583 | + |
| 3584 | +.no_store { | ||
| 3585 | + color: #d60021; | ||
| 3586 | + font-size: 26rpx; | ||
| 3587 | +} | ||
| 3588 | + | ||
| 3589 | +.cx_show_view { | ||
| 3590 | + width: 580rpx; | ||
| 3591 | + /* line-height: 30rpx; margin-bottom: 6rpx; */ | ||
| 3592 | +} | ||
| 3593 | + | ||
| 3594 | +.cx_show_view .word { | ||
| 3595 | + width: 400rpx | ||
| 3596 | +} | ||
| 3597 | + | ||
| 2703 | .prom_condition { | 3598 | .prom_condition { |
| 2704 | - color: #d60021; | ||
| 2705 | - /* width: 180rpx; */ | ||
| 2706 | - /* height: 30rpx; */ | ||
| 2707 | - font-size: 20rpx; | ||
| 2708 | - /* padding-top: 0.01rpx; */ | ||
| 2709 | - /* display: flex; | 3599 | + color: #f23030; |
| 3600 | + /* width: 180rpx; */ | ||
| 3601 | + /* height: 30rpx; */ | ||
| 3602 | + /* font-size: 20rpx; */ | ||
| 3603 | + /* padding-top: 0.01rpx; */ | ||
| 3604 | + /* display: flex; | ||
| 2710 | justify-content: center; | 3605 | justify-content: center; |
| 2711 | align-items: center; */ | 3606 | align-items: center; */ |
| 2712 | - border: 2rpx solid #d60021; | ||
| 2713 | - border-radius: 10rpx; | ||
| 2714 | - margin-right:10rpx ; | ||
| 2715 | - /* margin-left: 10rpx; */ | ||
| 2716 | - font-size: 24rpx; | ||
| 2717 | - padding: 0 10rpx; | ||
| 2718 | -} | ||
| 2719 | -.hui_img{ width: 44rpx; height: 44rpx; margin-right: 8rpx} | ||
| 2720 | -.order_hui{color: #444; width: 420rpx} | ||
| 2721 | -.order_hui view{ height: 34rpx; line-height: 34rpx;} | ||
| 2722 | -.dp_img{width: 240rpx; height: 240rpx; margin: 0 40rpx} | ||
| 2723 | -.dp_cx_view{border-bottom: 0.02rpx solid #eee; padding-bottom: 40rpx} | ||
| 2724 | -.act_content{ margin-top: 40rpx} | ||
| 2725 | -.act_content view{ margin-bottom: 12rpx} | ||
| 2726 | -.color_b{color: #ff9c00} | 3607 | + border: 2rpx solid #f23030; |
| 3608 | + border-radius: 6rpx; | ||
| 3609 | + /* margin-right: 10rpx; */ | ||
| 3610 | + /* margin-left: 10rpx; */ | ||
| 3611 | + font-size: 24rpx; | ||
| 3612 | + padding-right: 6rpx; | ||
| 3613 | + /* padding: 0 10rpx; */ | ||
| 3614 | +} | ||
| 3615 | + | ||
| 3616 | +.hui_img { | ||
| 3617 | + width: 44rpx; | ||
| 3618 | + height: 44rpx; | ||
| 3619 | + margin-right: 8rpx | ||
| 3620 | +} | ||
| 3621 | + | ||
| 3622 | +.order_hui { | ||
| 3623 | + color: #444; | ||
| 3624 | + width: 420rpx | ||
| 3625 | +} | ||
| 3626 | + | ||
| 3627 | +.order_hui view { | ||
| 3628 | + height: 34rpx; | ||
| 3629 | + line-height: 34rpx; | ||
| 3630 | +} | ||
| 3631 | + | ||
| 3632 | +.dp_img { | ||
| 3633 | + width: 240rpx; | ||
| 3634 | + height: 240rpx; | ||
| 3635 | + margin: 0 40rpx | ||
| 3636 | +} | ||
| 3637 | + | ||
| 3638 | +.dp_cx_view { | ||
| 3639 | + border-bottom: 0.02rpx solid #eee; | ||
| 3640 | + padding-bottom: 40rpx | ||
| 3641 | +} | ||
| 3642 | + | ||
| 3643 | +.act_content { | ||
| 3644 | + margin-top: 40rpx | ||
| 3645 | +} | ||
| 3646 | + | ||
| 3647 | +.act_content view { | ||
| 3648 | + margin-bottom: 12rpx | ||
| 3649 | +} | ||
| 3650 | + | ||
| 3651 | +.color_b { | ||
| 3652 | + color: #ff9c00 | ||
| 3653 | +} | ||
| 2727 | 3654 | ||
| 2728 | .poster-container { | 3655 | .poster-container { |
| 2729 | - box-sizing: border-box; | ||
| 2730 | - position: fixed; | ||
| 2731 | - top: 50%; | ||
| 2732 | - left: 50%; | ||
| 2733 | - transform: translate(-50%, -50%); | ||
| 2734 | - width: calc(100% - 210rpx); | ||
| 2735 | - z-index: 1000; | 3656 | + box-sizing: border-box; |
| 3657 | + position: fixed; | ||
| 3658 | + top: 50%; | ||
| 3659 | + left: 50%; | ||
| 3660 | + transform: translate(-50%, -50%); | ||
| 3661 | + width: calc(100% - 210rpx); | ||
| 3662 | + z-index: 1000; | ||
| 2736 | } | 3663 | } |
| 3664 | + | ||
| 2737 | .mask { | 3665 | .mask { |
| 2738 | - position: fixed; | ||
| 2739 | - top: 0; | ||
| 2740 | - left: 0; | ||
| 2741 | - width: 100%; | ||
| 2742 | - height: 100%; | ||
| 2743 | - z-index: 999; | ||
| 2744 | - background-color: rgba(0,0,0,.6); | 3666 | + position: fixed; |
| 3667 | + top: 0; | ||
| 3668 | + left: 0; | ||
| 3669 | + width: 100%; | ||
| 3670 | + height: 100%; | ||
| 3671 | + z-index: 999; | ||
| 3672 | + background-color: rgba(0, 0, 0, .6); | ||
| 2745 | } | 3673 | } |
| 3674 | + | ||
| 2746 | .poster-wrapper { | 3675 | .poster-wrapper { |
| 2747 | width: 100%; | 3676 | width: 100%; |
| 2748 | } | 3677 | } |
| @@ -2757,15 +3686,18 @@ button.custom-service::after{ | @@ -2757,15 +3686,18 @@ button.custom-service::after{ | ||
| 2757 | z-index: 999; | 3686 | z-index: 999; |
| 2758 | overflow: hidden; | 3687 | overflow: hidden; |
| 2759 | } | 3688 | } |
| 3689 | + | ||
| 2760 | .poster-img { | 3690 | .poster-img { |
| 2761 | display: block; | 3691 | display: block; |
| 2762 | width: 100%; | 3692 | width: 100%; |
| 2763 | height: 100%; | 3693 | height: 100%; |
| 2764 | } | 3694 | } |
| 3695 | + | ||
| 2765 | .btn-container { | 3696 | .btn-container { |
| 2766 | display: flex; | 3697 | display: flex; |
| 2767 | justify-content: space-around; | 3698 | justify-content: space-around; |
| 2768 | } | 3699 | } |
| 3700 | + | ||
| 2769 | .btn-share { | 3701 | .btn-share { |
| 2770 | display: block; | 3702 | display: block; |
| 2771 | background-color: #FE6867; | 3703 | background-color: #FE6867; |
| @@ -2775,6 +3707,7 @@ button.custom-service::after{ | @@ -2775,6 +3707,7 @@ button.custom-service::after{ | ||
| 2775 | margin-top: 28rpx; | 3707 | margin-top: 28rpx; |
| 2776 | padding: 0 60rpx; | 3708 | padding: 0 60rpx; |
| 2777 | } | 3709 | } |
| 3710 | + | ||
| 2778 | /* .btn-close { | 3711 | /* .btn-close { |
| 2779 | background-color: rgba(0,0,0,.5); | 3712 | background-color: rgba(0,0,0,.5); |
| 2780 | color: white; | 3713 | color: white; |
| @@ -2788,39 +3721,50 @@ button.custom-service::after{ | @@ -2788,39 +3721,50 @@ button.custom-service::after{ | ||
| 2788 | top: 10rpx; | 3721 | top: 10rpx; |
| 2789 | } */ | 3722 | } */ |
| 2790 | 3723 | ||
| 2791 | -.goods-price .rel_txt{ | ||
| 2792 | - /* position: relative; top: 32rpx; */ | ||
| 2793 | - font-size: 30rpx; | 3724 | +.goods-price .rel_txt { |
| 3725 | + /* position: relative; top: 32rpx; */ | ||
| 3726 | + font-size: 30rpx; | ||
| 3727 | +} | ||
| 3728 | + | ||
| 3729 | +.goods-price .rel_img { | ||
| 3730 | + width: 62rpx; | ||
| 3731 | + height: 62rpx; | ||
| 3732 | + position: relative; | ||
| 3733 | + top: 8rpx; | ||
| 2794 | } | 3734 | } |
| 2795 | -.goods-price .rel_img{width: 62rpx; height: 62rpx;position: relative; top: 8rpx;} | ||
| 2796 | 3735 | ||
| 2797 | .btn-close { | 3736 | .btn-close { |
| 2798 | - /* background-color: rgba(0,0,0,.5); */ | ||
| 2799 | - color: #ccc; | ||
| 2800 | - width: 50rpx; | ||
| 2801 | - height: 50rpx; | ||
| 2802 | - line-height: 50rpx; | ||
| 2803 | - text-align: center; | ||
| 2804 | - border-radius: 50%; | ||
| 2805 | - position: absolute; | ||
| 2806 | - right: 20rpx; | ||
| 2807 | - top: 20rpx; | 3737 | + /* background-color: rgba(0,0,0,.5); */ |
| 3738 | + color: #ccc; | ||
| 3739 | + width: 50rpx; | ||
| 3740 | + height: 50rpx; | ||
| 3741 | + line-height: 50rpx; | ||
| 3742 | + text-align: center; | ||
| 3743 | + border-radius: 50%; | ||
| 3744 | + position: absolute; | ||
| 3745 | + right: 20rpx; | ||
| 3746 | + top: 20rpx; | ||
| 2808 | } | 3747 | } |
| 2809 | 3748 | ||
| 2810 | .icon-close { | 3749 | .icon-close { |
| 2811 | - font-size: 48rpx; | ||
| 2812 | -} | ||
| 2813 | -.quan_price{ | ||
| 2814 | - background-color: #ff4700; color: #fff; padding: 10rpx 25rpx; margin-left: 10rpx; border-radius: 30rpx; | 3750 | + font-size: 48rpx; |
| 3751 | +} | ||
| 3752 | + | ||
| 3753 | +.quan_price { | ||
| 3754 | + background-color: #ff4700; | ||
| 3755 | + color: #fff; | ||
| 3756 | + padding: 10rpx 25rpx; | ||
| 3757 | + margin-left: 10rpx; | ||
| 3758 | + border-radius: 30rpx; | ||
| 2815 | } | 3759 | } |
| 2816 | 3760 | ||
| 2817 | /*--闪白屏--*/ | 3761 | /*--闪白屏--*/ |
| 2818 | -.g_img_box{ | ||
| 2819 | - background-position: center center; | 3762 | +.g_img_box { |
| 3763 | + background-position: center center; | ||
| 2820 | background-repeat: no-repeat; | 3764 | background-repeat: no-repeat; |
| 2821 | -webkit-background-size: cover; | 3765 | -webkit-background-size: cover; |
| 2822 | -moz-background-size: cover; | 3766 | -moz-background-size: cover; |
| 2823 | - background-size: cover; | 3767 | + background-size: cover; |
| 2824 | } | 3768 | } |
| 2825 | 3769 | ||
| 2826 | 3770 | ||
| @@ -2844,28 +3788,45 @@ button.custom-service::after{ | @@ -2844,28 +3788,45 @@ button.custom-service::after{ | ||
| 2844 | margin-right: 10rpx; | 3788 | margin-right: 10rpx; |
| 2845 | } | 3789 | } |
| 2846 | 3790 | ||
| 2847 | -.miao_lab{ width: 36rpx; height: 36rpx; border: 4rpx solid #e71f19; color:#e71f19; text-align: center;margin-right: 10rpx; | ||
| 2848 | - line-height: 36rpx;font-size: 22rpx; font-weight: bolder; border-radius: 50%; } | 3791 | +.miao_lab { |
| 3792 | + width: 36rpx; | ||
| 3793 | + height: 36rpx; | ||
| 3794 | + border: 4rpx solid #e71f19; | ||
| 3795 | + color: #e71f19; | ||
| 3796 | + text-align: center; | ||
| 3797 | + margin-right: 10rpx; | ||
| 3798 | + line-height: 36rpx; | ||
| 3799 | + font-size: 22rpx; | ||
| 3800 | + font-weight: bolder; | ||
| 3801 | + border-radius: 50%; | ||
| 3802 | +} | ||
| 2849 | 3803 | ||
| 2850 | -.pop_more_act .content{ | ||
| 2851 | - position:fixed;background: #fff; width: 100%; | ||
| 2852 | - left: 0;bottom: 0;z-index: 1000; | 3804 | +.pop_more_act .content { |
| 3805 | + position: fixed; | ||
| 3806 | + background: #fff; | ||
| 3807 | + width: 100%; | ||
| 3808 | + left: 0; | ||
| 3809 | + bottom: 0; | ||
| 3810 | + z-index: 1000; | ||
| 2853 | } | 3811 | } |
| 2854 | 3812 | ||
| 2855 | -.p_btn{ | ||
| 2856 | - background-color: #f23030; | ||
| 2857 | - height: 70rpx;line-height: 70rpx; | ||
| 2858 | - color: #fff; | 3813 | +.p_btn { |
| 3814 | + background-color: #f23030; | ||
| 3815 | + height: 70rpx; | ||
| 3816 | + line-height: 70rpx; | ||
| 3817 | + color: #fff; | ||
| 2859 | } | 3818 | } |
| 2860 | 3819 | ||
| 2861 | -.mt20{ margin-top: 20rpx} | 3820 | +.mt20 { |
| 3821 | + margin-top: 20rpx | ||
| 3822 | +} | ||
| 2862 | 3823 | ||
| 2863 | .group .group-list.luck { | 3824 | .group .group-list.luck { |
| 2864 | padding: 0 20rpx; | 3825 | padding: 0 20rpx; |
| 2865 | justify-content: flex-start; | 3826 | justify-content: flex-start; |
| 2866 | } | 3827 | } |
| 2867 | 3828 | ||
| 2868 | -.group-list.luck .gtou ~ .gtou { | 3829 | +.group-list.luck .gtou~.gtou { |
| 2869 | margin-left: -16rpx; | 3830 | margin-left: -16rpx; |
| 2870 | } | 3831 | } |
| 2871 | 3832 | ||
| @@ -2875,4 +3836,47 @@ button.custom-service::after{ | @@ -2875,4 +3836,47 @@ button.custom-service::after{ | ||
| 2875 | line-height: 70rpx; | 3836 | line-height: 70rpx; |
| 2876 | border-radius: 50%; | 3837 | border-radius: 50%; |
| 2877 | color: #aaa; | 3838 | color: #aaa; |
| 2878 | -} | ||
| 2879 | \ No newline at end of file | 3839 | \ No newline at end of file |
| 3840 | +} | ||
| 3841 | + | ||
| 3842 | +.tick { | ||
| 3843 | + position: relative; | ||
| 3844 | +} | ||
| 3845 | + | ||
| 3846 | +.tick:before { | ||
| 3847 | + content: ''; | ||
| 3848 | + display: inline-block; | ||
| 3849 | + vertical-align: middle; | ||
| 3850 | + margin-top: -4rpx; | ||
| 3851 | + margin-right: 12rpx; | ||
| 3852 | + width: 22rpx; | ||
| 3853 | + height: 22rpx; | ||
| 3854 | + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABCUExURUdwTPInDPInDPgoDfMnDPYqEvInDPInDPInDP87NPUoDv8vEvMoDPInDPIoDPMnDvInDPInDPInDPIoDPQoDfInDEON4KMAAAAVdFJOUwD45yawG4zz3gQ0DmLOfECQZpPlS54kMQ4AAAC0SURBVBjTbZFREoMgDERDS0xQQNHu/a/alEGtaIYfHrBhs0S1pujVifo40VkhC+BUHSDzQTlBhjHY8bjogXmDZ+orJKwXwMUeUoa/0PeGbH8Q4Y5CJopYOjosiOQxdpRGk1UXOkrBKdkimtN8UrKrJBVXdzsllSYSjR/0J9JaGn81WluWtonYKQ0op51P3M2L2bmZN9n8MKoVqTph/RsseyjfYxAkfgot/82CpuJVLOLSIv4Cd5AJ37BgpFwAAAAASUVORK5CYII=) no-repeat; | ||
| 3855 | + background-size: 22rpx auto; | ||
| 3856 | +} | ||
| 3857 | + | ||
| 3858 | +.details::after { | ||
| 3859 | + content: ''; | ||
| 3860 | + position: absolute; | ||
| 3861 | + right: 0; | ||
| 3862 | + top: 0; | ||
| 3863 | + bottom: 0; | ||
| 3864 | + margin: auto; | ||
| 3865 | + display: inline-block; | ||
| 3866 | + width: 40rpx; | ||
| 3867 | + height: 40rpx; | ||
| 3868 | + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAVUExURUdwTIyMjCYmJiYmJi0tLY+PjyYmJidnOsIAAAAGdFJOUwDt6aYcSSEXj/YAAAA8SURBVCjPY2AYBTQBLEbKDhiCTmlpKggeq2AAiDJLS0tGcBkFBUActbS0JAY4F6sgVu1YLcLnpFFAFQAATwgLKVhjC9UAAAAASUVORK5CYII=); | ||
| 3869 | + background-repeat: no-repeat; | ||
| 3870 | + background-size: 40rpx auto; | ||
| 3871 | +} | ||
| 3872 | + | ||
| 3873 | +.lh2 { | ||
| 3874 | + line-height: 2; | ||
| 3875 | +} | ||
| 3876 | + | ||
| 3877 | +.fill-box { | ||
| 3878 | + background-color: #f23030; | ||
| 3879 | + color: white; | ||
| 3880 | + padding: 0 6rpx; | ||
| 3881 | + border-radius: 0 0 10rpx 0; | ||
| 3882 | + margin-right: 4rpx; | ||
| 3883 | +} |