<template>
  <view class="page" v-if="isLoading">
    <view class="fu-my-background">
      <image :src="backgroundImg" mode="aspectFill" />
    </view>
    <view class="flex benben-position-layout flex flex-wrap align-center storeDetails_flex_0"
      :style="{height:(CustomBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', background: backgroundColor}">
      <view class='flex flex-wrap align-stretch justify-between flex-sub storeDetails_fd0_0' :style="{marginRight: menuButtonWidth +'px'}">
        <view class='flex flex-wrap align-center storeDetails_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
          data-url="1">
          <text class='fu-iconfont2  storeDetails_fd0_0_c0_c0'>&#xe794;</text>
        </view>
        <view class='flex flex-wrap align-center'>
          <image class='storeDetails_fd0_0_c1_c0' :src='STATIC_URL+"73.png"' @tap.stop="handleJumpDiy"
            data-type="navigateTo" :data-url="`/pages/dpxq/searchWithin/searchWithin?id=${id}`"></image>
          <image class='storeDetails_fd0_0_c1_c1' mode="aspectFit" :src='STATIC_URL+"72.png"' @tap.stop="handleChatShop"></image>
          <image class='storeDetails_fd0_0_c1_c2' :src='STATIC_URL+"74.png"' @tap.stop="iscollectFunctionFunc()"
            v-if="is_collect=='0'"></image>
          <image class='storeDetails_fd0_0_c1_c2_1' :src='STATIC_URL+"97.png"' @tap.stop="iscollectFunctionFunc()"
            v-if="is_collect=='1' && opacity < 0.8"></image>
            <image class='storeDetails_fd0_0_c1_c2_1' :src='STATIC_URL+"971.png"' @tap.stop="iscollectFunctionFunc()"
              v-if="is_collect=='1' && opacity >= 0.8"></image>
          <image class='storeDetails_fd0_0_c1_c3' :src='STATIC_URL+"70.png"'
            @tap.stop="$refs.benbenPositionPopup1684720938789.open($event)"></image>
        </view>
      </view>

    </view>
    <view :style="{height: (CustomBarRpx)+'rpx'}"></view>


    <benben-position-popup ref="benbenPositionPopup1684720938789" :width="172" :height="122" :mask-hide='false'
      popup-origin="left top">
      <view
        class='flex flex-direction align-stretch justify-center benben-flex-position-popup flex storeDetails_popup_1'>
        <view class='flex flex-wrap align-center justify-center' @tap.stop="popupShow1684725724594=true">
          <image class='storeDetails_positionPopup1_c0_c0' mode="aspectFit" :src='STATIC_URL+"98.png"'></image>
          <text class='storeDetails_positionPopup1_c0_c1'>分享商家</text>
        </view>
        <view class='flex flex-wrap align-center justify-center storeDetails_positionPopup1_c1'
          @tap.stop="handleToReporting" data-type="navigateTo"
          :data-url="`/pages/dpxq/reportingMerchants/reportingMerchants?id=${id}`">
          <image class='storeDetails_positionPopup1_c1_c0' mode="aspectFit" :src='STATIC_URL+"99.png"'></image>
          <text class='storeDetails_positionPopup1_c1_c1'>举报商家</text>
        </view>
      </view>
    </benben-position-popup>


    <!---flex布局flex布局开始-->
    <view class="flex benben-flex-layout flex-wrap align-center storeDetails_flex_2">
      <view class='flex flex-direction flex-wrap align-stretch flex-sub storeDetails_fd2_0'>
        <view class='flex flex-wrap align-end justify-between storeDetails_fd2_0_c0'>
          <view class='flex flex-wrap align-center storeDetails_fd2_0_c0_c0'>
            <view class='flex flex-wrap align-center'>
              <text class='storeDetails_fd2_0_c0_c0_c0_c0'>{{info.store_name}}</text>
            </view>
            <view class='flex flex-wrap align-center storeDetails_fd2_0_c0_c0_c1'>
              <text class='storeDetails_fd2_0_c0_c0_c1_c0'>积分</text>
              <text class='storeDetails_fd2_0_c0_c0_c1_c1'>{{info.score_rate}}</text>
              <text class='storeDetails_fd2_0_c0_c0_c1_c2'>%</text>
            </view>
          </view>
          <view class='flex flex-wrap align-center' style="position: relative;">
            <image class='storeDetails_fd2_0_c0_c1_c0' mode="aspectFill" :src='info.logo'></image>
						<image style="width: 50rpx; height: 50rpx; position: absolute; top: 0; right: 0; z-index: 10;" v-if="info.storelevel_thumb" :src="info.storelevel_thumb" mode="aspectFill"></image>
          </view>
        </view>
        <view class='flex flex-wrap align-center'>
					<view class='flex flex-wrap align-center storeDetails_fd2_0_c1_c1'  style="margin: 0 20rpx 0 0;" v-if="info.store_type">
					  <text class='storeDetails_fd2_0_c1_c1_c1' style="font-size: 26rpx;color: #FF9D00;">{{info.store_type}}</text>
					</view>
          <view class='flex flex-wrap align-center'>
            <image class='storeDetails_fd2_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"31.png"'></image>
            <text class='storeDetails_fd2_0_c1_c0_c1'>{{info.score}}</text>
          </view>
          <view class='flex flex-wrap align-center storeDetails_fd2_0_c1_c1'>
            <text class='storeDetails_fd2_0_c1_c1_c0'>关注</text>
            <text class='storeDetails_fd2_0_c1_c1_c1'>{{info.collect_num}}</text>
          </view>
          <view class='flex flex-wrap align-center storeDetails_fd2_0_c1_c2'>
            <text class='storeDetails_fd2_0_c1_c2_c0'>营业：</text>
            <text class='storeDetails_fd2_0_c1_c2_c1'>{{info.open_time}}</text>
          </view>
        </view>
        <view class='flex flex-wrap align-center justify-between storeDetails_fd2_0_c2' v-if="info.notice">
          <view class='flex flex-wrap align-start flex-sub' >
            <text class='storeDetails_fd2_0_c2_c0_c0' v-if="expand=='1'">公告：</text><text
              class='storeDetails_fd2_0_c2_c0_c0_1' v-if="expand=='2'">公告：</text>
            <text class='storeDetails_fd2_0_c2_c0_c1' v-if="expand=='1'">{{info.notice}}</text><text
              class='storeDetails_fd2_0_c2_c0_c1_1' v-if="expand=='2'">{{info.notice}}</text>
          </view>
          <view class='flex flex-wrap align-center storeDetails_fd2_0_c2_c1' @tap.stop="expandFunctionFunc()">
            <image class='storeDetails_fd2_0_c2_c1_c0' :src='STATIC_URL+"76.png"' @tap.stop="expandFunctionFunc()"
              v-if="expand=='1'"></image>
            <image class='storeDetails_fd2_0_c2_c1_c0_1' :src='STATIC_URL+"64.png"' @tap.stop="expandFunctionFunc()"
              v-if="expand=='2'"></image>
          </view>
        </view>
      </view>
    </view>

    <!---flex布局flex布局结束-->
    <!---flex布局flex布局开始-->
    <view class="flex benben-flex-layout flex-wrap align-center">
      <view class='flex flex-wrap align-center flex-sub'>
        <view>
          <benben-flex-tabs class-name='storeDetails_benbenTabsfd3_0_c0' v-model="tabls" ref="benben_tabsfd3_0_c0"
            select-mark="benben_tabsfd3_0_c0" key="benben_tabsfd3_0_c0" :open-title-type='false' :open-sticky='false'
            :top='0' :is-show-content='true' :scrollspy='false' :tabs-info.sync="tabsInfofd3_0_c0">

            <scroll-view @scroll="tabsInfofd3_0_c0.scrollX = $event.detail.scrollLeft" id="benben_tabsfd3_0_c0"
              class="benben-tabs" style="width:750rpx" :scroll-x="true" :scroll-left.sync="tabsInfofd3_0_c0.moveX"
              scroll-with-animation="all .3s ease">
              <view class="benben-tabs-content" id="benben_tabsfd3_0_c0-content">
                <view id="benben_tabsfd3_0_c0-title" class="benben-tabs-title flex align-center flex ">
                  <view
                    :class="{ 'checkTitlefd3_0_c0': tabls == '1', 'flex flex-wrap align-center storeDetails_titlefd3_0_c0_c3': true }"
                    @tap="tabls = '1'" :id="`benben_tabsfd3_0_c0-title-item-${'1'}`">

                    <text>商品</text>

                  </view>
                  <view
                    :class="{ 'checkTitlefd3_0_c0': tabls == '2', 'flex flex-wrap align-end storeDetails_titlefd3_0_c0_c4': true }"
                    @tap="tabls = '2'" :id="`benben_tabsfd3_0_c0-title-item-${'2'}`">

                    <text>评价</text>

                    <text class='storeDetails_titleItemfd3_0_c0_c4_c1'>{{info.comment_num > 999 ? '999+' : info.comment_num }}</text>

                  </view>
                  <view :class="{ 'checkTitlefd3_0_c0': tabls == '3', 'flex flex-wrap align-center': true }"
                    @tap="tabls = '3'" :id="`benben_tabsfd3_0_c0-title-item-${'3'}`">

                    <text>商家</text>

                  </view>
                </view>
                <view :style="{ left: tabsInfofd3_0_c0.lineleft, maxWidth: tabsInfofd3_0_c0.lineWidth }"
                  id="benben_tabsfd3_0_c0-line"
                  class="benben-tabs-line flex benben-flex-tabs-line storeDetails_linefd3_0_c0"></view>
              </view>
            </scroll-view>

          </benben-flex-tabs>
          <view>
            <view class="benben_tabsfd3_0_c0-body-item flex flex-direction flex-wrap align-stretch"
              v-if=" tabls == '1' && swiperList.length>0" :id="`benben_tabsfd3_0_c0-body-item-${'1'}`">
              <view class='flex flex-wrap align-center justify-center storeDetails_bodyItemfd3_0_c0_c3_c0'>
                <view style="position: relative">
                  <swiper ref="benbenSwiperbodyItemfd3_0_c0_c3_c0_c0"
                    @change="bannerIndexbodyItemfd3_0_c0_c3_c0_c0 = $event.detail.current"
                    class='flex position-relative storeDetails_bodyItemfd3_0_c0_c3_c0_c0' previous-margin="0rpx"
                    next-margin="0rpx" :display-multiple-items="1" :interval="5000" :duration="500" :autoplay='true'
                    :circular='true'>
                    <swiper-item class='flex  storeDetails_bodyItemfd3_0_c0_c3_c0_c0_c1'  @tap="handleAd(item)" v-for="(item, index) in swiperList" :key="index">
                      <image class='storeDetails_bodyItemfd3_0_c0_c3_c0_c0_c1_c0' mode="aspectFill"
                        :src='item.thumb'></image>
                    </swiper-item>
                  </swiper>
                </view>
              </view>
            </view>
            <view class="benben_tabsfd3_0_c0-body-item flex flex-direction flex-wrap align-stretch"
              v-if=" tabls == '2' " :id="`benben_tabsfd3_0_c0-body-item-${'2'}`">
              <view class='flex flex-wrap align-center justify-around storeDetails_bodyItemfd3_0_c0_c4_c0'>
                <view class='flex flex-direction flex-wrap align-center'>
                  <text class='storeDetails_bodyItemfd3_0_c0_c4_c0_c0_c0'>商家评分</text>
                  <text class='storeDetails_bodyItemfd3_0_c0_c4_c0_c0_c1'>{{info.score}}</text>
                </view>

                <view class='flex  storeDetails_bodyItemfd3_0_c0_c4_c0_c1'></view>

                <view class='flex flex-direction flex-wrap align-center'>
                  <text class='storeDetails_bodyItemfd3_0_c0_c4_c0_c2_c0'>服务态度</text>
                  <text class='storeDetails_bodyItemfd3_0_c0_c4_c0_c2_c1'>{{info.service_score}}</text>
                </view>

                <view class='flex  storeDetails_bodyItemfd3_0_c0_c4_c0_c3'></view>

                <view class='flex flex-direction flex-wrap align-center'>
                  <text class='storeDetails_bodyItemfd3_0_c0_c4_c0_c4_c0'>菜品口味</text>
                  <text class='storeDetails_bodyItemfd3_0_c0_c4_c0_c4_c1'>{{info.goods_score}}</text>
                </view>
              </view>

              <view class='flex flex-wrap align-center storeDetails_bodyItemfd3_0_c0_c4_c1'>
                <benben-select-diy ref="showSelectPopup1684555028116" class-name='flex flex-wrap flex'
                  :items.sync="evaluate_List" v-model="evaluate_id" default-type="value" default-label="name"
                  :allow-cancel='false' type="radio" :disabled='false' @change="handleCommentTypeChange">
                  <template v-for='(item,key0) in evaluate_List'>
                    <view v-if="item.isSelected"
                      class='flex align-center flex storeDetails_bodyItemfd3_0_c0_c4_c1_c0_c0' :key="key0"
                      @tap="$refs.showSelectPopup1684555028116.tapHandle(key0)">
                      <text>{{item.name}}</text>
                      <text class='storeDetails_bodyItemfd3_0_c0_c4_c1_c0_c0_c1'>{{item.num > 999 ? '999+' : item.num}}</text>
                    </view>
                    <view v-else class='flex align-center flex storeDetails_bodyItemfd3_0_c0_c4_c1_c0_c1' :key="key0"
                      @tap="$refs.showSelectPopup1684555028116.tapHandle(key0)">
                      <text>{{item.name}}</text>
                      <text class='storeDetails_bodyItemfd3_0_c0_c4_c1_c0_c1_c1'>{{item.num > 999 ? '999+' : item.num}}</text>
                    </view>
                  </template>
                </benben-select-diy>
              </view>
              <fu-loading v-if="isShowLoading"></fu-loading>
              <fu-empty-ui v-if="commentList.length === 0 && isInit"></fu-empty-ui>
              <view class='flex flex-direction flex-wrap align-stretch storeDetails_bodyItemfd3_0_c0_c4_c2' v-for="(item, index) in commentList" :key="index">
                <view class='flex flex-wrap align-center justify-between storeDetails_bodyItemfd3_0_c0_c4_c2_c0'>
                  <view class='flex flex-wrap align-center'>
                    <view class='flex flex-wrap align-center storeDetails_bodyItemfd3_0_c0_c4_c2_c0_c0_c0'>
                      <image class='storeDetails_bodyItemfd3_0_c0_c4_c2_c0_c0_c0_c0' mode="aspectFill"
                        :src='item.avatar'></image>
                    </view>
                    <view class='flex flex-direction flex-wrap align-start'>
                      <text class='storeDetails_bodyItemfd3_0_c0_c4_c2_c0_c0_c1_c0'>{{item.user_nickname}}</text>
                      <view class='flex flex-wrap align-center storeDetails_bodyItemfd3_0_c0_c4_c2_c0_c0_c1_c1'>
                        <template v-for="starNum in [1,2,3,4,5]">
                          <image v-if="item.score >= starNum" :key="starNum"
                            class='storeDetails_star1bodyItemfd3_0_c0_c4_c2_c0_c0_c1_c1' mode="aspectFit"
                            :src='STATIC_URL+"31.png"'></image>
                          <image v-else :key="starNum" class='storeDetails_star1bodyItemfd3_0_c0_c4_c2_c0_c0_c1_c1'
                            mode="aspectFit" :src='STATIC_URL+"164.png"'></image>
                        </template>
                      </view>
                    </view>
                  </view>
                  <view class='flex flex-wrap align-center'>
                    <text class='storeDetails_bodyItemfd3_0_c0_c4_c2_c0_c1_c0'>{{item.create_time}}</text>
                  </view>
                </view>
                <view class='flex flex-wrap align-center storeDetails_bodyItemfd3_0_c0_c4_c2_c1'>
                  <text class='storeDetails_bodyItemfd3_0_c0_c4_c2_c1_c0'>{{item.content}}</text>
                </view>
                <view class='flex flex-wrap align-center'>
                  <image @tap.stop="ViewImage(item.images,i)"  v-for="(img, i) in item.images" :key="i" class='storeDetails_bodyItemfd3_0_c0_c4_c2_c2_c0' mode="aspectFill" :src='img'>
                  </image>
                </view>
              </view>
              <uni-load-more v-if="commentList.length !=0 " :status="status"></uni-load-more>
            </view>
            <view
              class="benben_tabsfd3_0_c0-body-item flex flex-direction flex-wrap align-stretch storeDetails_bodyfd3_0_c0_c5"
              v-if=" tabls == '3' " :id="`benben_tabsfd3_0_c0-body-item-${'3'}`">
              <view class='flex flex-wrap align-start storeDetails_bodyItemfd3_0_c0_c5_c0'>
                <text class='storeDetails_bodyItemfd3_0_c0_c5_c0_c0'>商家简介</text>
                <text class='storeDetails_bodyItemfd3_0_c0_c5_c0_c1'>{{info.synopsis || '暂无简介'}}</text>
              </view>

              <view class='flex flex-wrap align-start storeDetails_bodyItemfd3_0_c0_c5_c1'>
                <text class='storeDetails_bodyItemfd3_0_c0_c5_c1_c0'>营业时间</text>
                <text class='storeDetails_bodyItemfd3_0_c0_c5_c1_c1'>{{info.open_time}}</text>
              </view>

              <view class='flex flex-wrap align-center storeDetails_bodyItemfd3_0_c0_c5_c2'>
                <view class='flex flex-wrap align-center'>
                  <text class='storeDetails_bodyItemfd3_0_c0_c5_c2_c0_c0'>商家电话</text>
                </view>
                <view
                  class='flex flex-wrap align-center justify-between flex-sub storeDetails_bodyItemfd3_0_c0_c5_c2_c1'>
                  <text class='storeDetails_bodyItemfd3_0_c0_c5_c2_c1_c0'>{{info.service_phone}}</text>
                  <image @tap="phoneTap(info.service_phone)" class='storeDetails_bodyItemfd3_0_c0_c5_c2_c1_c1' mode="aspectFit" :src='STATIC_URL+"78.png"'>
                  </image>
                </view>
              </view>

              <view class='flex flex-wrap align-start storeDetails_bodyItemfd3_0_c0_c5_c3' @click="handleToMap">
                <text class='storeDetails_bodyItemfd3_0_c0_c5_c3_c0'>商家地址</text>
                <text class='storeDetails_bodyItemfd3_0_c0_c5_c3_c1'>{{info.address_province + info.address_city + info.address_district + info.address_address}}</text>
              </view>

              <view class='flex flex-wrap align-start justify-between storeDetails_bodyItemfd3_0_c0_c5_c4'
                @tap.stop="handleJumpDiy" data-type="navigateTo"
                :data-url="`/pages/dpxq/merchantQualification/merchantQualification?id=${id}`">
                <text class='storeDetails_bodyItemfd3_0_c0_c5_c4_c0'>商家资质</text>
                <image class='storeDetails_bodyItemfd3_0_c0_c5_c4_c1' mode="aspectFit" :src='STATIC_URL+"25.png"'>
                </image>
              </view>

              <view class='flex flex-direction flex-wrap align-stretch'>
                <text class='storeDetails_bodyItemfd3_0_c0_c5_c5_c0'>商家图片</text>
                <view class='flex flex-wrap align-center justify-between'>
                  <image @tap.stop="ViewImage(info.show_images,index)" class='storeDetails_bodyItemfd3_0_c0_c5_c5_c1_c0' v-for="(item, index) in info.show_images" :key="index" mode="aspectFill" :src='item'>
                  </image>

                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>

    <!---flex布局flex布局结束-->


    <view class="flex align-start benben-flex-layout storeDetails_flex_4" v-if="tabls=='1'">
      <!-- <benben-goods-cate top='0' :sid="id"  :lists="classiftList" @skuFunc="skuFunc">
      </benben-goods-cate> -->

      <view class="content-wrap" :style="{height: pageHeight - CustomBar - 70 + 'px'}">
        <!-- 左边tab栏开始 -->
        <scroll-view class="left" scroll-with-animation="all 0.2s ease" :scroll-into-view="toLeftId" scroll-y>
          <view
            :upper-threshold="500"
            :id="`l_id${index}`"
            v-for="(item, index) in classiftList"
            :key="index"
            class="item text-center"
            :class="{ active: index == currentId }"
            @click="handleSelect(index)"
          >
            <image :src='STATIC_URL+"hot.png"' mode="widthFix" v-if="item.aid == 99999"></image>
            {{ item.name }}
            <view class="cuIconlujing226" v-if="item.num>0"> {{ item.num }}</view>
          </view>
        </scroll-view>
        <!-- 左边tab栏结束 -->
        <!-- 右边列表开始 -->
        <scroll-view
          class="right"
          scroll-with-animation="all 0.2s ease"
          refresher-background="transparent"
          scroll-y
          @scroll="scroll"
          :scroll-top="scrollTop"
          :refresher-triggered="refresherTriggered"
          :refresher-enabled="false"
          :refresher-threshold="100"
          
        >
				<!-- @refresherrefresh="refresherrefresh" -->
          <view class="cate-box-wrap">
            <!-- <view class="flex align-center justify-between text-333">
              <text class="cate-box-wrap-title text-bold text-lg">{{ item.name }}</text>
            </view> -->
            <fu-loading v-if="isShowLoading1"></fu-loading>
            <fu-empty-ui v-if="goodsList.length === 0 && isInit1"></fu-empty-ui>
            <view class="cate-box">
              <view class="cate-box-item flex " v-for="(ele, j) in goodsList" :key="j" @tap="handlerClassify(ele)">
                <image style="width: 168rpx; height: 168rpx;border-radius: 16rpx;margin-right: 16rpx;" :src="ele.thumb" mode="aspectFill" />
                <view class="" style="width: 350rpx;">
                	<view class="text-lg text-bold goodsname" v-if="ele.name ">{{ ele.name }}</view>
      			<view class="text-lg text-bold goodsname" v-if="!ele.name ">{{ ele.goods_name}}</view>
      						<!-- <view class="text-lm text-999 sales">月销{{ele.sales_num_new}}</view> -->
      						<view class="text-lm text-999 sales"></view>
      						<view class="flex align-center justify-between">
      							<view class="">
      								<text class="price text-bold">¥{{ele.shop_price}}</text>
      								<text class="text-sm line text-999">¥{{ele.market_price}}</text>
      							</view>
      							<view v-if="ele.is_spec==1" @tap.stop="handleShowPopupSpec(ele)" class="skuclass flex align-center justify-center text-xs text-white">选规格</view>




      							<view v-else style="display: flex; align-items: center;">
                      <image class="skuimg" v-if="ele.num > 0" @tap.stop="handleUpdateCart(ele, 2, 1)" :src='STATIC_URL+"101.png"'></image>
                      <view style="padding: 0 20rpx;" v-if="ele.num > 0">{{ele.num}}</view>
                      <image class="skuimg" @tap.stop="handleUpdateCart(ele, 1, 1)" :src='STATIC_URL+"102.png"'></image>
                    </view>
										<view class="specnum" v-if="ele.is_spec==1 && ele.num>0">{{ele.num}}</view>
      						</view>
                </view>
              </view>

            </view>
            <uni-load-more v-if="goodsList.length !=0 " :status="status1"></uni-load-more>
          </view>
        </scroll-view>
        <!-- 右边列表结束 -->
      </view>
      <!-- <view style="height: 100vh;width: 100vw;"></view> -->
    </view>

    <benben-popup v-model="popupShow1684725724594" :mask="true" mode='bottom'>
      <!---分享flex布局开始-->
      <view class="flex flex-direction align-stretch benben-flex-layout storeDetails_flex_5">
        <view class='flex align-center justify-between storeDetails_fd5_0'>
          <view class='flex flex-wrap align-center storeDetails_fd5_0_c0'>
          </view>
          <view class='flex flex-wrap align-center'>
            <text class='storeDetails_fd5_0_c1_c0'>分享到</text>
          </view>
          <view class='flex flex-wrap align-center'>
            <image class='storeDetails_fd5_0_c2_c0' :src='STATIC_URL+"60.png"' @tap.stop="popupShow1684725724594=false">
            </image>
          </view>
        </view>
        <view class='flex align-center justify-center storeDetails_fd5_1'>
          <view class='flex flex-direction align-center'>
            <image class='storeDetails_fd5_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"104.png"'></image>
            <text class='storeDetails_fd5_1_c0_c1'>微信好友</text>
          </view>
          <!-- <view class='flex flex-direction align-center'>
            <image class='storeDetails_fd5_1_c1_c0' mode="aspectFit" :src='STATIC_URL+"178.png"'></image>
            <text class='storeDetails_fd5_1_c1_c1'>朋友圈</text>
          </view> -->
        </view>
      </view>

      <!---分享flex布局结束-->

    </benben-popup>
    <benben-popup v-model="popupShowSpec" :mask="true" mode='center'>
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction align-stretch benben-flex-layout storeDetails_flex_6">
        <view class='flex flex-direction flex-wrap align-stretch'>
          <view class='flex flex-direction flex-wrap align-stretch storeDetails_fd6_0_c0'>
            <view class='flex flex-wrap align-start storeDetails_fd6_0_c0_c0'>
              <image class='storeDetails_fd6_0_c0_c0_c0' mode="aspectFit" :src='selectGoodsItem.thumb'></image>
              <text class='storeDetails_fd6_0_c0_c0_c1'>{{selectGoodsItem.name}}</text>
            </view>
            <block v-if="showSpec">
              <view class='flex flex-direction align-stretch storeDetails_fd6_0_c0_c1' v-for="(specItem, index) in selectGoodsItemSpec" :key="index">
                <text class='storeDetails_fd6_0_c0_c1_c0'>{{specItem.name}}</text>
                <view class="flex flex-wrap storeDetails_fd6_0_c0_c1_c1" >
                  <view class='text-cut' :class="item.checked ? 'storeDetails_fd6_0_c0_c1_c1_c0' : 'storeDetails_fd6_0_c0_c1_c1_c1'"
                    v-for="(item, key0) in specItem.spec_value" :key="key0" @tap="handleChooseSkuItem(index, item)">
                    <!-- <text></text> -->
                    {{item.item}}
                  </view>
                  <!-- <view v-else class='flex justify-center flex storeDetails_fd6_0_c0_c1_c1_c1' :key="key0"
                    @tap="$refs.showSelectPopup1684725100796.tapHandle(key0)">
                    <text>{{item.item}}</text>
                  </view> -->
                </view>
                <!-- <benben-select-diy ref="showSelectPopup1684725100796" class-name='flex flex storeDetails_fd6_0_c0_c1_c1'
                  :items.sync="specItem.spec_value" default-type="value" default-label="name"
                  :allow-cancel='false' type="radio">
                  <template v-for='(item,key0) in specItem.spec_value'>
                    <view v-if="item.isSelected" class='flex justify-center flex storeDetails_fd6_0_c0_c1_c1_c0'
                      :key="key0" @tap="$refs.showSelectPopup1684725100796.tapHandle(key0)">
                      <text>{{item.item}}</text>
                    </view>
                    <view v-else class='flex justify-center flex storeDetails_fd6_0_c0_c1_c1_c1' :key="key0"
                      @tap="$refs.showSelectPopup1684725100796.tapHandle(key0)">
                      <text>{{item.item}}</text>
                    </view>
                  </template>
                </benben-select-diy> -->
              </view>
            </block>


            <view class='flex flex-wrap align-center storeDetails_fd6_0_c0_c3' v-if="selectSku.key_name">
              <text class='storeDetails_fd6_0_c0_c3_c0'>已选择规格：</text>
              <text class='storeDetails_fd6_0_c0_c3_c1'>{{selectSku.key_name}}</text>
             <!-- <text class='storeDetails_fd6_0_c0_c3_c2'>、</text>
              <text class='storeDetails_fd6_0_c0_c3_c3'>{{two_id}}</text> -->
            </view>
            <view class='flex flex-wrap align-center justify-between storeDetails_fd6_0_c0_c4' v-if="selectSku.key_name">
              <view class='flex flex-wrap align-end'>
                <text class='storeDetails_fd6_0_c0_c4_c0_c0'>售价</text>
                <text class='storeDetails_fd6_0_c0_c4_c0_c1'>￥</text>
                <view class='flex-wrap align-center storeDetails_fd6_0_c0_c4_c0_c2'>
                  <text class=' storeDetails_price1_fd6_0_c0_c4_c0_c2'>{{ selectSku.shop_price | frontPrice }}</text>
                  <text class=' storeDetails_price2_fd6_0_c0_c4_c0_c2'>{{ selectSku.shop_price | laterPrice }}</text>
                </view>
                <text class='storeDetails_fd6_0_c0_c4_c0_c3' style="text-decoration:line-through;">￥</text>
                <text class='storeDetails_fd6_0_c0_c4_c0_c4' style="text-decoration:line-through;">{{selectSku.market_price}}</text>
              </view>
							
              <button v-if="isCartHasSelectSku(selectSku.sku_id) == 0" class='storeDetails_fd6_0_c0_c4_c1' @click="handleAddCart">加入购物车</button>
							<view v-else style="display: flex; align-items: center;">
							  <image class="skuimg" @tap.stop="handleUpdateCart(getCartHasSelectSku(selectSku.sku_id), 2, 1)" :src='STATIC_URL+"101.png"'></image>
							  <view style="padding: 0 20rpx;">{{isCartHasSelectSku(selectSku.sku_id)}}</view>
							  <image class="skuimg" @tap.stop="handleUpdateCart(getCartHasSelectSku(selectSku.sku_id), 1, 1)" :src='STATIC_URL+"102.png"'></image>
							</view>
            </view>
          </view>
          <view class='flex flex-wrap align-center justify-center storeDetails_fd6_0_c1'>
            <image class='storeDetails_fd6_0_c1_c0' :src='STATIC_URL+"103.png"'
              @tap.stop="popupShowSpec=false"></image>
          </view>
        </view>
      </view>

      <!---flex布局flex布局结束-->

    </benben-popup>
    <benben-popup v-model="popupShowCart" :mask="true" mode='bottom'>
      <!---弹窗购物车flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout storeDetails_flex_7">
        <view class='flex flex-wrap align-center justify-between storeDetails_fd7_0'>
          <view class='flex flex-wrap align-center'>
            <text class='storeDetails_fd7_0_c0_c0'>购物车</text>
            <text class='storeDetails_fd7_0_c0_c1'>打包费</text>
            <text class='storeDetails_fd7_0_c0_c2'>¥</text>
            <text class='storeDetails_fd7_0_c0_c3'>{{packingMoney}}</text>
          </view>
          <view class='flex flex-wrap align-center'>
            <text class='storeDetails_fd7_0_c1_c0' @click="handleDeleteCart">清空购物车</text>
          </view>
        </view>

        <scroll-view scroll-y="true" class="cart-wrap">
          <view class='flex flex-wrap align-start storeDetails_fd7_1' v-for="(item, index) in cartList" :key="index">
            <view class='flex flex-wrap align-center storeDetails_fd7_1_c0'>
              <image class='storeDetails_fd7_1_c0_c0' mode="aspectFill" :src='item.thumb'></image>
            </view>
            <view class='flex flex-direction flex-wrap align-stretch flex-sub storeDetails_fd7_1_c1'>
              <view class='flex flex-wrap align-center'>
                <text class='storeDetails_fd7_1_c1_c0_c0'>{{item.name}}</text>
              </view>
              <view class='flex flex-wrap align-center storeDetails_fd7_1_c1_c1' v-if="item.attr_name">
                <text class='storeDetails_fd7_1_c1_c1_c0'>{{item.attr_name}}</text>
              </view>
              <view class='flex flex-wrap align-center justify-between storeDetails_fd7_1_c1_c2'>
                <view class='flex flex-wrap align-center'>
                  <text class='storeDetails_fd7_1_c1_c2_c0_c0'>￥</text>
                  <text class='storeDetails_fd7_1_c1_c2_c0_c1'>{{item.shop_price}}</text>
                  <text class='storeDetails_fd7_1_c1_c2_c0_c2'>¥</text>
                  <text class='storeDetails_fd7_1_c1_c2_c0_c3'>{{item.market_price}}</text>
                </view>
                <view class='flex flex-wrap align-center'>
                  <image class="skuimg" @tap.stop="handleUpdateCart(item, 2, 2)" :src='STATIC_URL+"101.png"'></image>
                  <view style="padding: 0 20rpx;">{{item.num}}</view>
                  <image class="skuimg" @tap.stop="handleUpdateCart(item, 1, 2)" :src='STATIC_URL+"102.png"'></image>
                  <!-- <benben-flex-number-box class-name='flex flex align-center'
                    input-class="storeDetails_numberBoxInputfd7_1_c1_c2_c1_c0" v-model="item.num" :min="1" :step="1" :opacity="0.3">
                    <template #minus>
                      <image class='storeDetails_fd7_1_c1_c2_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"101.png"'>
                      </image>
                    </template>
                    <template #plus>
                      <image class='storeDetails_fd7_1_c1_c2_c1_c0_c2' mode="aspectFit" :src='STATIC_URL+"102.png"'>
                      </image>
                    </template>

                  </benben-flex-number-box> -->

                </view>
              </view>
            </view>
          </view>
        </scroll-view>
        <view class='flex flex-wrap align-center justify-between storeDetails_fd7_2' v-if="popupShowCart">
          <view class='flex flex-wrap align-center flex-sub storeDetails_fd7_2_c0'>
            <view class='flex flex-wrap align-center storeDetails_fd7_2_c0_c0'>
              <text class='fu-iconfont2  storeDetails_fd7_2_c0_c0_c0'>&#xe66a;</text>
              <benben-message-num :messageNum="cartNum" class='storeDetails_fd7_2_c0_c0_c1' size='24' color='#fff' background-color='red'>
              </benben-message-num>
            </view>
            <view class='flex flex-wrap align-center'>
              <text class='storeDetails_fd7_2_c0_c1_c0'>￥</text>
              <text class='storeDetails_fd7_2_c0_c1_c1'>{{cartMoney}}</text>
            </view>
          </view>
          <view class='flex flex-wrap align-center justify-center storeDetails_fd7_2_c1' @tap.stop="handleSettle"
            data-type="navigateTo" :data-url="`/pages/dpxq/settlementPage/settlementPage?id=${id}`">
            <text class='storeDetails_fd7_2_c1_c0'>去结算</text>
          </view>
        </view>
      </view>

      <!---弹窗购物车flex布局结束-->

    </benben-popup>
    <view class="flex flex-direction flex-wrap align-stretch benben-position-layout flex storeDetails_flex_8">
      <view class='flex flex-direction flex-wrap align-stretch flex-sub storeDetails_fd8_0'>
        <view class='flex flex-wrap align-center justify-between storeDetails_fd8_0_c0' v-if="cartMoney < info.start_price">
          <view class='flex flex-wrap align-end' v-if="cartMoney > 0" @tap.stop="popupShowCart=true">
            <text class='fu-iconfont2  storeDetails_fd8_0_c0_c0_c0'>&#xe66a;</text>
            <text class='storeDetails_fd8_0_c0_c0_c1'>￥</text>
            <text class='storeDetails_fd8_0_c0_c0_c2'>{{cartMoney}}</text>
          </view>
					<view class='flex flex-wrap align-end' v-else>
					  <text class='fu-iconfont2  storeDetails_fd8_0_c0_c0_c0'>&#xe66a;</text>
					  <text class='storeDetails_fd8_0_c0_c0_c1'>￥</text>
					  <text class='storeDetails_fd8_0_c0_c0_c2'>{{cartMoney}}</text>
					</view>
          <view class='flex flex-wrap align-center'>
            <view class='flex flex-wrap align-center storeDetails_fd8_0_c0_c1_c0'>
            </view>
            <view class='flex flex-wrap align-center'>
              <text class='storeDetails_fd8_0_c0_c1_c1_c0'>￥</text>
              <text class='storeDetails_fd8_0_c0_c1_c1_c1'>{{info.start_price}}</text>
              <text class='storeDetails_fd8_0_c0_c1_c1_c2'>起送</text>
            </view>
          </view>
        </view>
        <view class='flex flex-wrap align-center justify-between storeDetails_fd8_0_c1' v-else>
          <view class='flex flex-wrap align-center flex-sub storeDetails_fd8_0_c1_c0'
            @tap.stop="popupShowCart=true">
            <view class='flex flex-wrap align-center storeDetails_fd8_0_c1_c0_c0'>
              <text class='fu-iconfont2  storeDetails_fd8_0_c1_c0_c0_c0'>&#xe66a;</text>
              <benben-message-num :messageNum="cartNum" class='storeDetails_fd8_0_c1_c0_c0_c1' size='24' color='#fff' background-color='red'>
              </benben-message-num>
            </view>
            <view class='flex flex-wrap align-center'>
              <text class='storeDetails_fd8_0_c1_c0_c1_c0'>￥</text>
              <text class='storeDetails_fd8_0_c1_c0_c1_c1'>{{cartMoney}}</text>
            </view>
            <view class='flex flex-wrap align-center storeDetails_fd8_0_c1_c0_c2'>
              <text class='storeDetails_fd8_0_c1_c0_c2_c0'>￥</text>
              <text class='storeDetails_fd8_0_c1_c0_c2_c1'>{{marketMoney}}</text>
            </view>
          </view>
          <view class='flex flex-wrap align-center justify-center storeDetails_fd8_0_c1_c1' @tap.stop="handleSettle"
            data-type="navigateTo" :data-url="`/pages/dpxq/settlementPage/settlementPage?id=${id}`">
            <text class='storeDetails_fd8_0_c1_c1_c0'>去结算</text>
          </view>
        </view>
      </view>

    </view>
    <view :style="{height: '148rpx'}"></view>


  </view>
