diff --git a/app.json b/app.json
index 04baf1c..38f0062 100644
--- a/app.json
+++ b/app.json
@@ -216,7 +216,8 @@
"pages/user/punchInhistory/punchInhistory",
"pages/user/grow_value/grow_value",
"pages/user/labels/labels",
- "pages/cart/cart2/cart2"
+ "pages/cart/cart2/cart2",
+ "pages/barCodeBank/barCodeBank"
]
}
diff --git a/packageE/pages/barCodeBank/barCodeBank.js b/packageE/pages/barCodeBank/barCodeBank.js
new file mode 100644
index 0000000..f7cb83c
--- /dev/null
+++ b/packageE/pages/barCodeBank/barCodeBank.js
@@ -0,0 +1,278 @@
+var t = require("../../../utils/util.js"),
+ ut = t,
+ e = require("../../../utils/common.js"),
+ a = require("../../../utils/wxParse/wxParse.js"),
+ s = getApp(),
+ o = s.globalData.setting,
+ os = o;
+
+Page({
+ data: {
+ start_stop: 2, //秒杀开始 结束 的控制(1正在进行，2即将开始)
+ color_type: 0, //线条控制
+ color_type_one: 0,
+ color_type_two: 1,
+ is_no_plus: 1,
+ gid: "",
+ stoid: o.stoid,
+ url: o.url,
+ resourceUrl: o.h5_url, //公众号那边的图片文件域名
+ iurl: o.imghost,
+ defaultAvatar: o.resourceUrl + "/static/images/user68.jpg",
+ userbuynum:0,//用户组合购购买的次数
+ data: null,
+ content: "", //商品详情
+ comments: null, //商品评论
+ c_curr_p: 1, //评论分页
+ com_num: 0, //评论人数
+ gallery: null, //图片滚动
+ is_collect: 0,
+ collect_id: 0,
+ cartGoodsNum: 0,
+
+ activeCategoryId: 0,
+ supportPageScroll: !1,
+ address: {
+ address: "",
+ district: 0
+ },
+ shipping: "",
+ shippingCost: 0,
+ enterAddressPage: !1,
+ categories: [{
+ name: "商品",
+ id: 0
+ }, {
+ name: "详情",
+ id: 1
+ }],
+
+ //---计时器开关----
+ is_timer: 1,
+ isshow: 0,
+ bconfig: null, //基础配置
+ coupon: 0,
+
+ //----------视频图片data参数---------
+ current: 0, //图片计数
+ swiperCurrent: 0, //轮播的下标
+ hiddenn: 0, //控制轮播计数显示
+ currentTab: 0, // 选择器控制参数
+ mapurl: "",
+ mapurl_f_img: "",
+ videopicture: 0, //视频图片的控制
+ video: 0, //视频图片切换器
+ index: 0,
+ noon: 0, //开始视频的隐藏
+ screenWidth: 0,
+ canvasHidden: 1,
+
+ },
+
+ //------初始化加载----------
+ onLoad: function (t) {
+ var ee = this,
+ that = ee,
+ th = ee,
+ gid = t.goods_id,
+ first_leader = t.first_leader
+ ee.setData({
+ gid: gid
+ });
+
+ ee.init(gid);
+ //获取用户设备信息，屏幕宽度
+ wx.getSystemInfo({
+ success: res => {
+ that.setData({
+ screenWidth: res.screenWidth
+ })
+ }
+ });
+ },
+
+ //------------程序初始化入口-------------
+ async init(gid) {
+ var ee = this,
+ gallery = null,
+ is_collect = 0,
+ fir_com = null,
+ mapurl = null,
+ mapurl_f_img = null;
+
+
+ //------图片滚动----------
+ await getApp().request.promiseGet("/api/weshop/barcodegoods/page", {
+ data: {
+ store_id: os.stoid,
+ goods_id: t.goods_id,
+ },
+ }).then(res => {
+ console.log('5555555555')
+ var t = res;
+ var g = t.data.data.pageData;
+
+ for (var i = 0; i < g.length; i++) {
+
+ if (g[i].goods_content == null) g[i].goods_content = "";
+ //-----商品详情---
+ if (!g[i].goods_content) g[i].goods_content = " ";
+ a.wxParse("content", "html", ut.format_content(g[i].goods_content), ee, 6);
+ e.wxParseAddFullImageUrl(ee, "content");
+
+ ee.setData({
+ gallery: gallery,
+ is_collect: is_collect,
+ supportPageScroll: !0,
+ mapurl_f_img: g[0].spec_img,
+ mapurl: g[0].listvideo[0].video_url,
+ data:g[0]
+ });
+ }
+ })
+
+ //--------获取视频图片---------
+ // await getApp().request.promiseGet("/api/weshop/goodsVideos/get/" + os.stoid + "/" + ee.data.gid, {
+ // 1: 1
+ // }).then(res1 => {
+ // if (res1.data.code == 0) {
+ // mapurl = res1.data.data.video_url;
+ // mapurl_f_img = res1.data.data.video_img;
+ // }
+ // })
+
+
+
+ },
+
+ //---展示---
+ onShow: function () {
+ },
+
+ onReady() {
+ },
+
+ onUnload: function () {
+
+ },
+ onHide: function () {
+
+ },
+
+ //----------三个选项按钮-----------
+ tabClick: function (t) {
+ var e = t.currentTarget.id;
+ this.setData({
+ activeCategoryId: e
+ }), 1 == e ? this.tabGoodsContent() : 2 == e && this.tabComment();
+ },
+
+ doScrollTop: function () {
+ wx.pageScrollTo({
+ scrollTop: 0
+ });
+ },
+
+ tabComment: function () {
+ this.setData({
+ activeCategoryId: 2,
+ comments_no_more: 0,
+ get_c: 0
+ }), this.data.comments || this.requestComments_new();
+ },
+
+ //--点击分享事件---
+ onShareAppMessage: function (t) {
+ },
+
+ //加载更多是靠这个函数
+ onReachBottom: function () {
+ },
+
+ // ----视频图片----
+ // 图片计数器
+ swiperChange: function (e) {
+ var that = this;
+ if (e.detail.current > 0) {
+ that.setData({
+ hiddenn: 1,
+ videopicture: 1,
+ })
+ } else {
+ that.setData({
+ hiddenn: 0,
+ videopicture: 0,
+ })
+ }
+ if (e.detail.source == 'touch') {
+ that.setData({
+ current: e.detail.current
+ })
+ }
+ },
+
+ /*---视频相关--*/
+ videopicture: function (e) {
+ var vipi = e.currentTarget.dataset.vipi;
+ this.setData({
+ videopicture: vipi,
+ swiperCurrent: vipi,
+ noon: 0,
+ current: 1
+ });
+ },
+
+ videoPlay: function (e) {
+ var _index = e.currentTarget.id
+ this.setData({
+ _index: _index,
+ noon: 1
+ })
+ setTimeout(function () {
+ //将点击视频进行播放
+ var videoContext = wx.createVideoContext(_index)
+ videoContext.play();
+ }, 500)
+
+ },
+
+ //-- 检验商品的活动情况 --
+ check_gd_prom_new: function (func) {
+ func();
+ },
+
+ screenChange: function (e) {
+ let fullScreen = e.detail.fullScreen //值true为进入全屏，false为退出全屏
+ if (fullScreen) { //退出全屏
+ getApp().globalData.no_clear = 1;
+ this.data.show_video = 1;
+ }
+ },
+
+ click_contact: function () {
+ getApp().globalData.no_clear = 1;
+ },
+
+ pre_gallery_img(e) {
+
+ this.data.show_prew_img = 1;
+
+ var index = e.currentTarget.dataset.index;
+ getApp().globalData.no_clear = 1;
+
+ var url =this.data.iurl + this.data.data.listimages[index].imageUrl;
+ var url_arr = [];
+
+ for (var i in this.data.data.listimages) {
+ url_arr.push(this.data.iurl + this.data.data.listimages[i].imageUrl)
+ }
+
+
+ wx.previewImage({
+ current: url, // 当前显示图片的http链接
+ urls: url_arr, // 需要预览的图片http链接列表
+ });
+ }
+
+
+})
\ No newline at end of file
diff --git a/packageE/pages/barCodeBank/barCodeBank.json b/packageE/pages/barCodeBank/barCodeBank.json
new file mode 100644
index 0000000..a5ad595
--- /dev/null
+++ b/packageE/pages/barCodeBank/barCodeBank.json
@@ -0,0 +1,10 @@
+{
+ "navigationBarTitleText": "条码库",
+ "enablePullDownRefresh": false,
+ "usingComponents": {
+ "nav_box": "/components/nav_box/nav_box",
+ "warn": "/components/long_warn/long_warn",
+ "goods_recommend": "/components/goods_list/goods_list",
+ "share": "/components/share/share"
+ }
+}
\ No newline at end of file
diff --git a/packageE/pages/barCodeBank/barCodeBank.wxml b/packageE/pages/barCodeBank/barCodeBank.wxml
new file mode 100644
index 0000000..2e0fc61
--- /dev/null
+++ b/packageE/pages/barCodeBank/barCodeBank.wxml
@@ -0,0 +1,130 @@
+
+
+
+
+
+
+
+
+
+ {{item.name}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{current}}/{{data.listimages.length}}
+
+
+
+
+ 视频
+
+
+
+ 图片
+
+
+
+
+
+
+
+
+
+
+ 商品详情
+
+
+
+
+
+ 商品名称
+
+
+ {{data.goods_name}}
+
+
+
+
+ 商品条码
+
+
+ {{data.sku}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 商品名称
+
+
+ {{data.goods_name}}
+
+
+
+
+ 商品编号
+
+
+ {{data.goods_sn}}
+
+
+
+
+ 商品条码
+
+
+ {{data.sku}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 提供技术支持
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/packageE/pages/barCodeBank/barCodeBank.wxss b/packageE/pages/barCodeBank/barCodeBank.wxss
new file mode 100644
index 0000000..b283a5c
--- /dev/null
+++ b/packageE/pages/barCodeBank/barCodeBank.wxss
@@ -0,0 +1,4020 @@
+@import "../../../utils/wxParse/wxParse.wxss";
+
+.container {
+ margin-bottom: 100rpx;
+ overflow: hidden;
+ padding-top: 80rpx;
+}
+
+image {
+ vertical-align: top;
+}
+.rules {
+ position: fixed;
+ background-color: rgba(0,0,0,.2);
+ color: white;
+ top: 22rpx;
+ right: 0;
+ z-index: 100;
+ font-size: 26rpx;
+ padding: 0 20rpx;
+ z-index: 99999;
+ border-radius: 20rpx 0 0 20rpx;
+}
+
+.rule-pop-container {
+ position: fixed;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ background-color: white;
+ z-index: 99999;
+ border-radius: 16rpx 16rpx 0 0;
+ padding: 0 40rpx;
+ box-sizing: border-box;
+ font-size: 28rpx;
+ color: #444;
+}
+
+.pop-title {
+ padding: 20rpx 0;
+ text-align: center;
+ font-size: 32rpx;
+ position: relative;
+}
+.icon-guan {
+ position: absolute;
+ right: 0;
+ font-size: 26rpx;
+ top: 50%;
+ transform: translateY(-50%);
+ color: #ccc;
+}
+.btn {
+ color: white;
+ padding: 20rpx 0;
+ text-align: center;
+ border-radius: 40rpx;
+ background: -webkit-linear-gradient(left,#ff5000,#ff2000) no-repeat;
+}
+
+.goods-detail {
+ overflow: hidden
+}
+.popup-content {
+ max-height: 600rpx;
+ overflow-y: auto;
+}
+
+.type-navbar {
+ display: flex;
+ justify-content: center;
+ width: 100%;
+ position: fixed;
+ top: 0;
+ z-index: 999;
+ /* height: 80rpx; */
+ /* margin-bottom: 20rpx; */
+ background-color: #fff;
+ border-top: 2rpx solid #ebedf0;
+ /* border-bottom: 1rpx #fafafa solid; */
+}
+
+.type-box {
+ width: 25%;
+ box-sizing: border-box;
+ font-size: 32rpx;
+ line-height: 76rpx;
+ padding: 0 20rpx;
+ text-align: center;
+ display: inline-block;
+ overflow: hidden;
+}
+
+.type-navbar-item {
+ /* border-bottom: 4rpx solid #fff; */
+ display: flex;
+ justify-content: center;
+ width: 100%;
+ font-size: 26rpx;
+}
+
+.type-item-on {
+ color: #F95D74;
+ font-weight: bold;
+ /* border-bottom: 4rpx solid #F95D74; */
+ position: relative;
+ font-size: 30rpx;
+}
+
+.type-item-on:after {
+ content: '';
+ position: absolute;
+ width: 50%;
+ height: 4rpx;
+ background-color: #F95D74;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: 0 auto;
+}
+
+.swiper_box {
+ width: 100%;
+ height: 750rpx;
+}
+
+.goods-title {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ vertical-align: middle;
+ /* overflow: hidden; */
+ /* height: 108rpx; */
+}
+
+.goods-name {
+ /* width: 560rpx; */
+ /* line-height: 46rpx; */
+ font-size: 32rpx;
+ font-weight: bold;
+ color: #333;
+ /* margin-top: 30rpx;
+ margin-bottom:30rpx; */
+ flex: 1;
+ text-align: justify;
+ margin: 10rpx 0 20rpx;
+}
+
+.goods-collect {
+ width: 112rpx;
+ padding-top: 30rpx;
+}
+
+.collect-img {
+ width: 50rpx;
+ height: 44rpx;
+ margin: 0 auto;
+ overflow: hidden;
+}
+
+.collect-des {
+ text-align: center;
+ font-size: 24rpx;
+ color: #333;
+}
+
+.goods-price {
+ font-size: 60rpx;
+ /* padding: 20rpx 34rpx; */
+ /* padding:0rpx 34rpx; */
+ /* line-height: 60rpx; */
+ color: #999;
+ padding: 20rpx;
+ /* margin-top: 46rpx; */
+ /* margin-top:26rpx;
+ padding-bottom:20rpx; */
+}
+
+.prom-info {
+ margin: 10rpx 0;
+ color: #f23030;
+}
+
+.prom-info>.prom-type {
+ color: white;
+ background-color: #f23030;
+ margin-right: 14rpx;
+ padding: 2rpx 8rpx;
+ border-radius: 4rpx;
+}
+
+.market-price {
+ /* display: flex;
+ margin-left: -5rpx; */
+}
+
+.market-price .yuan {
+ /* top:24rpx; */
+ font-size: 30rpx
+}
+
+.market-price>view>text {
+ text-decoration: line-through;
+}
+
+.market-price>.yj {
+ color: #999999;
+ font-size: 24rpx;
+ /* margin-left: 16rpx;position: relative;top:30rpx; */
+ display: inline-block;
+}
+
+.goods-price>.tm {
+ color: #999999;
+ font-size: 26rpx;
+ margin-top: 10rpx;
+}
+
+.goods-num {
+ display: flex;
+ font-size: 24rpx;
+ justify-content: space-between;
+}
+
+.goods-detail .twen {
+ background: #fff;
+ height: 60rpx;
+ line-height: 60rpx;
+ font-size: 30rpx;
+ padding-left: 30rpx;
+ display: flex;
+}
+
+.goods-detail .twen .img {
+ width: 32rpx;
+ height: 32rpx;
+ margin-left: 200rpx;
+ background: #fff
+}
+
+.goods-detail .twen image.img {
+ vertical-align: auto;
+}
+
+
+.logistics-item {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ height: 90rpx;
+ /*border-bottom: 1px solid #f5f5f5;*/
+ font-size: 32rpx;
+ color: #666;
+}
+
+.logistics-item .small {
+ color: #999;
+ font-size: 24rpx;
+}
+
+.item-title {
+ width: 180rpx;
+}
+
+.item-mes {
+ color: #333;
+ width: 420rpx;
+ height: 90rpx;
+ line-height: 90rpx;
+}
+
+.item-img {
+ width: 32rpx;
+ height: 32rpx;
+}
+
+.prom-item {
+ color: #f23030;
+ border: 1px solid #f23030;
+ border-radius: 18rpx;
+ line-height: 40rpx;
+ height: 40rpx;
+ padding: 2rpx 8rpx;
+}
+
+.guarantee {
+ justify-content: space-around;
+}
+
+.ico-item {
+ width: 32rpx;
+ height: 32rpx;
+ margin-right: 10rpx;
+}
+
+.guarantee>view {
+ display: flex;
+ align-items: center;
+ height: 32rpx;
+ color: #666;
+}
+
+.user-comment {
+ margin: 10rpx 0;
+ font-size: 28rpx;
+}
+
+.good-comment,
+.comment-num {
+ display: flex;
+}
+
+.recommend {
+ background-color: #fff;
+ border-bottom: 1px solid #ddd;
+ padding-bottom: 20rpx;
+}
+
+.recommend-title {
+ height: 70rpx;
+ line-height: 70rpx;
+ font-size: 28rpx;
+ padding: 0 30rpx;
+}
+
+.recommend-ul {
+ display: flex;
+ justify-content: flex-start;
+}
+
+.recommend-ul .li {
+ width: 25%;
+ box-sizing: border-box;
+ text-align: center;
+ font-size: 28rpx;
+ color: #333;
+}
+
+.li-img {
+ width: 120rpx;
+ height: 120rpx;
+ margin: 0 auto;
+}
+
+.li-title {
+ height: 58rpx;
+ line-height: 30rpx;
+ margin: 10rpx 0;
+}
+
+.comment-item {
+ background-color: #fff;
+ font-size: 28rpx;
+}
+
+.comment-title {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ height: 102rpx;
+ margin: 0 30rpx;
+ color: #333;
+ border-bottom: 1px solid #eee;
+}
+
+.user-name {
+ display: flex;
+ align-items: center;
+}
+
+.user-pic {
+ width: 54rpx;
+ height: 54rpx;
+ margin-right: 10rpx;
+ border-radius: 50%;
+ overflow: hidden;
+}
+
+.stars {
+ float: left;
+ display: flex;
+ height: 42rpx;
+ line-height: 42rpx;
+ margin: 15rpx 0;
+ width: 200rpx;
+}
+
+.star {
+ width: 26rpx;
+ height: 26rpx;
+ margin-right: 5rpx;
+}
+
+.state-spec {
+ margin: 15rpx 0;
+ float: right;
+ font-size: 24rpx;
+ color: #666;
+ width: 460rpx;
+ text-align: right;
+}
+
+.comment-cont {
+ padding: 0 30rpx 30rpx;
+ border-bottom: 1px solid #eee;
+}
+
+.comment-mes {
+ line-height: 42rpx;
+}
+
+.img-ul {
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.img-li {
+ width: 150rpx;
+ height: 150rpx;
+ margin-top: 8rpx;
+ margin-right: 10rpx;
+}
+
+.comment-btn {
+ height: 60rpx;
+ padding: 20rpx 30rpx;
+}
+
+.comment-btn .btn {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 60rpx;
+ width: 45%;
+ border: 1px solid #eee;
+}
+
+.comment-btn .btn-img {
+ width: 30rpx;
+ height: 28rpx;
+ margin: 0 10rpx;
+}
+
+.reply-ul {
+ margin-top: 20rpx;
+}
+
+.reply-li {
+ color: #aaa;
+}
+
+.join-cart {
+ position: fixed;
+ left: 0;
+ bottom: 0;
+ display: flex;
+ width: 100%;
+ height: 100rpx;
+ background-color: #fff;
+ z-index: 9;
+ border-top: 4rpx solid #eee;
+
+}
+
+.join-cart>view {
+ width: 29%;
+}
+
+.join-cart>.new_split {
+ width: 13%;
+ text-align: center;
+ padding: 0;
+ margin: 0;
+}
+
+.cart-ico {
+ font-size: 24rpx;
+ color: #333;
+}
+
+.shopping-cart {
+ position: relative;
+}
+
+.cs-img {
+ width: 45rpx;
+ height: 40rpx;
+ margin-top: 15rpx;
+}
+
+.sc-img {
+ width: 42rpx;
+ height: 40rpx;
+ margin-top: 15rpx;
+}
+
+.cart-num {
+ position: absolute;
+ left: 50%;
+ top: 1rpx;
+ width: 40rpx;
+ height: 40rpx;
+ line-height: 40rpx;
+ text-align: center;
+ border-radius: 50%;
+ color: #fff;
+ background-color: rgba(217, 81, 99, 0.9);
+}
+
+.cart-btn {
+ font-size: 28rpx;
+ color: #fff;
+ line-height: 70rpx;
+ margin-top: 16rpx;
+ text-align: center;
+
+
+}
+
+.join-btn {
+ background-color: #ffb03f;
+ height: 70rpx;
+ border-radius: 55rpx 0rpx 0rpx 55rpx;
+ margin-top: 16rpx;
+
+
+}
+
+view.cart-btn-lg {
+ width: 50%;
+}
+
+.buy-btn {
+ background-color: #f23030;
+ height: 70rpx;
+ border-radius: 0 56rpx 55rpx 0;
+
+}
+
+.buy-btn-all {
+ background-color: #f23030;
+ height: 70rpx;
+ border-radius: 56rpx;
+}
+
+
+.toTop {
+ position: fixed;
+ z-index: 3;
+ right: 20rpx;
+ bottom: 160rpx;
+ width: 68rpx;
+ height: 68rpx;
+ border: 1px solid #ddd;
+ border-radius: 50%;
+ overflow: hidden;
+ cursor: pointer;
+}
+
+.comment-more {
+ height: 56rpx;
+ line-height: 56rpx;
+ font-size: 26rpx;
+ color: #999;
+ text-align: center;
+ background-color: #eee;
+}
+
+.goods-more {
+ background-color: #fff;
+}
+
+.goods-norms {
+ background-color: #fff;
+}
+
+.type-navbar2 {
+ display: flex;
+ height: 72rpx;
+ border-top: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
+}
+
+.type-box2 {
+ width: 50%;
+ font-size: 26rpx;
+ line-height: 72rpx;
+ text-align: center;
+ overflow: hidden;
+}
+
+.type-item2-on {
+ color: #f23030;
+}
+
+.parameter {
+ padding: 40rpx 0;
+}
+
+.table {
+ width: 698rpx;
+ margin: 0 auto;
+ border: 1px solid #ddd;
+ border-bottom: none;
+}
+
+.tb {
+ width: 100%;
+ min-height: 69rpx;
+ line-height: 69rpx;
+ border-bottom: 1px solid #ddd;
+ font-size: 28rpx;
+ text-align: center;
+ color: #333;
+}
+
+.th-thitle {
+ font-weight: bold;
+ background-color: #f5fafe;
+}
+
+.td-cont {
+ display: flex;
+}
+
+.td-title {
+ width: 259rpx;
+ background-color: #f5fafe;
+ border-right: 1px solid #ddd;
+}
+
+.td-text {
+ width: 439rpx;
+}
+
+.goods-comment {
+ background-color: #fff;
+}
+
+.type-navbar3 {
+ display: flex;
+ height: 88rpx;
+ border-top: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
+ padding: 10rpx 0;
+}
+
+.type-box3 {
+ width: 20%;
+ font-size: 30rpx;
+ line-height: 44rpx;
+ text-align: center;
+ overflow: hidden;
+}
+
+.type-item3-on {
+ color: #f23030;
+}
+
+.spec-model {
+ position: fixed;
+ bottom: 0;
+ z-index: 20;
+ background: white;
+ width: 100%;
+ /* padding: 0 30rpx; */
+ font-size: 32rpx;
+ box-sizing: border-box;
+ border-radius: 20rpx 20rpx 0 0;
+ /* height: 72%; */
+}
+
+.spec-model .pding {
+ padding: 0 20rpx;
+}
+
+.spec-goods {
+ padding: 30rpx 0 20rpx;
+ /* float: left; */
+ width: 100%;
+ /* border-bottom:2rpx solid #eee; */
+}
+
+.spec-img {
+ float: left;
+ height: 186rpx;
+ width: 186rpx;
+ border: 4rpx solid #eee
+}
+
+.spec-goods-info {
+ float: left;
+ padding: 0 25rpx;
+ width: 400rpx;
+}
+
+.spec-goods-name {
+ font-size: 30rpx;
+ line-height: 35rpx;
+ height: 70rpx;
+ margin: 15rpx 20rpx 25rpx 0;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ color: #333;
+}
+
+.spec-goods-price {
+ color: #d60021;
+ font-size: 33rpx;
+ font-weight: bold;
+ /* display: flex; */
+}
+
+.spec-goods-stock {
+ margin-top: 3rpx;
+ font-size: 24rpx;
+ color: #999999;
+ margin-right: 15rpx;
+}
+
+.spec-name {
+ clear: both;
+ padding: 20rpx 0;
+ font-size: 30rpx;
+ color: #333;
+}
+
+
+.spec-name+view{
+ flex-wrap: wrap;
+}
+
+.quhuo {
+ font-size: 30rpx;
+ color: #000
+}
+
+.b_num {
+ display: flex;
+ font-size: 30rpx;
+ color: #333;
+ justify-content: space-between;
+ align-items: center;
+ padding: 20rpx 0;
+}
+
+.count {
+ /* position: fixed; */
+ display: flex;
+ height: 50rpx;
+ /* border: 1rpx solid #000; */
+ font-size: 28rpx;
+ right: 30rpx;
+}
+
+
+.count>view,
+.count>input {
+ width: 60rpx;
+ height: 50rpx;
+ line-height: 50rpx;
+ text-align: center;
+}
+
+.spec_bt {
+ background: fff;
+ color: #333;
+ margin-left: 10rpx;
+ padding: 4rpx 15rpx 4rpx;
+ display: inline-block;
+ border-radius: 30rpx;
+ font-size: 24rpx;
+ border: 1rpx solid #ccc;
+ margin: 10rpx;
+ height: 40rpx;
+ line-height: 40rpx;
+}
+
+.spec_bt.act {
+ background: #d60021;
+ color: #fff;
+ border: 1rpx solid #d60021;
+}
+
+.sub,
+.add,
+.count>input {
+ /* border-right: 1px solid #000; */
+ background-color: #f8f8f8;
+ border-radius: 8rpx;
+}
+
+.sub.active {
+ /* background-color: #ddd; */
+ color: #ccc;
+}
+
+.count>input {
+ margin: 0 10rpx;
+}
+
+.add {
+ /* background-color: #f8f8f8; */
+ /* border-left: 1px solid #000; */
+}
+
+.spec-btn {
+ color: black;
+ background-color: white;
+ padding: 10rpx 10rpx;
+ font-size: 26rpx;
+ line-height: 28rpx;
+ float: left;
+ border: 1rpx solid #dedede;
+ margin: 4rpx 10rpx 4rpx 0;
+ border-radius: 4rpx;
+}
+
+.spec-btn-click {
+ color: white;
+ background-color: #f23030;
+ border: 1rpx solid #f23030;
+}
+
+.spec-cart-btns {
+ /* width: 92%; */
+ line-height: 70rpx;
+ /* margin: 0rpx auto;
+ margin-top: 160rpx; */
+ /* border-radius: 20rpx; */
+ /* position: fixed; */
+ /* bottom: 50rpx; */
+ /* left: 4%; */
+ padding: 20rpx;
+}
+
+.spec-cart-btn {
+
+ width: 100%;
+ font-size: 30rpx;
+ text-align: center;
+ color: white;
+ border-radius: 40rpx;
+}
+
+.spec-cart-btn.w40 {
+ width: 46%;
+}
+
+.spec-add-cart {
+ background-color: #ffb03f;
+}
+
+.spec-buy {
+ background-color: #f23030;
+ /* margin-left: 34rpx; */
+}
+
+.spec-cart-disable {
+ background: #bbbbbb;
+}
+
+.spec-cart-btn-lg {
+ width: 614rpx;
+}
+
+.prom-model {
+ position: fixed;
+ bottom: 0;
+ z-index: 20;
+ background: white;
+ width: 100%;
+ padding: 0 30rpx 30rpx;
+ font-size: 32rpx;
+ box-sizing: border-box;
+ overflow-x: hidden;
+}
+
+.prom-model .prom-title {
+ text-align: center;
+ margin: 30rpx 0;
+}
+
+.prom-model .logistics-item {
+ border: 0;
+}
+
+.prom-model .item-mes {
+ width: 500rpx;
+}
+
+.integral-btn {
+ width: 100%;
+ padding: 0rpx;
+ margin: 0rpx;
+}
+
+.clear {
+ clear: both;
+}
+
+.sto_v .title,
+.sto_v .stitle {
+ border-top: 1rpx solid #dedede;
+ border-bottom: 1rpx solid #dedede;
+ height: 78rpx;
+ line-height: 78rpx;
+}
+
+.sto_v .title .tubiao,
+.sto_v .stitle .tubiao {
+ width: 32rpx;
+ height: 32rpx;
+ margin-top: 23rpx;
+}
+
+.itemlists .item {
+ border-bottom: 1rpx solid #dedede;
+ height: 72rpx;
+ line-height: 72rpx;
+ font-size: 28rpx;
+ margin: 0 10rpx;
+}
+
+.cshu {
+ margin-bottom: 30rpx;
+ margin-top: 20rpx;
+}
+
+.cshu view {
+ color: #999;
+ font-size: 30rpx;
+ margin-left: 26rpx;
+}
+
+
+/*---活动特殊显示---*/
+.prom_show {
+ height: 120rpx;
+ display: flex;
+}
+
+.prom_show .secondkill-img {
+ width: 100%;
+ height: 100%;
+}
+
+.prom_show .spike-img {
+ width: 283rpx;
+ height: 57rpx;
+ top: 35rpx;
+ left: 31rpx;
+}
+
+.prom_show .stop {
+ color: #d81731;
+ top: 17rpx;
+ right: 65rpx;
+ font-weight: 600;
+}
+
+.prom_show .start {
+ color: #009ae2;
+ top: 17rpx;
+ right: 65rpx;
+ font-weight: 600;
+}
+
+.prom_show .timeac {
+ font-size: 32rpx;
+ height: 120rpx;
+ color: #333;
+}
+
+.prom_show .timeac.left {
+ width: 66%;
+ color: #fff;
+ background: #f23030;
+}
+
+.prom_show .timeac.right {
+ width: 34%;
+ background-color: #d7d7d7;
+ text-align: center
+}
+
+.prom_show .secview .day {
+ padding-right: 10rpx;
+}
+
+.prom_show .secview .time-val {
+ width: 36rpx;
+ height: 36rpx;
+ border-radius: 7rpx;
+ line-height: 36rpx;
+}
+
+.prom_show .secview .time {
+ margin-right: 10rpx;
+ margin-left: 10rpx;
+}
+
+
+.prom_show .timeac.left view {
+ margin-left: 20rpx
+}
+
+.prom_show .timeac.left view.firview {
+ margin-top: 10rpx
+}
+
+.prom_show .timeac.left view .tr_line {
+ text-decoration: line-through;
+ font-size: 28rpx;
+}
+
+.prom_show .timeac.left view .bprice {
+ font-size: 50rpx;
+}
+
+.prom_show .timeac.right view.firview {
+ margin-top: 12rpx;
+ margin-bottom: 10rpx
+}
+
+.prom_show .timeac.right view.secview {
+ display: flex;
+ text-align: center;
+ justify-content: center;
+ flex-direction: row;
+}
+
+.prom_show .timeac.right view .tui-conutdown-box {
+ /* background: #6b6b6b; */
+ width: auto;
+ /* min-width: 45rpx; */
+ height: 45rpx;
+ color: #c4182e;
+ font-size: 27rpx;
+ text-align: center;
+ line-height: 46rpx;
+}
+
+.huise {
+ background: gray
+}
+
+.lanse {
+ background: #0199e2
+}
+
+
+/*------拼单------*/
+.pt_view {
+ text-align: center;
+ width: 100%;
+ height: 100rpx;
+ line-height: 100rpx;
+ font-size: 26rpx
+}
+
+.pt_view .secondkill-img {
+ width: 100%;
+ height: 100%;
+}
+
+.pt_fir {
+ background: #fff;
+ /* margin-bottom: 10rpx; */
+}
+
+.pt_fir .pt_fir_title {
+ display: flex;
+ align-items: center;
+ /* margin-left: 10rpx; margin-top: 20rpx; */
+ font-size: 28rpx;
+ position: relative;
+}
+
+.pt_fir .pt_fir_title .kt_type {
+ color: #fff;
+ background: #e9030d;
+ width: 100rpx;
+ line-height: 40rpx;
+ border-radius: 6rpx;
+ margin: 0 10rpx;
+ height: 40rpx;
+ font-size: 24rpx;
+ text-align: center;
+}
+
+.pt_fir .pt_fir_title .price {
+ color: #e9030d;
+ font-size: 26rpx;
+}
+
+.pt_fir .pt_fir_title .bigw {
+ font-size: 36rpx;
+}
+
+.pt_fir .pt_fir_title .tprice {
+ text-decoration: line-through;
+ color: #949494
+}
+
+.pt_fir .pt_fir_title .tprice.ml50 {
+ margin-left: 50rpx
+}
+
+.pt_fir .pt_fir_title .js {
+ padding: 0 15rpx;
+ height: 40rpx;
+ background: #e9030d;
+ text-align: center;
+ border-radius: 8rpx;
+ color: #fff;
+ margin-left: 10rpx;
+}
+
+.pt_fir .pt_fir_title .tuannum {
+ color: #e9030d;
+ position: absolute;
+ right: 20rpx;
+ font-size: 26rpx;
+}
+
+.pding {
+ padding-top: 20rpx;
+ padding-left: 20rpx;
+ height: 81%;
+ padding-right: 20rpx;
+ font-size: 26rpx;
+ color: #ea120f
+}
+
+.pdres {
+ margin-left: 10rpx;
+ color: #8f8f94
+}
+
+.ptgz {
+ position: relative;
+ font-size: 30rpx;
+ padding-left: 20rpx;
+ margin-top: 10rpx;
+ overflow: hidden
+}
+
+.shuxian {
+ width: 6rpx;
+ height: 28rpx;
+ background: #ea120f;
+ display: inline-block;
+ top: 5rpx;
+ position: relative;
+ margin-right: 5rpx
+}
+
+.ptgz_an {
+ position: absolute;
+ top: 5rpx;
+ right: 6rpx
+}
+
+.ptgz_an .arrow-two {
+ width: 18rpx;
+ height: 18rpx;
+ border-color: #da0b31;
+ margin-top: 30rpx;
+}
+
+.pt_fir.se {
+ height: auto;
+ margin-bottom: 10rpx
+}
+
+.t_gz {
+ padding: 10rpx 20rpx;
+ font-size: 28rpx
+}
+
+.pt_fir.se1 {
+ height: auto;
+ margin: 0
+}
+
+.pt_fir.se2 {
+ height: auto;
+ margin: 0;
+ /* border-top:6rpx solid #eeeeee;border-bottom:2rpx solid #eeeeee; */
+}
+
+.pt_hb {
+ height: 78rpx;
+ line-height: 75rpx;
+ position: relative;
+ font-size: 32rpx;
+ overflow: hidden;
+ width: 695rpx;
+ margin-left: 28rpx;
+ border-bottom: 1rpx solid #E5E5E5
+}
+
+.ptgz_an.xq {
+ font-size: 32rpx;
+ color: #d40024
+}
+
+.wf {
+ display: flex;
+ padding: 20rpx 0;
+}
+
+.wf .item {
+ width: 24.5%;
+ text-align: center;
+ font-size: 26rpx;
+ color: #666
+}
+
+.wf .item .item_txy {
+ position: relative;
+ width: 60rpx;
+ height: 60rpx;
+ background: #ea120f;
+ border-radius: 50%;
+ left: 50%;
+ margin-left: -30rpx;
+ border: 3px #dfdfdf solid;
+ text-align: center;
+ line-height: 60rpx;
+ color: #fff;
+ margin-bottom: 10rpx;
+}
+
+.wf .item .item_txy.hs {
+ background: #cbcbcb;
+}
+
+.po {
+ margin-bottom: 20rpx;
+}
+
+.cart-btn.line-h {
+ line-height: 26rpx;
+}
+
+.cart-btn .fir-v {
+ margin-top: 10rpx;
+}
+
+.hyt {
+ padding: 0 20rpx;
+ font-size: 30rpx;
+ display: flex;
+ align-items: center;
+ margin-top: 10rpx;
+}
+
+.hyt .r_f {
+ color: #e9120f;
+ font-size: 26rpx;
+ position: relative;
+ top: 3rpx
+}
+
+.hyt .byj {
+ color: #e9120f;
+ font-size: 32rpx;
+ position: relative;
+ top: 5rpx
+}
+
+.pt_fir .pt_fir_title.no-mar-b {
+ margin-bottom: 0;
+ padding-bottom: 10rpx;
+ margin-left: 20rpx
+}
+
+.pt_fir .pt_fir_title.boder-1 {
+ border-bottom: 1rpx #e7e7e7 solid
+}
+
+.jie_price {
+ /* padding: 10rpx 30rpx; */
+}
+
+.jie_price_title {
+ font-size: 30rpx;
+ color: #a26270;
+ margin-bottom: 10rpx
+}
+
+.price_list {
+ display: flex;
+ width: 100%;
+}
+
+.price_item {
+ width: 25%;
+ font-size: 28rpx;
+ color: #4c336c
+}
+
+.pt_fir.se2 .zzk-1 {
+ /* margin-top: 23rpx; */
+ font-size: 30rpx;
+ position: relative;
+ /* margin-bottom: 30rpx; */
+ border-left: 4rpx solid red;
+ /* margin-left:14rpx; */
+ height: 30rpx;
+ line-height: 30rpx;
+ /* padding-left:5rpx; */
+}
+
+.ckgd {
+ /* position: absolute;top:0;right:57rpx; */
+ color: #d70025;
+ font-size: 26rpx;
+}
+
+.ckgd .arrow-one {
+ width: 14rpx;
+ height: 14rpx;
+ border-color: #da0b31;
+ /* margin-top:5rpx; */
+ margin: auto;
+}
+
+.bview {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.juzhong {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+}
+
+.juzhong .xq {
+ padding: 0 20rpx;
+ background: #fff;
+ font-size: 30rpx;
+ padding-bottom: 20rpx;
+}
+
+.juzhong .xq .title {
+ text-align: center;
+ margin: 20rpx 0;
+ position: relative;
+ height: 50rpx;
+}
+
+.juzhong .xq .hs1 {
+ font-size: 28rpx;
+ color: #ab8f9e
+}
+
+.juzhong .xq .title .close {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 45rpx;
+ height: 45rpx;
+}
+
+.pt_qd {
+ /* margin-top: 40rpx; height: auto; */
+ padding: 20rpx;
+}
+
+.spec-cart-btn.w100 {
+ width: 95%;
+ margin-left: 0;
+ height: 75rpx;
+ line-height: 75rpx;
+ margin: auto;
+}
+
+.sto_v {
+ color: #333;
+}
+
+.ellipsis {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+
+
+/*---多少人参加团--*/
+.group {
+ padding-top: 20rpx;
+ padding-bottom: 20rpx;
+ width: 100%;
+ /* min-height: 92rpx; */
+ border-bottom: 2rpx solid #ebedf0;
+
+}
+
+.group .group-list {
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+ /* height: 90rpx; */
+ /* padding: 0 130rpx 0 100rpx; */
+ /* width: 470rpx;
+
+ position: absolute; */
+}
+
+.group .group-list .gtou {
+ width: 70rpx;
+ height: 70rpx;
+ /* float: left;
+ position: relative;
+ top: 6rpx;
+ left: -96rpx; */
+}
+
+.group .group-list .gtou image {
+ display: block;
+ width: 100%;
+ height: 100%;
+ border-radius: 50%;
+ background-color: #f0f0f0;
+}
+
+.group .group-list .gdn {
+ width: 140rpx;
+ text-align: center;
+ /* float: left; */
+ font-size: 26rpx;
+ /* padding-left: 20rpx; */
+ /* line-height: 48rpx;
+ height: 48rpx;
+ width: 168rpx;
+ position: relative;
+ left: -80rpx;
+ top:20rpx; */
+ font-weight: bold;
+}
+
+.group .group-list .ghaicha {
+ /* width:300rpx; */
+ font-size: 27rpx;
+ /* margin-left:180rpx;
+ top:13rpx;
+ left:-3rpx; */
+ font-weight: bold;
+
+
+}
+
+.group .group-list .ghaicha .gred {
+ /* height: 48rpx;
+ width: 300rpx; */
+}
+
+.gsj {
+ float: left;
+ color: #8f8f94;
+}
+
+.group .group-list .cjt {
+ height: 42rpx;
+ width: 137rpx;
+ /* position: absolute;
+ right: 4rpx;
+ top:25rpx; */
+ line-height: 42rpx;
+ font-size: 24rpx;
+ color: #fff;
+ border: 2rpx solid #d60024;
+ background-color: #d60024;
+ border-radius: 25rpx;
+
+}
+
+.gbody {
+ background-color: white;
+}
+
+.t_show {
+ /* overflow: hidden; */
+ display: flex;
+ /* width: 300rpx; */
+ color: #292929;
+ /* line-height: 36rpx; */
+ font-size: 26rpx;
+}
+
+.join-cart>view.set_width {
+ width: 58%;
+}
+
+/*秒杀样式zwp*/
+#zwpMs {
+ width: 31%;
+ color: #fff;
+ background: url(https://mshopimg.yolipai.net/miniapp/images/user/bgred.png) no-repeat;
+ background-size: 100% 60px;
+}
+
+
+/*--------- 修改后的样式 -----------*/
+.elli {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+}
+
+.one_elli {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.tuwen_title {
+ /* height: 86rpx; */
+ background-color: #eeeeee;
+ /* margin-bottom: 32rpx; */
+ position: relative;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 20rpx;
+}
+
+.tuwen_title .g_line {
+ width: 496rpx;
+ height: 1rpx;
+ border-bottom: #ababab 1rpx solid;
+}
+
+.tuwen_title .center_s {
+ width: 124rpx;
+ position: absolute;
+ height: 34rpx;
+ background-color: #eeeeee;
+ font-size: 32rpx;
+ display: flex;
+ overflow: hidden;
+ justify-content: center;
+ align-items: center;
+}
+
+.tuwen_title .center_s image {
+ width: 34rpx;
+ height: 26rpx;
+ margin-right: 10rpx
+}
+
+.t_g_info {
+ /* margin: 0 34rpx;margin-bottom: 20rpx; */
+ display: flex;
+ align-items: center;
+ padding: 20rpx;
+}
+
+.red_shu {
+ width: 10rpx;
+ height: 36rpx;
+ background-color: #da0035;
+ margin-right: 8rpx;
+}
+
+.tb-l {
+ /* line-height: 96rpx; */
+}
+
+.table_s {
+ border: #e4e4e4 1rpx solid;
+ box-sizing: border-box;
+ font-size: 26rpx;
+}
+
+.tb_item {
+ display: flex;
+ /* height: 96rpx; */
+ border-bottom: 1rpx solid #e4e4e4
+}
+
+.item_left {
+ width: 210rpx;
+ height: 100%;
+ box-sizing: border-box;
+ text-align: center;
+ padding: 20rpx;
+ background: #f9f9f9;
+ border-right: 2rpx solid #e4e4e4
+}
+
+.item_left text {
+ /* margin-left: 44rpx; */
+}
+
+.item_right {
+ flex: 1;
+ height: 100%;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ padding: 20rpx;
+}
+
+.item_right text {
+ /* margin-left: 66rpx; */
+}
+
+.table_s .tb-l:last-child {
+ border-bottom: none;
+}
+
+.bzfu_img {
+ width: 164rpx;
+ height: 34rpx;
+ /* margin-right: 18rpx; margin-left: 12rpx */
+}
+
+.bz_view {
+ /* height:100rpx; padding: 0 34rpx 0 13rpx; */
+ color: #333;
+ font-size: 28rpx;
+ padding: 20rpx 20rpx 20rpx 10rpx;
+ /* border-bottom: 3rpx solid #eee; */
+ /* border-top: 3rpx solid #eee; */
+}
+
+.bz_view view {
+ width: 520rpx;
+ /* max-height: 70rpx; */
+ /* overflow: hidden; */
+}
+
+.bb_view {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 20rpx;
+ color: #333;
+ font-size: 30rpx;
+ /* height: 104rpx; line-height: 104rpx; overflow: hidden; padding-right:26rpx */
+}
+
+.red_bb {
+ color: #d70026;
+ /* min-width:158rpx;width: auto; */
+}
+
+.bg_jj {
+ width: 14rpx;
+ height: 14rpx;
+ border-top: 2rpx solid #d70026;
+ border-right: 2rpx solid #d70026;
+ transform: rotateZ(45deg);
+ display: inline-block;
+ margin-bottom: 3rpx;
+}
+
+.bg_jj.down {
+ transform: rotateZ(135deg);
+}
+
+.bg_jj.up {
+ transform: rotateZ(-45deg);
+ margin-top: 6rpx;
+}
+
+.bz-content {
+ padding: 0 0 0 20rpx;
+}
+
+
+
+
+/* 顶部边框 */
+.topframe {
+ width: 100%;
+ height: 172rpx;
+ flex-direction: row;
+ justify-content: space-between;
+ border-bottom: 6rpx solid #eeeeee;
+ overflow: hidden;
+}
+
+/* 评价人边框*/
+.topframe .topframe-top {
+ display: flex;
+ margin-top: 40rpx;
+ margin-bottom: 36rpx;
+ color: #7d7d7d;
+ padding-left: 20rpx;
+ font-size: 32rpx;
+}
+
+/*评价人数量*/
+.topframe .topframe-top .topframe-top-val {
+ margin-left: 15rpx;
+
+}
+
+.topframe-top-content {
+ display: flex;
+ width: 36%;
+}
+
+/* 好评 */
+.topframe-praise {
+ width: 61%;
+ text-align: right;
+ color: #dc4355;
+ font-size: 28rpx;
+}
+
+/* 按钮列表 */
+.buttem-list {
+ width: 100%;
+ display: flex;
+ font-size: 20rpx;
+ overflow: hidden;
+}
+
+.buttem-list .item {
+ min-width: 17%;
+ font-size: 24rpx;
+ border-radius: 20rpx;
+ background: #ffe3e2;
+ height: 38rpx;
+ text-align: center;
+ line-height: 38rpx;
+ margin-left: 20rpx;
+ justify-content: center;
+}
+
+.buttem-list .item.red {
+ color: #fff;
+ background: #d60022;
+}
+
+/* 用户评价 */
+.middle {
+ width: 95%;
+ margin: 0 auto;
+}
+
+.middle-img-frame {
+ height: 65rpx;
+ display: flex;
+ margin-top: 32rpx;
+
+}
+
+/* 评价的用户图片 */
+.middle-img {
+ width: 60rpx;
+ height: 60rpx;
+ border-radius: 50%;
+ -moz-border-radius: 50%;
+ -webkit-border-radius: 50%;
+ margin-right: 15rpx;
+}
+
+/* 评价的用户边框 */
+.middle-user-frame {
+ height: 65rpx;
+ overflow: hidden;
+}
+
+.middle-user {
+ height: 25;
+ font-size: 28rpx;
+}
+
+/* 评价图片 */
+.middle-img-two {
+ width: 115rpx;
+ height: 25rpx;
+ text-align: center;
+ margin-bottom: 20rpx;
+ margin-left: 5rpx;
+}
+
+.xc-pirces {
+ margin-top: 14rpx;
+}
+
+/* 评价文字 */
+.middle-font {
+ font-size: 30rpx;
+
+}
+
+.iddle-goods-img {
+ width: 100%;
+ display: flex;
+ margin-top: 22rpx;
+}
+
+/* 商品图片 */
+.goods-img {
+ width: 156rpx;
+ height: 156rpx;
+ margin-left: 22rpx;
+ height: 100%;
+}
+
+.parameter-frame {
+ margin-top: 14rxp;
+ margin-bottom: 14rpx;
+ width: 50%;
+ height: 30rpx;
+}
+
+.z_parameter {
+ width: 98%;
+ height: 45rpx;
+ display: flex;
+ line-height: 45rpx;
+ margin-top: 20rpx;
+ margin-bottom: 14rpx;
+ justify-content: space-between;
+}
+
+.parameter-font {
+ font-size: 26rpx;
+
+}
+
+/* 规格 */
+.parameter-state {
+ width: 100rpx;
+ font-size: 24rpx;
+ color: #c4c4c4;
+}
+
+.parameter-dian {
+ display: flex;
+ width: 94rpx;
+ height: 33rpx;
+ font-size: 20rpx;
+ border-radius: 20rpx;
+ line-height: 33rpx;
+ padding-left: 25rpx;
+ border: 4rpx solid #eeeeee;
+
+}
+
+/* 点赞图片 */
+.parameter-img {
+ width: 27rpx;
+ height: 27rpx;
+ margin-top: 3rpx;
+}
+
+.parameter-val {
+ margin-left: 25rpx;
+ font-size: 26rpx;
+ color: #999;
+}
+
+/* 回复 */
+.reply {
+ width: 95%;
+ height: 120rpx;
+ padding-top: 14rpx;
+ border-top: 3rpx solid #eeeeee;
+ margin: 0 auto;
+
+}
+
+.shop-reply {
+ height: 30rpx;
+ color: #d60022;
+ font-size: 24rpx;
+ overflow: hidden;
+}
+
+.shop-font {
+ width: 94%;
+ font-size: 24rpx;
+ padding-top: 10rpx;
+
+}
+
+.line_bulge {
+ width: 17rpx;
+ height: 17rpx;
+ border-top: 1rpx solid #eeeeee;
+ border-left: 1rpx solid #eeeeee;
+ transform: rotate(45deg);
+ position: absolute;
+ top: -12rpx;
+ left: 50rpx;
+ background: #fff;
+}
+
+
+.xc_comment {
+ display: flex;
+ justify-content: space-around;
+ width: 100%;
+ box-sizing: border-box;
+ padding: 10rpx 20rpx;
+ /* height: 42rpx;
+ padding-left: 34rpx; */
+ color: #333;
+
+}
+
+.xc_comment-have-pictures {
+ width: 153rpx;
+ /* height: 42rpx; */
+ line-height: 42rpx;
+ text-align: center;
+ background: #ffe3e2;
+ color: 28rpx;
+ border-radius: 21rpx;
+ font-size: 24rpx;
+}
+
+.xc_comment-discuss {
+ width: 152rpx;
+ height: 42rpx;
+ line-height: 42rpx;
+ text-align: center;
+ background: #ffe3e2;
+ color: 28rpx;
+ border-radius: 20rpx;
+ font-size: 24rpx;
+ margin-left: 28rpx
+}
+
+.xc_comment-detail {
+ display: flex;
+ /* margin-top: 40rpx; */
+ /* width: 524rpx; */
+ /* margin-left: 34rpx; */
+ border-radius: 24rpx;
+ border: 2rpx solid #ebedf0;
+ margin-left: 20rpx;
+ box-sizing: border-box;
+ /* overflow: hidden; */
+}
+
+.xc_user-img {
+ border-radius: 50%;
+ margin: auto 0;
+}
+
+.xc_comment-user {
+ display: flex;
+ /* margin-top: 22rpx;
+ margin-left: 22rpx; */
+}
+
+.xc_user {
+ width: 170rpx;
+ height: 60rpx;
+ margin-left: 6rpx;
+ overflow: hidden;
+}
+
+.xc_user-name {
+ /* height: 25rpx; */
+}
+
+.xc_comment-img {
+ width: 22rpx;
+ height: 22rpx;
+ /* margin-top: 14rpx; */
+ margin-right: 5rpx
+}
+
+.xc_comment-font {
+ /* height: 75rpx; */
+ /* margin-left: 22rpx; */
+ white-space: normal;
+ overflow: hidden;
+ /* margin-top: 8rpx;
+ line-height: 38rpx; */
+
+}
+
+.xc_comment-val {
+ /* width: 88%;
+ height: 30rpx;
+ margin-left: 22rpx;
+ display: flex;
+ margin-top: 15rpx;
+ margin-bottom:15rpx; */
+}
+
+.xc_comment-time {
+ /* height: 30rpx; */
+ font-size: 22rpx;
+ color: #a5a5a5;
+ overflow: hidden;
+}
+
+.xc_goods-img {
+ width: 180rpx;
+ height: 180rpx;
+}
+
+.xc_comment-left {
+ display: inline-block;
+ width: 312rpx;
+ padding: 20rpx;
+}
+
+.xc_goods-img-frame {
+ border-radius: 0 22rpx 22rpx 0;
+ overflow: hidden;
+ /* display:inline-block; */
+ /* width: 40%;
+ height: 90%;
+ text-align: center;
+ padding-top: 30rpx;
+ vertical-align: top; */
+}
+
+.xc_imgs {
+ width: 50rpx;
+ height: 50rpx;
+ border-radius: 50%;
+ margin-right: 5rpx;
+}
+
+.pj_word_size {
+ font-size: 28rpx
+}
+
+.pj_scroll {
+ /* white-space: nowrap; */
+ /* height: 324rpx; */
+ /* margin-bottom: 50rpx; */
+ display: flex;
+ align-items: center;
+ padding: 20rpx 0;
+ /* box-sizing: border-box; */
+ /* box-shadow: 0 8px 12px #e7e9eb; */
+}
+
+
+/*领券*/
+.three-level-word {
+ font-size: 25rpx;
+}
+
+.four-level-word {
+ font-size: 23rpx;
+}
+
+.cx-frame {
+ /* border-top:3rpx solid #eee; */
+ /* width:99%;
+ height: 95rpx;
+ line-height: 95rpx;
+ padding-left:24rpx; */
+ padding: 20rpx;
+}
+
+.cx-frame .cx-sizs {
+ /* width: 68rpx; */
+ /* height: 100%; */
+ /* line-height: 100rpx; */
+ /* overflow: hidden; */
+ /* margin-left: 10rpx; */
+}
+
+.xc-coupon-fram {
+ position: relative;
+ margin-right: 16rpx;
+ /* width:200rpx; */
+ /* padding-top:30rpx; */
+
+}
+
+.xc-coupon-fram .xc-coupon {
+ /* width:175rpx ;
+ height: 40rpx;
+ line-height: 40rpx; */
+ background-color: #d60021;
+ /* margin:0 auto; */
+ color: #fff;
+ padding: 6rpx 20rpx;
+
+}
+
+.xc-coupon-fram .xc-circular {
+ width: 16rpx;
+ height: 16rpx;
+ background-color: white;
+ position: absolute;
+ top: 50%;
+ /* left: -10rpx; */
+ transform: translateY(-50%);
+}
+
+.xc-coupon-fram .xc-one {
+ left: -8rpx;
+}
+
+.xc-coupon-fram .xc-two {
+ right: -8rpx;
+}
+
+.cx-obtain-coupon {
+ /* width: 65rpx;
+ height: 100%;
+ padding-left:15rpx; */
+ color: #d70025;
+ display: flex;
+ align-items: center;
+ /* position: absolute;
+ right: 5rpx; */
+}
+
+/* 自定义弹出窗口 */
+.cx-popup {
+ width: 100%;
+ background: #fff;
+ z-index: 35;
+ border-top-left-radius: 25rpx;
+ border-top-right-radius: 25rpx;
+ position: fixed;
+ bottom: 0;
+}
+
+.cx-popup .top {
+ /* width: 90%;
+ height:85rpx; */
+ font-size: 32rpx;
+ padding: 20rpx 0;
+ border-bottom: 2rpx solid #ebedf0;
+ /* padding-top: 50rpx;
+ font-weight:600; */
+
+}
+
+.cx-popup .top-frame {
+ /* width: 100%;
+ display: flex;
+ justify-content: center;
+ overflow: hidden; */
+}
+
+.xc-valid-coupon {
+ width: 90%;
+ height: 40rpx;
+ padding-top: 24rpx;
+ overflow: hidden;
+}
+
+.xc-frame {
+ position: relative;
+}
+
+.xc-coupon-frame {
+ width: 100%;
+ max-height: 560rpx;
+ overflow: auto;
+
+}
+
+.xc-coupon-frame .rel:not(:first-child) {
+ margin-top: 20rpx;
+}
+
+.xc-coupon-frame .coupon {
+ width: 100%;
+ height: 168rpx;
+ border-radius: 25rpx;
+ border: 2rpx solid #ffdcdc;
+ overflow: hidden;
+ /* margin-top:16rpx; */
+ box-sizing: border-box;
+
+}
+
+/* .xc-coupon-frame .coupon ~ .coupon {
+ margin-top:16rpx;
+} */
+.xc-coupon-left {
+ width: 216rpx;
+ /* height: 100%; */
+ background-color: #ffeeef;
+ border-right: 4rpx dashed #ffdbd9;
+ overflow: hidden;
+ /* line-height: 100%; */
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ flex-shrink: 0;
+}
+
+.xc-money {
+ color: #f30026;
+ text-align: center;
+}
+
+.xc-rmb {
+ /* width:44rpx;
+ padding-top:7rpx; */
+}
+
+.xc-money-frame {
+ /* margin-left:35rpx;
+ margin-top:48rpx; */
+
+}
+
+.xc-spacing {
+ letter-spacing: 4rpx;
+}
+
+.xc-circular-one {
+ position: absolute;
+ top: -15rpx;
+ left: 205rpx;
+ width: 30rpx;
+ height: 30rpx;
+ background: #fff;
+ overflow: hidden;
+}
+
+.xc-circular-two {
+ position: absolute;
+ bottom: -15rpx;
+ /* top:150rpx; */
+ left: 205rpx;
+ width: 30rpx;
+ height: 30rpx;
+ background: #fff;
+}
+
+.xc-detail-coupon {
+ /* margin-left: 22rpx;
+ overflow: hidden;
+ padding-top: 43rpx; */
+ /* display: flex;
+ align-items: center; */
+}
+
+.xc-coupon-right {
+ /* width: 455rpx;
+ height: 100%; */
+ background: #fffaf9;
+ padding: 20rpx;
+ box-sizing: border-box;
+ width: 100%;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.xc-below {
+ margin-top: 20rpx;
+
+}
+
+.xc-get {
+
+ width: 140rpx;
+ /* height: 48rpx; */
+ color: #fff;
+ text-align: center;
+ border-radius: 27rpx;
+ line-height: 54rpx;
+ /* margin-left:20rpx; */
+}
+
+.background {
+ background: #f40028;
+}
+
+/*--不可使用--*/
+.background.nouse {
+ background: gainsboro;
+}
+
+.xc-background {
+ background: #b9b9b9;
+}
+
+
+.cx-confirm {
+ width: 100%;
+ padding: 20rpx;
+ box-sizing: border-box;
+ /* height: 160rpx; */
+
+}
+
+.cx-confirm .confirm {
+ /* width: 372rpx;
+ height: 60rpx; */
+ background-color: #f40026;
+ color: #fff;
+ border-radius: 10rpx;
+ line-height: 80rpx;
+ font-size: 28rpx;
+
+}
+
+.up {
+ animation: up .7s;
+}
+
+.down {
+ animation: down 1s;
+}
+
+@keyframes up {
+ 0% {
+ transform: translateY(550rpx);
+ }
+
+ 100% {
+ transform: translateY(0);
+ }
+}
+
+@keyframes down {
+ 0% {
+ transform: translateY(0);
+ }
+
+ 100% {
+ transform: translateY(550rpx);
+ }
+}
+
+
+/* 分享 */
+.icon-share {
+ font-size: 42rpx;
+ color: #d60021;
+ line-height: 1;
+}
+
+.xc-share-frame {
+ /* width: 129rpx;
+ height: 48rpx;
+ border-top-left-radius: 18rpx;
+ border-bottom-left-radius: 18rpx; */
+ /* background: #d60021; */
+ /* position:absolute;
+ left:622rpx;
+ top:-37rpx;
+ line-height:50rpx;
+ margin-top:52rpx; */
+}
+
+.xc-share-frame-jieti {
+ width: 129rpx;
+ height: 48rpx;
+ border-top-left-radius: 18rpx;
+ border-bottom-left-radius: 18rpx;
+ background: #d60021;
+ line-height: 50rpx;
+}
+
+.xc-share-frame .share-font,
+.xc-share-frame-jieti .share-font {
+ font-size: 32rpx;
+ color: #fff;
+ margin-left: 10rpx;
+
+}
+
+
+.xc-share-frame .share-frame,
+.xc-share-frame-jieti .share-frame {
+ width: 30rpx;
+ height: 30rpx;
+ margin-top: 9rpx;
+ margin-left: 10rpx;
+
+}
+
+.xc-share {
+ width: 90%;
+ height: 800rpx;
+ background: #fff;
+ z-index: 35;
+}
+
+.img-frame {
+ position: absolute;
+ top: 175rpx;
+ left: 100rpx;
+ z-index: 55;
+ overflow: hidden;
+
+}
+
+.img-frame .img {
+ width: 100rpx;
+ height: 100rpx;
+
+}
+
+.xc-share .top {
+ height: 85rpx;
+ width: 100%;
+ border-bottom: 4rpx dashed #f5f5f5;
+ overflow: hidden;
+
+}
+
+.xc-share .name {
+ font-size: 25rpx;
+ margin-left: 180rpx;
+ color: #000;
+
+}
+
+.xc-share .recommend {
+ width: 110rpx;
+ height: 12rpx;
+ color: #fff;
+ background: #d60021;
+ font-size: 20rpx;
+ border-radius: 25rpx;
+ margin-left: 10rpx;
+ line-height: 37rpx;
+}
+
+.xc-left-circle {
+ width: 40rpx;
+ height: 25rpx;
+ position: absolute;
+ top: 280rpx;
+ left: 29rpx;
+ z-index: 55;
+ background: #727272;
+ border-radius: 50rpx 50rpx 0 0;
+ transform: rotate(90deg);
+
+}
+
+.xc-right-circle {
+ width: 40rpx;
+ height: 25rpx;
+ position: absolute;
+ top: 280rpx;
+ left: 683rpx;
+ z-index: 55;
+ background: #727272;
+ border-radius: 50rpx 50rpx 0 0;
+ transform: rotate(270deg);
+
+}
+
+.xc-circle-frame {
+ width: 25rpx;
+ height: 40rpx;
+ overflow: hidden;
+}
+
+.xc-goods-name {
+ width: 95%;
+ font-size: 35rpx;
+ padding-left: 75rpx;
+ height: 50rpx;
+ padding-top: 10rpx;
+ color: #000;
+
+}
+
+.xc-good-img {
+ width: 100%;
+ height: 381rpx;
+ margin-top: 5rpx;
+
+}
+
+.xc-good-img .img {
+ width: 90%;
+ height: 381rpx;
+}
+
+.xc-ensure-frame {
+ width: 90%;
+ height: 60rpx;
+ border-bottom: 2rpx solid #d8d6d7;
+}
+
+.xc-ensure {
+ width: 30%;
+ height: 60rpx;
+ line-height: 60rpx;
+}
+
+xc-ensure-div {
+ width: 100%;
+ height: 60rpx;
+}
+
+.xc-ensure .word {
+ font-size: 25rpx;
+ color: #d30025;
+ margin-left: 9rpx;
+
+}
+
+.xc-ensure .img {
+ width: 25rpx;
+ height: 25rpx;
+ margin-top: 18rpx;
+
+}
+
+.xc-bottmon {
+ width: 100%;
+}
+
+.xc-bottmon .xc-left {
+ width: 55%;
+ margin-top: 30rpx;
+ padding-left: 20rpx;
+
+}
+
+.xc-left .xc-top {
+ font-size: 25rpx;
+ height: 40rpx;
+ line-height: 40rpx;
+ color: #000;
+}
+
+.xc-left .xc-middle {
+ font-size: 25rpx;
+ color: #b2b2b2;
+ height: 30rpx;
+ line-height: 30rpx;
+}
+
+.xc-left .xc-buttem {
+ font-size: 25rpx;
+ height: 100rpx;
+ line-height: 100rpx;
+ color: #000;
+}
+
+.xc-ensure-right {
+ width: 30%;
+}
+
+.xc-qrcode {
+ width: 120rpx;
+ height: 120rpx;
+ margin-top: 43rpx;
+ margin-left: 80rpx;
+
+}
+
+.xc-close {
+ width: 50rpx;
+ height: 50rpx;
+ border-radius: 50%;
+ border: 3rpx solid #fff;
+ text-align: center;
+ line-height: 41rpx;
+ font-size: 50rpx;
+ color: #fff;
+ font-weight: lighter;
+ font-family: MingLiU;
+ transform: rotate(270deg);
+ overflow: auto;
+ margin-top: 6rpx;
+ margin-bottom: 1rpx;
+
+}
+
+.xc-close-frame {
+ position: absolute;
+ margin-top: 30rpx;
+ width: 90%;
+ display: flex;
+ justify-content: center;
+ overflow: auto;
+
+}
+
+.xc-guanbi {
+ width: 100%;
+ height: 80rpx;
+ overflow: hidden;
+}
+
+
+/* 自定义弹出窗口 */
+.cx-popup {
+ width: 100%;
+ background: #fff;
+ z-index: 35;
+ border-top-left-radius: 10rpx;
+ border-top-right-radius: 10rpx;
+ position: fixed;
+ bottom: 0;
+}
+
+.xc-top-content {
+ width: 88%;
+ height: 85rpx;
+ padding-top: 50rpx;
+ font-size: 36rpx;
+}
+
+
+.xc-valid-coupon {
+ width: 90%;
+ height: 40rpx;
+ padding-top: 24rpx;
+ overflow: hidden;
+}
+
+.xc-frame {
+ /* width: 100%;
+ margin-top:20rpx; */
+ padding: 20rpx;
+}
+
+.xc-frame .list-frame {
+ width: 90%;
+ height: 100%;
+ overflow-y: scroll;
+
+ margin-top: 20rpx;
+
+}
+
+.xc-close-frame {
+ margin-top: 30rpx;
+ width: 15%;
+ display: flex;
+}
+
+.xc-close {
+ width: 70rpx;
+ height: 70rpx;
+ border-radius: 50%;
+ border: 5rpx solid #a5a5a7;
+ text-align: center;
+ line-height: 55rpx;
+ font-size: 80rpx;
+ color: #a5a5a7;
+ font-family: "微软正黑体";
+ margin-top: 8rpx;
+
+}
+
+.xc-money {
+ color: #ff0013;
+}
+
+.xc-money-frame {
+ /* margin-left:35rpx; */
+
+}
+
+.xc-coupon-effect {
+ width: 99%;
+ height: 128rpx;
+ border-bottom: 3rpx solid #ddd;
+
+
+}
+
+.xc-goods-coupon {
+ width: 80%;
+ height: 100%;
+
+}
+
+.xc-title {
+ width: 50%;
+ margin-left: 222rpx;
+
+}
+
+.xc-coupon-money {
+ color: #c91e31;
+ font-size: 35rpx;
+ margin-top: 20rpx;
+
+}
+
+.xc-coupon-time {
+ height: 50rpx;
+ font-size: 27rpx;
+ color: #a4a4a4;
+}
+
+.xc-coupon-time .time {
+ margin-left: 15rpx;
+ font-size: 27rpx;
+}
+
+.xc-coupon-selection {
+ width: 99%;
+ height: 100%;
+
+
+}
+
+.xc-confirm {
+ width: 90%;
+ height: 75rpx;
+ margin: 0 auto;
+ background: #c41830;
+ color: #fff;
+ border-radius: 10rpx;
+ font-size: 30rpx;
+ margin-top: 50rpx;
+}
+
+.xc-not-Selection {
+ width: 60rpx;
+ height: 60rpx;
+ background: #eeeeee;
+}
+
+/*---------------视频图片---------------*/
+.xc-imageCount {
+ width: 95rpx;
+ height: 50rpx;
+ background-color: rgba(0, 0, 0, 0.3);
+ border-radius: 40rpx;
+ line-height: 50rpx;
+ color: #fff;
+ text-align: center;
+ font-size: 26rpx;
+ position: absolute;
+
+ right: 23rpx;
+ bottom: 21rpx;
+}
+
+
+/* 视频图片的边框 */
+.xc-videos-picture {
+ width: 100%;
+ height: 750rpx;
+}
+
+/* 视频 */
+.xc-videos {
+ width: 100%;
+ height: 544rpx;
+
+
+}
+
+/* 点击视频或图片 */
+.xc-video-picture {
+
+ bottom: 20rpx;
+ left: 0rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 45%;
+ height: 60rpx;
+ margin-left: 215rpx;
+
+}
+
+.xc-video-button:before {
+ content: "";
+ position: absolute;
+ left: 48%;
+ top: 40%;
+ width: 0;
+ height: 0;
+ margin-left: -36rpx;
+ margin-top: -10rpx;
+ border-width: 13rpx;
+ border-style: dashed;
+ border-color: transparent transparent transparent #fff;
+ font-size: 0;
+ line-height: 0;
+ z-index: 2;
+ -webkit-backface-visibility: hidden;
+}
+
+.xc-video-buttons:before {
+ content: "";
+ position: absolute;
+ left: 50%;
+ top: 41%;
+ width: 0;
+ height: 0;
+ margin-left: -36rpx;
+ margin-top: -10rpx;
+ border-width: 13rpx;
+ border-style: dashed;
+ border-color: transparent transparent transparent #000;
+ font-size: 0;
+ line-height: 0;
+ z-index: 2;
+ -webkit-backface-visibility: hidden;
+}
+
+.xc-video {
+ /* width:100rpx; */
+ /* height: 50rpx;
+ line-height: 50rpx; */
+ text-align: center;
+ /* margin-left:-30rpx; */
+
+
+}
+
+/* 图片 */
+.xc-picture {
+ color: #000;
+ background: #dcdcdc;
+ width: 94rpx;
+ height: 45rpx;
+ font-size: 25rpx;
+ border-radius: 25rpx;
+ font-family: 'SimHei', Arial;
+ text-align: center;
+ line-height: 45rpx;
+ margin-left: 53rpx
+}
+
+/* 点击视频 */
+.xc-video-button {
+ position: relative;
+ color: #000;
+ background: #dcdcdc;
+ width: 85rpx;
+ height: 45rpx;
+ line-height: 45rpx;
+ font-size: 30rpx;
+ border-radius: 25rpx;
+ font-family: 'SimHei', Arial;
+ padding-left: 11rpx;
+}
+
+
+.xc-sn {
+ color: #fff;
+ background: #c7161e;
+ border-color: transparent transparent transparent #fff;
+}
+
+/* 图片 */
+.xc-pictures {
+ width: 100%;
+ height: 529rpx;
+
+}
+
+/*视频封面的图片 */
+.xc-picturess {
+ position: relative;
+ width: 100%;
+ height: 529rpx;
+}
+
+/* 播放 */
+.xc-play {
+ width: 130rpx;
+ height: 130rpx;
+ position: absolute;
+ top: 207rpx;
+ left: 309rpx;
+}
+
+.xc-video-buttons {
+ position: relative;
+ color: #000;
+ background: #dcdcdc;
+ width: 85rpx;
+ height: 45rpx;
+ line-height: 45rpx;
+ font-size: 30rpx;
+ border-radius: 25rpx;
+ font-family: 'SimHei', Arial;
+ padding-left: 11rpx;
+}
+
+
+.wsize {
+ font-size: 32rpx
+}
+
+.five-level-word {
+ font-size: 24rpx;
+}
+
+
+/*-- 推荐商品 --*/
+.xc-goods {
+ height: auto;
+ background: #f2f2f2;
+ padding: 0 20rpx;
+ margin-top: -25rpx;
+ padding-bottom: 20rpx
+}
+
+.xc-goods-recommend {
+ border-radius: 20rpx;
+ width: 345rpx;
+ height: 450rpx;
+ margin-top: 25rpx;
+ display: inline-block;
+
+}
+
+.xc-goods-recommend.ml {
+ margin-left: 22rpx
+}
+
+.xc-goods-recommend .xc-goods-imgs {
+ width: 100%;
+ height: 325rpx;
+ border-radius: 20rpx 20rpx 0 0;
+}
+
+.xc-goods-bottom {
+ width: 345rpx;
+ height: 134rpx;
+ background: #fff;
+ border-radius: 0 0 20rpx 20rpx;
+ bottom: -8rpx;
+ left: 0rpx;
+}
+
+.xc-goods-bottom .monry-frame {
+ width: 283rpx;
+ height: 52rpx;
+ padding-left: 24rpx;
+
+}
+
+.xc-good-explain {
+ width: 283rpx;
+ height: 60rpx;
+ word-break: normal;
+ margin-left: 30rpx;
+ font-size: 26rpx;
+ line-height: 30rpx;
+ margin-top: 5rpx;
+}
+
+.money-color-val {
+ color: #c6172f;
+}
+
+.rmb-symbol {
+ line-height: 81rpx;
+ height: 53rpx;
+ font-size: 28rpx;
+}
+
+.xc-original-price {
+ color: #c0c0c0;
+}
+
+/* 文字中间加线条 */
+.word-lines {
+ text-decoration: line-through;
+ line-height: 90rpx;
+ margin-left: 10rpx;
+ font-size: 20rpx;
+}
+
+.xc-linellae-frame {
+ width: 100%;
+ height: 70rpx;
+ background: #f2f2f2;
+}
+
+.xc-linellae-frame .xc-linellae {
+ width: 386rpx;
+ height: 1rpx;
+ border-bottom: 1rpx solid #ebedf0;
+}
+
+.xc-recommend-frame {
+ background: #f2f2f2;
+ width: 97rpx;
+ height: 100%;
+ padding-left: 10rpx;
+}
+
+.xc-recommend-frame .xc-recommend {
+ width: 35rpx;
+ height: 27rpx;
+}
+
+.xc-recommend-frame .xc-recommend-word {
+ width: 58rpx;
+ font-size: 24rpx;
+ color: #a9a9a9;
+ margin-left: 5rpx;
+ margin-bottom: 5rpx;
+ margin-top: 1rpx;
+
+}
+
+.xc-price-frame {
+ color: #ec0022;
+ align-items: baseline;
+ /* height:44rpx; */
+}
+
+.xc-price-frame .sign {
+ margin-top: 19rpx;
+ margin-left: -4px;
+}
+
+.xc-val-price {
+ margin-left: 24rpx;
+ color: #ec0022;
+ padding-top: 13rpx;
+}
+
+.xc-val-price .save {
+ border-radius: 10rpx;
+ margin-top: 5rpx;
+ background: #fed2d9;
+ min-width: 230rpx;
+ height: 40rpx;
+ line-height: 40rpx;
+ width: auto;
+ padding-left: 12rpx;
+ padding-right: 12rpx;
+
+}
+
+.xc-unit-price {
+ margin-top: 25rpx;
+ padding-left: -4rpx;
+
+}
+
+.xc-explain {
+ color: #292929;
+ width: 542rpx;
+ margin: 10rpx 0 20rpx;
+ width: 100%;
+ font-weight: bold;
+}
+
+.xc-item {
+ width: 16%;
+ font-size: 26rpx;
+ color: #666;
+ margin-right: 5rpx;
+}
+
+.xc-item .yuan {
+ width: 38rpx;
+ height: 38rpx;
+ line-height: 38rpx;
+ border: 1rpx solid #f3f1f2;
+ margin-left: 33rpx;
+
+}
+
+.xc-item .word {
+ width: 104rpx;
+ margin-top: 16rpx;
+ color: #363636;
+ font-weight: 600;
+
+}
+
+.xc-item .circle-color {
+ background: #d60024;
+ color: #fff;
+}
+
+.xc-item .circle-color1 {
+ background: #fefefe;
+ color: #666666;
+}
+
+.link {
+ height: 6rpx;
+ width: 180rpx;
+ top: 54rpx;
+ left: 32px;
+}
+
+.link1 {
+ height: 6rpx;
+ width: 166rpx;
+ top: 54rpx;
+ left: 264rpx;
+}
+
+.link2 {
+ height: 6rpx;
+ width: 157rpx;
+ top: 54rpx;
+ right: 87rpx;
+}
+
+.link-color-red {
+ background: #d60024;
+}
+
+.link-color {
+ background: #e5e5e5;
+}
+
+.xc-qt-price {
+ top: -15rpx;
+ left: 25rpx;
+ color: #fff;
+}
+
+.xc-qt-price .xc-qtunit-price {
+ margin-left: 6rpx;
+ margin-top: -4rpx;
+}
+
+.xc-nanber {
+ top: -25rpx;
+ left: 289rpx;
+
+}
+
+.xc-qtsign {
+ margin-top: 5rpx;
+
+}
+
+.xc-people-img {
+ height: 36rpx;
+ width: 36rpx;
+ background: #fff;
+ border-radius: 7rpx;
+
+}
+
+.xc-people-img .imgs {
+ width: 28rpx;
+ height: 28rpx;
+ margin-top: 4rpx;
+
+}
+
+.xc-people-val {
+
+ height: 32rpx;
+ border-top: 1rpx solid #fff;
+ border-bottom: 1rpx solid #fff;
+ border-right: 1rpx solid #fff;
+ border-radius: 0 7rpx 7rpx 0;
+ line-height: 32rpx;
+ margin-left: -6rpx;
+ padding: 0 12rpx;
+}
+
+.word-color {
+ color: #d70024;
+}
+
+.word-color-lan {
+ color: #0393e1;
+}
+
+.pt_view .hy-stop {
+ top: -23rpx;
+ right: 56rpx;
+}
+
+.xc-time-val {
+ width: 36rpx;
+ height: 36rpx;
+ border-radius: 7rpx;
+ line-height: 36rpx;
+}
+
+.xc-time {
+ margin-right: 10rpx;
+ margin-left: 10rpx;
+ margin-top: -32rpx;
+}
+
+.xc-goods-explain {
+ width: 100%;
+ /* padding-left:30rpx;
+ margin-left:-9rpx;
+ height: 150rpx */
+}
+
+.xc-partner-frame {
+ border-bottom: 2rpx solid #eee;
+ width: 100%;
+ padding: 20rpx;
+ /* height:56rpx; */
+ box-sizing: border-box;
+}
+
+.xc-person-number {
+ width: 120rpx;
+ color: #999999;
+ padding-left: 8rpx;
+ text-align: left
+}
+
+.xc-miaosha-time {
+ right: 17rpx;
+ top: 55rpx;
+}
+
+.pd_top1 {
+ padding-top: 10rpx
+}
+
+.s_ms_bth {
+ margin-top: 85rpx
+}
+
+
+.no_pj_list {
+ text-align: center;
+ width: 100%;
+ color: #999;
+ margin: 30rpx 0;
+ display: inline-block;
+ font-size: 28rpx
+}
+
+/* 门店地址 */
+.xc-address_frame {
+ /* border-top:1rpx solid #eee; */
+ width: 100%;
+ height: auto;
+ padding: 20rpx;
+ box-sizing: border-box;
+}
+
+.on_height {
+ height: 90rpx;
+}
+
+.sn_height {
+ /* min-height: 170rpx; height: auto;padding: 10rpx 0; */
+}
+
+.xc-address_frame .address_frame {
+ width: 100%;
+ /* padding-left: 10rpx;
+margin: auto; */
+
+}
+
+.shop_name {}
+
+.stores-img {
+ width: 28rpx;
+ height: 28rpx;
+ margin-right: 10rpx;
+}
+
+.shop_name {
+ margin-right: 10rpx;
+}
+.shop_name.max{
+ max-width:370rpx; flex-shrink: 0;
+}
+
+
+.address {
+ /* width: 100%;
+ margin-top: 5rpx;
+ margin-bottom: 5rpx; */
+}
+
+.distance {
+ padding-left: 20rpx;
+ padding-right: 20rpx;
+ background: #eee;
+ border-radius: 20rpx;
+ /* margin-right: 5rpx; */
+ color: #999;
+ height: 38rpx;
+ line-height: 38rpx;
+ position: relative;
+ top: 5rpx;
+
+}
+
+/* 选择门店的弹窗 */
+.mongolia-layer {
+ position: fixed;
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 11;
+ background: rgba(0, 0, 0, 0.4);
+ width: 100%;
+ height: 91.9%;
+
+}
+
+.popup-frame {
+ position: fixed;
+ z-index: 20;
+ background: white;
+ width: 100%;
+ border-radius: 20rpx 20rpx 0 0;
+ height: auto;
+ bottom: 0;
+}
+
+.popup-top {
+ border-bottom: 1rpx solid #eee;
+ height: 155rpx;
+ width: 95%;
+ margin: auto;
+ line-height: 155rpx;
+
+}
+
+.bg_rights {
+ border-top: 2rpx solid;
+ border-right: 2rpx solid;
+ transform: rotate(45deg);
+ display: inline-block;
+ width: 15rpx;
+ height: 15rpx;
+ border-color: #da0b31;
+}
+
+.modal-closes {
+ position: absolute;
+ right: 30rpx;
+ top: -15rpx;
+ height: 25rpx;
+
+}
+
+.choose_more {
+ margin-top: 40rpx;
+ margin-right: 20rpx;
+
+}
+
+.choose_mores {
+ margin-top: 30rpx;
+ margin-right: 15rpx;
+
+}
+
+.store-list {
+ width: 95%;
+ min-height: 300rpx;
+ overflow-y: scroll;
+ margin: auto;
+ max-height: 610rpx;
+}
+
+.store-list .store_choose {
+ width: 100%;
+ height: 120rpx;
+ line-height: 125rpx;
+ border-bottom: 1rpx solid #eee;
+
+}
+
+.store-list .store_choose .store {
+ width: 100%;
+ margin: auto;
+ line-height: 37rpx;
+ padding-left: 20rpx;
+
+}
+
+.xc-hook {
+ width: 35rpx;
+ height: 35rpx;
+ transform: rotate(-145deg);
+ line-height: 37rpx;
+ text-align: center;
+}
+
+.xc-hooks {
+ width: 30rpx;
+ height: 30rpx;
+ border: 1rpx solid #999;
+}
+
+.address-frame {
+ width: 93%;
+ margin-left: 7rpx;
+
+}
+
+.nearby_store {
+ margin-left: 17rpx;
+}
+
+.address_name {
+ margin-right: 10rpx;
+ width: 360rpx;
+
+}
+
+.address-val {
+ height: 38rpx;
+ line-height: 38rpx;
+
+}
+
+.store-bottom {
+ width: 85%;
+ margin: auto;
+ height: 90rpx;
+}
+
+.determine {
+ width: 260rpx;
+ height: 55rpx;
+ border-radius: 50rpx;
+ line-height: 55rpx;
+}
+
+.default {
+ width: 260rpx;
+ height: 55rpx;
+ border: 3rpx solid #c8c8c8;
+ border-radius: 50rpx;
+ line-height: 55rpx;
+}
+
+.store-bottom-frame {
+ width: 95%;
+ margin: auto;
+
+}
+
+/* 门店分类列表 */
+.sort_store_list {
+ max-height: 700rpx;
+ overflow: hidden;
+ overflow-y: scroll;
+ width: 95%;
+ margin: auto;
+}
+
+.sort_store_list .sort-store-frame {
+ width: 100%;
+ height: 100rpx;
+ line-height: 100rpx;
+ border-bottom: 1rpx solid #eee;
+
+}
+
+.sort_store_list .sort-store-frame .sort-store {
+ width: 94.5%;
+ margin: auto;
+}
+
+.black_rights-frame {
+ width: 50%；
+}
+
+.black_rights-frame .black_rights {
+ border-top: 3rpx solid;
+ border-right: 3rpx solid;
+ transform: rotate(45deg);
+ display: inline-block;
+ width: 20rpx;
+ height: 20rpx;
+}
+
+.xc-val-money {
+ height: 55rpx;
+}
+
+.xc-distance-bottom {
+ margin-bottom: 40rpx;
+}
+
+.xc-distance-top {
+ margin-top: 10rpx;
+}
+
+.xc-width {
+ width: 100%;
+}
+
+.right-arrow {
+ width: 15rpx;
+ height: 15rpx;
+ border-top: 2rpx solid #d70026;
+ border-right: 2rpx solid #d70026;
+ transform: rotate(45deg);
+ display: inline-block;
+ margin-bottom: 3rpx;
+}
+
+.xc-goods-attribute {
+ border-bottom: 1px solid #eee;
+ padding-bottom: 20rpx;
+ /* margin-bottom:40rpx; */
+}
+
+.xc-val-fream {
+ width: 105rpx;
+}
+
+.is_stock {
+ width: 58%;
+ height: 70rpx;
+ border-radius: 55rpx;
+}
+
+.select_store_height {
+ height: 50rpx;
+}
+
+.butttem5 {
+ margin-bottom: 5rpx;
+}
+
+.no_pj_list {
+ text-align: center;
+ width: 100%;
+ color: #999;
+ margin-top: 30rpx;
+ display: inline-block;
+ font-size: 28rpx
+}
+
+
+.join-cart>view.no_store {
+ width: 58%;
+ background-color: #adadad;
+}
+
+.s_btn {
+ margin-top: 25rpx;
+}
+
+/* 美妆价的样式 */
+.beauty-makeup-frame {
+ /* width: 101.5%;
+ margin: auto; */
+ height: 120rpx;
+ border-radius: 15rpx;
+ margin-top: 10px;
+
+}
+
+.beauty-makeup-frame .left {
+ width: 80%;
+ height: 100%;
+ background: #f7f7f7;
+ border-radius: 20rpx 0rpx 0rpx 20rpx;
+ /* padding: 0 10rpx; */
+}
+
+.card-frame {
+ margin-top: 0rpx;
+ /* padding-right: 23rpx;
+ margin-right: 15rpx; */
+}
+
+.advert-card {
+ margin-top: 0rpx !important;
+
+}
+
+.beauty-makeup-frame .right {
+ width: 20%;
+ height: 100%;
+ background: #f3efe3;
+ border-radius: 0rpx 20rpx 20rpx 0rpx;
+}
+
+.grade-card-frame {
+
+ /* height:45rpx ; */
+ background: #3c300a;
+ border-radius: 20rpx;
+ /* margin-top: 10px;
+ margin-left: 7rpx; */
+ justify-content: center;
+ padding: 4rpx 12rpx;
+}
+
+.grade-card-frame .img {
+ width: 24rpx;
+ height: 24rpx;
+ margin-top: 2px;
+
+}
+
+.grade-card-frame .card-name {
+ margin-left: 8rpx;
+ /* max-width: 120rpx; */
+ max-width: 165rpx;
+}
+
+.card-effect {
+ /* margin-left: 15rpx; */
+}
+
+.at_once_carde {
+ width: 65rpx;
+ height: 75rpx;
+ line-height: 38rpx;
+}
+
+.bg_right {
+ width: 18rpx;
+ height: 18rpx;
+ border-top: 2rpx solid #333;
+ border-right: 2rpx solid #333;
+ transform: rotate(45deg);
+ display: inline-block;
+ margin-bottom: 3rpx;
+
+}
+
+.carde_frame {
+ height: 50rpx;
+ /* line-height: 18rpx */
+}
+
+button.custom-service {
+ line-height: normal;
+ border: 0;
+}
+
+button.custom-service::after {
+ border: 0;
+}
+
+.no_store,.c-red22 {
+ color: #d60021;
+ font-size: 26rpx;
+}
+
+
+.cx_show_view {
+ width: 580rpx;
+ /* line-height: 30rpx; margin-bottom: 6rpx; */
+}
+
+.cx_show_view .word {
+ width: 400rpx
+}
+
+.prom_condition {
+ color: #f23030;
+ /* width: 180rpx; */
+ /* height: 30rpx; */
+ /* font-size: 20rpx; */
+ /* padding-top: 0.01rpx; */
+ /* display: flex;
+ justify-content: center;
+ align-items: center; */
+ border: 2rpx solid #f23030;
+ border-radius: 6rpx;
+ /* margin-right: 10rpx; */
+ /* margin-left: 10rpx; */
+ font-size: 24rpx;
+ padding-right: 6rpx;
+ /* padding: 0 10rpx; */
+}
+
+.hui_img {
+ width: 44rpx;
+ height: 44rpx;
+ margin-right: 8rpx
+}
+
+.order_hui {
+ color: #444;
+ width: 420rpx
+}
+
+.order_hui view {
+ height: 34rpx;
+ line-height: 34rpx;
+}
+
+.dp_img {
+ width: 240rpx;
+ height: 240rpx;
+ margin: 0 40rpx
+}
+
+.dp_cx_view {
+ border-bottom: 0.02rpx solid #eee;
+ padding-bottom: 40rpx
+}
+
+.act_content {
+ margin-top: 40rpx
+}
+
+.act_content view {
+ margin-bottom: 12rpx
+}
+
+.color_b {
+ color: #ff9c00
+}
+
+.poster-container {
+ box-sizing: border-box;
+ position: fixed;
+ width: 610rpx;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ /* width: calc(100% - 210rpx); */
+ z-index: 1000;
+}
+
+.mask {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 999;
+ background-color: rgba(0, 0, 0, .6);
+}
+
+.poster-wrapper {
+ width: 100%;
+}
+
+.poster {
+ box-sizing: border-box;
+ width: 100%;
+ height: 980rpx;
+ border-radius: 16rpx;
+ /* box-shadow: 0 8px 12px #666; */
+ position: relative;
+ z-index: 999;
+ overflow: hidden;
+}
+
+.poster-img {
+ display: block;
+ width: 100%;
+ height: 100%;
+}
+
+.btn-container {
+ display: flex;
+ justify-content: space-around;
+}
+
+.btn-share {
+ display: block;
+ background-color: #FE6867;
+ color: white;
+ border-radius: 8rpx;
+ line-height: 80rpx;
+ margin-top: 28rpx;
+ padding: 0 60rpx;
+}
+
+/* .btn-close {
+ background-color: rgba(0,0,0,.5);
+ color: white;
+ width: 40rpx;
+ height: 40rpx;
+ line-height: 40rpx;
+ text-align: center;
+ border-radius: 50%;
+ position: absolute;
+ right: 20rpx;
+ top: 10rpx;
+} */
+
+.goods-price .rel_txt {
+ /* position: relative; top: 32rpx; */
+ font-size: 30rpx;
+}
+
+.goods-price .rel_img {
+ width: 62rpx;
+ height: 62rpx;
+ position: relative;
+ top: 8rpx;
+}
+
+.btn-close {
+ /* background-color: rgba(0,0,0,.5); */
+ color: #ccc;
+ /* width: 50rpx;
+ height: 50rpx;
+ line-height: 50rpx;
+ text-align: center; */
+ border-radius: 50%;
+ position: absolute;
+ right: 20rpx;
+ top: 20rpx;
+}
+
+.icon-close {
+ font-size: 36rpx;
+}
+
+.quan_price {
+ background-color: #ff4700;
+ color: #fff;
+ padding: 10rpx 25rpx;
+ margin-left: 10rpx;
+ border-radius: 30rpx;
+}
+
+/*--闪白屏--*/
+.g_img_box {
+ background-position: center center;
+ background-repeat: no-repeat;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ background-size: cover;
+}
+
+
+
+.arrow {
+ width: auto !important;
+ position: absolute;
+ right: 0;
+ top: 50%;
+ transform: translateY(-50%);
+}
+
+
+.logo-container {
+ -webkit-filter: brightness(80%);
+ filter: brightness(80%);
+}
+
+.logo {
+ width: 132rpx;
+ height: 37rpx;
+ margin-right: 10rpx;
+}
+
+.miao_lab {
+ width: 36rpx;
+ height: 36rpx;
+ border: 4rpx solid #e71f19;
+ color: #e71f19;
+ text-align: center;
+ margin-right: 10rpx;
+ line-height: 36rpx;
+ font-size: 22rpx;
+ font-weight: bolder;
+ border-radius: 50%;
+}
+
+.pop_more_act .content {
+ position: fixed;
+ background: #fff;
+ width: 100%;
+ left: 0;
+ bottom: 0;
+ z-index: 1000;
+}
+
+.p_btn {
+ background-color: #f23030;
+ height: 70rpx;
+ line-height: 70rpx;
+ color: #fff;
+}
+
+.mt20 {
+ margin-top: 20rpx
+}
+
+.group .group-list.luck {
+ padding: 0 20rpx;
+ justify-content: flex-start;
+}
+
+.group-list.luck .gtou~.gtou {
+ margin-left: -16rpx;
+}
+
+.gtou.more {
+ background-color: #ddd;
+ text-align: center;
+ line-height: 70rpx;
+ border-radius: 50%;
+ color: #aaa;
+}
+
+
+.tick {
+ position: relative;
+}
+
+.tick:before {
+ content: '';
+ display: inline-block;
+ vertical-align: middle;
+ margin-top: -4rpx;
+ margin-right: 12rpx;
+ width: 22rpx;
+ height: 22rpx;
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABCUExURUdwTPInDPInDPgoDfMnDPYqEvInDPInDPInDP87NPUoDv8vEvMoDPInDPIoDPMnDvInDPInDPInDPIoDPQoDfInDEON4KMAAAAVdFJOUwD45yawG4zz3gQ0DmLOfECQZpPlS54kMQ4AAAC0SURBVBjTbZFREoMgDERDS0xQQNHu/a/alEGtaIYfHrBhs0S1pujVifo40VkhC+BUHSDzQTlBhjHY8bjogXmDZ+orJKwXwMUeUoa/0PeGbH8Q4Y5CJopYOjosiOQxdpRGk1UXOkrBKdkimtN8UrKrJBVXdzsllSYSjR/0J9JaGn81WluWtonYKQ0op51P3M2L2bmZN9n8MKoVqTph/RsseyjfYxAkfgot/82CpuJVLOLSIv4Cd5AJ37BgpFwAAAAASUVORK5CYII=) no-repeat;
+ background-size: 22rpx auto;
+}
+
+.details::after {
+ content: '';
+ position: absolute;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ display: inline-block;
+ width: 40rpx;
+ height: 40rpx;
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAVUExURUdwTIyMjCYmJiYmJi0tLY+PjyYmJidnOsIAAAAGdFJOUwDt6aYcSSEXj/YAAAA8SURBVCjPY2AYBTQBLEbKDhiCTmlpKggeq2AAiDJLS0tGcBkFBUActbS0JAY4F6sgVu1YLcLnpFFAFQAATwgLKVhjC9UAAAAASUVORK5CYII=);
+ background-repeat: no-repeat;
+ background-size: 40rpx auto;
+}
+
+.lh2 {
+ line-height: 2;
+}
+
+.fill-box {
+ background-color: #f23030;
+ color: white;
+ padding: 0 6rpx;
+ border-radius: 0 0 10rpx 0;
+ margin-right: 4rpx;
+}
+
+.jie_show{ display: inline-block; width: 40rpx; height: 40rpx; background-color:#ff0505;border-radius:50%;color: #fff;text-align: center; margin: 0 20rpx }
+
+.jie_show{ display: inline-block; width: 40rpx; height: 40rpx; background-color:#ff0505;border-radius:50%;color: #fff;text-align: center; margin: 0 20rpx }
+/* 历史购买 */
+.swiper-container {
+ position: absolute;
+ top: 0;
+ left: 0;
+ padding: 20rpx 10rpx;
+ width: 100%;
+ box-sizing: border-box;
+ z-index: 98;
+}
+
+.swiper {
+ height: 60rpx;
+ color: white;
+ font-size: 26rpx;
+}
+
+.swiper-item {
+ /* width: auto !important;
+ background-color: rgba(0,0,0,.4);
+ border-radius: 60rpx; */
+ position: relative;
+}
+
+.swiper-item .item {
+ position: absolute;
+}
+
+.item {
+ /* position: absolute; */
+ display: flex;
+ align-items: center;
+ /* justify-content: center; */
+ border-radius: 60rpx;
+ background-color: rgba(0,0,0,.4);
+ /* position: absolute; */
+}
+
+.avatar-container {
+ width: 60rpx;
+ height: 60rpx;
+ border-radius: 50%;
+ overflow: hidden;
+ flex-shrink: 0;
+}
+.avatar-container image {
+ width: 100%;
+ height: 100%;
+}
+
+.hideArea {
+ position: absolute;
+ left: -1000px;
+ top: -1000px;
+}