<template>
  <view class="page">
    <block v-if="isdata">
      <view class="u-pa1 fix-titlenview-trans">
        <view class="m-banner-ad">
          <swiper
            indicator-dots="true"
            autoplay="true"
            interval="3000"
            duration="300"
          >
            <swiper-item>
              <image
                lazy-load
                class="slide-image"
                mode="aspectFill"
                :src="activityInfo.activity_rule.giftbag_zu_image"
                :data-src="activityInfo.activity_rule.giftbag_zu_image"
                @click="previewProductImg"
              />
            </swiper-item>
          </swiper>
          <navigator
            v-if="activityInfo.activity_rule.activity_video"
            :url="activityInfo.activity_rule.activity_video"
            class="video"
          >
            <image
              lazy-load
              src="/static/images/play.png"
              style="width: 100rpx; height: 100rpx"
            ></image>
          </navigator>
        </view>

        <view class="m-activity-info">
          <view class="m-activity-title">
            <label>{{
              activityInfo.activity_rule.activity_bag_category
            }}</label>
          </view>
          <view class="m-activity-tips">
            <label>{{ activityInfo.activity_name }}</label>
          </view>
          <view class="m-activity-price">
            <view>
              <label style="color: #c0a080"
                >{{ __("￥")
                }}{{ number_format(activityInfo.play_amount, 2) }}</label
              >
              <label
                class="old-price"
                v-if="
                  activityInfo.play_amount <
                  activityInfo.activity_rule.giftbag_amount
                "
                >{{ __("￥")
                }}{{
                  number_format(activityInfo.activity_rule.giftbag_amount, 2)
                }}</label
              >
            </view>
            <!-- <view>
							<label class="m-imfo-sp-selext">
								<view class="u-cart-num">
									<view class="u-num-btn" @click.stop="sub">-</view>
									<input type="number" v-model="numval" @blur="writenum" />
									<view class="u-num-btn" @click.stop="add">+</view>
								</view>
							</label>
						</view> -->
          </view>
        </view>

        <view class="product-l">
          <navigator url="/activity/giftbag/list" class="m-cell m-cell-access">
            <view class="m-cell-bd m-cell-primary">
              <p>{{ __("礼包包含以下商品") }}</p>
            </view>
            <text class="ft-title">{{ __("更多礼包") }}</text
            ><text class="m-cell-ft"></text>
          </navigator>
          <scroll-view class="scroll-view_H" scroll-x="true">
            <block v-if="activityInfo.item">
              <view
                class="scroll-view-item_H"
                v-for="(item, index) in activityInfo.item"
                :key="index"
              >
                <view>
                  <view
                    hover-class="none"
                    :data-pid="item.item_id"
                    :data-state="item.product_state_id"
                    @click="gotoDetail"
                  >
                    <view class="product-l-img">
                      <image
                        style="width: 100%; height: 100%"
                        :src="item.product_image"
                      />
                    </view>

                    <view class="product-l-price">
                      <view class="product_name">
                        <label>{{ item.item_name }}</label>
                      </view>
                      <view class="price-new" style="color: #c0a080">
                        <label
                          >{{ __("￥")
                          }}{{ number_format(item.item_unit_price, 2) }}</label
                        >
                        <label style="margin-left: 10rpx"
                          >x {{ item.activity_item_num }}</label
                        >
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </block>
            <block v-else>
              <view class="m-nullpage-middle">
                <view class="m-null-tip">
                  <text>{{ __("什么都没有！") }}</text>
                </view>
              </view>
            </block>
          </scroll-view>
        </view>
        <!-- 
				<view class="m-cell m-cell-access " style="background-color:  #FFFFFF;;">
					<view class="m-info-sp">
						<label class="m-info-tip" style="float:left;">{{__('库存：')}}{{activityInfo.activity_rule.giftbag_quantity}}</label>
						
						<label class="m-imfo-sp-selext" style="float:left;height: 48rpx;margin-left: 30rpx;">
							<view class="u-cart-num">
								<view class="u-num-btn" @click.stop="sub">-</view>
								<input type="number" v-model="numval" @blur="writenum" />
								<view class="u-num-btn" @click.stop="add">+</view>
							</view>
						</label>
						
					</view>
				</view> -->

        <view class="m-panel m-panel-access m-detail">
          <view class="m-tab">
            <view class="m-navbar">
              <view
                class="m-navbar-item m-navbar-item-on"
                v-if="activityInfo.activity_rule.activity_detail_intro"
              >
                {{ __("活动详情") }}
              </view>
            </view>
          </view>
          <view
            class="m-RichText"
            v-if="activityInfo.activity_rule.activity_detail_intro"
          >
            <wxParse
              :content="activityInfo.activity_rule.activity_detail_intro"
            />
          </view>
        </view>
        <view style="width: 100%; height: 100rpx"></view>
      </view>

      <view class="m-footer-btn m-fg-btn">
        <view class="m-footer-btn-list" style="width: 100%">
          <!-- <view class="m-footer-btn-item" style="width:92rpx;">
						<view class="u-go-home1" @click="onShareBox">
							<view class="m-footer-btn-icon">
								<image src="../../static/images/share.png"/>
							</view>
							<text style="font-size: 20rpx;">{{__('分享')}}</text>
						</view>
					</view> -->
          <block v-if="activityInfo.activity_state == 0">
            <view
              class="m-footer-btn-main m-footer-desable"
              style="width: 100%"
            >
              {{ __("活动未开启") }}
            </view>
          </block>
          <block v-else>
            <view
              v-if="false"
              class="m-footer-btn-main"
              style="background: linear-gradient(to right, #dbc4aa, #ba9877)"
              @click="ckselectsp"
            >
              {{ __("加入购物车") }}
            </view>
            <view
              class="m-footer-btn-main m-footer-desable"
              v-if="
                activityInfo.activity_rule.giftbag_quantity -
                  activityInfo.activity_effective_quantity <=
                0
              "
            >
              {{ __("库存不足") }}
            </view>
            <view
              class="m-footer-btn-main"
              style="background-color: #333959"
              v-else
              @click="goCheckout"
            >
              {{ __("立即购买") }}
            </view>
          </block>
        </view>
      </view>
    </block>
    <view class="m-nullpage" v-else>
      <view class="m-nullpage-middle" v-if="loaded">
        <label class="iconfont icon-meiyougengduo"></label>
        <view class="m-null-tip">
          <text>{{ __("什么都没有！") }}</text>
        </view>
      </view>
      <view class="m-nullpage-middle" v-else>
        <loading></loading>
      </view>
    </view>

    <!-- #ifdef APP-PLUS -->
    <share-box-app
      :shareDataDefault="shareData"
      ref="shareBoxApp"
    ></share-box-app>
    <!-- #endif -->

    <!-- #ifdef H5 -->
    <share-box-h5 :shareDataDefault="shareData" ref="shareBoxH5"></share-box-h5>
    <!-- #endif -->

    <!-- #ifndef APP-PLUS -->
    <share-box-mp
      :shareDataDefault="shareData"
      @cancelShare="cancelShare"
      @showCodeImg="showCodeImg"
      @shareQRCode="shareQRCode"
      @saveImg="saveImg"
      ref="shareBoxMp"
    ></share-box-mp>
    <!-- #endif -->

    <mpvue-city-picker
      :themeColor="themeColor"
      ref="mpvueCityPicker"
      :pickerValueDefault="cityPickerValueDefault"
      @onCancel="onCancel"
      @onConfirm="onConfirm"
    ></mpvue-city-picker>

    <!-- <quick-nav @onReturnTop="onReturnTop" @onShareBox="onShareBox" :isquicknav="isquicknav"></quick-nav> -->
  </view>
