{"version":3,"sources":["webpack:///./src/views/Pages/Home.vue?2a7b","webpack:///./src/views/Pages/Home.vue?678f","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?a048"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","banners","cruiseFilters","cruiseCategories","length","promoCruiseItems","_e","promoBanners","homeShip","destinations","_m","reviewArticles","staticRenderFns","promoEffectInterval","clearInterval","setInterval","window","open","console","log","$store","state","page","homePage","recommendDestinations","component"],"mappings":"kHAAA,yBAAyiB,EAAG,G,kECA5iB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,aAAa,CAACG,MAAM,CAAC,QAAUP,EAAIQ,QAAQ,WAAY,KAAQJ,EAAG,YAAY,CAACG,MAAM,CAAC,cAAgBP,EAAIS,cAAc,UAAW,KAAST,EAAIU,iBAAiBC,OAAS,GAAKX,EAAIY,iBAAiBD,OAAS,EAAGP,EAAG,sBAAsB,CAACG,MAAM,CAAC,iBAAmBP,EAAIU,iBAAiB,iBAAmBV,EAAIY,oBAAoBZ,EAAIa,KAAKT,EAAG,YAAY,CAACG,MAAM,CAAC,aAAeP,EAAIc,gBAAgBV,EAAG,YAAY,CAACG,MAAM,CAAC,SAAWP,EAAIe,YAAYX,EAAG,kBAAkB,CAACG,MAAM,CAAC,aAAeP,EAAIgB,gBAAgBhB,EAAIiB,GAAG,GAAGb,EAAG,aAAa,CAACG,MAAM,CAAC,eAAiBP,EAAIkB,kBAAkBd,EAAG,0BAA0B,IACjuBe,EAAkB,CAAC,WAAa,IAAInB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,wF,uDCoC1K,MACA,MACA,QAEA,0GAEA,qEACA,0GACA,qEACA,0GACA,qEACA,qEACA,qEAEA,GACA,aACA,YACA,aAEA,YACA,sBACA,YACA,YACA,kBACA,aACA,yBAEA,UAbA,YAaA,cACA,kCACA,6BACA,uBACA,2DACA,iBACA,2CAEA,iBACA,OAEA,mBACA,YAIA,KA7BA,WA8BA,OACA,WACA,uBACA,yBACA,aACA,qBACA,kBAGA,YAvCA,WAwCA,OACA,4BACA,wFACA,8FAEA,iCAEA,uCACA,4BAGA,cAnDA,WAoDA,kBACA,wBACA,qCAEA,0BACA,yCAGA,SACA,iBADA,WACA,WACA,wBACA,qCAEA,8CACA,yCACA,qBAEA,IAEA,eAXA,WAWA,WACA,+BAEA,GADA,mBACA,oBAEA,4BACA,2BACA,sDACA,4BAEA,uBAEA,QACA,uBACA,UACA,MAEA,2BACA,uDACA,yBAIA,gBAlCA,WAkCA,WACUN,KAAKmB,qBACPC,cAAcpB,KAAKmB,qBAErBnB,KAAKmB,oBAAsBE,aAAY,WACrC,EAAR,qBACA,uBACA,iBACA,0BAEA,KACA,IAEA,WA/CA,WAgDA,qBACA,0BACA,wBACA,qCAEA,0BACA,yCAGA,YAzDA,WA0DA,qBACA,0BACA,wBAEA,QA9DA,WA+DMC,OAAOC,KAAK,kDAIlB,UACA,QADA,WAEA,sCACA,wBACA,kCACA,oBAGA,IAEA,cAVA,WAWA,+CAEA,iBAbA,WAcA,sCACA,UACA,uBACA,4CACA,4CAEA,IAEA,iBAtBA,WAuBA,sCACA,UACA,uBACA,uCACA,uCAEA,IAEA,aA/BA,WAgCA,sCACA,UACA,uBACA,mCACA,mCAEA,IAEA,SAxCA,WAyCA,kDAEA,aA3CA,WA6CA,OADMC,QAAQC,IAAIzB,KAAK0B,OAAOC,MAAMC,KAAKC,SAASC,uBAClD,uDAEA,eA/CA,WAgDA,sCACA,UACA,uBACA,qCACA,mEAEA,IAEA,SAxDA,WAyDA,0CC3O6V,I,kCCSzVC,EAAY,eACd,EACAjC,EACAoB,GACA,EACA,KACA,WACA,MAIa,aAAAa,E,kECpBf,yBAA0jB,EAAG","file":"js/chunk-196593b2.2b2b651d.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:\"homePage\"},[_c('HomeBanner',{attrs:{\"banners\":_vm.banners,\"isShowDot\":true}}),_c('SearchBar',{attrs:{\"cruiseFilters\":_vm.cruiseFilters,\"isShowHp\":true}}),(_vm.cruiseCategories.length > 0 && _vm.promoCruiseItems.length > 0)?_c('HomeRecommendCruise',{attrs:{\"cruiseCategories\":_vm.cruiseCategories,\"promoCruiseItems\":_vm.promoCruiseItems}}):_vm._e(),_c('HomeTopic',{attrs:{\"promoBanners\":_vm.promoBanners}}),_c('RoyalShip',{attrs:{\"homeShip\":_vm.homeShip}}),_c('HomeDestination',{attrs:{\"destinations\":_vm.destinations}}),_vm._m(0),_c('HomeReview',{attrs:{\"reviewArticles\":_vm.reviewArticles}}),_c('EmergencyMessageAlert')],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"global-airline\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/00susie/Banner/globalAirline-pc-20230511.jpg\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"homePage\">\r\n\t\t<HomeBanner :banners='banners' :isShowDot='true'/>\r\n\t\t<SearchBar :cruiseFilters='cruiseFilters'\r\n\t\t:isShowHp=\"true\"/>\r\n<!--\t\t<login-part class=\"homePage-login\" v-if=\"!isLogin\"/>-->\r\n\t\t<HomeRecommendCruise v-if=\"cruiseCategories.length > 0 && promoCruiseItems.length > 0\"\r\n\t\t\t:cruiseCategories='cruiseCategories'\r\n\t\t\t:promoCruiseItems='promoCruiseItems'/>\r\n\t\t<HomeTopic :promoBanners='promoBanners'/>\r\n\t\t<RoyalShip :homeShip='homeShip'/>\r\n\t\t<HomeDestination :destinations='destinations' />\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-pc-20230511.jpg\" />-->\r\n<!--    </a>-->\r\n    <div class=\"global-airline\">\r\n      <img src=\"https://resource.rcclchina.com.cn/00susie/Banner/globalAirline-pc-20230511.jpg\" />\r\n    </div>\r\n\t\t<HomeReview :reviewArticles='reviewArticles' />\r\n\r\n\t\t<EmergencyMessageAlert />\r\n\r\n\t\t<!-- <div class=\"wn-baby-left wn-baby-image\" v-if=\"showPromo===0\" id=\"wnBabyLeft\"\r\n\t\t:class=\"{ hover: isShowPromoEffect}\" @mouseover=\"showEffect\" @mouseleave=\"closeEffect\" @click=\"goPromo\">\r\n      <img src=\"https://resource.rcclchina.com.cn/homePage/promotion/2.gif\"/>\r\n    </div>\r\n    <div class=\"wn-baby-right wn-baby-image\" v-else-if=\"showPromo===1\" id=\"wnBabyRight\"\r\n\t\t:class=\"{ hover: isShowPromoEffect}\" @mouseover=\"showEffect\" @mouseleave=\"closeEffect\" @click=\"goPromo\">\r\n      <img src=\"https://resource.rcclchina.com.cn/homePage/promotion/1.gif\"/>\r\n    </div> -->\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nimport Cookies from 'js-cookie';\r\nimport { getRandomInt } from '@/utilities/tools'\r\n\r\nconst promoCountDown = 8 * 1000;\r\nconst randomPromoOff = 1 * 1000;\r\nconst randomPromoShow = 6 * 1000 + randomPromoOff;\r\n\r\nconst HomeBanner = () => import('@/components/Home/HomeBanner')\r\n// const LoginPart = ()=> import('@/components/User/LoginPart')\r\nconst SearchBar = () => import('@/components/SearchBar/SearchBar')\r\nconst HomeRecommendCruise = () => import('@/components/Home/HomeRecommendCruise')\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 EmergencyMessageAlert = ()=> import('@/components/Common/EmergencyMessageAlert')\r\n\r\nexport default {\r\n\tname: 'index',\r\n\tcomponents: {\r\n\t\tHomeBanner,\r\n\t\t// LoginPart,\r\n\t\tSearchBar,\r\n\t\tHomeRecommendCruise,\r\n\t\tHomeTopic,\r\n\t\tRoyalShip,\r\n\t\tHomeDestination,\r\n\t\tHomeReview,\r\n\t\tEmergencyMessageAlert,\r\n\t},\r\n\tasyncData ({ store }) {\r\n\t\treturn new Promise((resolve, reject) => {\r\n\t\t\tconst userName = store.state.user.userToken\r\n\t\t\tconst cruiseId = Cookies.get(\"CruiseIds\")\r\n\t\t\treturn store.dispatch('GET_HOME_PAGE', { userName, cruiseId})\r\n\t\t\t.then(()=> {\r\n\t\t\t\treturn store.dispatch('GET_CRUISE_FILTERS')\r\n\t\t\t})\r\n\t\t\t.then(()=> {\r\n\t\t\t\tresolve();\r\n\t\t\t})\r\n\t\t\t.catch((e)=> {\r\n\t\t\t\treject(e)\r\n\t\t\t})\r\n\t\t})\r\n\t},\r\n\tdata () {\r\n\t\treturn {\r\n\t\t\tisLogin: true,\r\n\t\t\tcheckPromoTimeout: null,\r\n\t\t\tpromoEffectInterval: null,\r\n\t\t\tshowPromo: -1,\r\n\t\t\tisShowPromoEffect: false,\r\n\t\t\tisPromoHover: false\r\n\t\t}\r\n\t},\r\n\tbeforeMount () {\r\n\t\tconst seo = {\r\n\t\t\ttitle: \"海洋光谱号-皇家加勒比国际游轮官方网站\",\r\n\t\t\tdescription: \"皇家加勒比国际游轮有限公司是全球著名游轮旅游服务公司,全球性豪华游轮品牌. 旗下豪华皇家船队包含: 海洋光谱号、海洋量子号、海洋航行者号等豪华游轮\",\r\n\t\t\tkeyword: \"皇家加勒比,皇家加勒比国际游轮官网,皇家加勒比国际游轮,豪华游轮旅游,豪华游轮,海洋光谱号, 奇迹号游轮 皇家奇迹号 光谱号游轮 皇家光谱号 奇迹号邮轮 光谱号邮轮\"\r\n\t\t}\r\n\t\tthis.$store.commit(\"SET_META\", seo);\r\n\r\n\t\tconst userToken = this.$store.state.user.userToken\r\n\t\tthis.isLogin = userToken && userToken.length > 0\r\n\t\t// this.showPromoTimeout();\r\n\t},\r\n\tbeforeDestroy () {\r\n\t\tthis.showPromo = -1;\r\n\t\tif (this.checkPromoTimeout) {\r\n\t\t\tclearTimeout(this.checkPromoTimeout);\r\n\t\t}\r\n\t\tif (this.promoEffectInterval) {\r\n\t\t\tclearInterval(this.promoEffectInterval)\r\n\t\t}\r\n\t},\r\n\tmethods: {\r\n\t\tshowPromoTimeout () {\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\t\t\tif (this.showPromo === 0) {\r\n\t\t\t\t// 左边，位置出现在 10% ~ 80%\r\n\t\t\t\tlet top = getRandomInt(10, 80);\r\n\t\t\t\tthis.$nextTick(()=> {\r\n\t\t\t\t\tdocument.getElementById('wnBabyLeft').style.top = top + '%';\r\n\t\t\t\t\tthis.showPromoEffect()\r\n\t\t\t\t})\r\n\t\t\t} else if (this.showPromo === 1) {\r\n\t\t\t\t// 右边 7% 或者 70%\r\n\t\t\t\tlet top = 7;\r\n\t\t\t\tlet now = new Date().getTime();\r\n\t\t\t\tif (now % 2 === 0) {\r\n\t\t\t\t\ttop = 70;\r\n\t\t\t\t}\r\n\t\t\t\tthis.$nextTick(()=> {\r\n\t\t\t\t\tdocument.getElementById('wnBabyRight').style.top = top + '%';\r\n\t\t\t\t\tthis.showPromoEffect();\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t},\r\n\t\tshowPromoEffect () {\r\n      if (this.promoEffectInterval) {\r\n        clearInterval(this.promoEffectInterval)\r\n      }\r\n      this.promoEffectInterval = setInterval(()=> {\r\n        this.isShowPromoEffect = true;\r\n\t\t\t\tsetTimeout(()=> {\r\n\t\t\t\t\tif (!this.isPromoHover) {\r\n\t\t\t\t\t\tthis.isShowPromoEffect = false;\r\n\t\t\t\t\t}\r\n\t\t\t\t}, randomPromoOff)\r\n      }, randomPromoShow);\r\n    },\r\n\t\tshowEffect () {\r\n\t\t\tthis.isPromoHover = true;\r\n\t\t\tthis.isShowPromoEffect = true;\r\n\t\t\tif (this.checkPromoTimeout) {\r\n\t\t\t\tclearTimeout(this.checkPromoTimeout);\r\n\t\t\t}\r\n\t\t\tif (this.promoEffectInterval) {\r\n\t\t\t\tclearInterval(this.promoEffectInterval)\r\n\t\t\t}\r\n\t\t},\r\n\t\tcloseEffect () {\r\n\t\t\tthis.isPromoHover = false;\r\n\t\t\tthis.isShowPromoEffect = false;\r\n\t\t\tthis.showPromoEffect();\r\n\t\t},\r\n\t\tgoPromo() {\r\n      window.open(\"https://www.rcclchina.com.cn/privilege/qibao\")\r\n    }\r\n\r\n\t},\r\n\tcomputed: {\r\n\t\tbanners () {\r\n\t\t\tconst homePage = this.$store.state.page.homePage\r\n\t\t\tif (homePage && homePage.homeBanners)  {\r\n\t\t\t\treturn homePage.homeBanners.filter(function(banner) {\r\n\t\t\t\t\treturn banner.type == 1\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t\treturn []\r\n\t\t},\r\n\t\tcruiseFilters () {\r\n\t\t\treturn this.$store.state.cruise.cruiseFilters\r\n\t\t},\r\n\t\tcruiseCategories () {\r\n\t\t\tconst homePage = this.$store.state.page.homePage\r\n\t\t\tif (homePage\r\n\t\t\t&& homePage.recommendCruiseArea\r\n\t\t\t&& homePage.recommendCruiseArea.promoCruiseCategories) {\r\n\t\t\t\treturn homePage.recommendCruiseArea.promoCruiseCategories\r\n\t\t\t}\r\n\t\t\treturn []\r\n\t\t},\r\n\t\tpromoCruiseItems () {\r\n\t\t\tconst homePage = this.$store.state.page.homePage\r\n\t\t\tif (homePage\r\n\t\t\t&& homePage.recommendCruiseArea\r\n\t\t\t&& homePage.recommendCruiseArea.cruisePromoItems) {\r\n\t\t\t\treturn homePage.recommendCruiseArea.cruisePromoItems\r\n\t\t\t}\r\n\t\t\treturn []\r\n\t\t},\r\n\t\tpromoBanners () {\r\n\t\t\tconst homePage = this.$store.state.page.homePage\r\n\t\t\tif (homePage\r\n\t\t\t&& homePage.recommendCruiseArea\r\n\t\t\t&& homePage.recommendCruiseArea.promoBanners) {\r\n\t\t\t\treturn homePage.recommendCruiseArea.promoBanners\r\n\t\t\t}\r\n\t\t\treturn []\r\n\t\t},\r\n\t\thomeShip () {\r\n\t\t\treturn this.$store.state.page.homePage.royalShip\r\n\t\t},\r\n\t\tdestinations () {\r\n      console.log(this.$store.state.page.homePage.recommendDestinations)\r\n\t\t\treturn this.$store.state.page.homePage.recommendDestinations\r\n\t\t},\r\n\t\treviewArticles () {\r\n\t\t\tconst homePage = this.$store.state.page.homePage\r\n\t\t\tif (homePage\r\n\t\t\t&& homePage.recommendCruiseArea\r\n\t\t\t&& homePage.recommendCruiseArea.reviewArticles) {\r\n\t\t\t\treturn this.$store.state.page.homePage.recommendCruiseArea.reviewArticles\r\n\t\t\t}\r\n\t\t\treturn []\r\n\t\t},\r\n\t\tuserInfo () {\r\n\t\t\treturn this.$store.state.user.userInfo\r\n\t\t}\r\n\t}\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: 150px;\r\n\r\n\tz-index: 1112;\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: -64px;\r\n\ttop: 50%;\r\n\ttransition: left 0.2s;\r\n\t&.hover {\r\n\t\tleft: -30px;\r\n\t}\r\n}\r\n\r\n.wn-baby-right {\r\n\tright: -64px;\r\n\ttop: 10%;\r\n\ttransition: right 0.2s;\r\n\t&.hover {\r\n\t\tright: -35px;\r\n\t}\r\n}\r\n\r\n\r\n</style>\r\n\r\n<style>\r\n@charset \"UTF-8\";\r\nh2,h3{\r\n\tmargin:0;\r\n\tpadding:0;\r\n}\r\na:hover{\r\n\ttext-decoration: none;\r\n}\r\n.homePage {\r\n\tposition: relative;\r\n\ttop: -72px;\r\n}\r\n.link-btn{\r\n\tdisplay: block;\r\n\twidth: 304px;\r\n\theight: 38px;\r\n\ttext-align: center;\r\n\tline-height: 38px;\r\n\tcolor: #006bad;\r\n\tfont-size: 14px;\r\n\tmargin: 0 auto;\r\n\tborder: 1px solid #006bad;\r\n\tcursor: pointer;\r\n\tfont-weight: 500;\r\n}\r\n.link-btn:hover{\r\n\tbackground: #E5F3FF;\r\n}\r\n/*去掉多余的左右箭头**/\r\n.glyphicon-chevron-right:before,\r\n.glyphicon-chevron-left:before {\r\n\tcontent: \"\";\r\n}\r\n.carousel.slide{\r\n\theight: 100%;\r\n\toverflow: hidden;\r\n}\r\n\r\n\r\n/*搜索框*/\r\n.homepage-searchbar {\r\n\t/* margin-top: -35px; */\r\n\tmargin-bottom: 36px;\r\n\tposition: relative;\r\n\tz-index: 20;\r\n}\r\n\r\n.homePage .homePage-login {\r\n\tmargin-top: 40px !important;\r\n\tmargin-bottom: 40px !important;\r\n}\r\n\r\n/*限时抢购*/\r\n.homepage-recommand-cruises .title{\r\n\tfont-size: 30px;\r\n\tfont-weight: bold;\r\n\tline-height: 78px;\r\n\ttext-align: center;\r\n\tcolor: #282b2c;\r\n}\r\n.homepage-recommand-cruises .cruise-nav{\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\twidth: 1200px;\r\n\theight: 50px;\r\n\tbackground: #f8f8f8;\r\n\tmargin: 0 auto 26px;\r\n\tfont-weight: 600;\r\n\tfont-size: 16px;\r\n}\r\n\r\n.homepage-recommand-cruises .cruise-nav li{\r\n\twidth: 216px;\r\n\theight: 100%;\r\n\ttext-align: center;\r\n\tline-height: 50px;\r\n\tbackground: url('https://resource.rcclchina.com.cn/homePage/homePage-libg.png') no-repeat right center;\r\n\tcursor:pointer;\r\n\tposition: relative;\r\n}\r\n.homepage-recommand-cruises .cruise-nav li::before,\r\n.homepage-recommand-cruises .cruise-nav li::after{\r\n\tcontent: \"\";\r\n\tposition: absolute;\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\theight: 4px;\r\n\twidth: 0;\r\n\tbackground-color: #0073bb;\r\n\ttransition: all .25s linear;\r\n}\r\n.homepage-recommand-cruises .cruise-nav.active-sec li{\r\n\twidth: 240px;\r\n}\r\n.homepage-recommand-cruises .cruise-nav.active-thr li{\r\n\twidth: 400px;\r\n}\r\n.homepage-recommand-cruises .cruise-nav li:last-child{\r\n\tbackground: none;\r\n}\r\n.homepage-recommand-cruises  .cruise-nav li:hover{\r\n\tcolor:#006bad;\r\n}\r\n/* .homepage-recommand-cruises  .cruise-nav li.active{\r\n\r\n} */\r\n.homepage-recommand-cruises  .cruise-nav li.active::before{\r\n\twidth: 50%;\r\n\tleft:0;\r\n}\r\n.homepage-recommand-cruises  .cruise-nav li.active::after{\r\n\twidth: 50%;\r\n}\r\n.homepage-recommand-cruises .cruise-content{\r\n\twidth: 100%;\r\n\twidth: 1224px;\r\n\tmargin: 0 auto;\r\n\tdisplay: none;\r\n\tpadding: 3px;\r\n\tjustify-content:flex-start;\r\n\tflex-wrap: wrap;\r\n}\r\n.homepage-recommand-cruises .cruise-content.active{\r\n\tdisplay: flex;\r\n}\r\n\r\n.homepage-recommand-cruises .cruise-content li{\r\n\twidth: 400px;\r\n\tposition: relative;\r\n\t/* cursor: pointer; */\r\n\tpadding: 14px;\r\n\tbox-sizing: border-box;\r\n\ttransform-style: preserve-3d;\r\n\tperspective: 800px;\r\n\ttransition: all .5s;\r\n\tmargin-right: 5px;\r\n\tcursor: pointer;\r\n}\r\n\r\n/*\r\n.homepage-recommand-cruises .cruise-content li img{\r\n\ttransition: transform 1s;\r\n}*/\r\n.homepage-recommand-cruises .cruise-content li:hover{\r\n\ttransform: translate3d(0px,0px,8px);\r\n\tbox-shadow: 0px 0px 12px 7px rgba(46, 65, 80, 0.1);\r\n}\r\n/*\r\n.homepage-recommand-cruises .cruise-content li:hover img\r\n{\r\n\ttransform: translate3d(2px,0,0);\r\n}*/\r\n/*.homepage-recommand-cruises .cruise-content li:hover{\r\n\tpadding: 10px;\r\n}*/\r\n.homepage-recommand-cruises .cruise-content li .img-tag{\r\n\tposition: absolute;\r\n\tleft: 10px;\r\n\ttop: 36px;\r\n\twidth: 108px;\r\n\theight: 37px;\r\n\tbackground: url(https://resource.rcclchina.com.cn/TUI2PCImg/SearchPackage/bg-tag-1.jpg) no-repeat 100%;\r\n\tz-index: 2;\r\n}\r\n.homepage-recommand-cruises .cruise-content li .img-tag .tag-text{\r\n\theight: 28px;\r\n\tline-height: 28px;\r\n\tcolor: #fff;\r\n\ttext-align: center;\r\n}\r\n.homepage-recommand-cruises .cruise-content li .heart{\r\n\tposition: absolute;\r\n\ttop: 26px;\r\n\tright: 28px;\r\n\tz-index: 2;\r\n\tcursor: pointer;\r\n}\r\n.homepage-recommand-cruises .cruise-content li .cruise-img{\r\n\twidth: 375px;\r\n\theight: 375px;\r\n\toverflow: hidden;\r\n\tposition: relative;\r\n\tz-index: -1;\r\n}\r\n.homepage-recommand-cruises .cruise-content li .cruise-img img{\r\n\r\n\tposition: absolute;\r\n\tleft:0;\r\n\ttop:0;\r\n}\r\n\r\n.homepage-recommand-cruises .cruise-content li .cruise-img .cruise-img-line {\r\n\tposition: absolute;\r\n\theight: 2px;\r\n\twidth: 100%;\r\n\tbackground-color: #1178ab;\r\n\tbottom: 0;\r\n}\r\n\r\n.homepage-recommand-cruises .cruise-content li .cruise-img img.cru-img1{\r\n\tz-index: -2;\r\n}\r\n.homepage-recommand-cruises .cruise-content li .cruise-img img.cru-img2{\r\n\ttop: 100%;\r\n\ttransition: top 0.5s;\r\n\tz-index: 1;\r\n}\r\n.homepage-recommand-cruises .cruise-content li .cruise-image-content:hover img.cru-img2{\r\n\ttop: 0;\r\n}\r\n\r\n.homepage-recommand-cruises .cruise-content li .cruise-intro{\r\n\tfont-size: 14px;\r\n\tcolor: #282b2c;\r\n\tposition: relative;\r\n}\r\n.homepage-recommand-cruises .cruise-content li .cruise-intro .cruise-title{\r\n\tpadding: 10px 14px 0 14px;\r\n\tfont-size: 14px;\r\n\tcolor: #282b2c;\r\n\tfont-weight: 500;\r\n\theight: 89px;\r\n}\r\n.homepage-recommand-cruises .cruise-content li .cruise-img .ship{\r\n\twidth:144px;\r\n\theight: 28px;\r\n\tbackground: rgba(0, 115, 187, 0.9);\r\n\tposition: absolute;\r\n\tleft: 50%;\r\n\tmargin-left: -72px;\r\n\tbottom: 0px;\r\n\tborder-top-left-radius: 5px;\r\n\tborder-top-right-radius: 5px;\r\n\tcolor: #fff;\r\n\ttext-align:center;\r\n\tline-height: 28px;\r\n\tfont-size: 14px;\r\n\tcursor: pointer;\r\n\tdisplay: block;\r\n}\r\n\r\n.homepage-recommand-cruises .cruise-content li .cruise-img .ship img {\r\n\tposition: relative;\r\n\ttop: initial;\r\n\tleft: initial;\r\n}\r\n\r\n.homepage-recommand-cruises .cruise-content li .cruise-intro .text{\r\n\tfont-size: 16px;\r\n\tcolor: #282b2c;\r\n\tfont-weight: bold;\r\n\theight: 44px;\r\n\tline-height: 22px;\r\n\toverflow: hidden;\r\n\ttext-overflow: ellipsis;\r\n\tdisplay: -webkit-box;\r\n\t-webkit-line-clamp: 2;\r\n\t-webkit-box-orient: vertical;\r\n}\r\n\r\n/*.homepage-recommand-cruises .cruise-content li .cruise-intro .text::after {\r\n\tcontent:\"...\";\r\n\tposition:absolute;\r\n\tbottom:0;\r\n\tright:0;\r\n}*/\r\n\r\n.homepage-recommand-cruises .cruise-content li .cruise-intro .text .tour{\r\n\tposition: absolute;\r\n\tright: 0px;\r\n\ttop: 42px;\r\n}\r\n.homepage-recommand-cruises .cruise-content li .cruise-intro .time{\r\n\tfont-size: 14px;\r\n\tcolor: #282b2c;\r\n\r\n}\r\n\r\n.homepage-recommand-cruises .cruise-content li .cruise-intro .price {\r\n\tpadding: 0px 14px 0 14px;\r\n\tfont-size: 14px;\r\n\tcolor: #282b2c;\r\n\tfont-weight: 500;\r\n\tmargin-bottom: 0px;\r\n}\r\n\r\n.homepage-recommand-cruises .cruise-content li .cruise-intro .price span{\r\n\tfont-size: 24px;\r\n\tfont-weight: bold;\r\n\tcolor: #ffa70d;\r\n}\r\n.homepage-recommand-cruises .cruise-content li .cruise-intro .price span i{\r\n\tfont-size: 16px;\r\n\tfont-weight: bold;\r\n\tfont-style: normal;\r\n\tcolor: #ffa70d;\r\n}\r\n.homepage-recommand-cruises  .cruise-content li .cruise-intro .dataTime{\r\n\tline-height: 50px;\r\n\tposition:relative;\r\n\tbackground: #f8f8f8;\r\n\tfont-weight: 500;\r\n\toverflow: hidden;\r\n}\r\n.homepage-recommand-cruises .cruise-content li .cruise-intro .dataTime>img{\r\n\tposition: absolute;\r\n\ttop: 15px;\r\n\tleft: 15px;\r\n}\r\n.homepage-recommand-cruises .cruise-content li .cruise-intro .dataTime span{\r\n\tcolor: #ffa70d;\r\n\tfont-size: 24px;\r\n\tfont-weight: 400;\r\n}\r\n.homepage-recommand-cruises .cruise-content li .cruise-intro .dataTime i{\r\n\tfont-style: normal;\r\n\tposition: relative;\r\n\ttop: -2px;\r\n}\r\n.homepage-recommand-cruises .cruise-content li .cruise-intro .dataTime .link.order{\r\n\theight: 50px;\r\n\twidth: 100%;\r\n}\r\n\r\n.homepage-recommand-cruises .cruise-content li .cruise-intro .dataTime .link.order.hasCountDown {\r\n\theight: 50px;\r\n\twidth: 50%;\r\n\tfloat:right;\r\n}\r\n\r\n.homepage-recommand-cruises .cruise-content li .cruise-intro .dataTime span.num:first-child{\r\n\tmargin-left: 40px;\r\n}\r\n.homepage-recommand-cruises .cruise-content li .cruise-intro .dataTime a.link{\r\n\tdisplay: inline-block;\r\n\twidth: 188px;\r\n\theight: 50px;\r\n\ttext-align: center;\r\n\tline-height: 50px;\r\n\tbackground: #fbc500;\r\n\tfont-size: 20px;\r\n\tcolor: #282b2c;\r\n\tfloat: left;\r\n}\r\n\r\n.homepage-recommand-cruises .cruise-content li .cruise-intro .dataTime a.link:hover{\r\n\ttext-decoration: none;\r\n\tbackground: #f8de57;\r\n}\r\n\r\n\r\n/*精选专题*/\r\n.homepage-topics .main-topics{\r\n\twidth: 1200px;\r\n\tmargin: 55px auto 0;\r\n\r\n}\r\n.homepage-topics .main-topics .main-title{\r\n\tmargin-bottom: 30px;\r\n}\r\n.homepage-topics .main-topics .main-title .title{\r\n\tfont-size: 30px;\r\n\tfont-weight: bold;\r\n\ttext-align: center;\r\n\tcolor: #282b2c;\r\n}\r\n.homepage-topics .main-topics .main-title .subtitle{\r\n\tfont-size: 14px;\r\n\ttext-align: center;\r\n\tcolor: #282b2c;\r\n\tfont-weight: 500;\r\n\tline-height: 34px;\r\n}\r\n.homepage-topics .main-topics .list-topics{\r\n\twidth: 100%;\r\n\theight: 304px;\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n}\r\n.homepage-topics .main-topics .list-topics li{\r\n\twidth: 394px;\r\n\theight: 100%;\r\n\toverflow:hidden;\r\n\tcursor:pointer;\r\n\tposition:relative;\r\n}\r\n.homepage-topics .main-topics .list-topics li img{\r\n\ttransition: all 0.5s;\r\n}\r\n.homepage-topics .main-topics .list-topics li:hover img{\r\n\ttransform: scale(1.1,1.1);\r\n}\r\n.homepage-topics .main-topics .list-topics li a{\r\n\tdisplay: block;\r\n}\r\n.homepage-topics .main-topics .list-topics li a img{\r\n\twidth: 100%;\r\n}\r\n\r\n/*皇家游轮体验*/\r\n.homepage-ships{\r\n\tpadding-top: 55px;\r\n}\r\n.homepage-ships .main-experience{\r\n\twidth: 1200px;\r\n\tmargin: 66px auto 0;\r\n}\r\n.homepage-ships .main-title{\r\n\tmargin-bottom:30px;\r\n\ttext-align: center;\r\n}\r\n.homepage-ships .main-title .title {\r\n\tfont-size: 30px;\r\n\tfont-weight: bold;\r\n\ttext-align: center;\r\n\tcolor: #282b2c;\r\n}\r\n.homepage-ships .main-title .subtitle {\r\n\tfont-size: 14px;\r\n\ttext-align: center;\r\n\tcolor: #282b2c;\r\n\tfont-weight: 500;\r\n\tline-height: 34px;\r\n}\r\n.homepage-ships .main-title .subtitle span{\r\n\tcolor: #ffa70d;\r\n\tfont-weight: 400;\r\n}\r\n.homepage-ships .ship-nav{\r\n\tbackground: #f8f8f8;\r\n\tmin-width: 240px;\r\n\tmax-width: 1200px;\r\n\tmargin: 0 auto 6px;\r\n}\r\n.homepage-ships .ship-nav .main-nav{\r\n\tmargin: 0 auto;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\tcursor: pointer;\r\n}\r\n.homepage-ships .ship-nav .main-nav li{\r\n\twidth: 240px;\r\n\theight: 94px;\r\n\ttext-align: center;\r\n\tposition: relative;\r\n}\r\n.homepage-ships .ship-nav .main-nav li .ship-name{\r\n\tfont-size: 22px;\r\n\tfont-weight: bold;\r\n\tcolor: #152361;\r\n\tmargin-top: 24px;\r\n}\r\n.homepage-ships .ship-nav .main-nav li img{\r\n\twidth: 147px;\r\n\tmargin: 0 auto;\r\n}\r\n.homepage-ships .ship-nav .main-nav li img.font2-img{\r\n\tdisplay: none;\r\n}\r\n.homepage-ships .ship-nav .main-nav li .ship-new{\r\n\twidth: 82px;\r\n\theight: 22px;\r\n\tcontent: url('https://resource.rcclchina.com.cn/homePage/homePage-new.png');\r\n\tposition: absolute;\r\n\tleft: 50%;\r\n\ttransform: translateX(-50%);\r\n\ttop: -12px;\r\n}\r\n.homepage-ships .ship-nav .main-nav li .ship-hot{\r\n\twidth: 82px;\r\n\theight: 22px;\r\n\tcontent: url('https://resource.rcclchina.com.cn/homePage/homePage-hot.png');\r\n\tposition: absolute;\r\n\tleft: 50%;\r\n\ttransform: translateX(-50%);\r\n\ttop: -11px;\r\n}\r\n.homepage-ships .ship-nav .main-nav li.active{\r\n\tbackground: #0073bb;\r\n}\r\n.homepage-ships .ship-nav .main-nav li.active img.font1-img{\r\n\tdisplay: none;\r\n}\r\n.homepage-ships .ship-nav .main-nav li.active img.font2-img{\r\n\tdisplay: block;\r\n}\r\n.homepage-ships .ship-nav .main-nav li.active .ship-name{\r\n\tcolor: #fff;\r\n}\r\n.homepage-ships .main-experience {\r\n\twidth: 1200px;\r\n\tmargin: 0 auto;\r\n}\r\n.homepage-ships .main-experience .super-exper{\r\n\tdisplay: none;\r\n}\r\n.homepage-ships .main-experience .super-exper.active{\r\n\tdisplay: block;\r\n}\r\n.homepage-ships .main-experience .super-exper .exper-nav{\r\n\tmargin-bottom: 6px;\r\n\tcursor:pointer;\r\n}\r\n.homepage-ships .main-experience .exper-list{\r\n\twidth: 1200px;\r\n\theight: 483px;\r\n\tmargin-bottom: 40px;\r\n\tcursor: pointer;\r\n\toverflow:hidden;\r\n\tdisplay: flex;\r\n}\r\n.homepage-ships .main-experience .exper-list li{\r\n\twidth: 146px;\r\n\theight: 100%;\r\n\toverflow: hidden;\r\n\ttransition: all 0.5s;\r\n\tbackground: rgba(0, 8, 48, 0.4);\r\n\tposition: relative;\r\n\ttext-align: center;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n}\r\n.homepage-ships .main-experience .exper-list li .content{\r\n\ttransition: all .5s ;\r\n}\r\n.homepage-ships .main-experience .exper-list li .detail{\r\n\tdisplay:none;\r\n\r\n}\r\n.homepage-ships .main-experience .exper-list li.active .content{\r\n\twidth: 100%;\r\n\tdisplay: block;\r\n}\r\n.homepage-ships .main-experience .exper-list li.active{\r\n\twidth: 480px;\r\n}\r\n.homepage-ships .main-experience .exper-list li.active .detail{\r\n\tdisplay: block;\r\n}\r\n.homepage-ships .main-experience .exper-list li.active .exper-mask{\r\n\topacity:0;\r\n}\r\n\r\n.homepage-ships .main-experience .exper-list li .exper-mask{\r\n\tposition: absolute;\r\n\tleft:0;\r\n\ttop: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground: rgba(0,8,48,.4);\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tfont-size: 20px;\r\n\tcolor: #fff;\r\n\tfont-weight: bold;\r\n}\r\n\r\n/* .homepage-ships .main-experience .exper-list li img {\r\n\r\n} */\r\n\r\n.homepage-ships .main-experience .exper-list li .content{\r\n\tposition: absolute;\r\n\ttext-align: center;\r\n\tleft: 0;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tpadding-top: 28px;\r\n\tz-index: 999;\r\n\twidth: 180px;\r\n\tdisplay:none;\r\n}\r\n.homepage-ships .main-experience .exper-list li .content .detail{\r\n\ttext-align: center;\r\n}\r\n.homepage-ships .main-experience .exper-list li .content .title{\r\n\tfont-size: 20px;\r\n\tcolor: #fff;\r\n\tfont-weight: bold;\r\n\tmargin-bottom: 9px;\r\n}\r\n.homepage-ships .main-experience .exper-list li .content .border-line{\r\n\twidth: 42px;\r\n\theight: 1px;\r\n\tbackground: #ffa70d;\r\n\tmargin: 0 auto 7px;\r\n\r\n}\r\n\r\n.homepage-ships .main-experience .exper-list li .content .parah{\r\n\tfont-size: 16px;\r\n\tcolor: #fff;\r\n\tline-height: 24px;\r\n\twidth: 400px;\r\n\tmargin: auto;\r\n}\r\n.homepage-ships .main-experience .exper-list li .content .a-btn{\r\n\tdisplay: block;\r\n\twidth: 110px;\r\n\theight: 26px;\r\n\ttext-align: center;\r\n\tline-height: 26px;\r\n\tbackground: #fbc500;\r\n\tfont-size: 14px;\r\n\tcolor: #333;\r\n\tmargin: 11px auto 0;\r\n}\r\n.homepage-ships .main-experience .exper-list li .content .a-btn:hover{\r\n\tbackground: #f8de57;\r\n}\r\n/*精选目的地*/\r\n.homepage-destinations{\r\n\theight: 1226px;\r\n\t//background: url(https://resource.rcclchina.com.cn/Home/new/dest/bg.jpg) no-repeat top center;\r\n  background: url(https://resource.rcclchina.com.cn/Home/new/dest/bg230817.jpg) no-repeat top center;\r\n\t/*background-size: 100% 100%;*/\r\n}\r\n.homepage-destinations .des-content{\r\n\twidth: 1200px;\r\n\tmargin: 0 auto;\r\n\tpadding-top: 55px;\r\n}\r\n.homepage-destinations .des-content .main-title{\r\n\tmargin-bottom: 30px;\r\n\ttext-align: center;\r\n}\r\n.homepage-destinations .des-content .main-title .title{\r\n\tfont-size: 30px;\r\n\tfont-weight: bold;\r\n\ttext-align: center;\r\n\tcolor: #282b2c;\r\n}\r\n.homepage-destinations .des-content .main-title .subtitle{\r\n\tfont-size: 14px;\r\n\ttext-align: center;\r\n\tcolor: #282b2c;\r\n\tfont-weight: 500;\r\n\tline-height: 34px;\r\n}\r\n.homepage-destinations .img-area{\r\n\tposition: relative;\r\n\ttop: 19px;\r\n}\r\n.homepage-destinations .img-area div.wrap{\r\n\tposition: absolute;\r\n\tcursor: pointer;\r\n\toverflow:hidden;\r\n}\r\n.homepage-destinations .img-area div.wrap:first-child:hover .mask,\r\n.homepage-destinations .img-area div.wrap:nth-child(2):hover .mask,\r\n.homepage-destinations .img-area div.wrap:nth-child(3):hover .mask,\r\n.homepage-destinations .img-area div.wrap:nth-child(4):hover .mask,\r\n.homepage-destinations .img-area div.wrap:nth-child(5):hover .mask,\r\n.homepage-destinations .img-area div.wrap:nth-child(6):hover .mask,\r\n.homepage-destinations .img-area div.wrap:nth-child(7):hover .mask,\r\n.homepage-destinations .img-area div.wrap:nth-child(8):hover .mask\r\n{\r\n\ttop: 0px;\r\n}\r\n\r\n.homepage-destinations .img-area div.wrap:hover .bg-mask\r\n{\r\n\tbackground: rgba(0, 67,141, 0.5);\r\n}\r\n\r\n.homepage-destinations .bg-mask{\r\n\tbackground: rgba(0,0,0,0);\r\n\ttop: 0;\r\n\ttransition: all .5s;\r\n}\r\n.homepage-destinations .mask,.homepage-destinations .bg-mask{\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tposition: absolute;\r\n\tleft: 0;\r\n}\r\n.homepage-destinations .mask{\r\n\t/*background: rgba(0,0,0,.4);*/\r\n\ttransition: top .5s;\r\n\tz-index: 9;\r\n}\r\n.homepage-destinations .des-name{\r\n\tposition: absolute;\r\n\tleft: 30px;\r\n\ttop: 14px;\r\n\tdisplay: block;\r\n\tflex-direction: column;\r\n\tfont-size: 32px;\r\n\tcolor: #fff;\r\n\tz-index: 999;\r\n}\r\n/*.homepage-destinations .img-area div.wrap:nth-child(6) .des-name{\r\n\ttop: 14px;\r\n}*/\r\n.homepage-destinations .img-area div.wrap:nth-child(6) .mask .btn-area{\r\n\tbottom: 18px;\r\n}\r\n.homepage-destinations .des-name .cn{\r\n   font-weight: bold;\r\n   display: block;\r\n   text-shadow: 1.286px 1.532px 13px rgba(37, 145, 191, 0.48);\r\n}\r\n.homepage-destinations .des-name .en{\r\n\tfont-weight: 400;\r\n\tdisplay: block;\r\n\tfont-size: 22px;\r\n\ttext-shadow: 1.286px 1.532px 13px rgba(37, 145, 191, 0.48);\r\n}\r\n.homepage-destinations .img-area div.wrap:last-child .des-name .en{\r\n\tfont-size: 16px;\r\n}\r\n\r\n.homepage-destinations .img-area div.wrap:first-child{\r\n\tleft:0;\r\n\ttop: 80px;\r\n}\r\n\r\n.homepage-destinations .img-area div.wrap .mask{\r\n\ttop: 362px;\r\n\tpadding: 91px 38px 0 32px;\r\n\tbox-sizing: border-box;\r\n}\r\n.homepage-destinations .img-area div.wrap:nth-child(6) .mask{\r\n\tpadding-top: 90px;\r\n}\r\ndiv.wrap .mask .intro{\r\n\tcolor: #fff;\r\n\tfont-size: 14px;\r\n\tline-height: 26px;\r\n}\r\ndiv.wrap .mask .btn-area{\r\n\tposition: absolute;\r\n\tleft: 34px;\r\n\tbottom: 30px;\r\n}\r\ndiv.wrap .mask .btn-area>span{\r\n\tmargin-left: 18px;\r\n\tfont-size: 14px;\r\n\tcolor: #fff;\r\n}\r\ndiv.wrap .mask .btn-area>img{\r\n\tmargin-left: 2px;\r\n\tposition: relative;\r\n\ttop: -2px;\r\n\tmargin-right: 2px;\r\n}\r\ndiv.wrap .mask .search-more{\r\n\tdisplay: inline-block;\r\n\twidth: 154px;\r\n\theight: 42px;\r\n\tline-height: 42px;\r\n\ttext-align: center;\r\n\tfont-size: 14px;\r\n\tbackground: #fbc500;\r\n\tcolor: #282b2c;\r\n\r\n}\r\n\r\ndiv.wrap .mask .search-more:hover {\r\n\tbackground: #f8de57;\r\n}\r\n\r\n.homepage-destinations .img-area div.wrap:nth-child(1) .mask{\r\n\tpadding-top: 91px;\r\n}\r\n\r\n.homepage-destinations .img-area div.wrap:nth-child(2){\r\n\t/*top: 445px;\r\n\tleft: 48px;*/\r\n\tleft: 504px;\r\n\ttop: 2px;\r\n}\r\n.homepage-destinations .img-area div.wrap:nth-child(2) .mask{\r\n\ttop: 358px;\r\n}\r\n.homepage-destinations .img-area .video{\r\n\twidth: 426px;\r\n\theight: 230px;\r\n\ttop: 445px;\r\n\tleft: 421px;\r\n}\r\n\r\n.homepage-destinations .img-area div.wrap:nth-child(3){\r\n\tleft: 832px;\r\n\ttop: 124px;\r\n}\r\n.homepage-destinations .img-area div.wrap:nth-child(3) .mask{\r\n\ttop: 318px;\r\n\tpadding-top: 91px;\r\n}\r\n\r\n.homepage-destinations .img-area div.wrap:nth-child(4){\r\n\t/*left: 505px;*/\r\n\ttop: 445px;\r\n\tleft: 49px;\r\n}\r\n.homepage-destinations .img-area div.wrap:nth-child(4) .mask{\r\n\ttop: 442px;\r\n}\r\n\r\n.homepage-destinations .img-area .video .mask{\r\n\ttop: 230px\r\n}\r\n.homepage-destinations .img-area .video .royal{\r\n\tposition: absolute;\r\n\tleft: 50%;\r\n\ttop: 40%;\r\n\ttransform: translateX(-50%);\r\n}\r\n.homepage-destinations .img-area .video .videoImg{\r\n\tposition: absolute;\r\n\tleft:50%;\r\n\ttop: 50%;\r\n\ttransform: translateX(-50%);\r\n}\r\n\r\n.homepage-destinations .img-area div.wrap:nth-child(6){\r\n\ttop: 445px;\r\n\tleft: 850px;\r\n}\r\n.homepage-destinations .img-area div.wrap:nth-child(6) .mask{\r\n\ttop: 234px;\r\n}\r\n.homepage-destinations .img-area div.wrap:nth-child(7){\r\n\tleft: 420px;\r\n\ttop: 680px;\r\n}\r\n.homepage-destinations .img-area div.wrap:nth-child(7) .mask{\r\n\ttop: 322px;\r\n\tpadding-top: 95px;\r\n}\r\n.homepage-destinations .img-area div.wrap:nth-child(8){\r\n\ttop: 680px;\r\n\tleft: 776px;\r\n}\r\n.homepage-destinations .img-area div.wrap:nth-child(8) .mask{\r\n\ttop: 376px;\r\n}\r\n/*精选游记*/\r\n.homepage-reviews .rev-content{\r\n\twidth: 1200px;\r\n\tmargin: 0 auto;\r\n\tpadding-top: 55px;\r\n\tpadding-bottom: 40px;\r\n}\r\n\r\n.homepage-reviews .review-content {\r\n\tdisplay: inline-block;\r\n\twidth: 100%;\r\n}\r\n\r\n.homepage-reviews .review-image {\r\n\twidth: 294px;\r\n}\r\n\r\n.homepage-reviews .rev-content .main-title {\r\n\tmargin-bottom: 30px;\r\n\ttext-align: center;\r\n}\r\n.homepage-reviews .rev-content .main-title .title {\r\n\tfont-size: 30px;\r\n\tfont-weight: bold;\r\n\ttext-align: center;\r\n\tcolor: #282b2c;\r\n}\r\n.homepage-reviews .rev-content .main-title .subtitle {\r\n\tfont-size: 14px;\r\n\ttext-align: center;\r\n\tcolor: #282b2c;\r\n\tfont-weight: 500;\r\n\tline-height: 34px;\r\n}\r\n.homepage-reviews .rev-content .rev-list{\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\tflex-wrap: wrap;\r\n\tmargin-bottom: 40px;\r\n}\r\n.homepage-reviews .rev-content .rev-list li{\r\n\twidth: 294px;\r\n\tbackground: #fff;\r\n\tpadding-bottom: 18px;\r\n\tcursor: pointer;\r\n\tdisplay: inline-block;\r\n\tvertical-align: top;\r\n\tmargin-bottom: 15px;\r\n\toverflow: hidden;\r\n}\r\n/*游记图片高度写死了*/\r\n.homepage-reviews .rev-content .rev-list li img.rev-pic{\r\n\theight: 225px;\r\n}\r\n\r\n.homepage-reviews .score-image {\r\n\twidth: 17px;\r\n}\r\n\r\n\r\n.homepage-reviews .rev-content .rev-list li:hover{\r\n\tbox-shadow: 0px 0px 7px 3px rgba(46, 65, 80, 0.1);\r\n}\r\n.homepage-reviews .rev-content .rev-list li .rev-detail{\r\n\tpadding: 20px 15px 0 15px;\r\n\twidth: 100%;\r\n}\r\n.homepage-reviews .rev-content .rev-list li .rev-detail .rev-title{\r\n\tfont-size:16px;\r\n\tcolor:#282b2c;\r\n\tmargin-bottom:10px;\r\n\toverflow: hidden;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\twidth: 100%;\r\n\tfont-weight: 500;\r\n}\r\n.homepage-reviews .rev-content .rev-list li .rev-detail .rev-shiptime{\r\n\tfont-size:14px;\r\n\tmargin-bottom: 8px;\r\n\tcolor: #747d80;\r\n\tfont-weight: 500;\r\n}\r\n.homepage-reviews .rev-content .rev-list li .rev-detail .rev-shipname{\r\n\r\n\tcolor: #747d80;\r\n\tfont-weight: 500;\r\n\tfont-size:14px;\r\n\tmargin-bottom: 15px;\r\n\toverflow: hidden;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n}\r\n.homepage-reviews .rev-content .rev-list li .rev-detail .rev-pernum{\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n}\r\n.homepage-reviews .rev-content .rev-list li .rev-detail .rev-pernum .en-name{\r\n\tfont-size: 16px;\r\n\tcolor: #282b2c;\r\n\tfont-weight: 500;\r\n}\r\n.homepage-reviews .rev-content .rev-list li .rev-detail .rev-pernum .en-num{\r\n\tfont-size: 14px;\r\n\tcolor: #747d80;\r\n\tmargin-top: 8px;\r\n}\r\n.homepage-reviews .rev-content .rev-list li .rev-detail .rev-pernum .en-name img{\r\n\tposition: relative;\r\n\ttop: -2px;\r\n\tmargin-right: 6px;\r\n\r\n}\r\n.homepage-reviews .rev-content .rev-list li .rev-detail .rev-pernum .en-num img{\r\n\tposition: relative;\r\n\ttop: -4px;\r\n\tmargin-right: 2px;\r\n}\r\n\r\n.homepage-ships .ship-nav.is-full .main-nav {\r\n  justify-content: center;\r\n}\r\n.homepage-ships .ship-nav.is-full .main-nav li{\r\n  flex: 1;\r\n  display: flex;\r\n  flex-flow: column;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  height: 100px;\r\n}\r\n.homepage-ships .ship-nav.is-full .main-nav li .ship-name{\r\n  font-size: 22px;\r\n  font-weight: bold;\r\n  margin-top: 4px;\r\n  line-height: 1;\r\n}\r\n.homepage-ships .ship-nav.is-full .main-nav li img {\r\n  width: auto;\r\n  height: 20px;\r\n}\r\n#layout-main-container {\r\n\tposition: relative;\r\n\tmin-width: 1280px !important;\r\n\tbackground-color: white;\r\n}\r\n\r\n.global-airline {\r\n  display: block;\r\n  margin: 15px auto 0;\r\n  width: 1200px;\r\n}\r\n.global-airline img {\r\n  display: block;\r\n  width: 100%;\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=eec90c1c&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=eec90c1c&lang=less&scoped=true&\"\nimport style1 from \"./Home.vue?vue&type=style&index=1&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  \"eec90c1c\",\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/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=eec90c1c&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=eec90c1c&lang=less&scoped=true&\""],"sourceRoot":""}