{"version":3,"sources":["webpack:///./src/views/Pages/Home.vue?2a7b","webpack:///./src/views/Pages/Home.vue?3da5","webpack:///src/views/Pages/Home.vue","webpack:///./src/views/Pages/Home.vue?029c","webpack:///./src/views/Pages/Home.vue?7b90","webpack:///./src/views/Pages/Home.vue?436e","webpack:///./src/views/Pages/Home.vue?4bfd"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","mobileBanner","_e","banners","length","cruiseFilters","cruiseCategories","promoCruiseItems","promoBanners","homeShip","destinations","_m","likeRoutePopupsList","reviewArticles","lastCruise","cruiseName","staticRenderFns","name","components","HomeBannerKV","SearchBar","HomeRecommendCruise","HomeOpeningImage","HomeTopic","RoyalShip","HomeDestination","HomeReview","HomeBottom","HomeLastCruise","EmergencyMessageAlert","HomeLikeRoute","data","isLogin","checkPromoTimeout","promoEffectInterval","asyncData","Promise","store","mounted","console","log","title","description","keyword","$store","commit","seo","changeHeaderTransparent","window","addEventListener","userToken","setTimeout","getGuessLikeList","activated","beforeDestroy","removeEventListener","showPromo","clearInterval","methods","isHeaderTrans","needHeaderTrans","showPromoTimeout","showPromoEffect","setInterval","document","getElementById","style","left","effectLeft","initLeft","right","effectRight","initRight","goPromo","location","href","computed","homePage","homeBanners","filter","banner","type","state","page","isShowMobileBanner","openingImage","id","cruise","recommendCruiseArea","promoCruiseCategories","slice","cruisePromoItems","royalShip","recommendDestinations","userInfo","component"],"mappings":"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","file":"js/chunk-7b4f1bdf.d22f3a35.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/style-resources-loader/lib/index.js??ref--6-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=1&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/style-resources-loader/lib/index.js??ref--6-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=1&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"home-page\"},[(_vm.isShowMobileBanner)?_c('HomeOpeningImage',{attrs:{\"mobileBanner\":_vm.mobileBanner}}):_vm._e(),(_vm.banners && _vm.banners.length > 0)?_c('HomeBannerKV',{attrs:{\"banners\":_vm.banners}}):_vm._e(),_c('SearchBar',{attrs:{\"cruiseFilters\":_vm.cruiseFilters,\"id\":\"SearchBar\"}}),(_vm.cruiseCategories.length > 0 && _vm.promoCruiseItems.length > 0)?_c('HomeRecommendCruise',{attrs:{\"cruiseCategories\":_vm.cruiseCategories,\"promoCruiseItems\":_vm.promoCruiseItems}}):_vm._e(),(_vm.promoBanners && _vm.promoBanners.length > 0)?_c('HomeTopic',{attrs:{\"promoBanners\":_vm.promoBanners}}):_vm._e(),_c('RoyalShip',{attrs:{\"homeShip\":_vm.homeShip}}),(_vm.destinations && _vm.destinations.length > 0)?_c('HomeDestination',{attrs:{\"destinationRecommands\":_vm.destinations}}):_vm._e(),_vm._m(0),(_vm.likeRoutePopupsList.length>1)?_c('HomeLikeRoute',{attrs:{\"likeRoutePopupsList\":_vm.likeRoutePopupsList,\"cruiseCategories\":_vm.cruiseCategories,\"isHomeShow\":true}}):_vm._e(),_c('HomeReview',{attrs:{\"reviewArticles\":_vm.reviewArticles}}),_c('HomeBottom'),(\n        _vm.lastCruise && _vm.lastCruise.cruiseName && _vm.lastCruise.cruiseName.length > 0\n      )?_c('HomeLastCruise',{attrs:{\"lastCruise\":_vm.lastCruise}}):_vm._e(),_c('EmergencyMessageAlert')],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{staticClass:\"global-airline\",attrs:{\"href\":\"https://www.royalcaribbean.com/ultimate-world-cruise/\"}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/00susie/Banner/globalAirline-MB-20230511.jpg\",\"width\":\"100%\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"home-page\">\r\n    <HomeOpeningImage :mobileBanner=\"mobileBanner\" v-if=\"isShowMobileBanner\" />\r\n    <HomeBannerKV :banners=\"banners\" v-if=\"banners && banners.length > 0\" />\r\n    <SearchBar :cruiseFilters=\"cruiseFilters\" id=\"SearchBar\" />\r\n\r\n<!--    <login-part v-if=\"!isLogin\"></login-part>-->\r\n    <HomeRecommendCruise v-if=\"cruiseCategories.length > 0 && promoCruiseItems.length > 0\"\r\n      :cruiseCategories=\"cruiseCategories\"\r\n      :promoCruiseItems=\"promoCruiseItems\"\r\n    />\r\n    <HomeTopic\r\n      v-if=\"promoBanners && promoBanners.length > 0\"\r\n      :promoBanners=\"promoBanners\"\r\n    />\r\n    <RoyalShip :homeShip=\"homeShip\" />\r\n    <HomeDestination\r\n      v-if=\"destinations && destinations.length > 0\"\r\n      :destinationRecommands=\"destinations\"\r\n    />\r\n    <a class=\"global-airline\" href=\"https://www.royalcaribbean.com/ultimate-world-cruise/\">\r\n      <img src=\"https://resource.rcclchina.com.cn/00susie/Banner/globalAirline-MB-20230511.jpg\" width=\"100%\"/>\r\n    </a>\r\n    <HomeLikeRoute v-if=\"likeRoutePopupsList.length>1\" :likeRoutePopupsList=\"likeRoutePopupsList\" :cruiseCategories=\"cruiseCategories\"\r\n                   :isHomeShow=\"true\"/>\r\n    <HomeReview :reviewArticles=\"reviewArticles\" />\r\n    <HomeBottom />\r\n    <HomeLastCruise\r\n      :lastCruise=\"lastCruise\"\r\n      v-if=\"\r\n        lastCruise && lastCruise.cruiseName && lastCruise.cruiseName.length > 0\r\n      \"\r\n    />\r\n\r\n    <EmergencyMessageAlert />\r\n\r\n    <!-- <div class=\"wn-baby-left wn-baby-image\" v-if=\"showPromo===0\" id=\"wnBabyLeft\" @click=\"goPromo\">\r\n      <img src=\"https://resource.rcclchina.com.cn/homePage/promotion/mb-2.gif\"/>\r\n    </div>\r\n    <div class=\"wn-baby-right wn-baby-image\" v-else-if=\"showPromo===1\" id=\"wnBabyRight\" @click=\"goPromo\">\r\n      <img src=\"https://resource.rcclchina.com.cn/homePage/promotion/mb-1.gif\"/>\r\n    </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport api from \"@/api\";\r\nimport { getRandomInt } from '@/utilities/tools'\r\nconst promoCountDown = 8 * 1000;\r\nconst randomPromoOff = 1 * 1000;\r\nconst randomPromoShow = 6 * 1000 + randomPromoOff;\r\n\r\nconst HomeBannerKV = () => import(\"@/components/Home/HomeBannerKV\");\r\nconst SearchBar = () => import(\"@/components/Home/SearchBar/SearchBar\");\r\n// const LoginPart = () => import(\"@/components/User/LoginPart\");\r\nconst HomeRecommendCruise = () => import(\"@/components/Home/HomeRecommendCruise\");\r\nconst HomeOpeningImage = () => import(\"@/components/Home/HomeOpeningImage\");\r\nconst HomeTopic = () => import(\"@/components/Home/HomeTopic\");\r\nconst RoyalShip = () => import(\"@/components/Home/RoyalShip\");\r\nconst HomeDestination = () => import(\"@/components/Home/HomeDestination\");\r\nconst HomeReview = () => import(\"@/components/Home/HomeReview\");\r\nconst HomeBottom = () => import(\"@/components/Home/HomeBottom\");\r\nconst HomeLastCruise = () => import(\"@/components/Home/HomeLastCruise\");\r\nconst EmergencyMessageAlert = () => import(\"@/components/Home/EmergencyMessageAlert\");\r\nconst HomeLikeRoute = ()=> import(\"@/components/Home/HomeLikeRoute\")\r\nconst openingImageKey = \"homeImageCookie\";\r\nimport Cookies from \"js-cookie\";\r\n\r\nexport default {\r\n  name: \"Home\",\r\n  components: {\r\n    HomeBannerKV,\r\n    SearchBar,\r\n    HomeRecommendCruise,\r\n    HomeOpeningImage,\r\n    HomeTopic,\r\n    RoyalShip,\r\n    HomeDestination,\r\n    HomeReview,\r\n    HomeBottom,\r\n    HomeLastCruise,\r\n    EmergencyMessageAlert,\r\n    HomeLikeRoute\r\n  },\r\n  data() {\r\n    return {\r\n      lastCruise: {},\r\n      isLogin: false,\r\n      checkPromoTimeout: null,\r\n      promoEffectInterval: null,\r\n\t\t\tshowPromo: -1,\r\n      likeRoutePopupsList:[]\r\n    };\r\n  },\r\n  asyncData({ store }) {\r\n    const userToken = store.state.user.userToken;\r\n    return new Promise((resolve, reject) => {\r\n      return store\r\n        .dispatch(\"GET_HOME_PAGE\", userToken)\r\n        .then(() => {\r\n          return store.dispatch(\"GET_CRUISE_FILTERS\");\r\n        })\r\n        .then(() => {\r\n          resolve();\r\n        })\r\n        .catch((e) => {\r\n          reject(e);\r\n        });\r\n    });\r\n  },\r\n  mounted() {\r\n    console.log( this.$store.state.page.homePage)\r\n    const seo = {\r\n      title: \"全新海洋奇迹号 海洋光谱号-皇家加勒比国际游轮官方网站\",\r\n      description:\r\n        \"皇家加勒比国际游轮有限公司是全球著名游轮旅游服务公司,全球性豪华游轮品牌. 旗下豪华皇家船队包含: 海洋奇迹号、海洋光谱号、海洋量子号、海洋航行者号等豪华游轮\",\r\n      keyword:\r\n        \"皇家加勒比,皇家加勒比国际游轮官网,皇家加勒比国际游轮,豪华游轮旅游,豪华游轮,海洋奇迹号, 海洋光谱号, 奇迹号游轮 皇家奇迹号 光谱号游轮 皇家光谱号 奇迹号邮轮 光谱号邮轮\",\r\n    };\r\n    this.$store.commit(\"SET_META\", seo);\r\n\r\n    this.changeHeaderTransparent();\r\n    this.$store.commit(\"SET_PAGE_TITLE\", \"\");\r\n    window.addEventListener(\"scroll\", this.changeHeaderTransparent);\r\n\r\n    const userToken = this.$store.state.user.userToken\r\n    this.isLogin = userToken && userToken.length > 0\r\n\r\n    setTimeout(() => {\r\n      this.getOneShoppingCart();\r\n    }, 2000);\r\n    this.changeHeaderTransparent();\r\n    this.getGuessLikeList()\r\n    // this.showPromoTimeout();\r\n  },\r\n  activated() {},\r\n  beforeDestroy() {\r\n    this.$store.commit(\"SET_HEADER_TRANS\", false);\r\n    window.removeEventListener(\"scroll\", this.changeHeaderTransparent);\r\n    this.showPromo = -1;\r\n    if (this.checkPromoTimeout) {\r\n\t\t\tclearTimeout(this.checkPromoTimeout);\r\n\t\t}\r\n    if (this.promoEffectInterval) {\r\n      clearInterval(this.promoEffectInterval)\r\n    }\r\n  },\r\n  methods: {\r\n    async getOneShoppingCart() {\r\n      const userToken = this.$store.state.user.userToken;\r\n      if (!userToken || userToken.length == 0) {\r\n        return;\r\n      }\r\n      const { data } = await api.booking.getOneShoppingCart({\r\n        userName: userToken,\r\n      });\r\n      if (data && data.titleImage) {\r\n        this.lastCruise = data;\r\n        setTimeout(() => {\r\n          this.lastCruise = {};\r\n        }, 10000);\r\n      }\r\n    },\r\n    async getGuessLikeList() {\r\n      let recentlyViewed = JSON.parse(localStorage.getItem('recentlyViewed'))\r\n      let shipCode =  '';\r\n      let sailDate =  '';\r\n      if(recentlyViewed){\r\n        shipCode = recentlyViewed.shipCode;\r\n        sailDate = recentlyViewed.sailDate;\r\n      }\r\n      const { data ,success} = await api.booking.getGuessLikeList({\r\n        shipCode:shipCode,\r\n        sailDate:sailDate\r\n      });\r\n      if(success===true && data!==null){\r\n        this.likeRoutePopupsList = data.cruises\r\n      }\r\n    },\r\n    changeHeaderTransparent() {\r\n      const needHeaderTrans = window.scrollY < 245;\r\n      if (this.isHeaderTrans != needHeaderTrans) {\r\n        this.$store.commit(\"SET_HEADER_TRANS\", needHeaderTrans);\r\n      }\r\n    },\r\n    showPromoTimeout () {\r\n\t\t\tif (this.checkPromoTimeout) {\r\n\t\t\t\tclearTimeout(this.checkPromoTimeout);\r\n\t\t\t}\r\n\t\t\tthis.checkPromoTimeout = setTimeout(()=> {\r\n\t\t\t\tif (!this.userInfo || this.userInfo.userIdentity !== 1) {\r\n\t\t\t\t\tthis.showPromoPopup();\r\n\t\t\t\t}\r\n\t\t\t}, promoCountDown)\r\n\t\t},\r\n\t\tshowPromoPopup () {\r\n\t\t\tlet random = Math.round(Math.random(100));\r\n\t\t\tthis.showPromo = random % 2;\r\n      if (this.showPromo === 0) {\r\n        // 左边，位置出现在 10% ~ 70%\r\n        let top = getRandomInt(10, 70);\r\n\t\t\t\tthis.$nextTick(()=> {\r\n\t\t\t\t\tdocument.getElementById('wnBabyLeft').style.top = top + '%';\r\n          this.showPromoEffect();\r\n\t\t\t\t})\r\n      } else {\r\n        // 右边，位置出现在 10% ~ 70%\r\n\t\t\t\tlet top = getRandomInt(10, 70);\r\n\t\t\t\tthis.$nextTick(()=> {\r\n\t\t\t\t\tdocument.getElementById('wnBabyRight').style.top = top + '%';\r\n          this.showPromoEffect();\r\n\t\t\t\t})\r\n      }\r\n\r\n\t\t},\r\n    showPromoEffect () {\r\n      if (this.promoEffectInterval) {\r\n        clearInterval(this.promoEffectInterval)\r\n      }\r\n      this.promoEffectInterval = setInterval(()=> {\r\n        if (this.showPromo === 0) {\r\n          // 左边\r\n          let initLeft = '-44px';\r\n          let effectLeft = '-24px';\r\n          document.getElementById('wnBabyLeft').style.left = effectLeft;\r\n          setTimeout(()=> {\r\n            // console.log(document.getElementById('wnBabyLeft'))\r\n            document.getElementById('wnBabyLeft').style.left = initLeft;\r\n          }, randomPromoOff);\r\n\r\n        } else {\r\n          // 右边\r\n\r\n          let initRight = '-44px';\r\n          let effectRight = '-24px';\r\n          document.getElementById('wnBabyRight').style.right = effectRight;\r\n          setTimeout(()=> {\r\n            // console.log(document.getElementById('wnBabyRight'))\r\n            document.getElementById('wnBabyRight').style.right = initRight;\r\n          }, randomPromoOff);\r\n\r\n        }\r\n\r\n      }, randomPromoShow);\r\n    },\r\n    goPromo() {\r\n      location.href = \"https://mobile.rcclchina.com.cn/privilege/qibao\"\r\n    }\r\n  },\r\n  computed: {\r\n    banners() {\r\n      const homePage = this.$store.state.page.homePage;\r\n      if (homePage && homePage.homeBanners) {\r\n        return homePage.homeBanners.filter(function (banner) {\r\n          return banner.type == 2;\r\n        });\r\n      }\r\n      return [];\r\n    },\r\n    mobileBanner() {\r\n      return this.$store.state.page.homePage.mobileBanner;\r\n    },\r\n    isShowMobileBanner() {\r\n      var openingImage = Cookies.get(openingImageKey);\r\n      if (openingImage && openingImage == \"true\") {\r\n        return false;\r\n      }\r\n      if (!this.mobileBanner || !this.mobileBanner.id) {\r\n        return false;\r\n      }\r\n      return true;\r\n    },\r\n    cruiseFilters() {\r\n      return this.$store.state.cruise.cruiseFilters;\r\n    },\r\n    cruiseCategories() {\r\n      const homePage = this.$store.state.page.homePage;\r\n      if (\r\n        homePage &&\r\n        homePage.recommendCruiseArea &&\r\n        homePage.recommendCruiseArea.promoCruiseCategories\r\n      ) {\r\n        return homePage.recommendCruiseArea.promoCruiseCategories.slice(0, 3);\r\n      }\r\n      return [];\r\n    },\r\n    promoCruiseItems() {\r\n      const homePage = this.$store.state.page.homePage;\r\n      if (\r\n        homePage &&\r\n        homePage.recommendCruiseArea &&\r\n        homePage.recommendCruiseArea.cruisePromoItems\r\n      ) {\r\n        return homePage.recommendCruiseArea.cruisePromoItems;\r\n      }\r\n      return [];\r\n    },\r\n    promoBanners() {\r\n      const homePage = this.$store.state.page.homePage;\r\n      if (\r\n        homePage &&\r\n        homePage.recommendCruiseArea &&\r\n        homePage.recommendCruiseArea.promoBanners\r\n      ) {\r\n        return homePage.recommendCruiseArea.promoBanners;\r\n      }\r\n      return [];\r\n    },\r\n    homeShip() {\r\n      return this.$store.state.page.homePage.royalShip;\r\n    },\r\n    destinations() {\r\n      return this.$store.state.page.homePage.recommendDestinations;\r\n    },\r\n    reviewArticles() {\r\n      const homePage = this.$store.state.page.homePage;\r\n      if (\r\n        homePage &&\r\n        homePage.recommendCruiseArea &&\r\n        homePage.recommendCruiseArea.reviewArticles\r\n      ) {\r\n        return this.$store.state.page.homePage.recommendCruiseArea\r\n          .reviewArticles;\r\n      }\r\n      return [];\r\n    },\r\n    isHeaderTrans() {\r\n      return this.$store.state.page.isHeaderTrans || false;\r\n    },\r\n    userInfo () {\r\n\t\t\treturn this.$store.state.user.userInfo\r\n\t\t}\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.wn-baby-image {\r\n\tposition: fixed;\r\n\twidth: 120px;\r\n\r\n\tz-index: 10;\r\n\tcursor: pointer;\r\n\timg {\r\n\t\twidth: 100%;\r\n\t}\r\n}\r\n.wn-baby-left {\r\n\tleft: -44px;\r\n\ttop: 50%;\r\n\ttransition: left 0.2s;\r\n}\r\n\r\n.wn-baby-right {\r\n\tright: -44px;\r\n  bottom: 35px;\r\n\ttransition: right 0.2s;\r\n}\r\n</style>\r\n\r\n<style>\r\n.widget-home-banner-widget {\r\n  background: white;\r\n}\r\n\r\n.page-home .home-bar-nav {\r\n  background-image: linear-gradient(\r\n    180deg,\r\n    rgba(0, 0, 0, 0.3) 0%,\r\n    rgba(0, 0, 0, 0.1) 100%\r\n  );\r\n}\r\n</style>\r\n\r\n<style scoped>\r\n.home-page {\r\n  background-color: #fff;\r\n  position: relative;\r\n  top: -50px;\r\n}\r\n\r\n.announce-popup {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: rgba(30, 31, 34, 0.4);\r\n  z-index: 99999;\r\n  display: none;\r\n}\r\n.an-body {\r\n  position: absolute;\r\n  top: 95px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 336px;\r\n  border-radius: 15px;\r\n  z-index: 999;\r\n  padding-bottom: 20px;\r\n  background: url(\"https://resource.rcclchina.com.cn/homePage/mobile/mb-gonggao.png\")\r\n    no-repeat center 100%;\r\n  background-color: #fff;\r\n}\r\n.an-body > img.an-close {\r\n  width: 40px;\r\n  height: 40px;\r\n  position: absolute;\r\n  right: 0;\r\n  top: -44px;\r\n}\r\n.an-body > img.tag {\r\n  width: 49px;\r\n  height: 49px;\r\n  position: absolute;\r\n  left: 50%;\r\n  top: -2px;\r\n  transform: translateX(-50%);\r\n}\r\n.an-title {\r\n  width: 254px;\r\n  font-size: 18px;\r\n  font-weight: bold;\r\n  color: #f73641;\r\n  margin: 53px auto;\r\n  text-align: center;\r\n  line-height: 1.2;\r\n  margin-bottom: 8px;\r\n}\r\n.an-content {\r\n  width: 295px;\r\n  margin: 0 auto;\r\n  padding-top: 7px;\r\n  border-top: 1px solid #dcdcdc;\r\n}\r\n.an-content .an-parah {\r\n  color: #282b2c;\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  margin-bottom: 7px;\r\n}\r\n.an-content > img {\r\n  width: 292px;\r\n  height: 124px;\r\n  border: 1.5px solid #ddbe6c;\r\n  margin-bottom: 11px;\r\n}\r\n.an-content .an-btn {\r\n  width: 100%;\r\n  height: 45px;\r\n  text-align: center;\r\n  background-color: #ddbe6c;\r\n  line-height: 45px;\r\n  font-size: 15px;\r\n  color: #282b2c;\r\n}\r\n\r\n.unfinished-route {\r\n  width: 100%;\r\n  position: fixed;\r\n  height: 67px;\r\n  bottom: 55px;\r\n  padding: 0 10px;\r\n  z-index: 22221;\r\n}\r\n.unfinishRoute-content .unfinishRoute-img,\r\n.unfinishRoute-content .unfinishRoute-txt,\r\n.unfinishRoute-content .unfinishRoute-downArrow {\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n}\r\n.unfinishRoute-content .unfinishRoute-img img {\r\n  width: 57px;\r\n}\r\n.unfinished-route .unfinishContent-route {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: relative;\r\n}\r\n.unfinishRoute-downArrow img {\r\n  width: 30px;\r\n}\r\n.unfinished-route .unfinished-bg {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  background: #000;\r\n  opacity: 0.75;\r\n  top: 0;\r\n  z-index: 1;\r\n  border-radius: 10px;\r\n}\r\n.unfinishContent-route .unfinishRoute-content {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  top: 0;\r\n  z-index: 2;\r\n  padding: 5px;\r\n}\r\n.unfinishRoute-content .unfinishRoute-txt {\r\n  color: #fff;\r\n  font-size: 12px;\r\n}\r\n.unfinishRoute-content .unfinishRoute-txt a {\r\n  color: #fff;\r\n}\r\n.unfinishRoute-content .unfinishRoute-img {\r\n  width: 57px;\r\n  height: 57px;\r\n  overflow: hidden;\r\n}\r\n.unfinishRoute-content .unfinishRoute-txt {\r\n  width: 230px;\r\n  height: 57px;\r\n  overflow: hidden;\r\n  padding: 0 5px;\r\n}\r\n.unfinishRoute-content .unfinishRoute-downArrow {\r\n  width: 30px;\r\n  height: 37px;\r\n  overflow: hidden;\r\n}\r\n.global-airline img {\r\n  display: block;\r\n  width: 100%;\r\n  margin-bottom: 15px;\r\n}\r\n</style>\r\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!./Home.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!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=6f7f123c&scoped=true&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&id=6f7f123c&lang=less&scoped=true&\"\nimport style1 from \"./Home.vue?vue&type=style&index=1&lang=css&\"\nimport style2 from \"./Home.vue?vue&type=style&index=2&id=6f7f123c&scoped=true&lang=css&\"\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  \"6f7f123c\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/style-resources-loader/lib/index.js??ref--6-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=2&id=6f7f123c&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/style-resources-loader/lib/index.js??ref--6-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=2&id=6f7f123c&scoped=true&lang=css&\"","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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=0&id=6f7f123c&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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=0&id=6f7f123c&lang=less&scoped=true&\""],"sourceRoot":""}