{"version":3,"sources":["webpack:///./src/views/Pages/Home.vue?5055","webpack:///./src/views/Pages/Home.vue?94de","webpack:///./src/views/Pages/Home.vue","webpack:///src/views/Pages/Home.vue","webpack:///./src/views/Pages/Home.vue?7edd","webpack:///./src/views/Pages/Home.vue?7b90","webpack:///./src/views/Pages/Home.vue?3a8e"],"names":["render","_vm","this","_c","_self","staticClass","isShowMobileBanner","attrs","mobileBanner","_e","banners","length","cruiseFilters","cruiseCategories","promoCruiseItems","promoBanners","homeShip","destinations","_m","likeRoutePopupsList","reviewArticles","lastCruise","cruiseName","staticRenderFns","promoCountDown","randomPromoOff","randomPromoShow","HomeBannerKV","SearchBar","HomeRecommendCruise","HomeOpeningImage","HomeTopic","RoyalShip","HomeDestination","HomeReview","HomeBottom","HomeLastCruise","EmergencyMessageAlert","HomeLikeRoute","openingImageKey","name","components","data","isLogin","checkPromoTimeout","promoEffectInterval","showPromo","asyncData","store","userToken","state","user","Promise","resolve","reject","dispatch","then","catch","e","mounted","console","log","$store","page","homePage","seo","title","description","keyword","commit","changeHeaderTransparent","window","addEventListener","setTimeout","getOneShoppingCart","getGuessLikeList","activated","beforeDestroy","removeEventListener","clearTimeout","clearInterval","methods","api","booking","userName","titleImage","recentlyViewed","JSON","parse","localStorage","getItem","shipCode","sailDate","success","cruises","needHeaderTrans","scrollY","isHeaderTrans","showPromoTimeout","userInfo","userIdentity","showPromoPopup","random","Math","round","top","getRandomInt","$nextTick","document","getElementById","style","showPromoEffect","setInterval","initLeft","effectLeft","left","initRight","effectRight","right","goPromo","location","href","computed","homeBanners","filter","banner","type","openingImage","Cookies","get","id","cruise","recommendCruiseArea","promoCruiseCategories","slice","cruisePromoItems","royalShip","recommendDestinations","component"],"mappings":"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","file":"js/chunk-ec54d9ae.802afd6c.js","sourcesContent":["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=111ef255&prod&scoped=true&lang=css\"","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&id=111ef255&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;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)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;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}]\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=111ef255&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=111ef255&prod&lang=less&scoped=true\"\nimport style1 from \"./Home.vue?vue&type=style&index=1&id=111ef255&prod&lang=css\"\nimport style2 from \"./Home.vue?vue&type=style&index=2&id=111ef255&prod&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  \"111ef255\",\n  null\n  \n)\n\nexport default component.exports","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=111ef255&prod&lang=less&scoped=true\""],"sourceRoot":""}