</template>
<script>
  export default {
    components: {},


    data() {
      return {
        popupShowCart: false,
        popupShowSpec: false,
        "popupShow1684725724594": false,
        "tabsInfofd3_0_c0": {
          lineleft: '',
          lineWidth: '',
          moveX: 0,
          scrollX: 0,
          PageScrollX: 0
        },
        "bannerIndexbodyItemfd3_0_c0_c3_c0_c0": 0,
        "bodyItemfd3_0_c0_c4_c2_c0_c0_c1_c1": "4",
        "tabls": "1",
        evaluate_List: [],
        evaluate_id: 1,
        "collect": "1",
        "deliveryPrice": "1",
        "specifications_one": [{
          "name": "常温",
          "value": "1",
          "image": ""
        }, {
          "name": "少冰",
          "value": "2",
          "image": ""
        }, {
          "name": "多冰",
          "value": "3",
          "image": ""
        }],
        "one_id": "1",
        "specifications_two": [{
          "name": "不加糖",
          "value": "1",
          "image": ""
        }, {
          "name": "多冰",
          "value": "2",
          "image": ""
        }, {
          "name": "少冰",
          "value": "3",
          "image": ""
        }],
        "two_id": "1",
        "expand": "1",
        id: "",
        isLoading: false,
        info: {},
        swiperList: [],
        classiftList: [],
        backgroundImg: '',
        backgroundColor: 'rgba(255, 147, 0, 0)',
        commentList: [],
        isShowLoading: false,
        isInit: false,
        status: 'more', // 表示是否有数据可以请求
        page: 1,
        lists: [],
        refresherTriggered: false,
        heightArr: [],
        flag: false,
        setTimeoutFn: null,
        setTimeoutLists: null,
        scrollTop: '',
        toLeftId: '',
        currentId: 0, //选中id
        setTimeoutHandle: null,
        goodsList: [],
        isShowLoading1: false,
        isInit1: false,
        status1: 'more', // 表示是否有数据可以请求
        page1: 1,
        address: '',

        isRepetitionClick: false,   // 修改购物车防止重复点击
        selectGoodsItem: {},
        selectGoodsItemSpec: [],
        skuList: [],
        selectSku: {},
        choosedIndexs: [],
        choosedNames: [],
        showSpec: true,
        cartMoney: 0,
        marketMoney: 0,
        cartNum: 0,
        packingMoney: 0,
        cartList: [],
        opacity: 0,
        is_collect: 0,
        isSubmit: false,
        menuButtonWidth: 20,
				pageHeight: 0
      };
    },
    computed: {
      themeColor() {
        return this.$store.getters.themeColor
      },

    },
    watch: {
      lists: {
        handler() {
          this.setTimeoutLists && clearTimeout(this.setTimeoutLists)
          this.setTimeoutLists = setTimeout(this.getHeight, 300)
        },
        deep: true,
        immediate: true,
      },
    },
    onLoad(options) {
      let {
        id
      } = options
      if (id !== undefined) this.id = id
      // #ifdef MP-WEIXIN
      this.menuButtonWidth = this.$menuButtonWidth;
      // #endif
			let platInfo = uni.getSystemInfoSync();
			console.log(platInfo.windowHeight)
			this.pageHeight = platInfo.windowHeight
    },
    onPageScroll(e) {
      let opacity = e.scrollTop / 250
      this.opacity = opacity;
      this.backgroundColor =
        `rgba(255, 147, 0, ${opacity})`;
    },
    onUnload() {

    },
    onReady() {

    },
    onShow() {
      this.getShopDetail();
      this.getShopCommentNums();
      this.getShopClassifyList();
      if (global.token) {
        this.getCartList();
      }
    },
    onHide() {

    },
    onResize() {

    },
    onPullDownRefresh() {

    },
    onReachBottom(e) {

    },
    methods: {
      handleToMap() {
        console.log(123);

        uni.openLocation({
          latitude: this.info.address_lat - 0,
          longitude: this.info.address_lng - 0,
          name: this.info.address_address,
          success: function () {
            console.log('success');
          },
          fail: (err) => {
            console.log(err);
          }
        });
      },
      handleAd(item)  {
        if (item.goods_id) {
          uni.navigateTo({
          	url:"/pages/dpxq/productDetails/productDetails?goods_id=" + item.goods_id + '&sid=' + this.id
          })
        }
      },
      handleToReporting() {
        this.$refs.benbenPositionPopup1684720938789.close()
        uni.navigateTo({
          url: `/pages/dpxq/reportingMerchants/reportingMerchants?id=${this.id}`
        })
      },
			phoneTap(phone){
				this.callMobile(phone)
				// uni.makePhoneCall({
				// 	phoneNumber:phone
				// })
			},
			ViewImage(list, index) {
			  uni.previewImage({
			    urls: list,
			    current: index
			  });
			},
      handleChatShop() {
        uni.navigateTo({
        	url:'/pages/my/xiaoxi/chatRoom?name=' + this.info.store_name + '&id=' + this.id
        })
      },
      handleSettle() {
        if (!this.cartList.length) return this.$message.info('请先选择商品~');
        if (this.isSubmit) return false;
        this.isSubmit = true;
        let params = {
          store_id: this.id,
        	pick_type:this.tabls
        }
        this.$api.post(global.apiUrls.getSettleInfo, params).then(res => {
            if (res.data.code == 1) {
              this.isSubmit = false;
              uni.navigateTo({
                url: `/pages/dpxq/settlementPage/settlementPage?id=${this.id}`
              })
            } else {
              this.isSubmit = false;
              this.$message.info(res.data.msg)
            }
          })
          .catch(err => {
            this.isSubmit = false;
            console.log(err);
          });

      },
      // 获取轮播图
      getCartList() {
        this.$api.post(global.apiUrls.getCartList, {
            store_id: this.id
          })
          .then(res => {
            if (res.data.code == 1) {
              this.cartList = res.data.data.goods_list;
              this.cartMoney = res.data.data.shop_price
              this.marketMoney =  res.data.data.market_price
              this.packingMoney = res.data.data.packing_price
              this.cartNum = res.data.data.num
							this.goodsList.map((goods) => {
								let num = 0
								this.cartList.map((item) => {
									if (item.goods_id == goods.id) {
										num += (item.num - 0)
									} 
								})
								goods.num = num
								
							})
							
							// let classifyMap = new Map()
							// this.cartList.map((item) => {
							// 	if (item.is_hot == 1) {
							// 		if (classifyMap.has(99999)) {
							// 			classifyMap.set(99999, classifyMap.get(99999) + (item.num - 0))
							// 		} else {
							// 			classifyMap.set(99999, item.num - 0)
							// 		}
							// 	}
							// 	if (classifyMap.has(item.goodscategory_id)) {
							// 		classifyMap.set(item.goodscategory_id, classifyMap.get(item.goodscategory_id) + (item.num - 0))
							// 	} else {
							// 		classifyMap.set(item.goodscategory_id, item.num - 0)
							// 	}
							// })
							console.log(classifyMap);
							this.classiftList.map((classify) => {
								// if (classifyMap.has(classify.aid)) {
								// 	classify.num = classifyMap.get(classify.aid)
								// }
								classify.num = 0
								let num = 0
								this.cartList.map((item) => {
									if (classify.aid == 99999) {
										if (item.is_hot == 1) {
											num += (item.num - 0)
										}
									} else {
										if (classify.aid == item.goodscategory_id) {
											num += (item.num - 0)
										}
									}
								})
								
								classify.num = num
							})
            }
          })
          .catch(err => {
            console.log(err);
          });
      },
      handleChooseSkuItem(parentIndex, item){
        this.showSpec = false;
        this.selectGoodsItemSpec[parentIndex].spec_value.map((value) => {
            value.checked = false;
          })
        this.showSpec = true;
        item.checked = !item.checked;
        // this.choosedIndexs.splice(parentIndex, 1, item.id)
        // this.choosedNames.splice(parentIndex, 1, item.item)
        this.updateChoosedSku()
      },
      // 获取选中的sku
      updateChoosedSku(){
        let { skuList } = this

        let choosedIndexs = [];
        let choosedNames = []
        this.selectGoodsItemSpec.map((specItem, index) => {
          specItem.spec_value.map((item, key) => {
            if (item.checked) {
              choosedIndexs.push(item.id);
              choosedNames.push(item.item);
            }
          })
        })
        let choosedSkuAttrValue = choosedIndexs.join('_');
        var arr = []
        for (let i in skuList) {
          arr.push(skuList[i]);
        }
        this.selectSku = arr.find(item => item.key == choosedSkuAttrValue)
        console.log(this.selectSku)
        if (!this.selectSku) {
          this.$message.info('暂无此规格')
        }
      },
			
			/**
			 * @param {Object} aid
			 * @param {Object} value
			 */
			isCartHasSelectSku(skuid) {
				let findGoods = this.cartList.find(item => item.sku_id == skuid)
				console.log(skuid);
				console.log(findGoods);
				if (findGoods) {
					return findGoods.num - 0
				} else {
					return 0
				}
				
			},
			
			getCartHasSelectSku(skuid) {
				let findGoods = this.cartList.find(item => item.sku_id == skuid)
				console.log(skuid);
				console.log(findGoods);
				if (findGoods) {
					return findGoods
				} else {
					return {}
				}
				
			},
      getShopGoodsList(aid, value) {
        if (this.status1 != 'more') return;
        this.status1 = 'loading';
        let data = {
          list_rows: 20,
          page: this.page1,
          store_id: this.id,
          cid: aid
        };
        // console.log('请求的数据', data);
        if (this.page1 == 1 && value) {
          this.isShowLoading1 = true;
        }
        this.$api
          .post(global.apiUrls.getGoodsDetailGoodsList, data)
          .then(res => {
            console.log('订单列表', res);
            this.isShowLoading1 = false;
            if (res.data.code == 1) {
              var curPageData = res.data.data.data;
              // curPageData.map((item) => {
              //   item.num = 0;
              // })
              if (this.page1 == 1) this.goodsList = [];
              this.goodsList = this.goodsList.concat(curPageData);
              console.log('上拉加载', curPageData.length, this.size);
              if (res.data.data.last_page > this.page1) {
                this.status1 = 'more';
                this.page1++;
              } else {
                this.status1 = 'noMore';
              }
            } else {
              this.$message.info(res.data.msg);
            }
						if (global.token) {
						  this.getCartList();
						}
            this.isInit1 = true;
            uni.stopPullDownRefresh();
          })
          .catch(err => {
            this.isShowLoading = false;
            uni.stopPullDownRefresh();
          });

      },
      refresherrefresh() {
        this.refresherTriggered = true
        setTimeout(() => {
          this.refresherTriggered = false
          this.$emit('refresh')
        }, 500)
      },
      scroll(e) {
        this.setTimeoutFn && clearTimeout(this.setTimeoutFn)
        this.setTimeoutFn = setTimeout(() => {
          let height = e.target.scrollTop
          let index = this.heightArr.findIndex((item) => height >= item.minHeight && height < item.maxHeight)
          this.currentId = index == -1 ? 0 : index
          this.toLeftId = `l_id${index >= 3 ? index - 3 : 0}`
        }, 100)
      },
      /**
       * @event
       * @description  tab切换
       * @param {Number} item -当前选中数据  //暂时没用
       * @param {Number} index - 选中下标
       * @return {Boolean}
       * */
      handleSelect(index) {
        if (this.currentId == index) return false;
        this.currentId = index;
        this.status1 = 'more';
        this.page1 = 1;
        this.isInit1 = false;
        this.goodsList = [];
        this.getShopGoodsList(this.classiftList[index].aid, true);
        // this.scrollTop = this.heightArr[index].minHeight
      },
      handlerClassify(item) {
        // this.$emit('update:handle-id', item.aid)
        // this.$emit('handle-item', item)
      	uni.navigateTo({
      		url:"/pages/dpxq/productDetails/productDetails?goods_id=" + item.aid + '&sid=' + this.id
      	})
      },
      handleShowPopupSpec(item) {
        this.selectGoodsItem = item;
        item.spec_list.map((specItem, index) => {
          specItem.spec_value.map((item, key) => {
            item.checked = false
          })
          specItem.spec_value[0].checked = true;
        })
        this.selectGoodsItemSpec = item.spec_list;
        this.skuList = item.sku_list;
        this.updateChoosedSku();
        this.popupShowSpec = true
      },
      handleUpdateCart(item, type,  source) {

        if (this.isRepetitionClick) return
        this.isRepetitionClick = true
        setTimeout(() => {
          this.isRepetitionClick = false
        }, 200)
        let list = this.carList;
        let num = 0
        let params = {
          goods_id: item.id || item.goods_id,
          store_id: this.id
        }
        if (item.sku_id && (item.sku_id - 0 > 0)) {
          params.sku_id = item.sku_id
        }
        if (type == 2) {
          // num = list[index].num > 1 ? list[index].num - 1 : 1;
          this.$api.post(global.apiUrls.postMinusCart, params).then(res => {
            let data = res.data;
            if (data.code == 1) {
              item.num = item.num - 1
							this.classiftList[this.currentId].num = this.classiftList[this.currentId].num - 1
              this.getCartList();
              if (source == 2) {
                this.goodsList.map((goods) => {
                  if (goods.aid == params.goods_id) {
                    goods.num = item.num;
                  }
                })
                // this.status1 = 'more';
                // this.page1 = 1;
                // this.isInit1 = false;
                // this.goodsList = [];
                // this.getShopGoodsList(this.classiftList[this.currentId].aid, true);
              }

              // this.calculateTotal()
            } else {
              this.$message.info(data.msg)
            }
          });
        } else {
          params.num = 1;
          this.$api.post(global.apiUrls.postAddCart, params).then(res => {
            let data = res.data;
            if (data.code == 1) {
              item.num = item.num - 0 + 1
              this.getCartList();
							this.classiftList[this.currentId].num = this.classiftList[this.currentId].num + 1
              if (source == 2) {
                this.goodsList.map((goods) => {
                  if (goods.aid == params.goods_id) {
                    goods.num = item.num;
                  }
                })
                // this.status1 = 'more';
                // this.page1 = 1;
                // this.isInit1 = false;
                // this.goodsList = [];
                // this.getShopGoodsList(this.classiftList[this.currentId].aid, true);
              }

              // this.calculateTotal()
            } else {
              this.$message.info(data.msg)
            }
          });
        }
        // if (num == list[index].num) return;
      },
      handleAddCart(){
      	if (this.isRepetitionClick) return
      	this.isRepetitionClick = true
      	setTimeout(() => {
      	  this.isRepetitionClick = false
      	}, 200)
        this.$api.post(global.apiUrls.postAddCart, {
          goods_id: this.selectGoodsItem.id,
          store_id: this.id,
          num: 1,
          sku_id: this.selectSku.sku_id
        }).then(res => {
          let data = res.data;
          if (data.code == 1) {
            this.selectGoodsItem.num = this.selectGoodsItem.num - 0 + 1
						this.classiftList[this.currentId].num = this.classiftList[this.currentId].num + 1
            // this.popupShowSpec =  false;
            this.getCartList();
            // this.calculateTotal()
          } else {
            this.$message.info(data.msg)
          }
        });
      },
      getHeight() {
        uni
          .createSelectorQuery()
          .in(this)
          .selectAll('.cate-box-wrap')
          .boundingClientRect()
          .exec((res) => {
            console.log(res)
            let heightArr = []
            let height = 0
            res[0].map((item) => {
              let obj = { minHeight: height > 0 ? height - 10 : height }
              height += Math.floor(item.height)
              obj.maxHeight = height - 10
              heightArr.push(obj)
            })
            this.heightArr = heightArr
          })
      },
      getShopClassifyList() {
        this.$api.post(global.apiUrls.getGoodsCate, {
            store_id: this.id
          }).then(res => {
            if (res.data.code == 1) {
              this.classiftList = res.data.data
              if (this.classiftList.length) {
								this.status1 = 'more';
								this.page1 = 1;
								this.isInit1 = false;
								this.goodsList = [];
                this.getShopGoodsList(this.classiftList[this.currentId].aid, true)
              }
            } else {
              this.$message.info(res.data.msg)
            }
          })
          .catch(err => {
            console.log(err);
          });
      },

      handleDeleteCart() {
        // if (!this.cartList.length) {
        //   return this.$message.info('')
        // }
        this.$util.showModal({
          title: '提示',
          content: '确定删除购物车所有商品?',
          confirmColor: this.$store.state.themeColor,
          success: (res) => {
            if (res.confirm) {
              this.$api.post(global.apiUrls.post649a5059d4e18, { store_id: this.id })
                .then(res => {
                  console.log(res);
                  if (res.data.code == 1) {
                    this.getCartList();
										this.status1 = 'more';
										this.page1 = 1;
										this.isInit1 = false;
										this.goodsList = [];
										this.getShopGoodsList(this.classiftList[this.currentId].aid, true);
										this.getShopClassifyListCler();
                    this.popupShowCart = false;
                  } else {
                    this.$message.info(res.data.msg);
                  }
                });
            }
          }

        })
      },
			getShopClassifyListCler() {
			  this.$api.post(global.apiUrls.getGoodsCate, {
			      store_id: this.id
			    }).then(res => {
			      if (res.data.code == 1) {
			        this.classiftList = res.data.data
			      } else {
			        this.$message.info(res.data.msg)
			      }
			    })
			    .catch(err => {
			      console.log(err);
			    });
			},
      /**
       * 切换评论状态
       */
      handleCommentTypeChange(e) {
        this.status = 'more';
        this.page = 1;
        this.isInit = false;
        this.commentList = [];
        this.getShopCommentList(true);
      },

      /**
       * 获取店铺评论数量
       */
      getShopCommentList(value) {
        if (this.status != 'more') return;
        this.status = 'loading';
        let data = {
          store_id: this.id,
          type: this.evaluate_id,
          list_rows: 20,
          page: this.page
        };
        // console.log('请求的数据', data);
        if (this.page == 1 && value) {
          this.isShowLoading = true;
        }
        this.$api
          .post(global.apiUrls.getShopCommentList, data)
          .then(res => {
            console.log('订单列表', res);
            this.isShowLoading = false;
            if (res.data.code == 1) {
              var curPageData = res.data.data.data;
              if (this.page == 1) this.commentList = [];
              this.commentList = this.commentList.concat(curPageData);
              console.log('上拉加载', curPageData.length, this.size);
              if (res.data.data.last_page > this.page) {
                this.status = 'more';
                this.page++;
              } else {
                this.status = 'noMore';
              }
            } else {
              this.$message.info(res.data.msg);
            }
            this.isInit = true;
            uni.stopPullDownRefresh();
          })
          .catch(err => {
            this.isShowLoading = false;
            uni.stopPullDownRefresh();
          });
      },

      /**
       * 获取评论数量
       */
      getShopCommentNums() {
        this.$api.post(global.apiUrls.getShopCommentNums, {
            store_id: this.id
          }).then(res => {
            if (res.data.code == 1) {
              this.evaluate_List = [{
                name: "全部 ",
                value: "1",
                image: "",
                num: res.data.data.all
              }, {
                name: "好评",
                value: "2",
                image: "",
                num: res.data.data.good
              }, {
                name: "有图",
                value: "3",
                image: "",
                num: res.data.data.img
              }, {
                name: "差评",
                value: "4",
                image: "",
                num: res.data.data.bad
              }, {
                name: "中评",
                value: "5",
                image: "",
                num: res.data.data.center
              }]
              this.getShopCommentList();
            }
          })
          .catch(err => {
            console.log(err);
          });
      },

      /**
       * 获取店铺详情
       */
      getShopDetail() {
        this.$api.post(global.apiUrls.getShopDetail, {
            aid: this.id
          }).then(res => {
            if (res.data.code == 1) {
              if (res.data.data.aid) {
                this.isLoading = true
                this.info = res.data.data;
                this.is_collect = res.data.data.is_collect;
                this.swiperList = res.data.data.ads_lists;
                this.backgroundImg = res.data.data.background_image || ''
              } else {
                this.$message.info('暂无店铺信息，请先浏览其他店铺')
                setTimeout(() => {
                  uni.navigateBack({delta: 1})
                }, 1000)
              }
            } else {
              this.$message.info(res.data.msg)
            }
          })
          .catch(err => {
            console.log(err);
          });
      },


      //收藏
      iscollectFunctionFunc() {
        this.$api.post(global.apiUrls.post636caf10164ce, {
            store_id: this.id
          }).then(res => {
            if (res.data.code == 1) {
              this.is_collect = this.is_collect == 0 ? 1 : 0;
              uni.$emit('COLLECT_SUCCESS')
            } else {
              this.$message.info(res.data.msg)
            }
          })
          .catch(err => {
            console.log(err);
          });
        // if (this.collect == '1') {
        //   this.collect = '2';
        // } else if (this.collect == '2') {
        //   this.collect = '1';
        // }
        return
      },
      //展开
      expandFunctionFunc() {
        if (this.expand == '1') {
          this.expand = '2';
        } else if (this.expand == '2') {
          this.expand = '1';
        }
        return
      }
    }
  };
