{"version":3,"sources":["webpack:///./src/assets/icons/icon_close2.png","webpack:///./src/assets/icons/icon_warn.png","webpack:///./src/views/booking/ProductRules.vue?12ac","webpack:///./src/views/PageProductDetail.vue?5068","webpack:///./src/views/booking/ProductRules.vue?aad9","webpack:///src/views/booking/ProductRules.vue","webpack:///./src/views/booking/ProductRules.vue?5218","webpack:///./src/views/booking/ProductRules.vue","webpack:///src/views/PageProductDetail.vue","webpack:///./src/views/PageProductDetail.vue?2727","webpack:///./src/views/PageProductDetail.vue","webpack:///./src/views/PageProductDetail.vue?cbd3"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","bannerList","ref","attrs","swiperOption","_l","item","index","key","id","FullSizeImageUrl","on","$event","bannerPreview","slot","_e","_v","_s","productData","Name","handleBooking","applyTo","directives","name","rawName","value","expression","termCondition","$store","state","bindTicket","priceDiscountedCalc","priceCalc","priceCondition","class","spec","promotionImage","refImgUrl","refImgName","refImgPreviewShow","domProps","MetaDescription","FullDescription","recommendList","bookingShow","currentProduct","bannerPreviewStart","bannerImgs","model","callback","$$v","bannerPreviewShow","staticRenderFns","ClauseMB","_m","props","Object","data","active","computed","rulesType","caution","terms","component","components","ProductRules","ProductList","DialogBooking","String","autoplay","delay","disableOnInteraction","pagination","el","watch","getData","ProductPrice","calcResult","slice","length","map","mounted","methods","checkResult","mobileBanner","current","DefaultPictureModel","ImageUrl"],"mappings":"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","file":"js/chunk-5083175a.1c480a8d.js","sourcesContent":["module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAt0lEQVQokZ2SsQ3CMBBFX0jFACldRyxAHYk0LhgkUyAmYQQ62AFRMEBK5ojQRWfJss7Y8Cv7/N/PxWdUDhip06j+VbK4AQ/AF3CvPvG7FtgDR2ADDMAbmDPgWX1b4JUmPjMdlM6zhizYRvCsLQ/RL3TApPsFOAF3C7YCdkBjgRYcAjoFg67AJTVasNdWm6jWW1NI4Xgci36xrxjj77ddAovn8la/JmcCDlL8+22HoizWpAqJzwF8AG8XPbpsOaM0AAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAABs0lEQVQ4jZWVzytEURTHPx5Z0VBihSIL2dAoirI0FBllMyVWNhY2/grZkIWFnbBDUmwnTZEhKwtlZERiMoMZ4/foPPfVmN579/lubr3zPZ85Z7rn3KLK6V0c1AqMAl1ALVAFJIArIAIsAyd2qXbQBmAWGJK40y8COWATmAZi+QGjwBgAjoGgBoiKB5U/4AQdBLYBnwZWKJ/KG7S+l6izCVgBiu2ydiY7+M7lKDGK6F04sLMUq3w/cGZB54Eyp1L8dT4TqJHkzwF9hqIH3PzXqVfzTL586MDC8Qs0pHNasKfXT51VFDLUPXTV3fObGU6/eYL2GOpiu+rm8bf9VFbbvqhBoDU6V/wha56J9LsXaKVAn/SV/rb/kPFUaVKg59pKk1nO7zOc3qa9QGNyT/eAdjfX/kWSgcVDr+2HpdJVnau/pZrlsTZmgs1eoGsCjQKO+0800V1vTtV4p/aiCCdqjekUcOQ0qkuRONXlpUQvU27AjOL82aeyZdadlopGX8AwsCW2/NUnH0ZkcP4JFL/kmcBCqGhDPSNyepGt3/pP8yX3Vlqx3qgeoBGokElV8bDjGwX8AI7odpNo3sEPAAAAAElFTkSuQmCC\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductRules.vue?vue&type=style&index=0&id=50a16adc&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductRules.vue?vue&type=style&index=0&id=50a16adc&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"product-detail\"},[(_vm.bannerList.length)?_c('swiper',{ref:\"refBanner\",staticClass:\"banner\",attrs:{\"options\":_vm.swiperOption}},[_vm._l((_vm.bannerList),function(item,index){return _c('swiper-slide',{key:item.id},[_c('van-image',{staticClass:\"banner-img\",attrs:{\"src\":item.FullSizeImageUrl,\"alt\":\"\"},on:{\"click\":function($event){return _vm.bannerPreview(index)}}})],1)}),_c('div',{staticClass:\"swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"})],2):_vm._e(),_c('div',{staticClass:\"product-info\"},[_c('div',{staticClass:\"info-info\"},[_c('div',{staticClass:\"name-line\"},[_c('p',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.productData.Name))]),_c('a',{staticClass:\"btn-common small btn-cart\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleBooking(_vm.productData)}}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../assets/icons/icon_plus.png\"),\"alt\":\"\"}}),_vm._v(\" 加入意向单 \")])]),_c('div',{staticClass:\"price-line desc-box\"},[_c('p',[_vm._v(_vm._s(_vm.productData.applyTo))]),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.productData.termCondition),expression:\"productData.termCondition\"}]},[_vm._v(_vm._s(_vm.productData.termCondition))])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$store.state.bindTicket.bookingId),expression:\"$store.state.bindTicket.bookingId\"}],staticClass:\"price-line\"},[_c('p',[_c('span',[_vm._v(_vm._s(_vm.priceDiscountedCalc))]),_c('span',{staticClass:\"price-unit\"},[_vm._v(\"美元\")]),_c('i',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.priceCalc && _vm.priceDiscountedCalc !== _vm.priceCalc),expression:\"priceCalc && priceDiscountedCalc !== priceCalc\"}],staticClass:\"old-price\"},[_vm._v(_vm._s(_vm.priceCalc)+\"美元\")])]),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.productData.priceCondition),expression:\"productData.priceCondition\"}]},[_vm._v(\"[ \"+_vm._s(_vm.productData.priceCondition)+\" ]\")])]),_c('div',{staticClass:\"label-box\",class:{spec: !_vm.productData.promotionImage && _vm.productData.refImgUrl}},[(_vm.productData.promotionImage)?_c('div',{staticClass:\"label\"},[_c('img',{staticClass:\"label-img\",attrs:{\"src\":_vm.productData.promotionImage}})]):_vm._e(),(_vm.productData.refImgName && _vm.productData.refImgUrl)?_c('div',{staticClass:\"sub-btn\",on:{\"click\":function($event){_vm.refImgPreviewShow = true}}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../assets/icons/icon_warn.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(_vm._s(_vm.productData.refImgName))])]):_vm._e()])]),_c('div',{staticClass:\"desc-detail\",domProps:{\"innerHTML\":_vm._s(_vm.productData.MetaDescription)}}),_c('div',{staticClass:\"desc-detail\",domProps:{\"innerHTML\":_vm._s(_vm.productData.FullDescription)}}),_c('div',{staticClass:\"rule-title\"},[_vm._v(\"条款细则\")]),_c('product-rules',{attrs:{\"productData\":_vm.productData}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.recommendList.length),expression:\"recommendList.length\"}],staticClass:\"product-recommend\"},[_c('div',{staticClass:\"recommend-title\"},[_vm._v(\"其他推荐产品\")]),_c('product-list',{attrs:{\"list\":_vm.recommendList}})],1),_c('dialog-booking',{attrs:{\"visible\":_vm.bookingShow,\"goodsInfo\":_vm.currentProduct},on:{\"update:visible\":function($event){_vm.bookingShow=$event}}}),_c('van-image-preview',{attrs:{\"start-position\":_vm.bannerPreviewStart,\"images\":_vm.bannerImgs,\"close-icon\":require('../assets/icons/icon_close2.png'),\"closeable\":\"\",\"close-on-popstate\":\"\",\"show-index\":false,\"show-indicators\":\"\",\"class-name\":\"custom-image-preview\"},model:{value:(_vm.bannerPreviewShow),callback:function ($$v) {_vm.bannerPreviewShow=$$v},expression:\"bannerPreviewShow\"}}),_c('van-image-preview',{attrs:{\"images\":[_vm.productData.refImgUrl],\"close-icon\":require('../assets/icons/icon_close2.png'),\"closeable\":\"\",\"close-on-popstate\":\"\",\"show-index\":false,\"class-name\":\"custom-image-preview\"},model:{value:(_vm.refImgPreviewShow),callback:function ($$v) {_vm.refImgPreviewShow=$$v},expression:\"refImgPreviewShow\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"attention\"},[_c('div',{staticClass:\"list_bd\",domProps:{\"innerHTML\":_vm._s(_vm.productData.ClauseMB)}}),_vm._m(0)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"remark\"},[_c('span',[_vm._v(\"*\")]),_vm._v(\"皇家加勒比国际游轮在法律允许的范围内保留对以上条款的修改及解释权。\")])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <!-- <div class=\"tab-title\">\n      <div v-for=\"(item, index) in rulesType\" :key=\"`name${index}`\" :class=\"['tab-item', {cur: active === index}]\" @click=\"active = index\">{{item.name}}</div>\n    </div> -->\n    <div class=\"attention\">\n      <!-- <div v-html=\"rulesType[active].value\"></div> -->\n      <div class=\"list_bd\" v-html=\"productData.ClauseMB\"></div>\n      <div class=\"remark\"><span>*</span>皇家加勒比国际游轮在法律允许的范围内保留对以上条款的修改及解释权。</div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'ProductRules',\n\n  props: {\n    productData: Object\n  },\n\n  data () {\n    return {\n      active: 0\n    }\n  },\n\n  computed: {\n    rulesType () {\n      return [{\n        name: '注意事项',\n        value: this.productData.caution\n      }, {\n        name: '条款细则',\n        value: this.productData.terms\n      }]\n    }\n  }\n}\n</script>\n\n<style lang=\"less\" scoped>\n.tab-title {\n  display: flex;\n  height: 78px;\n  border-radius: 6px;\n  background-color: #1174b8;\n  .tab-item {\n    position: relative;\n    flex: 1;\n    height: 100%;\n    font-size: 30px;\n    color: #fff;\n    text-align: center;\n    line-height: 78px;\n    &:first-child {\n      border-top-left-radius: 6px;\n      border-bottom-left-radius: 6px;\n    }\n    &:last-child {\n      border-top-right-radius: 6px;\n      border-bottom-right-radius: 6px;\n    }\n    &.cur {\n      .btn-linear-gradient;\n      color: #111;\n      &::after {\n        content: '';\n        position: absolute;\n        left: 50%;\n        bottom: -10px;\n        width: 0;\n        height: 0;\n        margin-left: -5px;\n        border-top: 10px solid #fdc404;\n        border-right: 10px solid transparent;\n        border-left: 10px solid transparent;\n      }\n    }\n  }\n}\n.attention {\n  padding-bottom: 50px;\n}\n.list_bd {\n  font-size: 24px;\n  p {\n    margin-bottom: 0px;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductRules.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductRules.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductRules.vue?vue&type=template&id=50a16adc&scoped=true&\"\nimport script from \"./ProductRules.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductRules.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductRules.vue?vue&type=style&index=0&id=50a16adc&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"50a16adc\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"product-detail\">\n    <swiper v-if=\"bannerList.length\" ref=\"refBanner\" class=\"banner\" :options=\"swiperOption\">\n      <swiper-slide v-for=\"(item, index) in bannerList\" :key=\"item.id\">\n        <van-image class=\"banner-img\" @click=\"bannerPreview(index)\" :src=\"item.FullSizeImageUrl\" alt=\"\"/>\n      </swiper-slide>\n      <div class=\"swiper-pagination\" slot=\"pagination\"></div>\n    </swiper>\n    <div class=\"product-info\">\n      <div class=\"info-info\">\n        <div class=\"name-line\">\n          <p class=\"name\">{{productData.Name}}</p>\n          <a href=\"javascript:;\" class=\"btn-common small btn-cart\" @click=\"handleBooking(productData)\">\n            <img class=\"icon\" src=\"../assets/icons/icon_plus.png\" alt=\"\">\n            加入意向单\n          </a>\n        </div>\n        <div class=\"price-line desc-box\">\n          <p>{{productData.applyTo}}</p>\n          <p v-show=\"productData.termCondition\">{{productData.termCondition}}</p>\n        </div>\n        <div class=\"price-line\" v-show=\"$store.state.bindTicket.bookingId\">\n          <p><span>{{priceDiscountedCalc}}</span><span class=\"price-unit\">美元</span>\n            <i class=\"old-price\" v-show=\"priceCalc && priceDiscountedCalc !== priceCalc\">{{priceCalc}}美元</i>\n          </p>\n          <p v-show=\"productData.priceCondition\">[ {{productData.priceCondition}} ]</p>\n        </div>\n        <div class=\"label-box\" :class=\"{spec: !productData.promotionImage && productData.refImgUrl}\">\n          <div class=\"label\" v-if=\"productData.promotionImage\">\n            <img class=\"label-img\" :src=\"productData.promotionImage\" />\n          </div>\n          <div class=\"sub-btn\" v-if=\"productData.refImgName && productData.refImgUrl\" @click=\"refImgPreviewShow = true\">\n            <img class=\"icon\" src=\"../assets/icons/icon_warn.png\" alt=\"\">\n            <span>{{productData.refImgName}}</span>\n          </div>\n        </div>\n      </div>\n      <div class=\"desc-detail\" v-html=\"productData.MetaDescription\"></div>\n      <div class=\"desc-detail\" v-html=\"productData.FullDescription\"></div>\n      <!-- 注意事项、条款细则 -->\n      <div class=\"rule-title\">条款细则</div>\n      <product-rules :productData=\"productData\" />\n    </div>\n    <div class=\"product-recommend\" v-show=\"recommendList.length\">\n      <div class=\"recommend-title\">其他推荐产品</div>\n      <product-list :list=\"recommendList\" />\n    </div>\n    <!-- 预定弹框 -->\n    <dialog-booking :visible.sync=\"bookingShow\" :goodsInfo=\"currentProduct\" />\n    <!-- banner预览 -->\n    <van-image-preview\n      v-model=\"bannerPreviewShow\"\n      :start-position=\"bannerPreviewStart\"\n      :images=\"bannerImgs\"\n      :close-icon=\"require('../assets/icons/icon_close2.png')\"\n      closeable\n      close-on-popstate\n      :show-index=\"false\"\n      show-indicators\n      class-name=\"custom-image-preview\"\n    />\n    <!-- 参考菜单预览 -->\n    <van-image-preview\n      v-model=\"refImgPreviewShow\"\n      :images=\"[productData.refImgUrl]\"\n      :close-icon=\"require('../assets/icons/icon_close2.png')\"\n      closeable\n      close-on-popstate\n      :show-index=\"false\"\n      class-name=\"custom-image-preview\"\n    />\n  </div>\n</template>\n\n<script>\nimport ProductRules from './booking/ProductRules'\nimport ProductList from './booking/ProductList'\nimport DialogBooking from './DialogBooking'\nimport api from '@/api'\nimport { showLoading, hideLoading, showAlert } from '@/utils/tools'\nimport pick from 'lodash/pick'\nimport { checkOrderState } from '@/plugins/common'\nimport { mapState } from 'vuex'\n\nexport default {\n  name: 'PageProductDetail',\n\n  components: {\n    ProductRules,\n    ProductList,\n    DialogBooking\n  },\n\n  props: {\n    id: String\n  },\n\n  data () {\n    return {\n      swiperOption: {\n        autoplay: {\n          delay: 2000,\n          disableOnInteraction: false\n        },\n        pagination: {\n          el: '.swiper-pagination'\n        }\n      },\n      productData: {},\n      recommendList: [],\n      bannerList: [],\n      bookingShow: false,\n      currentProduct: {},\n      bannerPreviewShow: false,\n      bannerPreviewStart: 0,\n      refImgPreviewShow: false\n    }\n  },\n\n  watch: {\n    id (val) {\n      this.getData()\n    }\n  },\n\n  computed: {\n    ...mapState(['bindTicket']),\n    priceDiscountedCalc () {\n      if (this.productData.ProductPrice != null) {\n        // console.log(this.productData)\n        const calcResult = this.productData.ProductPrice.Price\n        return calcResult ? calcResult.slice(0, calcResult.length - 2) : ''\n      } else {\n        return null\n      }\n    },\n    priceCalc () {\n      if (this.productData.ProductPrice != null) {\n        const calcResult = this.productData.ProductPrice.OldPrice\n        return calcResult ? calcResult.slice(0, calcResult.length - 2) : ''\n      } else {\n        return null\n      }\n    },\n    bannerImgs () {\n      return this.bannerList.map(x => x.FullSizeImageUrl)\n    }\n  },\n\n  mounted () {\n    this.getData()\n  },\n\n  methods: {\n    handleBooking (current) {\n      checkOrderState(checkResult => {\n        if (checkResult) {\n          if (checkResult !== 'cancel') showAlert(checkResult)\n        } else {\n          this.currentProduct = {\n            ...pick(current, ['Id', 'Name']),\n            mobileBanner: current.DefaultPictureModel.ImageUrl\n          }\n          this.bookingShow = true\n        }\n      })\n    },\n    async getData () {\n      showLoading()\n      const { errCode, errMsg, data } = await api.getProductDetail(this.id)\n      hideLoading()\n      if (errCode === 0) {\n        const { PictureModels, ...productData } = data\n        this.productData = productData\n        this.getRecommendData()\n        // this.recommendList = recommdationViewModel && recommdationViewModel.products && recommdationViewModel.products.length ? recommdationViewModel.products : []\n        this.bannerList = PictureModels || []\n        // window.gio('page.set', 'Product_DetailProduct', productData.name)\n      } else {\n        showAlert(errMsg || '页面数据获取失败，请稍后重试')\n      }\n    },\n    async getRecommendData () {\n      showLoading()\n      const { errCode, errMsg, data } = await api.getRecommend(this.id)\n      if (errCode === 0) {\n        this.recommendList = data && data.rows && data.rows.length ? data.rows : []\n      } else {\n        window.console.log(errMsg || '页面数据获取失败，请稍后重试')\n      }\n      hideLoading()\n    },\n    bannerPreview (index) {\n      this.bannerPreviewStart = index\n      this.bannerPreviewShow = true\n    }\n  }\n}\n</script>\n\n<style lang=\"less\" scoped>\n.banner {\n  height: 750px;\n  .swiper-pagination ::v-deep .swiper-pagination-bullet {\n    width: 16px;\n    height: 5px;\n    margin: 0 3px;\n    border-radius: 2px;\n    background-color: #dedede;\n    &.swiper-pagination-bullet-active {\n      width: 46px;\n      .btn-linear-gradient;\n    }\n  }\n}\n.product-info {\n  padding: 0 50px;\n  background-color: #fff;\n  .info-info {\n    padding: 24px 0 18px;\n    border-bottom: 1Px solid #eaeaea;\n    .name-line {\n      display: flex;\n      justify-content: space-between;\n      .name {\n        flex: none;\n        width: 390px;\n        font-size: 30px;\n        color: #333;\n        line-height: 40px;\n        font-weight: bold;\n      }\n      .btn-cart {\n        width: 202px;\n        height: 52px;\n        margin: 0;\n        font-size: 24px;\n        .icon {\n          width: 14px;\n          margin-right: 10px;\n        }\n      }\n    }\n    .price-line {\n      display: flex;\n      align-items: flex-end;\n      justify-content: space-between;\n      margin-top: 16px;\n      font-size: 20px;\n      color: #999;\n      &.desc-box {\n        align-items: flex-start;\n        p {\n          flex: none;\n          &:first-child {\n            max-width: 50%;\n          }\n          &:last-child {\n            max-width: 45%;\n          }\n        }\n      }\n      span {\n        margin-right: 3px;\n        font-size: 36px;\n        font-weight: bold;\n        color: @second-color;\n      }\n      .price-unit {\n        font-size: 20px;\n        font-weight: normal;\n        color: @main-gray4;\n        padding-left: 8px;\n      }\n      .old-price {\n        font-style: normal;\n        text-decoration: line-through;\n      }\n    }\n    .label-box {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding-top: 18px;\n      &.spec {\n        padding-top: 16px;\n        justify-content: flex-end;\n      }\n      .label {\n        .label-img {\n          display: block;\n          height: 30px;\n          margin-right: 6px;\n        }\n      }\n      .sub-btn {\n        display: flex;\n        align-items: center;\n        font-size: 20px;\n        color: #1174b8;\n        .icon {\n          width: 21px;\n          height: 21px;\n          margin-right: 8px;\n        }\n        span {\n          text-decoration: underline;\n        }\n      }\n    }\n  }\n  .desc-detail {\n    padding: 32px 0;\n    font-size: 24px;\n    color: #333;\n    line-height: 38px;\n  }\n}\n.product-recommend {\n  padding: 40px 50px 50px;\n  .recommend-title {\n    position: relative;\n    height: 68px;\n    margin-bottom: 30px;\n    font-size: 30px;\n    color: #333;\n    text-align: center;\n    line-height: 68px;\n    &::before,\n    &::after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      z-index: 1;\n      width: 220px;\n      height: 4px;\n      margin-top: -2px;\n      background-color: @second-color;\n    }\n    &::before {\n      left: 0;\n    }\n    &::after {\n      right: 0;\n    }\n  }\n}\n.rule-title {\n  position: relative;\n  height: 68px;\n  flex: none;\n  font-size: 30px;\n  color: #333;\n  line-height: 68px;\n  font-weight: bold;\n  text-align: center;\n  margin-bottom: 40px;\n  &::before,\n  &::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    z-index: 1;\n    width: 250px;\n    height: 4px;\n    margin-top: -2px;\n    background-color: @second-color;\n  }\n  &::before {\n    left: 0;\n  }\n  &::after {\n    right: 0;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageProductDetail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageProductDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageProductDetail.vue?vue&type=template&id=35405b1e&scoped=true&\"\nimport script from \"./PageProductDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./PageProductDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PageProductDetail.vue?vue&type=style&index=0&id=35405b1e&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"35405b1e\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageProductDetail.vue?vue&type=style&index=0&id=35405b1e&lang=less&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageProductDetail.vue?vue&type=style&index=0&id=35405b1e&lang=less&scoped=true&\""],"sourceRoot":""}