</template>

<script>
function getNowFormatDate() {
  var e = new Date(),
    t = "-",
    n = e.getMonth() + 1,
    r = e.getDate();
  n >= 1 && n <= 9 && (n = "0" + n), r >= 0 && r <= 9 && (r = "0" + r);
  var i = e.getFullYear() + t + n + t + r;
  return i;
}

import mpvueCityPicker from "../../components/mpvue-citypicker/mpvueCityPicker.vue";

import wxParse from "@/components/u-parse/u-parse.vue";

import shareBoxMp from "../../components/share-box-mp.vue";
import shareBoxApp from "../../components/share-box-app.vue";
import shareBoxH5 from "../../components/share-box-h5.vue";

import quickNav from "../../components/quick-nav.vue";
import headerNavMenu from "../../components/header-nav-menu.vue";

import uniBadge from "../../components/uni-badge.vue";
import uniTag from "@/components/uni-tag/uni-tag.vue";
import loading from "@/components/loading.vue";

var intervalDate;
var intervalPt;
var intervalCt;
var intervalTimeAct;

import { mapState, mapMutations } from "vuex";

export default {
  data() {
    return {
      options: {},
      activity_id: 0,
      activityInfo: {},
      loaded: true,
      isdata: false,

      numval: 1,
      stock: 1,
      inputval: 1,

      scposition: 0,
      old: {
        scposition: 0,
      },

      shareData: {
        shareText: "GDF商城系统，支持原生App、微信小程序，邀请你一起体验！",
        shareTitle: "GDF商城系统，支持原生App、微信小程序，邀请你一起体验！",
        href: "https://www.suteshop.com",
        image: "",
        price: 0,
      },

      cityPickerValueDefault: [0, 0, 0],
      themeColor: "#007AFF",
      product_freight_info: {
        content: "无货",
        district_info: "上海市/上海市",
        if_store: false,
      },

      latitude: "",
      longitude: "",

      ispage: true,

      uid: 0,

      isquicknav: false,
    };
  },

  components: {
    shareBoxMp,
    shareBoxApp,
    shareBoxH5,
    quickNav,
    uniBadge,
    mpvueCityPicker,
    wxParse,
    uniTag,
    loading,
    headerNavMenu,
  },
  computed: {
    ...mapState([
      "Config",
      "StateCode",
      "notice",
      "plantformactivityInfo",
      "shopactivityInfo",
      "useractivityInfo",
      "hasLogin",
      "cartNum",
    ]),
  },
  onLoad: function (options) {
    uni.setNavigationBarTitle({
      title: this.__("礼包详情"),
    });

    var that = this;

    if (options.aid) {
      this.setData({
        activity_id: options.aid,
      });
      that.InitData();
    }

    if (options.uid) {
      this.setData({
        uid: options.uid,
      });

      if (this.hasLogin) {
        that.sharePoint();
      }
    }
  },

  methods: {
    ...mapMutations([
      "login",
      "logout",
      "getPlantformactivityInfo",
      "forceUseractivityInfo",
      "getUseractivityInfo",
      "setCartNum",
    ]),
    InitData: function (options) {
      var that = this;
      var params = {
        activity_id: this.activity_id,
      };

      that.$.request({
        url: that.Config.URL.user.giftbag_get,
        data: params,
        success: function (data, status, msg, code) {
          if (200 == status) {
            //计算商品原价小计
            for (var i = 0; i < data.item.length; i++) {
              //activity_item_num

              if (
                data.activity_type_id == that.StateCode.ACTIVITY_TYPE_GIFTBAG
              ) {
                for (var j = 0; j < data.activity_rule.discount.length; j++) {
                  if (
                    data.item[i]["item_id"] ==
                    data.activity_rule.discount[j]["item_id"]
                  ) {
                    data.item[i]["activity_item_num"] =
                      data.activity_rule.discount[j]["rate"];
                  }
                }
              }
            }

            that.setData({
              isdata: true,
              ispage: true,
              loaded: true,
              activityInfo: data,
            });
          } else {
            that.setData({
              flag: false,
              ispage: true,
            });
          }
        },
      });
    },
    ckselectsp: function (e) {
      var that = this;

      var pat = [];

      if (that.activityInfo.activity_rule.giftbag_quantity <= 0) {
        uni.showModal({
          title: "提示",
          content: "当前套餐库存不足，看看别的吧！",
          success: (res) => {
            uni.navigateTo({
              url: "/activity/giftbag/list",
            });
          },
        });
        return false;
      }

      /*
				for(let i in that.activityInfo.activity_rule.item_quantitys)
				{
					pat.push({item_id:i,quantity:that.activityInfo.activity_rule.item_quantitys[i]})
				}
				*/

      var items = that.activityInfo.activity_rule.discount;

      {
        for (var i in items) {
          if (items[i]) {
            var t = items[i]["item_id"] + "|" + items[i]["rate"];
            pat.push(t);
          }
        }
      }

      var str = pat.join(",");

      var params = {
        cart_id: str,
        activity_id: this.activity_id,
      };

      that.$.request({
        url: that.Config.URL.cart.batchadd,
        data: params,
        success: function (data, status, msg, code) {
          if (200 == status) {
            uni.showModal({
              title: "提示",
              content: "加入购物车成功！",
              success: (res) => {
                uni.switchTab({
                  url: "../../pages/cart/cart",
                });
              },
            });
          } else {
            uni.showModal({
              title: "提示",
              content: msg,
              showCancel: false,
              success: (res) => {},
            });
          }
        },
      });
    },

    sharePoint: function () {
      var that = this;
      var params = {
        uid: this.uid,
      };

      that.$.request({
        url: that.Config.URL.user.set_sharepoint,
        data: params,
        success: function (data, status, msg, code) {
          if (200 == status) {
            console.log("成功");
          } else {
            console.log("失败");
          }
        },
      });
    },

    gotoDetail: function (e) {
      console.log(e);
      var state = e.currentTarget.dataset.state;
      var pid = e.currentTarget.dataset.pid;

      if (state == this.StateCode.PRODUCT_STATE_OFF_THE_SHELF) {
        this.$.alert(this.__("此商品不可单独购买"));
      } else {
        this.$.navigateTo({
          url: "/pages/product/detail?pid=" + pid,
        });
      }
    },

    goCheckout: function () {
      var that = this;
      //var items = that.activityInfo.activity_rule.requirement.buy.item;
      var items = that.activityInfo.activity_rule.discount;

      var pat = [];
      var par = [];

      /*
				for(let p in that.activityInfo.activity_rule.item_quantitys)
				{
					par.push({[p]:that.activityInfo.activity_rule.item_quantitys[p]})
				}
				*/

      if (false && par) {
        for (var i in items) {
          if (items[i]) {
            var t = items[i] + "|" + par[i][items[i]];
            pat.push(t);
          }
        }
      } else {
        for (var i in items) {
          if (items[i]) {
            var t = items[i]["item_id"] + "|" + items[i]["rate"];
            pat.push(t);
          }
        }
      }

      var str = pat.join(",");

      that.$.navigateTo({
        url:
          "/pages/checkout/checkout?ifcart=0&cart_id=" +
          str +
          "&quantity=" +
          that.numval +
          "&activity_id=" +
          that.activity_id,
      });
    },
    sub: function () {
      this.unifiedNum(2);
    },
    add: function () {
      this.unifiedNum(1);
    },
    writenum: function (e) {
      this.setData({
        inputval: e.detail.value,
      }),
        this.unifiedNum(3);
    },
    unifiedNum: function (e) {
      let that = this;
      var t = {
        value: parseInt(this.numval),
        stock: parseInt(this.activityInfo.activity_rule.giftbag_quantity),
        inputval: parseInt(this.inputval),
      };
      if (t.stock <= 0) {
        that.$.alert(that.__("亲~商品没有库存啦！"));
        return;
      }
      e == 1
        ? (t.value = t.value + 1)
        : e == 2
        ? (t.value = t.value - 1)
        : ((t.value = t.inputval),
          this.setData({
            numval: t.inputval,
          }));
      if (t.value > t.stock) {
        this.setData({
          numval: t.stock,
        });
        return;
      }
      if (t.value <= 0) {
        this.setData({
          numval: 1,
        });
        return;
      }
      this.setData({
        numval: t.value,
      });
    },

    previewProductImg: function (e) {
      var that = this,
        n = [];

      n.push(this.activityInfo.activity_rule.giftbag_zu_image);

      var i = e.target.dataset.src;

      that.$.previewImage({
        current: i,
        urls: n,
      });
    },

    cancelShare: function (e) {},
    showCodeImg: function (e) {},
    shareQRCode: function (e) {},
    saveImg: function (e) {},

    onShareBox: function (e) {
      let that = this;
      var $href = that.$.sprintf(
        "%s/tmpl/product_detail.html?item_id=%d&FX=%d",
        this.Config.WapSiteUrl,
        this.skuid,
        this.useractivityInfo.user_id
      );

      $href = that.$.sprintf(
        "%s/h5/activity/giftbag/detail?aid=%d&uid=%d",
        that.Config.SiteUrl,
        this.activity_id,
        this.useractivityInfo.user_id
      );
      // 如允许点击超链接跳转，则应该打开一个新页面，并传入href，由新页面内嵌webview组件负责显示该链接内容
      // #ifdef APP-PLUS

      // #endif

      // #ifdef MP-WEIXIN
      $href =
        "/activity/giftbag/detail?aid=" +
        this.activity_id +
        "&uid=" +
        this.useractivityInfo.user_id;
      // #endif

      this.setData({
        shareData: {
          shareTitle: this.activityInfo.activity_name,
          shareText: this.activityInfo.activity_title,
          href: $href,
          image: this.activityInfo.activity_rule.giftbag_image,
          price: this.number_format(
            this.activityInfo.activity_rule.giftbag_amount,
            2
          ),
        },
      });

      // 如允许点击超链接跳转，则应该打开一个新页面，并传入href，由新页面内嵌webview组件负责显示该链接内容
      // #ifdef APP-PLUS
      this.$refs.shareBoxApp.show();
      // #endif

      //海报
      if (e == 3) {
        // #ifndef APP-PLUS
        this.$refs.shareBoxMp.show();
        // #endif
      } else {
        // #ifdef H5
        if (that.$.ifUniApp()) {
          this.$refs.shareBoxH5.show();
        } else {
          this.$refs.shareBoxMp.show();
        }
        // #endif
      }
    },
  },
};
</script>