</script>
<style lang="scss" scoped>
  .page {
    position: relative;
    z-index: 1;
    width: 100vw;
    overflow-x: hidden;
    min-height: 100vh;
    background-color: #fff;

    // background-size: 100% 420rpx !important;
  }

  .storeDetails_flex_0 {
    // background: #374047;
    width: 750rpx;
    height: calc(var(--status-bar-height) + 88rpx);
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto !important;
    box-sizing: border-box;
  }

  .storeDetails_fd0_0_c1_c3 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 32rpx;
  }

  .storeDetails_fd0_0_c1_c2_1 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 32rpx;
  }

  .storeDetails_fd0_0_c1_c2 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 32rpx;
  }

  .storeDetails_fd0_0_c1_c1 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 32rpx;
  }

  .storeDetails_fd0_0_c1_c0 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 32rpx;
  }

  .storeDetails_fd0_0_c0_c0 {
    color: rgba(255, 255, 255, 1);
    font-size: 37rpx;
  }

  .storeDetails_fd0_0_c0 {
    width: 50rpx;
  }

  .storeDetails_fd0_0 {
    margin: 0rpx 32rpx 0rpx 32rpx;
  }

  .storeDetails_popup_1 {
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 0rpx 4rpx 24rpx rgba(50, 50, 51, .12);
    border-radius: 8rpx 8rpx 8rpx 8rpx;
    width: 172rpx;
    height: 122rpx;
    background-size: 100% auto !important;
  }

  .storeDetails_positionPopup1_c1_c1 {
    color: #FFFFFF;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 24rpx;
  }

  .storeDetails_positionPopup1_c1_c0 {
    width: 28rpx;
    height: 28rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 16rpx 0rpx 0rpx;
  }

  .storeDetails_positionPopup1_c1 {
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_positionPopup1_c0_c1 {
    color: #FFFFFF;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 24rpx;
  }

  .storeDetails_positionPopup1_c0_c0 {
    width: 28rpx;
    height: 28rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 16rpx 0rpx 0rpx;
  }

  .storeDetails_flex_2 {
    padding: 190rpx 32rpx 0rpx 32rpx;


  }

  .storeDetails_fd2_0_c2_c1_c0_1 {
    width: 24rpx;
    height: 14rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd2_0_c2_c1_c0 {
    width: 24rpx;
    height:14rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd2_0_c2_c1 {
    margin: 0rpx 0rpx 0rpx 16rpx;
  }

  .storeDetails_fd2_0_c2_c0_c1_1 {
    color: #666666;
    font-size: 22rpx;
    font-weight: 400;
    line-height: 35rpx;
    max-width: 520rpx;
  }

  .storeDetails_fd2_0_c2_c0_c1 {
    color: #666666;
    font-size: 22rpx;
    font-weight: 400;
    line-height: 22rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-width: 520rpx;
  }

  .storeDetails_fd2_0_c2_c0_c0_1 {
    color: #666666;
    font-size: 22rpx;
    font-weight: 400;
    line-height: 35rpx;
  }

  .storeDetails_fd2_0_c2_c0_c0 {
    color: #666666;
    font-size: 22rpx;
    font-weight: 400;
    line-height: 22rpx;
  }

  .storeDetails_fd2_0_c2 {
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd2_0_c1_c2_c1 {
    color: #333333;
    font-size: 22rpx;
    font-weight: 400;
    line-height: 22rpx;
  }

  .storeDetails_fd2_0_c1_c2_c0 {
    color: #333333;
    font-size: 22rpx;
    font-weight: 400;
    line-height: 22rpx;
  }

  .storeDetails_fd2_0_c1_c2 {
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .storeDetails_fd2_0_c1_c1_c1 {
    color: #333333;
    font-size: 22rpx;
    font-weight: 400;
    line-height: 22rpx;
  }

  .storeDetails_fd2_0_c1_c1_c0 {
    color: #333333;
    font-size: 22rpx;
    font-weight: 400;
    line-height: 22rpx;
  }

  .storeDetails_fd2_0_c1_c1 {
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .storeDetails_fd2_0_c1_c0_c1 {
    color: #FFA229;
    font-size: 22rpx;
    font-weight: 500;
    line-height: 22rpx;
  }

  .storeDetails_fd2_0_c1_c0_c0 {
    width: 20rpx;
    height: 20rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 8rpx 0rpx 0rpx;
  }

  .storeDetails_fd2_0_c0_c1_c0 {
    width: 128rpx;
    height: 128rpx;
    border-radius: 8rpx 8rpx 8rpx 8rpx;
  }
  .fu-my-background {
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: calc(var(--status-bar-height) + 420rpx);
    overflow: hidden;

    image {
      width: 100%;
      height: 100%;
    }
  }

  .storeDetails_fd2_0_c0_c0_c1_c2 {
    color: #FFFFFF;
    font-size: 20rpx;
    font-weight: 500;
    line-height: 20rpx;
  }

  .storeDetails_fd2_0_c0_c0_c1_c1 {
    color: #FFFFFF;
    font-size: 20rpx;
    font-weight: 500;
    line-height: 20rpx;
  }

  .storeDetails_fd2_0_c0_c0_c1_c0 {
    color: #FFFFFF;
    font-size: 20rpx;
    font-weight: 500;
    line-height: 20rpx;
  }

  .storeDetails_fd2_0_c0_c0_c1 {
    background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/23.png) no-repeat, rgba(255, 255, 255, 1);
    margin: 0rpx 0rpx 0rpx 16rpx;
    background-size: 100% auto !important;
    padding: 7rpx 17rpx 7rpx 17rpx;
    border-radius: 16rpx 0rpx 16rpx 0rpx;
  }

  .storeDetails_fd2_0_c0_c0_c0_c0 {
    color: #333333;
    font-size: 32rpx;
    font-weight: 500;
    line-height: 36rpx;
  }

  .storeDetails_fd2_0_c0_c0 {
    padding: 0rpx 0rpx 16rpx 0rpx;
  }

  .storeDetails_fd2_0_c0 {
    margin: -42rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd2_0 {
    background: rgba(255, 255, 255, 1);
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    background-size: 100% auto !important;
    padding: 0rpx 24rpx 32rpx 24rpx;
    box-shadow: 0px 0px 24rpx 2rpx rgba(0,0,0,0.08);
  }

  .storeDetails_bodyItemfd3_0_c0_c5_c5_c1_c3 {
    width: 330rpx;
    height: 330rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 24rpx 0rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c5_c5_c1_c2 {
    width: 330rpx;
    height: 330rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 24rpx 0rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c5_c5_c1_c1 {
    width: 330rpx;
    height: 330rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 24rpx 0rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c5_c5_c1_c0 {
    width: 330rpx;
    height: 330rpx;
    border-radius: 6rpx;
    margin: 0rpx 0rpx 24rpx 0rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c5_c5_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
    padding: 32rpx 0;
    // margin: 0rpx 0rpx 25rpx 0rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c5_c4_c1 {
    width: 14rpx;
    height: 26rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c5_c4_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c5_c4 {
    border-bottom: 1px solid #eee;
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c5_c3_c1 {
    max-width: 523rpx;
    color: #666666;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
    margin: 0rpx 0rpx 0rpx 40rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c5_c3_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c5_c3 {
    border-bottom: 1px solid #eee;
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c5_c2_c1_c1 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c5_c2_c1_c0 {
    color: #666666;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c5_c2_c1 {
    margin: 0rpx 0rpx 0rpx 40rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c5_c2_c0_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c5_c2 {
    border-bottom: 1px solid #eee;
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c5_c1_c1 {
    max-width: 523rpx;
    color: #666666;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
    margin: 0rpx 0rpx 0rpx 40rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c5_c1_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c5_c1 {
    border-bottom: 1px solid #eee;
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c5_c0_c1 {
    max-width: 523rpx;
    color: #666666;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
    margin: 0rpx 0rpx 0rpx 40rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c5_c0_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c5_c0 {
    border-bottom: 1px solid #eee;
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .storeDetails_bodyfd3_0_c0_c5 {
    border-top: 1px solid #eee;
    padding: 0rpx 32rpx 0rpx 32rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c2_c2_c2 {
    width: 226rpx;
    height: 226rpx;
    border-radius: 8rpx 8rpx 8rpx 8rpx;
    margin: 0rpx 0rpx 5rpx 0rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c2_c2_c1 {
    width: 226rpx;
    height: 226rpx;
    border-radius: 8rpx 8rpx 8rpx 8rpx;
    margin: 0rpx 0rpx 5rpx 0rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c2_c2_c0 {
    width: 226rpx;
    height: 226rpx;
    border-radius: 8rpx 8rpx 8rpx 8rpx;
    margin: 0rpx 4rpx 8rpx 0rpx;
    &:nth-child(3n) {
      margin-right: 0;
    }
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c2_c1_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 40rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c2_c1 {
    margin: 0rpx 0rpx 24rpx 0rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c2_c0_c1_c0 {
    color: #999999;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 24rpx;
  }

  .storeDetails_star1bodyItemfd3_0_c0_c4_c2_c0_c0_c1_c1 {
    height: 18rpx;
    margin: 0rpx 5rpx 0rpx 5rpx;
    width: 18rpx;
  }

  .storeDetails_star1bodyItemfd3_0_c0_c4_c2_c0_c0_c1_c1 {
    width: 18rpx;
    height: 18rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 5rpx 0rpx 5rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c2_c0_c0_c1_c1 {
    margin: 8rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c2_c0_c0_c1_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 30rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c2_c0_c0_c0_c0 {
    width: 56rpx;
    height: 56rpx;
    border-radius: 100rpx 100rpx 100rpx 100rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c2_c0_c0_c0 {
    margin: 0rpx 16rpx 0rpx 0rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c2_c0 {
    margin: 24rpx 0rpx 24rpx 0rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c2 {
    border-bottom: 1px solid #eee;
    margin: 0rpx 32rpx 0rpx 32rpx;
    padding: 0rpx 0rpx 32rpx 0rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c1_c0_c1_c1 {
    margin: 0rpx 0rpx 0rpx 8rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c1_c0_c1 {
    background: rgba(246, 247, 249, 1);
    margin: 24rpx 20rpx 0rpx 20rpx;
    padding: 8rpx 24rpx 8rpx 24rpx;
    border-radius: 28rpx 28rpx 28rpx 28rpx;
    background-size: 100% auto !important;
    color: rgba(51, 51, 51, 1);
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c1_c0_c0_c1 {
    margin: 0rpx 0rpx 0rpx 8rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c1_c0_c0 {
    border: 1px solid rgba(255, 147, 0, 1);
    background: rgba(255, 246, 234, 1);
    padding: 8rpx 24rpx 8rpx 24rpx;
    border-radius: 28rpx 28rpx 28rpx 28rpx;
    background-size: 100% auto !important;
    margin: 24rpx 20rpx 0rpx 20rpx;
    color: rgba(255, 147, 0, 1);
    font-size: 28rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c1 {
    margin: 0rpx 12rpx 0rpx 12rpx;
    padding: 0rpx 0rpx 24rpx 0rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c0_c4_c1 {
    color: #FF9300;
    font-size: 48rpx;
    font-weight: 500;
    line-height: 50rpx;
    margin: 8rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c0_c4_c0 {
    color: #666666;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 30rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c0_c3 {
    background: rgba(204, 204, 204, 1);
    width: 1rpx;
    height: 40rpx;
    transform: scaleX(0.5);
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c0_c2_c1 {
    color: #FF9300;
    font-size: 48rpx;
    font-weight: 500;
    line-height: 50rpx;
    margin: 8rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c0_c2_c0 {
    color: #666666;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 30rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c0_c1 {
    background: rgba(204, 204, 204, 1);
    width: 1rpx;
    height: 40rpx;
    transform: scaleX(0.5);
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c0_c0_c1 {
    color: #FF9300;
    font-size: 48rpx;
    font-weight: 500;
    line-height: 50rpx;
    margin: 8rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c0_c0_c0 {
    color: #666666;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 30rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c4_c0 {
    margin: 0rpx 32rpx 0rpx 32rpx;
    padding: 24rpx 0rpx 24rpx 0rpx;
  }

  .storeDetails_titleItemfd3_0_c0_c4_c1 {
    font-size: 24rpx;
    margin: 0rpx 0rpx 0rpx 8rpx;
  }

  .storeDetails_titlefd3_0_c0_c4 {
    margin: 0rpx 80rpx 0rpx 0rpx;
  }

  .storeDetails_numberbodyItemfd3_0_c0_c3_c0_c0_c0 {
    background: #525050;
    position: absolute;
    bottom: 20rpx;
    right: 30rpx;
    width: 80rpx;
    height: 40rpx;
    border-radius: 6rpx 6rpx 6rpx 6rpx;
    font-size: 24rpx;
    color: #FFFFFF;
    line-height: 46rpx;
    font-weight: 400;
  }

  .storeDetails_bodyItemfd3_0_c0_c3_c0_c0_c1 {
    width: 686rpx;
    height: 216rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c3_c0_c0_c1_c0 {
    width: 686rpx;
    height: 216rpx;
    border-radius: 16rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c3_c0_c0 {
    width: 686rpx;
    height: 216rpx;
  }

  .storeDetails_swiperDotUnselectedbodyItemfd3_0_c0_c3_c0_c0 {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.3);
    width: 16rpx;
    height: 16rpx;
    border-radius: 100rpx 100rpx 100rpx 100rpx;
    margin: 0rpx 6rpx 0rpx 0rpx;
    font-size: 24rpx;
    color: #fff;
  }

  .storeDetails_swiperDotSelectedbodyItemfd3_0_c0_c3_c0_c0 {
    border: 1px solid #00A7FF;
    background: #00A7FF;
    width: 16rpx;
    height: 16rpx;
    border-radius: 100rpx 100rpx 100rpx 100rpx;
    margin: 0rpx 6rpx 0rpx 0rpx;
    font-size: 24rpx;
    color: #fff;
  }

  ::v-deep .storeDetails_swiperDotbodyItemfd3_0_c0_c3_c0_c0 {
    position: absolute;
    bottom: 20rpx;
    left: 0rpx;
    right: 0rpx;
  }

  .storeDetails_bodyItemfd3_0_c0_c3_c0 {
    margin: 32rpx 0rpx 32rpx 0rpx;
  }

  .storeDetails_titlefd3_0_c0_c3 {
    margin: 0rpx 80rpx 0rpx 32rpx;
  }

  .storeDetails_linefd3_0_c0 {
    background: rgba(255, 147, 0, 1);
    width: 40rpx;
    height: 6rpx;
    top: 84rpx;
    background-size: 100% auto !important;
    border-radius: 10rpx 10rpx 10rpx 10rpx;
  }

  .checkTitlefd3_0_c0 {
    font-weight: 700 !important;
    font-size: 32rpx !important;
    color: #333 !important;
    background-color: rgba(255, 255, 255, 1) !important;
  }

  ::v-deep .storeDetails_benbenTabsfd3_0_c0 {
    background: #fff;
    width: 750rpx;
    height: 90rpx;
    white-space: nowrap;
    text-align: center;
    font-size: 32rpx;
    font-weight: 500;
    color: #666666;
  }

  .storeDetails_flex_4 {
    background: rgba(255, 255, 255, 1);
    background-size: 100% auto !important;
  }

  .storeDetails_fd4_1_c2_c1_c3_c1 {
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd4_1_c2_c1_c3_c0 {
    width: 120rpx;
    height: 120rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .storeDetails_fd4_1_c2_c1_c3 {
    margin: 0rpx 48rpx 24rpx 0rpx;
  }

  .storeDetails_fd4_1_c2_c1_c2_c1 {
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd4_1_c2_c1_c2_c0 {
    width: 120rpx;
    height: 120rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .storeDetails_fd4_1_c2_c1_c2 {
    margin: 0rpx 48rpx 24rpx 0rpx;
  }

  .storeDetails_fd4_1_c2_c1_c1_c1 {
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd4_1_c2_c1_c1_c0 {
    width: 120rpx;
    height: 120rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .storeDetails_fd4_1_c2_c1_c1 {
    margin: 0rpx 48rpx 24rpx 0rpx;
  }

  .storeDetails_fd4_1_c2_c1_c0_c1 {
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd4_1_c2_c1_c0_c0 {
    width: 120rpx;
    height: 120rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .storeDetails_fd4_1_c2_c1_c0 {
    margin: 0rpx 48rpx 24rpx 0rpx;
  }

  .storeDetails_fd4_1_c2_c1 {
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd4_1_c2_c0 {
    line-height: 40rpx;
    font-size: 28rpx;
    font-weight: 600;
    color: #333333;
  }

  .storeDetails_fd4_1_c1_c1_c3_c1 {
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd4_1_c1_c1_c3_c0 {
    width: 120rpx;
    height: 120rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .storeDetails_fd4_1_c1_c1_c3 {
    margin: 0rpx 48rpx 24rpx 0rpx;
  }

  .storeDetails_fd4_1_c1_c1_c2_c1 {
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd4_1_c1_c1_c2_c0 {
    width: 120rpx;
    height: 120rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .storeDetails_fd4_1_c1_c1_c2 {
    margin: 0rpx 48rpx 24rpx 0rpx;
  }

  .storeDetails_fd4_1_c1_c1_c1_c1 {
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd4_1_c1_c1_c1_c0 {
    width: 120rpx;
    height: 120rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .storeDetails_fd4_1_c1_c1_c1 {
    margin: 0rpx 48rpx 24rpx 0rpx;
  }

  .storeDetails_fd4_1_c1_c1_c0_c1 {
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd4_1_c1_c1_c0_c0 {
    width: 120rpx;
    height: 120rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .storeDetails_fd4_1_c1_c1_c0 {
    margin: 0rpx 48rpx 24rpx 0rpx;
  }

  .storeDetails_fd4_1_c1_c1 {
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd4_1_c1_c0 {
    line-height: 40rpx;
    font-size: 28rpx;
    font-weight: 600;
    color: #333333;
  }

  .storeDetails_fd4_1_c0_c1_c3_c1 {
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd4_1_c0_c1_c3_c0 {
    width: 120rpx;
    height: 120rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .storeDetails_fd4_1_c0_c1_c3 {
    margin: 0rpx 48rpx 24rpx 0rpx;
  }

  .storeDetails_fd4_1_c0_c1_c2_c1 {
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd4_1_c0_c1_c2_c0 {
    width: 120rpx;
    height: 120rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .storeDetails_fd4_1_c0_c1_c2 {
    margin: 0rpx 48rpx 24rpx 0rpx;
  }

  .storeDetails_fd4_1_c0_c1_c1_c1 {
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd4_1_c0_c1_c1_c0 {
    width: 120rpx;
    height: 120rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .storeDetails_fd4_1_c0_c1_c1 {
    margin: 0rpx 48rpx 24rpx 0rpx;
  }

  .storeDetails_fd4_1_c0_c1_c0_c1 {
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd4_1_c0_c1_c0_c0 {
    width: 120rpx;
    height: 120rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .storeDetails_fd4_1_c0_c1_c0 {
    margin: 0rpx 48rpx 24rpx 0rpx;
  }

  .storeDetails_fd4_1_c0_c1 {
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd4_1_c0_c0 {
    line-height: 40rpx;
    font-size: 28rpx;
    font-weight: 600;
    color: #333333;
  }

  .storeDetails_fd4_1 {
    background: #fff;
    padding: 40rpx 24rpx 0rpx 24rpx;
    background-size: 100% auto !important;
  }

  .storeDetails_fd4_0_c6_c0 {
    margin: 0rpx 0rpx 0rpx 40rpx;
    line-height: 40rpx;
    font-size: 28rpx;
    font-weight: 700;
    color: #333333;
  }

  .storeDetails_fd4_0_c6 {
    padding: 0rpx 40rpx 0rpx 0rpx;
    margin: 64rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd4_0_c5_c0 {
    margin: 0rpx 0rpx 0rpx 40rpx;
    line-height: 40rpx;
    font-size: 28rpx;
    font-weight: 700;
    color: #333333;
  }

  .storeDetails_fd4_0_c5 {
    padding: 0rpx 40rpx 0rpx 0rpx;
    margin: 64rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd4_0_c4_c0 {
    margin: 0rpx 0rpx 0rpx 40rpx;
    line-height: 40rpx;
    font-size: 28rpx;
    font-weight: 700;
    color: #333333;
  }

  .storeDetails_fd4_0_c4 {
    padding: 0rpx 40rpx 0rpx 0rpx;
    margin: 64rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd4_0_c3_c0 {
    margin: 0rpx 0rpx 0rpx 40rpx;
    line-height: 40rpx;
    font-size: 28rpx;
    font-weight: 700;
    color: #333333;
  }

  .storeDetails_fd4_0_c3 {
    padding: 0rpx 40rpx 0rpx 0rpx;
    margin: 64rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd4_0_c2_c0 {
    margin: 0rpx 0rpx 0rpx 40rpx;
    line-height: 40rpx;
    font-size: 28rpx;
    font-weight: 700;
    color: #333333;
  }

  .storeDetails_fd4_0_c2 {
    padding: 0rpx 40rpx 0rpx 0rpx;
    margin: 64rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd4_0_c1_c0 {
    margin: 0rpx 0rpx 0rpx 40rpx;
    line-height: 40rpx;
    font-size: 28rpx;
    font-weight: 700;
    color: #333333;
  }

  .storeDetails_fd4_0_c1 {
    padding: 0rpx 40rpx 0rpx 0rpx;
    margin: 64rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd4_0_c0_c1 {
    margin: 0rpx 0rpx 0rpx 32rpx;
    line-height: 40rpx;
    font-size: 28rpx;
    font-weight: 700;
    color: rgba(255, 147, 0, 1);
  }

  .storeDetails_fd4_0_c0_c0 {
    background: rgba(255, 147, 0, 1);
    width: 8rpx;
    height: 34rpx;
    margin: 0rpx 0rpx 0rpx 6rpx;
    border-radius: 7rpx 7rpx 7rpx 7rpx;
  }

  .storeDetails_fd4_0_c0 {
    padding: 0rpx 40rpx 0rpx 0rpx;
    margin: 40rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd4_0 {
    background: rgba(248, 248, 248, 1);
    background-size: 100% auto !important;
    padding: 0rpx 0rpx 40rpx 0rpx;
  }

  .storeDetails_flex_5 {
    background: #fff;
    background-size: 100% auto !important;
    border-radius: 24rpx 24rpx 0rpx 0rpx;
    padding: 40rpx 0rpx 58rpx 0rpx;
  }

  .storeDetails_fd5_1_c1_c1 {
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd5_1_c1_c0 {
    width: 80rpx;
    height: 80rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd5_1_c0_c1 {
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd5_1_c0_c0 {
    width: 80rpx;
    height: 80rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd5_1 {
    margin: 48rpx 0rpx 0rpx 0rpx;
    padding: 0rpx 213rpx 0rpx 213rpx;
  }

  .storeDetails_fd5_0_c2_c0 {
    width: 28rpx;
    height: 28rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd5_0_c1_c0 {
    color: #333333;
    font-size: 36rpx;
    font-weight: 500;
    line-height: 53rpx;
    margin: 0rpx 20rpx 0rpx 20rpx;
  }

  .storeDetails_fd5_0_c0 {
    width: 40rpx;
    height: 40rpx;
  }

  .storeDetails_fd5_0 {
    padding: 0rpx 32rpx 0rpx 32rpx;
  }

  .storeDetails_flex_6 {
    margin: 0rpx 40rpx 0rpx 40rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    width: 670rpx;
  }

  .storeDetails_fd6_0_c1_c0 {
    width: 56rpx;
    height: 56rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd6_0_c1 {
    margin: 40rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd6_0_c0_c4_c1 {
    background: rgba(255, 147, 0, 1);
    font-size: 28rpx;
    color: rgba(255, 255, 255, 1);
    width: 198rpx;
    height: 76rpx;
    border-radius: 38rpx 38rpx 38rpx 38rpx;
    line-height: 76rpx;
  }

  .storeDetails_fd6_0_c0_c4_c0_c4 {
    color: #999999;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 24rpx;
  }

  .storeDetails_fd6_0_c0_c4_c0_c3 {
    color: #999999;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 24rpx;
    margin: 0rpx 0rpx 0rpx 16rpx;
  }

  .storeDetails_price2_fd6_0_c0_c4_c0_c2 {
    color: #E32121;
    font-size: 36rpx;
    font-weight: 500;
    line-height: 40rpx;
  }

  .storeDetails_price1_fd6_0_c0_c4_c0_c2 {
    color: #E32121;
    font-size: 36rpx;
    font-weight: 500;
    line-height: 40rpx;
  }

  .storeDetails_fd6_0_c0_c4_c0_c2 {
    line-height: 49rpx;
    font-size: 40rpx;
    font-weight: 700;
    color: #FC4141;
  }

  .storeDetails_fd6_0_c0_c4_c0_c1 {
    line-height: 34rpx;
    font-size: 28rpx;
    font-weight: 500;
    color: #FC4141;
    margin: 0rpx 0rpx 0rpx 16rpx;
  }

  .storeDetails_fd6_0_c0_c4_c0_c0 {
    line-height: 40rpx;
    font-size: 28rpx;
    font-weight: 700;
    color: #333333;
  }

  .storeDetails_fd6_0_c0_c4 {
    padding: 0rpx 32rpx 0rpx 32rpx;
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd6_0_c0_c3_c3 {
    line-height: 24rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: #666666;
  }

  .storeDetails_fd6_0_c0_c3_c2 {
    line-height: 24rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: #666666;
  }

  .storeDetails_fd6_0_c0_c3_c1 {
    line-height: 24rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: #666666;
  }

  .storeDetails_fd6_0_c0_c3_c0 {
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: #666666;
  }

  .storeDetails_fd6_0_c0_c3 {
    background: rgba(246, 247, 249, 0.39);
    padding: 14rpx 0rpx 14rpx 32rpx;
  }

  .storeDetails_fd6_0_c0_c2_c1_c1 {
    border: 1px solid rgba(204, 204, 204, 1);
    margin: 0rpx 7rpx 0rpx 7rpx;
    width: 192rpx;
    height: 64rpx;
    font-size: 24rpx;
    line-height: 64rpx;
    color: rgba(102, 102, 102, 1);
    border-radius: 8rpx 8rpx 8rpx 8rpx;
  }

  .storeDetails_fd6_0_c0_c2_c1_c0 {
    border: 1px solid rgba(255, 147, 0, 1);
    background: rgba(255, 82, 55, 0.06);
    border-radius: 8rpx 8rpx 8rpx 8rpx;
    width: 192rpx;
    height: 64rpx;
    color: rgba(255, 147, 0, 1);
    line-height: 64rpx;
    font-size: 24rpx;
  }

  ::v-deep .storeDetails_fd6_0_c0_c2_c1 {
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd6_0_c0_c2_c0 {
    line-height: 40rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: #999999;
  }

  .storeDetails_fd6_0_c0_c2 {
    margin: 32rpx 32rpx 32rpx 32rpx;
  }

  .storeDetails_fd6_0_c0_c1_c1_c1 {
    border: 1px solid rgba(204, 204, 204, 1);
    // margin: 0rpx 7rpx 0rpx 7rpx;

    min-width: 150rpx;
    max-width: 600rpx;
    height: 64rpx;
    font-size: 24rpx;
    line-height: 64rpx;
    color: rgba(102, 102, 102, 1);
    border-radius: 8rpx 8rpx 8rpx 8rpx;
    margin-right: 24rpx;
    margin-bottom: 16rpx;
    padding: 0 24rpx;
    text-align: center
  }

  .storeDetails_fd6_0_c0_c1_c1_c0 {
    border: 1px solid rgba(255, 147, 0, 1);
    background: rgba(255, 82, 55, 0.06);
    border-radius: 8rpx 8rpx 8rpx 8rpx;
    min-width: 150rpx;
    height: 64rpx;
    color: rgba(255, 147, 0, 1);
    line-height: 64rpx;
    font-size: 24rpx;
    margin-right: 24rpx;
    margin-bottom: 16rpx;
    padding: 0 24rpx;
    max-width: 600rpx;
    text-align: center
  }

  ::v-deep .storeDetails_fd6_0_c0_c1_c1 {
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd6_0_c0_c1_c0 {
    line-height: 40rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: #999999;
  }

  .storeDetails_fd6_0_c0_c1 {
    margin: 32rpx 32rpx 0 32rpx;
  }

  .storeDetails_fd6_0_c0_c0_c1 {
    max-width: 400rpx;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .storeDetails_fd6_0_c0_c0_c0 {
    width: 160rpx;
    height: 160rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .storeDetails_fd6_0_c0_c0 {
    margin: 0rpx 32rpx 0rpx 32rpx;
  }

  .storeDetails_fd6_0_c0 {
    background: rgba(255, 255, 255, 1);
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    background-size: 100% auto !important;
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .storeDetails_flex_7 {
    background: rgba(255, 255, 255, 1);
    border-radius: 24rpx 24rpx 0rpx 0rpx;
    padding: 45rpx 32rpx 32rpx 32rpx;
    background-size: 100% auto !important;
  }

  .storeDetails_fd7_2_c1_c0 {
    color: #FFFFFF;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 100rpx;
  }

  .storeDetails_fd7_2_c1 {
    background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/100.png) no-repeat, #eee;
    width: 164rpx;
    height: 100rpx;
    border-radius: 0rpx 50rpx 50rpx 0rpx;
    background-size: 100% auto !important;
  }

  .storeDetails_fd7_2_c0_c1_c1 {
    color: #FFFFFF;
    font-size: 36rpx;
    font-weight: 500;
    line-height: 36rpx;
  }

  .storeDetails_fd7_2_c0_c1_c0 {
    color: #FFFFFF;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 34rpx;
  }

  .storeDetails_fd7_2_c0_c0_c1 {
    position: absolute;
    right: -16rpx;
    top: -10rpx;
  }

  .storeDetails_fd7_2_c0_c0_c0 {
    font-size: 44rpx;
    color: rgba(255, 255, 255, 1);
  }

  .storeDetails_fd7_2_c0_c0 {
    margin: 0rpx 24rpx 0rpx 0rpx;
    position: relative;
  }

  .storeDetails_fd7_2_c0 {
    height: 100rpx;
    padding: 0rpx 0rpx 0rpx 40rpx;
  }

  .storeDetails_fd7_2 {
    background: rgba(85, 85, 85, 1);
    height: 100rpx;
    border-radius: 50rpx 50rpx 50rpx 50rpx;
    background-size: 100% auto !important;
  }

  .storeDetails_fd7_1_c1_c2_c1_c0_c2 {
    height: 36rpx;
    margin: 0rpx 4rpx 0rpx 4rpx;
    width: 36rpx;
  }

  .storeDetails_fd7_1_c1_c2_c1_c0_c0 {
    height: 36rpx;
    margin: 0rpx 4rpx 0rpx 4rpx;
    width: 36rpx;
  }

  ::v-deep .storeDetails_numberBoxInputfd7_1_c1_c2_c1_c0 {
    background: rgba(255, 255, 255, 1);
    width: 80rpx;
    height: 50rpx;
    text-align: center;
    color: rgba(51, 51, 51, 1);
    font-size: 28rpx;
  }

  .storeDetails_fd7_1_c1_c2_c0_c3 {
    color: #999999;
    font-size: 22rpx;
    font-weight: 500;
    line-height: 22rpx;
    text-decoration: line-through;
  }

  .storeDetails_fd7_1_c1_c2_c0_c2 {
    color: #999999;
    font-size: 22rpx;
    font-weight: 500;
    line-height: 22rpx;
    text-decoration: line-through;
  }

  .storeDetails_fd7_1_c1_c2_c0_c1 {
    margin: 0rpx 16rpx 0rpx 0rpx;
    color: #E32121;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 28rpx;
  }

  .storeDetails_fd7_1_c1_c2_c0_c0 {
    color: #E32121;
    font-size: 22rpx;
    font-weight: 500;
    line-height: 22rpx;
  }

  .storeDetails_fd7_1_c1_c2 {
    // margin: 38rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd7_1_c1_c1_c0 {
    color: #999999;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 24rpx;
  }

  .storeDetails_fd7_1_c1_c1 {
    // margin: 12rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd7_1_c1_c0_c0 {
    color: #333333;
    font-size: 32rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .storeDetails_fd7_1_c1 {
    justify-content: space-around;
    border-bottom: 1px solid #eee;
    // padding: 0rpx 0rpx 32rpx 0rpx;
    padding-bottom: 32rpx;
    box-sizing: content-box;
    height: 168rpx;
  }

  .storeDetails_fd7_1_c0_c0 {
    width: 168rpx;
    height: 168rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .storeDetails_fd7_1_c0 {
    margin: 0rpx 16rpx 0rpx 0rpx;
  }

  .storeDetails_fd7_1 {
    margin: 0rpx 0rpx 32rpx 0rpx;
    max-height: 80vh;
  }
  .cart-wrap {
    max-height: 60vh;
  }

  .storeDetails_fd7_0_c1_c0 {
    color: #666666;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 42rpx;
  }

  .storeDetails_fd7_0_c0_c3 {
    color: #999999;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 30rpx;
  }

  .storeDetails_fd7_0_c0_c2 {
    color: #999999;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 30rpx;
  }

  .storeDetails_fd7_0_c0_c1 {
    color: #999999;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 30rpx;
  }

  .storeDetails_fd7_0_c0_c0 {
    color: #333333;
    font-size: 36rpx;
    font-weight: 500;
    line-height: 42rpx;
    margin: 0rpx 16rpx 0rpx 0rpx;
  }

  .storeDetails_fd7_0 {
    margin: 0rpx 0rpx 32rpx 0rpx;
  }

  .storeDetails_flex_8 {
    background: rgba(255, 255, 255, 1);
    width: 750rpx;
    height: 148rpx;
    z-index: 10;
    bottom: calc(0rpx + var(--window-bottom));
    background-size: 100% auto !important;
    overflow: hidden;
  }

  .storeDetails_fd8_0_c1_c1_c0 {
    color: #FFFFFF;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 100rpx;
  }

  .storeDetails_fd8_0_c1_c1 {
    background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/100.png) no-repeat, #eee;
    width: 164rpx;
    height: 100rpx;
    border-radius: 0rpx 50rpx 50rpx 0rpx;
    background-size: 100% auto !important;
  }

  .storeDetails_fd8_0_c1_c0_c2_c1 {
    color: #CCCCCC;
    font-size: 22rpx;
    font-weight: 500;
    line-height: 22rpx;
    text-decoration: line-through;
  }

  .storeDetails_fd8_0_c1_c0_c2_c0 {
    color: #CCCCCC;
    font-size: 22rpx;
    font-weight: 500;
    line-height: 22rpx;
    text-decoration: line-through;
  }

  .storeDetails_fd8_0_c1_c0_c2 {
    margin: 0rpx 0rpx 0rpx 16rpx;
  }

  .storeDetails_fd8_0_c1_c0_c1_c1 {
    color: #FFFFFF;
    font-size: 36rpx;
    font-weight: 500;
    line-height: 36rpx;
  }

  .storeDetails_fd8_0_c1_c0_c1_c0 {
    color: #FFFFFF;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 34rpx;
  }

  .storeDetails_fd8_0_c1_c0_c0_c1 {
    position: absolute;
    right: -16rpx;
    top: -10rpx;
  }

  .storeDetails_fd8_0_c1_c0_c0_c0 {
    font-size: 44rpx;
    color: rgba(255, 255, 255, 1);
  }

  .storeDetails_fd8_0_c1_c0_c0 {
    margin: 0rpx 24rpx 0rpx 0rpx;
    position: relative;
  }

  .storeDetails_fd8_0_c1_c0 {
    height: 100rpx;
    padding: 0rpx 0rpx 0rpx 40rpx;
  }

  .storeDetails_fd8_0_c1 {
    background: rgba(85, 85, 85, 1);
    height: 100rpx;
    border-radius: 50rpx 50rpx 50rpx 50rpx;
    background-size: 100% auto !important;
  }

  .storeDetails_fd8_0_c0_c1_c1_c2 {
    color: #CCCCCC;
    font-size: 32rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .storeDetails_fd8_0_c0_c1_c1_c1 {
    color: #CCCCCC;
    font-size: 32rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .storeDetails_fd8_0_c0_c1_c1_c0 {
    color: #CCCCCC;
    font-size: 32rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .storeDetails_fd8_0_c0_c1_c0 {
    background: rgba(112, 112, 112, 1);
    margin: 0rpx 32rpx 0rpx 0rpx;
    width: 1rpx;
    height: 40rpx;
    background-size: 100% auto !important;
  }

  .storeDetails_fd8_0_c0_c0_c2 {
    color: #FFFFFF;
    font-size: 32rpx;
    font-weight: 500;
    line-height: 34rpx;
  }

  .storeDetails_fd8_0_c0_c0_c1 {
    color: #FFFFFF;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 30rpx;
  }

  .storeDetails_fd8_0_c0_c0_c0 {
    font-size: 44rpx;
    color: rgba(255, 255, 255, 1);
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .storeDetails_fd8_0_c0 {
    background: rgba(85, 85, 85, 1);
    height: 100rpx;
    border-radius: 50rpx 50rpx 50rpx 50rpx;
    background-size: 100% auto !important;
    padding: 28rpx 46rpx 28rpx 40rpx;
  }

  .storeDetails_fd8_0 {
    background: rgba(255, 255, 255, 1);
    padding: 12rpx 32rpx 0rpx 32rpx;
    background-size: 100% auto !important;
  }

  .content-wrap {
    border-top: 1px solid #f8f8f8;
  	border-radius: 16rpx 16rpx 0 0;
  	padding-top: 40rpx;
  	// margin-bottom: 140rpx;
    // position: fixed;
    bottom: var(--window-bottom);
    display: flex;
  	background: #fff;
    .left {
      width: 180rpx;
      height: 100%;
  		// margin-top: 50rpx;
      background-color: #F6F7F9;
      box-sizing: border-box;
      .item {
        width: 100%;
        height: 99rpx;
        line-height: 99rpx;
        font-size: 24rpx;
        color: #666666;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
				position: relative;
        image {
          width: 16rpx;
          height: 20rpx;
          margin-right: 10rpx;
        }
      }
      .item.active {
        background-color: #fff;
        color: #FF9300;
        font-weight: bold;
        position: relative;
        // &::before {
        //   content: '';
        //   width: 8rpx;
        //   height: 34rpx;
        //   background: #ff6464;
        //   border-radius: 4rpx;
        //   position: absolute;
        //   top: 50%;
        //   left: 0;
        //   transform: translateY(-50%);
        // }
      }
			.cuIconlujing226{
				width: 32rpx;
				height: 32rpx;
				text-align: center;
				line-height: 32rpx;
				position: absolute;
				right: 35rpx;
				bottom: 40rpx;
				font-size: 20rpx;
				color: #fff;
				background: #E32121;
				border-radius: 50%;
			}
    }
    .right {
      width: 570rpx;
      height: 100%;
      background-color: #fff;
    }
  }
  .cate-box-wrap {
    .cate-box-wrap-title {
      line-height: 80rpx;
      padding: 0 32rpx;
    }
    &:last-child {
      // min-height: calc(100vh - var(--window-bottom) - var(--window-top));
      min-height: 100%;
    }
    .cate-box {
      display: flex;
      flex-wrap: wrap;
      padding-left: 10rpx;
      box-sizing: border-box;
      .cate-box-item {
        padding-bottom: 20rpx;
				position: relative;
  			.goodsname{
  				-webkit-line-clamp: 1;
  				overflow: hidden;
  				text-overflow: ellipsis;
  				display: -webkit-box;
  				-webkit-box-orient: vertical;
  			}
  			.price{
  				color: #E32121;
  				margin-right: 16rpx;
  			}
  			.sales{
  				margin: 12rpx 0 40rpx 0;
  			}
  			.line{
  				text-decoration: line-through;
  			}
  			.skuclass{
  				width: 94rpx;
  				height: 42rpx;
  				background: #FF9300;
  				border-radius: 21rpx;
  			}
  			.skuimg{
  				width: 40rpx;
  				height: 40rpx;
  			}
				.specnum{
					width: 32rpx;
					height: 32rpx;
					text-align: center;
					line-height: 32rpx;
					position: absolute;
					right: 0rpx;
					bottom: 50rpx;
					font-size: 20rpx;
					color: #fff;
					background: #E32121;
					border-radius: 50%;
				}
      }
    }
  }
  .skuimg{
  	width: 40rpx;
  	height: 40rpx;
  }
</style>