<style lang="scss">
@import "../../styles/_variables.scss";

.page-body {
  padding: 40rpx;

  button {
    margin: 20rpx 20rpx;
  }

  .m-panel-sp-icon {
    position: absolute;
    right: 20rpx;
    top: 10rpx;
  }
}

.fix-titlenview-trans {
  background: #f5f6f7;
}

.m-banner-ad {
  width: 100%;
  height: 640rpx;
  background: rgba(0, 0, 0, 0);
  opacity: 1;

  position: relative;
}

.m-banner-ad swiper {
  width: 100%;
  height: 100%;
}

.slide-image {
  width: 100%;
  height: 100%;
}

.m-activity-info {
  // width: 100%;
  //height: 140rpx;
  background: #ffffff;
  opacity: 1;
  padding: 20rpx 24rpx;
}

.m-panel {
  margin-top: 0;
}

.m-activity-title {
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 42rpx;
  color: #002951;
  opacity: 1;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m-activity-tips {
  font-size: 20rpx;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 28px;
  color: #002951;
  opacity: 0.6;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m-activity-price {
  font-size: 34rpx;
  font-family: Arial;
  font-weight: 400;
  line-height: 34rpx;
  color: #ff4142;
  opacity: 1;
  margin-top: 12rpx;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.product-l {
  // width: 710rpx;
  height: 434rpx;
  background: #ffffff;
  opacity: 1;
  border-radius: 8rpx;
  margin: 20rpx;
  overflow: hidden;
  border-radius: 10rpx;
}

.scroll-Y {
  height: 300rpx;
}

.scroll-view_H {
  white-space: nowrap;
  width: 100%;
  height: 344rpx;
}

.scroll-view-item {
  height: 300rpx;
  line-height: 300rpx;
  text-align: center;
  font-size: 36rpx;
}

.scroll-view-item_H {
  display: inline-block;
  width: 240rpx;
  height: 344rpx;
  background: #ffffff;
  opacity: 1;
  border-radius: 16rpx;
  margin-right: 24rpx;
}

.m-cell {
  padding: 20rpx 20rpx;
}

.m-cell-primary {
  font-size: 26rpx;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 36rpx;
  color: #af6419;
  opacity: 1;
}

.m-cell-access .m-cell-ft:after {
  border-color: #af6419;
}

.ft-title {
  font-size: 22rpx;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 32rpx;
  color: #af6419;
  opacity: 1;
  margin-right: 10rpx;
}

.product-l-img {
  width: 240rpx;
  height: 240rpx;
  background: rgba(0, 0, 0, 0);
  opacity: 1;
  border-radius: 16rpx 16rpx 0rpx 0rpx;
}

.product-l-price {
  width: 208rpx;
  height: 88rpx;
  background: rgba(255, 255, 255, 1);
  padding: 8rpx 16rpx;

  .product_name {
    font-size: 20rpx;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 28rpx;
    color: #002951;
    opacity: 1;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .m-project-tips {
    height: 18rpx;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 18rpx;
    color: #002951;
    opacity: 0.6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 4rpx 0rpx;
  }

  .price-new {
    font-size: 12px;
    font-family: Arial;
    font-weight: 400;
    line-height: 34rpx;
    color: #ff4142;
    opacity: 1;

    padding: 5px 0;
  }
}

.scroll-view_H {
  white-space: nowrap;
  width: 100%;
  margin-left: 24rpx;
}

.scroll-view-item {
  height: 300rpx;
  line-height: 300rpx;
  text-align: center;
  font-size: 36rpx;
}

.scroll-view-item_H {
  display: inline-block;
  /* height: 260rpx; */
  // line-height: 300rpx;
  // text-align: center;
  font-size: 36rpx;
}

.m-info-sp {
  width: 710rpx;
  height: 48rpx;
  background: #f5f6f7;
  opacity: 1;
  border-radius: 8rpx;
  padding: 0;
}

.u-cart-num {
  margin-top: 0rpx;
  // height: 100%;
  line-height: 48rpx;

  width: 56px;
  height: 18px;

  background: #ffffff;
  border: 1px solid #f5f6f7;
  opacity: 1;
  border-radius: 2px;
}

.u-num-btn {
  background: #ffffff;
  opacity: 1;
  border-radius: 4rpx;
  width: 22rpx;
  height: 30rpx;
  line-height: 1;

  border: 1px solid #f5f6f7;
}

.m-footer-btn-main {
  width: 100%;
  height: 92rpx;
  background: #db384c;
  opacity: 1;
  line-height: 92rpx;

  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
  // letter-spacing: 40rpx;
  opacity: 1;
}

.m-footer-btn-item {
  width: 92rpx;
  height: 92rpx;
}

/*底部按钮 start*/
.m-footer-btn {
  height: 92rpx;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
  text-align: center;
  z-index: 3;
}

.m-footer-btn-list {
  width: 50%;
  height: 100%;
  position: relative;
  float: left;
  display: flex;
}

.m-footer-btn-list::before {
  content: " ";
  position: absolute;
  left: 0;
  top: -2rpx;
  right: 0;
  height: 2rpx;
  border-bottom: 2rpx solid #d5d5d5;
  color: #cccccc;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  z-index: 3;
}

.m-footer-btn-item {
  position: relative;
  float: left;
  width: 33.3333333333333%;
  font-size: 24rpx;
  color: #888;
  line-height: 40rpx;
  padding: 15rpx 0;
  border-right: 1rpx solid #d5d5d5;
  box-sizing: border-box;
}

.m-footer-btn-item::last-child {
  border: none;
}

.m-footer-btn-icon {
  width: 40rpx;
  height: 40rpx;
  margin: 0 auto;
  position: relative;
}

.m-footer-btn-item image {
  width: 40rpx;
  height: 40rpx;
}

.m-footer-btn-item contact-button {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
}

.m-footer-desable {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.u-go-home1 {
  height: 100%;
}

.video {
  position: absolute;
  bottom: 40rpx;
  left: 44%;
}

.m-tab {
  margin-top: 6rpx;
}

.m-navbar-item.m-navbar-item-on {
  background-color: #ffffff;
  text-align: center;
}

.old-price {
  color: #888;
  margin-left: 5px;
  text-decoration: line-through;
  font-size: 13px;
}

/* share */
.textarea-wrp {
  padding: 0 20rpx;
}

.page-section {
  margin-bottom: 20rpx;
}

.textarea {
  border: 2rpx solid #d8d8d8;
  padding: 10rpx;
  height: 90rpx;
  width: 690rpx;
}

.uni-input {
  border: 2rpx solid #d8d8d8;
  padding: 0 10rpx;
  width: 690rpx;
}

.m-detail {
  // padding:20rpx;
  margin: 20rpx;
  background: #f5f6f7;
  border-radius: 20rpx;
}

.m-panel:before {
  border-top: 0px solid #e5e5e5;
}

.u-cart-num uni-input {
  width: 48rpx;
  height: 36rpx;
  font-size: 26rpx;
}

.m-RichText {
  background: #fff;
  padding: 0 10px 10px;
}
</style>