{"version":3,"sources":["webpack:///./src/views/Cruise/Search.vue?58ce","webpack:///./node_modules/core-js/modules/es.array.find.js","webpack:///./src/views/Cruise/Search.vue?a381","webpack:///src/views/Cruise/Search.vue","webpack:///./src/views/Cruise/Search.vue?4ad4","webpack:///./src/views/Cruise/Search.vue?9bb9","webpack:///./src/views/Cruise/Search.vue?418c"],"names":["$","$find","find","addToUnscopables","arrayMethodUsesToLength","FIND","SKIPS_HOLES","USES_TO_LENGTH","Array","target","proto","forced","callbackfn","this","arguments","length","undefined","render","_vm","_h","$createElement","_c","_self","staticClass","ref","class","selected","checkFilterSelected","active","showFilterCategory","on","$event","openFilterCategory","_e","_v","_s","getFilterSelectedName","_m","domProps","getOrderByName","topSearchs","staticStyle","_l","topSearch","i","key","getTopSearchClass","onKeywordSelected","checkShowScroll","cruise","attrs","cruiseFilters","selectFilterCodes","months","shipCodes","departures","destinations","tags","tagFilters","filterConfirmHandler","showTicketContainsPopup","showCruisePriceInfo","scrollToTop","directives","name","rawName","value","mobilePopupImage","id","isShowPopup","expression","link","goPromoPage","iconImage","closePopup","imageUrl","isShowTicketContainsPopup","closeTicketContainsPopup","closeCruisePriceInfo","isShowCruisePriceInfoPopup","likeRoutePopupsList","staticRenderFns","components","SearchFilter","SearchCruiseItem","CruisePriceInfo","EmergencyMessageAlert","TicketContainsPopup","LikeRoutePopups","swiper","scrollEndTimeout","asyncData","Promise","data","imgUrl","tagsSwiperOption","sailDates","sailDays","keyword","orderBysailDate","orderByPrice","orderBySailDays","orderByAmountPerNight","queryString","initQueryString","offset","limit","cruiseLists","loadingId","isLoadingCruise","isFirstLoading","showPromo","checkPromoTimeout","tikTokCode","mounted","resizeCruiseList","created","sessionStorage","setItem","$route","query","activated","$store","commit","window","onpopstate","self","$refs","searchPackageLists","addEventListener","initPage","checkPopup","getSearchYouLikeRoute","deactivated","removeEventListener","promoEffectInterval","clearInterval","methods","split","forEach","filterRequests","push","filters","destinationCodes","values","departureCodes","cruieFilter","title","isNaN","sailDay","item","decodeURIComponent","dispatch","cruiseType","JSON","stringify","cruiseSearch","classData","isHighShows","types","selectedNames","join","type","replaceUrl","filterCodes","filter","request","username","token","$loading","show","infiniteHandler","$state","loaded","complete","storedCruiseCount","url","substring","encodeURI","history","replaceState","style","height","cruiseListHeight","toScrollTop","display","scrollTop","hideRightBar","clearTimeout","setTimeout","scroll","showRightBar","priceIcon","right","ticketIcon","popupIcon","cruiseListScrollHandler","hasPopup","curDate","Date","curTamp","getTime","curWeeHours","toLocaleDateString","passedTamp","leftTamp","leftTime","setTime","document","cookie","isHideHeader","isHideFooter","pushState","showPromoTimeout","$nextTick","showPromoEffect","setInterval","getElementById","effectRight","initRight","goPromo","location","href","computed","userInfo","state","cruiseSearchPage","slice","storedCruiseLists","items","count","cruiseCategories","homePage","recommendCruiseArea","promoCruiseCategories","promoCruiseItems","console","log","cruisePromoItems","watch","newOne","cruiseChanged","isNearRoute","hide","component"],"mappings":"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","file":"js/chunk-38f316ae.7307dec8.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!./Search.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!./Search.vue?vue&type=style&index=1&lang=css&\"","'use strict';\nvar $ = require('../internals/export');\nvar $find = require('../internals/array-iteration').find;\nvar addToUnscopables = require('../internals/add-to-unscopables');\nvar arrayMethodUsesToLength = require('../internals/array-method-uses-to-length');\n\nvar FIND = 'find';\nvar SKIPS_HOLES = true;\n\nvar USES_TO_LENGTH = arrayMethodUsesToLength(FIND);\n\n// Shouldn't skip holes\nif (FIND in []) Array(1)[FIND](function () { SKIPS_HOLES = false; });\n\n// `Array.prototype.find` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.find\n$({ target: 'Array', proto: true, forced: SKIPS_HOLES || !USES_TO_LENGTH }, {\n  find: function find(callbackfn /* , that = undefined */) {\n    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\n// https://tc39.github.io/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables(FIND);\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('div',{staticClass:\"searchPackage\"},[_c('div',{ref:\"searchPackageFilter\",staticClass:\"searchPackage-filter\"},[_c('div',{staticClass:\"filter-container js-openFilterModel\"},[_c('div',{staticClass:\"filter-item\",class:{\n              selected: _vm.checkFilterSelected(['departures']),\n              active: _vm.showFilterCategory == 'departures',\n            },on:{\"click\":function($event){return _vm.openFilterCategory('departures')}}},[(!_vm.checkFilterSelected(['departures']))?_c('span',{staticClass:\"filter-itemTitle\"},[_vm._v(\"出发港\")]):_vm._e(),(_vm.checkFilterSelected(['departures']))?_c('span',{staticClass:\"filter-itemTitle\"},[_vm._v(_vm._s(_vm.getFilterSelectedName([\"departures\"])))]):_vm._e(),_vm._m(0),_c('div',{staticClass:\"filter-itemDot\"})]),_c('div',{staticClass:\"filter-item\",class:{\n              selected: _vm.checkFilterSelected(['sailDates']),\n              active: _vm.showFilterCategory == 'sailDates',\n            },on:{\"click\":function($event){return _vm.openFilterCategory('sailDates')}}},[(!_vm.checkFilterSelected(['sailDates']))?_c('span',{staticClass:\"filter-itemTitle\"},[_vm._v(\"出发时间\")]):_vm._e(),(_vm.checkFilterSelected(['sailDates']))?_c('span',{staticClass:\"filter-itemTitle\"},[_vm._v(_vm._s(_vm.getFilterSelectedName([\"sailDates\"])))]):_vm._e(),_vm._m(1),_c('div',{staticClass:\"filter-itemDot\"})]),_c('div',{staticClass:\"filter-item\",class:{ active: _vm.showFilterCategory == 'orderBy' },on:{\"click\":function($event){return _vm.openFilterCategory('orderBy')}}},[_c('span',{staticClass:\"filter-itemTitle\",domProps:{\"innerHTML\":_vm._s(_vm.getOrderByName())}})]),_c('div',{staticClass:\"filter-item\",class:{\n              selected: _vm.checkFilterSelected([\n                'destinations',\n                'sailDays',\n                'tags',\n                'shipCodes' ]),\n              active: _vm.showFilterCategory == 'others',\n            },on:{\"click\":function($event){return _vm.openFilterCategory('others')}}},[_c('span',{staticClass:\"filter-itemTitle\"},[_vm._v(\"更多筛选\")]),_vm._m(2),_c('div',{staticClass:\"filter-itemDot\"})])])]),_c('div',{ref:\"searchPackageTags\",staticClass:\"searchPackage-tags\"},[(_vm.topSearchs.length > 0)?_c('div',{staticClass:\"tags-container\"},[_c('div',{staticClass:\"swiper-container tagsSwiper\"},[_c('div',{staticClass:\"swiper-wrapper\",staticStyle:{\"height\":\"auto\"}},_vm._l((_vm.topSearchs),function(topSearch,i){return _c('div',{key:i,staticClass:\"swiper-slide\"},[_c('div',{staticClass:\"tags-item js-filterConditionBtn\",class:_vm.getTopSearchClass(topSearch),on:{\"click\":function($event){return _vm.onKeywordSelected(topSearch)}}},[_vm._v(\" \"+_vm._s(topSearch)+\" \")])])}),0)]),_vm._m(3),_vm._m(4)]):_vm._e()]),_c('div',{ref:\"searchPackageLists\",staticClass:\"searchPackage-lists scroll-container js-smartScroll\",on:{\"&scroll\":function($event){return _vm.checkShowScroll($event)}}},[_c('div',{ref:\"searchListContent\",staticClass:\"searchPackage-listsCon\"},_vm._l((_vm.cruiseLists),function(cruise,i){return _c('SearchCruiseItem',{key:i,attrs:{\"cruise\":cruise}})}),1),_vm._m(5)]),_c('SearchFilter',{attrs:{\"cruiseFilters\":_vm.cruiseFilters,\"initSelectFilterCodes\":_vm.selectFilterCodes,\"showFilterCategory\":_vm.showFilterCategory,\"months\":_vm.months,\"shipCodes\":_vm.shipCodes,\"departures\":_vm.departures,\"destinations\":_vm.destinations,\"tags\":_vm.tags,\"tagFilters\":_vm.tagFilters,\"filterConfirmHandler\":_vm.filterConfirmHandler}})],1),_c('div',{ref:\"ticketIcon\",staticClass:\"searchPackage-priceIcon js-ticketTips js-rightBarBtn\",on:{\"click\":function($event){return _vm.showTicketContainsPopup()}}},[_vm._v(\" 船票\"),_c('br'),_vm._v(\"包含 \")]),_c('div',{ref:\"priceIcon\",staticClass:\"searchPackage-priceIcon js-priceTips js-rightBarBtn\",on:{\"click\":function($event){return _vm.showCruisePriceInfo()}}},[_vm._v(\" 价格\"),_c('br'),_vm._v(\"说明 \")]),_c('div',{ref:\"toScrollTop\",staticClass:\"searchPackage-scrollTop js-scrollTopBtn js-rightBarBtn\",on:{\"click\":function($event){return _vm.scrollToTop()}}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileSearchPackage/scrollTopIcon.png\"}})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.mobilePopupImage && _vm.mobilePopupImage.id > 0 && !_vm.isShowPopup),expression:\"mobilePopupImage && mobilePopupImage.id > 0 && !isShowPopup\"}],ref:\"popupIcon\",staticClass:\"cruiseFixCon-promoBtn js-rightBarBtn\"},[_c('a',{staticClass:\"external\",attrs:{\"href\":_vm.mobilePopupImage.link,\"target\":\"_blank\"},on:{\"click\":function($event){return _vm.goPromoPage(_vm.mobilePopupImage.link)}}},[_c('img',{attrs:{\"src\":_vm.mobilePopupImage.iconImage}})])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.mobilePopupImage && _vm.mobilePopupImage.id > 0 && _vm.isShowPopup),expression:\"mobilePopupImage && mobilePopupImage.id > 0 && isShowPopup\"}],ref:\"popupPromo\",staticClass:\"promo-popuop cruise-search-promo-popup\"},[_c('div',{staticClass:\"promo-wrapper\"},[_c('div',{staticClass:\"promo-popup-close\",on:{\"click\":function($event){return _vm.closePopup()}}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/cruiseSearch/popup/popup_close.png\"}})]),_c('div',{staticClass:\"promo-popup-content\"},[_c('a',{staticClass:\"external\",attrs:{\"href\":_vm.mobilePopupImage.link,\"target\":\"_blank\"},on:{\"click\":function($event){return _vm.goPromoPage(_vm.mobilePopupImage.link)}}},[_c('img',{staticStyle:{\"width\":\"91%\",\"margin\":\"auto\",\"display\":\"block\"},attrs:{\"src\":_vm.mobilePopupImage.imageUrl}})])])])]),_c('TicketContainsPopup',{attrs:{\"tags\":_vm.tags,\"isShow\":_vm.isShowTicketContainsPopup,\"onGoBack\":_vm.closeTicketContainsPopup}}),_c('CruisePriceInfo',{attrs:{\"onGoBack\":_vm.closeCruisePriceInfo,\"isShow\":_vm.isShowCruisePriceInfoPopup}}),_c('EmergencyMessageAlert'),_c('LikeRoutePopups',{attrs:{\"likeRoutePopupsList\":_vm.likeRoutePopupsList}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"filter-itemArrow\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileSearchPackage/filterArrowDown.png\",\"alt\":\"向下箭头\"}}),_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileSearchPackage/filterArrowUp.png\",\"alt\":\"向上箭头\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"filter-itemArrow\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileSearchPackage/filterArrowDown.png\",\"alt\":\"向下箭头\"}}),_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileSearchPackage/filterArrowUp.png\",\"alt\":\"向上箭头\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"filter-itemArrow\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileSearchPackage/moreIcon.png\",\"alt\":\"向下箭头\"}}),_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileSearchPackage/moreActiveIcon.png\",\"alt\":\"向上箭头\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"swiper-button-prev\",staticStyle:{\"display\":\"none\"}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileSearchPackage/leftIcon.png\"}}),_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileSearchPackage/leftIcon.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"swiper-button-next\",staticStyle:{\"display\":\"none\"}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileSearchPackage/rightIcon.png\"}}),_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileSearchPackage/rightIcon.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"infinite-scroll-preloader\"},[_c('span',{staticClass:\"no-more-text\"},[_vm._v(\"航线计划中，敬请期待\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"\">\r\n    <div class=\"searchPackage\">\r\n      <!-- 筛选 -->\r\n      <div class=\"searchPackage-filter\" ref=\"searchPackageFilter\">\r\n        <div class=\"filter-container js-openFilterModel\">\r\n          <div\r\n            class=\"filter-item\"\r\n            :class=\"{\r\n              selected: checkFilterSelected(['departures']),\r\n              active: showFilterCategory == 'departures',\r\n            }\"\r\n            @click=\"openFilterCategory('departures')\"\r\n          >\r\n            <span\r\n              class=\"filter-itemTitle\"\r\n              v-if=\"!checkFilterSelected(['departures'])\"\r\n              >出发港</span\r\n            >\r\n            <span\r\n              class=\"filter-itemTitle\"\r\n              v-if=\"checkFilterSelected(['departures'])\"\r\n              >{{ getFilterSelectedName([\"departures\"]) }}</span\r\n            >\r\n            <div class=\"filter-itemArrow\">\r\n              <img\r\n                src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/filterArrowDown.png\"\r\n                alt=\"向下箭头\"\r\n              />\r\n              <img\r\n                src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/filterArrowUp.png\"\r\n                alt=\"向上箭头\"\r\n              />\r\n            </div>\r\n            <div class=\"filter-itemDot\"></div>\r\n          </div>\r\n          <div\r\n            class=\"filter-item\"\r\n            :class=\"{\r\n              selected: checkFilterSelected(['sailDates']),\r\n              active: showFilterCategory == 'sailDates',\r\n            }\"\r\n            @click=\"openFilterCategory('sailDates')\"\r\n          >\r\n            <span\r\n              class=\"filter-itemTitle\"\r\n              v-if=\"!checkFilterSelected(['sailDates'])\"\r\n              >出发时间</span\r\n            >\r\n            <span\r\n              class=\"filter-itemTitle\"\r\n              v-if=\"checkFilterSelected(['sailDates'])\"\r\n              >{{ getFilterSelectedName([\"sailDates\"]) }}</span\r\n            >\r\n            <div class=\"filter-itemArrow\">\r\n              <img\r\n                src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/filterArrowDown.png\"\r\n                alt=\"向下箭头\"\r\n              />\r\n              <img\r\n                src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/filterArrowUp.png\"\r\n                alt=\"向上箭头\"\r\n              />\r\n            </div>\r\n            <div class=\"filter-itemDot\"></div>\r\n          </div>\r\n          <div\r\n            class=\"filter-item\"\r\n            :class=\"{ active: showFilterCategory == 'orderBy' }\"\r\n            @click=\"openFilterCategory('orderBy')\"\r\n          >\r\n            <span class=\"filter-itemTitle\" v-html=\"getOrderByName()\"></span>\r\n          </div>\r\n          <div\r\n            class=\"filter-item\"\r\n            :class=\"{\r\n              selected: checkFilterSelected([\r\n                'destinations',\r\n                'sailDays',\r\n                'tags',\r\n                'shipCodes',\r\n              ]),\r\n              active: showFilterCategory == 'others',\r\n            }\"\r\n            @click=\"openFilterCategory('others')\"\r\n          >\r\n            <span class=\"filter-itemTitle\">更多筛选</span>\r\n            <div class=\"filter-itemArrow\">\r\n              <img\r\n                src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/moreIcon.png\"\r\n                alt=\"向下箭头\"\r\n              />\r\n              <img\r\n                src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/moreActiveIcon.png\"\r\n                alt=\"向上箭头\"\r\n              />\r\n            </div>\r\n            <div class=\"filter-itemDot\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- tag -->\r\n      <div class=\"searchPackage-tags\" ref=\"searchPackageTags\">\r\n        <!-- @* 标签 *@ -->\r\n        <div class=\"tags-container\" v-if=\"topSearchs.length > 0\">\r\n          <div class=\"swiper-container tagsSwiper\">\r\n            <div class=\"swiper-wrapper\" style=\"height: auto\">\r\n              <div\r\n                class=\"swiper-slide\"\r\n                v-for=\"(topSearch, i) in topSearchs\"\r\n                :key=\"i\"\r\n              >\r\n                <div\r\n                  :class=\"getTopSearchClass(topSearch)\"\r\n                  class=\"tags-item js-filterConditionBtn\"\r\n                  @click=\"onKeywordSelected(topSearch)\"\r\n                >\r\n                  {{ topSearch }}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"swiper-button-prev\" style=\"display: none\">\r\n            <img\r\n              src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/leftIcon.png\"\r\n            />\r\n            <img\r\n              src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/leftIcon.png\"\r\n            />\r\n          </div>\r\n          <div class=\"swiper-button-next\" style=\"display: none\">\r\n            <img\r\n              src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/rightIcon.png\"\r\n            />\r\n            <img\r\n              src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/rightIcon.png\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 列表 -->\r\n      <div\r\n        ref=\"searchPackageLists\"\r\n        class=\"searchPackage-lists scroll-container js-smartScroll\"\r\n        @scroll.passive=\"checkShowScroll\"\r\n      >\r\n        <div ref=\"searchListContent\" class=\"searchPackage-listsCon\">\r\n          <SearchCruiseItem\r\n            v-for=\"(cruise, i) in cruiseLists\"\r\n            :key=\"i\"\r\n            :cruise=\"cruise\"\r\n          />\r\n        </div>\r\n        <!-- <infinite-loading\r\n                    slot=\"append\"\r\n                    :identifier=\"loadingId\"\r\n                    force-use-infinite-wrapper=\".searchPackage-lists\"\r\n                    @infinite=\"infiniteHandler\">\r\n\r\n                    <div slot=\"no-more\"></div>\r\n                    <div slot=\"no-results\"></div>\r\n\r\n                </infinite-loading>\r\n             -->\r\n\r\n        <div class=\"infinite-scroll-preloader\">\r\n<!--          <span class=\"no-more-text\" :class=\"{ dn: cruiseLists.length > 0 }\"-->\r\n<!--            >尚无筛选结果，请重新选择</span-->\r\n<!--          >-->\r\n          <span class=\"no-more-text\">航线计划中，敬请期待</span>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 筛选内容 -->\r\n      <SearchFilter\r\n        :cruiseFilters=\"cruiseFilters\"\r\n        :initSelectFilterCodes=\"selectFilterCodes\"\r\n        :showFilterCategory=\"showFilterCategory\"\r\n        :months=\"months\"\r\n        :shipCodes=\"shipCodes\"\r\n        :departures=\"departures\"\r\n        :destinations=\"destinations\"\r\n        :tags=\"tags\"\r\n        :tagFilters=\"tagFilters\"\r\n        :filterConfirmHandler=\"filterConfirmHandler\"\r\n      />\r\n    </div>\r\n\r\n    <!-- 船票包含 -->\r\n    <div\r\n        ref=\"ticketIcon\"\r\n        class=\"searchPackage-priceIcon js-ticketTips js-rightBarBtn\"\r\n        @click=\"showTicketContainsPopup()\"\r\n    >\r\n      船票<br />包含\r\n    </div>\r\n    <!-- 费用说明 -->\r\n    <div\r\n      ref=\"priceIcon\"\r\n      class=\"searchPackage-priceIcon js-priceTips js-rightBarBtn\"\r\n      @click=\"showCruisePriceInfo()\"\r\n    >\r\n      价格<br />说明\r\n    </div>\r\n    <!-- 滚动到顶部 -->\r\n    <div\r\n      ref=\"toScrollTop\"\r\n      class=\"searchPackage-scrollTop js-scrollTopBtn js-rightBarBtn\"\r\n      @click=\"scrollToTop()\"\r\n    >\r\n      <img\r\n        src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/scrollTopIcon.png\"\r\n      />\r\n    </div>\r\n\r\n    <div\r\n      ref=\"popupIcon\"\r\n      class=\"cruiseFixCon-promoBtn js-rightBarBtn\"\r\n      v-show=\"mobilePopupImage && mobilePopupImage.id > 0 && !isShowPopup\"\r\n    >\r\n      <a class=\"external\" :href=\"mobilePopupImage.link\" target=\"_blank\" @click=\"goPromoPage(mobilePopupImage.link)\">\r\n        <img :src=\"mobilePopupImage.iconImage\" />\r\n      </a>\r\n    </div>\r\n\r\n    <div\r\n      ref=\"popupPromo\"\r\n      class=\"promo-popuop cruise-search-promo-popup\"\r\n      v-show=\"mobilePopupImage && mobilePopupImage.id > 0 && isShowPopup\"\r\n    >\r\n      <div class=\"promo-wrapper\">\r\n        <div class=\"promo-popup-close\" @click=\"closePopup()\">\r\n          <img\r\n            src=\"https://resource.rcclchina.com.cn/cruiseSearch/popup/popup_close.png\"\r\n          />\r\n        </div>\r\n        <div class=\"promo-popup-content\">\r\n          <a :href=\"mobilePopupImage.link\" class=\"external\" target=\"_blank\" @click=\"goPromoPage(mobilePopupImage.link)\">\r\n            <img\r\n              style=\"width: 91%; margin: auto; display: block\"\r\n              :src=\"mobilePopupImage.imageUrl\"\r\n            />\r\n          </a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <TicketContainsPopup :tags=\"tags\"\r\n                         :isShow=\"isShowTicketContainsPopup\"\r\n                         :onGoBack=\"closeTicketContainsPopup\"></TicketContainsPopup>\r\n\r\n    <CruisePriceInfo\r\n      :onGoBack=\"closeCruisePriceInfo\"\r\n      :isShow=\"isShowCruisePriceInfoPopup\"\r\n    />\r\n\r\n    <EmergencyMessageAlert />\r\n<!--    v-if=\"cruiseCategories.length > 0 && promoCruiseItems.length > 0\"-->\r\n    <LikeRoutePopups :likeRoutePopupsList=\"likeRoutePopupsList\"></LikeRoutePopups>\r\n    <!-- <div class=\"wn-baby-right wn-baby-image\" v-if=\"showPromo===1\" id=\"wnBabyRight\" @click=\"goPromo\">\r\n      <img src=\"https://resource.rcclchina.com.cn/homePage/promotion/mb-3.gif\"/>\r\n    </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst SearchFilter = () => import(\"@/components/Cruise/SearchFilter\");\r\nconst SearchCruiseItem = () => import(\"@/components/Cruise/SearchCruiseItem\");\r\nconst CruisePriceInfo = () => import(\"@/components/Cruise/CruisePriceInfo\");\r\nconst EmergencyMessageAlert = () => import(\"@/components/Home/EmergencyMessageAlert\");\r\nconst TicketContainsPopup = () => import(\"@/components/Cruise/TicketContainsPopup\");\r\nconst LikeRoutePopups = () => import(\"@/components/Home/LikeRoutePopups\")\r\nimport {getRandomInt, gioAdsTracking, gioTracking, isEmpty,differDays} from \"@/utilities/tools\";\r\nimport {directive} from \"vue-awesome-swiper\";\r\nimport \"swiper/css/swiper.css\";\r\nimport _ from \"lodash\";\r\nimport api from \"@/api\";\r\n\r\nconst promoCountDown = 8 * 1000;\r\nconst randomPromoOff = 1 * 1000;\r\nconst randomPromoShow = 6 * 1000 + randomPromoOff;\r\n\r\nexport default {\r\n  name: \"CruiseSearch\",\r\n  components: {\r\n    SearchFilter,\r\n    SearchCruiseItem,\r\n    // InfiniteLoading,\r\n    CruisePriceInfo,\r\n    EmergencyMessageAlert,\r\n    TicketContainsPopup,\r\n    LikeRoutePopups\r\n  },\r\n  directives: {\r\n    swiper: directive,\r\n  },\r\n  scrollEndTimeout: null,\r\n  asyncData({ store }) {\r\n    return new Promise((resolve, reject) => {\r\n      return (\r\n        api.cruise\r\n          .getCruiseSearchPage()\r\n          // .then(()=> {\r\n          //     return component.initPage()\r\n          // })\r\n          .then(({ success, data, errMsg }) => {\r\n            if (!success) console.error(errMsg);\r\n            store.commit(\"SET_CRUISE_SEARCH_PAGE\", { data });\r\n            if (data.seoViewModel) {\r\n              store.commit(\"SET_META\", data.seoViewModel);\r\n            }\r\n            resolve();\r\n          })\r\n          .catch((e) => {\r\n            reject(e);\r\n          })\r\n      );\r\n    });\r\n  },\r\n  data() {\r\n    return {\r\n      imgUrl: process.env.VUE_APP_IMG_URL,\r\n      tagsSwiperOption: {},\r\n      selectFilterCodes: {\r\n        departures: [],\r\n        destinations: [],\r\n        sailDates: [],\r\n        sailDays: [],\r\n        shipCodes: [],\r\n        tags: [],\r\n        keyword: \"\",\r\n        orderBysailDate: 1,\r\n        orderByPrice: 0,\r\n        orderBySailDays: 0,\r\n        orderByAmountPerNight: 0,\r\n      },\r\n      queryString: {},\r\n      showFilterCategory: \"\",\r\n      initQueryString: \"\",\r\n      offset: 0,\r\n      limit: 10,\r\n      cruiseLists: [],\r\n      loadingId: 0,\r\n      isLoadingCruise: false,\r\n      isShowCruisePriceInfoPopup: false,\r\n      isShowPopup: false,\r\n      isFirstLoading: true,\r\n      showPromo: -1,\r\n      checkPromoTimeout: null,\r\n      isShowTicketContainsPopup: false,\r\n      tikTokCode: null,\r\n      likeRoutePopupsList:[]\r\n    };\r\n  },\r\n  mounted() {\r\n    this.resizeCruiseList();\r\n  },\r\n  created() {\r\n    if(!isEmpty(this.$route.query.tikTokCode)) {\r\n      sessionStorage.setItem('tikTokCode', this.$route.query.tikTokCode)\r\n    }\r\n  },\r\n  activated() {\r\n    this.$store.commit(\"SET_PAGE_TITLE\", \"中国出发航线\");\r\n    const self = this;\r\n    window.onpopstate = () => {\r\n      if (self.isShowCruisePriceInfoPopup) {\r\n        self.closeCruisePriceInfo();\r\n      }\r\n    };\r\n    this.$refs.searchPackageLists.addEventListener(\r\n      \"scroll\",\r\n      this.cruiseListScrollHandler\r\n    );\r\n\r\n    // 当init query string不同时，说明url参数有变化，需要重新刷新页面\r\n    if (\r\n      this.initQueryString != JSON.stringify(this.$route.query) &&\r\n      !this.isFirstLoading\r\n    ) {\r\n      return this.initPage();\r\n    }\r\n    // 检查弹窗\r\n    this.checkPopup();\r\n\t\tthis.pageTrack();\r\n    // if (this.showPromo < 0) {\r\n    //   this.showPromoTimeout();\r\n    // }\r\n    this.getSearchYouLikeRoute()\r\n  },\r\n  deactivated() {\r\n    window.onpopstate = () => {};\r\n    this.$refs.searchPackageLists.removeEventListener(\r\n      \"scroll\",\r\n      this.cruiseListScrollHandler\r\n    );\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    initPage() {\r\n      // 根据query参数设定cruise filter\r\n      const query = this.$route.query;\r\n      let filterRequests = [];\r\n      let filters = {\r\n        departures: [],\r\n        destinations: [],\r\n        sailDates: [],\r\n        sailDays: [],\r\n        shipCodes: [],\r\n        tags: [],\r\n        keyword: \"\",\r\n        orderBysailDate: 1,\r\n        orderByPrice: 0,\r\n        orderBySailDays: 0,\r\n        orderByAmountPerNight: 0,\r\n      };\r\n      if (query.sailDates) {\r\n        query.sailDates.split(\",\").forEach((item) => {\r\n          filterRequests.push({ key: \"sailDates\", values: [{ code: item }] });\r\n          filters.sailDates.push({ code: item, name: item });\r\n        });\r\n      }\r\n      if (query.destinationCodes) {\r\n        query.destinationCodes.split(\",\").forEach((item) => {\r\n          // 解决例如冲绳那样会有多个code的问题\r\n          const filter = this.cruiseFilters.find(\r\n            (r) => r.filterCode && r.filterCode.indexOf(item) >= 0\r\n          );\r\n          if (\r\n            filter &&\r\n            !filters.destinations.some((r) => r.code == filter.filterCode)\r\n          ) {\r\n            filterRequests.push({\r\n              key: \"destinations\",\r\n              values: [{ code: filter.filterCode }],\r\n            });\r\n            filters.destinations.push({ code: filter.filterCode });\r\n          }\r\n        });\r\n      }\r\n      if (query.departureCodes) {\r\n        query.departureCodes.split(\",\").forEach((item) => {\r\n          filterRequests.push({ key: \"departures\", values: [{ code: item }] });\r\n          let data = { code: item };\r\n\r\n          const cruieFilter = this.cruiseFilters.filter(\r\n            (r) => r.filterCode == item\r\n          );\r\n          if (cruieFilter && cruieFilter.length > 0) {\r\n            data.name = cruieFilter[0].title;\r\n          }\r\n          filters.departures.push(data);\r\n        });\r\n      }\r\n      if (query.shipCodes) {\r\n        query.shipCodes.split(\",\").forEach((item) => {\r\n          filterRequests.push({ key: \"shipCodes\", values: [{ code: item }] });\r\n          filters.shipCodes.push({ code: item });\r\n        });\r\n      }\r\n      if (query.sailDays) {\r\n        query.sailDays.split(\",\").forEach((item) => {\r\n          const sailDay = parseInt(item);\r\n          if (!isNaN(sailDay)) {\r\n            filterRequests.push({\r\n              key: \"sailDays\",\r\n              values: [{ code: sailDay }],\r\n            });\r\n            filters.sailDays.push({ code: sailDay });\r\n          }\r\n        });\r\n      }\r\n      if (query.tags) {\r\n        query.tags.split(\",\").forEach((item) => {\r\n          item = decodeURIComponent(item);\r\n          filterRequests.push({ key: \"tags\", values: [{ code: item }] });\r\n          filters.tags.push({ code: item });\r\n        });\r\n      }\r\n      if (query.keyword && query.keyword.length > 0) {\r\n        filters.keyword = query.keyword;\r\n      }\r\n      if (query.orderBysailDate && query.orderBysailDate > 0) {\r\n        filters.orderBysailDate = query.orderBysailDate;\r\n      }\r\n      if (query.orderByPrice && query.orderByPrice > 0) {\r\n        filters.orderByPrice = query.orderByPrice;\r\n        filters.orderBysailDate = 0;\r\n      }\r\n      if (query.orderBySailDays && query.orderBySailDays > 0) {\r\n        filters.orderBySailDays = query.orderBySailDays;\r\n        filters.orderBySailDays = 0;\r\n      }\r\n      if (query.orderByAmountPerNight && query.orderByAmountPerNight > 0) {\r\n        filters.orderByAmountPerNight = query.orderByAmountPerNight;\r\n        filters.orderByAmountPerNight = 0;\r\n      }\r\n\r\n      this.$store.dispatch(\"INIT_CRUISE_FILTER_LIST\", {\r\n        cruiseType: \"hp\",\r\n        data: filterRequests,\r\n      });\r\n      this.selectFilterCodes = filters;\r\n      this.offset = 0;\r\n      this.cruiseLists = [];\r\n      this.initQueryString = JSON.stringify(query);\r\n      return this.cruiseSearch();\r\n    },\r\n\t\tpageTrack () {\r\n\t\t\t//gioTracking(\"track\", \"CruiseDetail\");\r\n\t\t\t// old tracking\r\n\t\t\tconst hmsr = this.$store.state.page.trackingCode.hmsr || \"\";\r\n\t\t\tif (hmsr.length > 0) {\r\n\t\t\t\tgioTracking(\"track\", \"BF00_SearchPage\", { hmsr: hmsr });\r\n\t\t\t}\r\n\t\t},\r\n    getTopSearchClass(topSearch) {\r\n      let classData = {};\r\n      classData[\"active\"] = this.selectFilterCodes.keyword == topSearch;\r\n      const tags = this.$store.state.cruise.cruiseSearchPage.tags || [];\r\n      var isHighShows = tags\r\n        .filter((p) => p.tagType == topSearch)\r\n        .map((p) => p.isHighShow);\r\n      if (!isHighShows || isHighShows.length == 0) {\r\n        return classData;\r\n      }\r\n      classData[\"isHighShow\"] = isHighShows[0] == true;\r\n      return classData;\r\n    },\r\n    getFilterSelectedName(types) {\r\n      let selectedNames = [];\r\n      types.forEach((type) => {\r\n        if (this.selectFilterCodes[type].length > 0) {\r\n          selectedNames.push(\r\n            this.selectFilterCodes[type].map((r) => r.name).join(\",\")\r\n          );\r\n        }\r\n      });\r\n      return selectedNames.join(\",\");\r\n    },\r\n    getOrderByName() {\r\n      if (this.selectFilterCodes.orderBysailDate == 1) {\r\n        return `出行日期:近<img src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/filterIcon.png\" />远`;\r\n      } else if (this.selectFilterCodes.orderBysailDate == 2) {\r\n        return `出行日期:远<img src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/filterIcon.png\" />近`;\r\n      } else if (this.selectFilterCodes.orderByPrice == 2) {\r\n        return `人均起价:低<img src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/filterIcon.png\" />高`;\r\n      } else if (this.selectFilterCodes.orderByPrice == 1) {\r\n        return `人均起价:高<img src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/filterIcon.png\" />低`;\r\n      } else if (this.selectFilterCodes.orderByAmountPerNight == 2) {\r\n        return `每晚起价:低<img src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/filterIcon.png\" />高`;\r\n      } else if (this.selectFilterCodes.orderByAmountPerNight == 1) {\r\n        return `每晚起价:高<img src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/filterIcon.png\" />低`;\r\n      } else if (this.selectFilterCodes.orderBySailDays == 2) {\r\n        return `行程晚数:高<img src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/filterIcon.png\" />低`;\r\n      } else if (this.selectFilterCodes.orderBySailDays == 1) {\r\n        return `行程晚数:低<img src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/filterIcon.png\" />高`;\r\n      }\r\n    },\r\n    checkFilterSelected(types) {\r\n      for (let i = 0; i < types.length; i++) {\r\n        const type = types[i];\r\n        if (this.selectFilterCodes[type].length > 0) {\r\n          return true;\r\n        }\r\n      }\r\n      return false;\r\n    },\r\n    onKeywordSelected(keyword) {\r\n      if (this.selectFilterCodes.keyword == keyword) {\r\n        this.selectFilterCodes.keyword = \"\";\r\n      } else {\r\n        this.selectFilterCodes.keyword = keyword;\r\n      }\r\n      this.offset = 0;\r\n      this.cruiseLists = [];\r\n      this.cruiseSearch();\r\n      this.replaceUrl();\r\n    },\r\n    openFilterCategory(category) {\r\n      this.showFilterCategory =\r\n        this.showFilterCategory == category ? \"\" : category;\r\n    },\r\n    filterConfirmHandler(filterCodes) {\r\n      this.showFilterCategory = \"\";\r\n      const orderBySailDate = filterCodes.filter(\r\n        (r) => r.key == \"orderBysailDate\"\r\n      );\r\n      const orderByPrice = filterCodes.filter((r) => r.key == \"orderByPrice\");\r\n      const orderBySailDays = filterCodes.filter(\r\n        (r) => r.key == \"orderBySailDays\"\r\n      );\r\n      const orderByAmountPerNight = filterCodes.filter(\r\n        (r) => r.key == \"orderByAmountPerNight\"\r\n      );\r\n      this.selectFilterCodes = {\r\n        departures: filterCodes.filter((r) => r.key == \"departures\"),\r\n        destinations: filterCodes.filter((r) => r.key == \"destinations\"),\r\n        sailDates: filterCodes.filter((r) => r.key == \"sailDates\"),\r\n        sailDays: filterCodes.filter((r) => r.key == \"sailDays\"),\r\n        shipCodes: filterCodes.filter((r) => r.key == \"shipCodes\"),\r\n        tags: filterCodes.filter((r) => r.key == \"tags\"),\r\n        keyword: this.selectFilterCodes.keyword,\r\n        orderBysailDate:\r\n          orderBySailDate && orderBySailDate.length > 0\r\n            ? orderBySailDate[0].code\r\n            : 0,\r\n        orderByPrice:\r\n          orderByPrice && orderByPrice.length > 0 ? orderByPrice[0].code : 0,\r\n        orderBySailDays:\r\n          orderBySailDays && orderBySailDays.length > 0\r\n            ? orderBySailDays[0].code\r\n            : 0,\r\n        orderByAmountPerNight:\r\n          orderByAmountPerNight && orderByAmountPerNight.length > 0\r\n            ? orderByAmountPerNight[0].code\r\n            : 0,\r\n      };\r\n      this.offset = 0;\r\n      this.cruiseLists = [];\r\n      this.cruiseSearch();\r\n      this.replaceUrl();\r\n      gioTracking('track', 'evt_Filter');\r\n    },\r\n    cruiseSearch() {\r\n      const token = this.$store.state.user.userToken;\r\n      let request = _.cloneDeep(this.selectFilterCodes);\r\n      request.username = token;\r\n      request.offset = this.offset;\r\n      let tikTokCode = sessionStorage.getItem(\"tikTokCode\");\r\n      if(!isEmpty(tikTokCode)) {\r\n        request.tikTokCode = tikTokCode;\r\n      }\r\n      this.$loading.show();\r\n      this.isLoadingCruise = true;\r\n      return this.$store.dispatch(\"CRUISE_SEARCH\", { data: request });\r\n    },\r\n    infiniteHandler($state) {\r\n      if (this.cruiseLists.length == 0) {\r\n        $state.loaded();\r\n        $state.complete();\r\n        return;\r\n      } else if (this.cruiseLists.length >= this.storedCruiseCount) {\r\n        $state.complete();\r\n        return;\r\n      }\r\n      if (this.storedCruiseCount > this.cruiseLists.length) {\r\n        this.offset += this.limit;\r\n        this.cruiseSearch();\r\n      }\r\n    },\r\n    replaceUrl() {\r\n      // 根据搜索条件修改url参数\r\n      let url = \"/Rccl.Cruise/CruiseSearch/Search\";\r\n      let query = \"\";\r\n      if (this.selectFilterCodes.departures.length > 0) {\r\n        query +=\r\n          \"&departureCodes=\" +\r\n          this.selectFilterCodes.departures.map((r) => r.code).join(\",\");\r\n      }\r\n      if (this.selectFilterCodes.shipCodes.length > 0) {\r\n        query +=\r\n          \"&shipCodes=\" +\r\n          this.selectFilterCodes.shipCodes.map((r) => r.code).join(\",\");\r\n      }\r\n      if (this.selectFilterCodes.sailDates.length > 0) {\r\n        query +=\r\n          \"&sailDates=\" +\r\n          this.selectFilterCodes.sailDates.map((r) => r.code).join(\",\");\r\n      }\r\n      if (this.selectFilterCodes.sailDays.length > 0) {\r\n        query +=\r\n          \"&sailDays=\" +\r\n          this.selectFilterCodes.sailDays.map((r) => r.code).join(\",\");\r\n      }\r\n      if (this.selectFilterCodes.destinations.length > 0) {\r\n        query +=\r\n          \"&destinationCodes=\" +\r\n          this.selectFilterCodes.destinations.map((r) => r.code).join(\",\");\r\n      }\r\n      if (this.selectFilterCodes.tags.length > 0) {\r\n        query +=\r\n          \"&tags=\" + this.selectFilterCodes.tags.map((r) => r.code).join(\",\");\r\n      }\r\n      if (this.selectFilterCodes.orderBysailDate > 0) {\r\n        query += \"&orderBysailDate=\" + this.selectFilterCodes.orderBysailDate;\r\n      }\r\n      if (this.selectFilterCodes.orderByPrice > 0) {\r\n        query += \"&orderByPrice=\" + this.selectFilterCodes.orderByPrice;\r\n      }\r\n      if (this.selectFilterCodes.orderBySailDays > 0) {\r\n        query += \"&orderBySailDays=\" + this.selectFilterCodes.orderBySailDays;\r\n      }\r\n      if (this.selectFilterCodes.orderByAmountPerNight > 0) {\r\n        query +=\r\n          \"&orderByAmountPerNight=\" +\r\n          this.selectFilterCodes.orderByAmountPerNight;\r\n      }\r\n      if (\r\n        this.selectFilterCodes.keyword &&\r\n        this.selectFilterCodes.keyword.length > 0\r\n      ) {\r\n        query += \"&keyword=\" + this.selectFilterCodes.keyword;\r\n      }\r\n      if (query.length > 0) {\r\n        url += \"?\" + query.substring(1);\r\n      }\r\n      url = encodeURI(url);\r\n      history.replaceState({}, \"new page\", url);\r\n    },\r\n    resizeCruiseList() {\r\n      const cruiseListHeight =\r\n        window.innerHeight -\r\n        this.$refs.searchPackageFilter.offsetHeight -\r\n        this.$refs.searchPackageTags.offsetHeight -\r\n        95;\r\n      this.$refs.searchPackageLists.style.height = cruiseListHeight + \"px\";\r\n    },\r\n    checkShowScroll() {\r\n      const scrollTop = this.$refs.searchPackageLists.scrollTop;\r\n      if (scrollTop > 300) {\r\n        this.$refs.toScrollTop.style.display = \"block\";\r\n      } else {\r\n        this.$refs.toScrollTop.style.display = \"none\";\r\n      }\r\n      this.hideRightBar();\r\n      if (this.scrollEndTimeout) {\r\n        clearTimeout(this.scrollEndTimeout);\r\n      }\r\n      this.scrollEndTimeout = setTimeout(() => {\r\n        this.showRightBar();\r\n      }, 250);\r\n    },\r\n    scrollToTop() {\r\n      this.$refs.searchPackageLists.scroll({ top: 0, behavior: \"smooth\" });\r\n      gioTracking('track','evt_ButtonClicked', {'btnType':'toTop'})\r\n    },\r\n    showRightBar() {\r\n      this.$refs.priceIcon.style.right = \"4px\";\r\n      this.$refs.toScrollTop.style.right = \"4px\";\r\n      this.$refs.ticketIcon.style.right = \"4px\"\r\n      if (this.$refs.popupIcon) {\r\n        this.$refs.popupIcon.style.right = \"4px\";\r\n      }\r\n    },\r\n    hideRightBar() {\r\n      this.$refs.priceIcon.style.right = \"-20px\";\r\n      this.$refs.toScrollTop.style.right = \"-20px\";\r\n      this.$refs.ticketIcon.style.right = \"-20px\";\r\n      if (this.$refs.popupIcon) {\r\n        this.$refs.popupIcon.style.right = \"-20px\";\r\n      }\r\n    },\r\n    cruiseListScrollHandler(e) {\r\n      const target = e.target;\r\n      if (\r\n        target.scrollTop >=\r\n        this.$refs.searchListContent.offsetHeight - target.offsetHeight\r\n      ) {\r\n        if (\r\n          this.storedCruiseCount > this.cruiseLists.length &&\r\n          !this.isLoadingCruise\r\n        ) {\r\n          this.offset += this.limit;\r\n          this.cruiseSearch();\r\n        }\r\n      }\r\n    },\r\n    checkPopup() {\r\n      const hasPopup = this.$cookies.get(\"CRUISE_POPUP\");\r\n      if (!hasPopup && this.mobilePopupImage && this.mobilePopupImage.id > 0) {\r\n        this.isShowPopup = true;\r\n        var curDate = new Date();\r\n        var curTamp = curDate.getTime();\r\n        var curWeeHours = new Date(curDate.toLocaleDateString()).getTime() - 1;\r\n        var passedTamp = curTamp - curWeeHours;\r\n        var leftTamp = 24 * 60 * 60 * 1000 - passedTamp;\r\n        var leftTime = new Date();\r\n        leftTime.setTime(leftTamp + curTamp);\r\n        document.cookie =\r\n          \"CRUISE_POPUP=1;path=/;expires=\" + leftTime.toGMTString();\r\n        this.$store.dispatch(\"HIDE_HEADER_BAR\", {\r\n          isHideHeader: true,\r\n          isHideFooter: true,\r\n        });\r\n      }\r\n    },\r\n    closePopup() {\r\n      this.isShowPopup = false;\r\n      this.$store.dispatch(\"HIDE_HEADER_BAR\", {\r\n        isHideHeader: false,\r\n        isHideFooter: false,\r\n      });\r\n    },\r\n    goPromoPage (link) {\r\n      gioAdsTracking({\r\n        \"adsType\": \"bm\",\r\n        \"desUrl\": link\r\n      })\r\n    },\r\n    showCruisePriceInfo() {\r\n      this.isShowCruisePriceInfoPopup = true;\r\n      history.pushState({ page: \"detail\" }, null);\r\n      gioTracking('track','evt_ButtonClicked', {'btnType':'priceStatement'})\r\n    },\r\n    closeCruisePriceInfo() {\r\n      this.isShowCruisePriceInfoPopup = false;\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\tthis.showPromo = 1;\r\n      this.$nextTick(()=>{\r\n        // 右边，位置出现在 20% ~ 55%\r\n        let top = getRandomInt(30, 50);\r\n        this.$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\t\t},\r\n    showPromoEffect () {\r\n      if (this.promoEffectInterval) {\r\n        clearInterval(this.promoEffectInterval)\r\n      }\r\n      this.promoEffectInterval = setInterval(()=> {\r\n       let initRight = '-44px';\r\n        let effectRight = '-24px';\r\n        document.getElementById('wnBabyRight').style.right = effectRight;\r\n        setTimeout(()=> {\r\n          document.getElementById('wnBabyRight').style.right = initRight;\r\n        }, randomPromoOff);\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    closeTicketContainsPopup() {\r\n      this.isShowTicketContainsPopup = false;\r\n    },\r\n    showTicketContainsPopup() {\r\n      this.isShowTicketContainsPopup = true;\r\n    },\r\n    async getSearchYouLikeRoute() {\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.getSearchYouLikeRoute({\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  },\r\n  computed: {\r\n    userInfo () {\r\n\t\t\treturn this.$store.state.user.userInfo\r\n\t\t},\r\n    cruiseFilters() {\r\n      return this.$store.state.cruise.cruiseSearchPage.cruiseFilters;\r\n    },\r\n    months() {\r\n      return this.$store.state.cruise.cruiseSearchPage.months;\r\n    },\r\n    tags() {\r\n      let tags = this.$store.state.cruise.cruiseSearchPage.tags;\r\n      if (tags.length > 15) {\r\n        tags = tags.slice(0, 15);\r\n      }\r\n      return tags;\r\n    },\r\n    mobilePopupImage() {\r\n      return this.$store.state.cruise.cruiseSearchPage.mobilePopupImage;\r\n    },\r\n    departures() {\r\n      return this.cruiseFilters.filter(\r\n        (i) => i.category == \"DEPARTURE\" && i.active\r\n      );\r\n    },\r\n    destinations() {\r\n      return this.cruiseFilters.filter(\r\n        (i) => i.category == \"DESTINATION\" && i.active\r\n      );\r\n    },\r\n    topSearchs() {\r\n      return this.$store.state.cruise.cruiseSearchPage.topSearch;\r\n    },\r\n    shipCodes() {\r\n      return this.cruiseFilters.filter(\r\n        (i) => i.category == \"SHIPS\" && i.active\r\n      );\r\n    },\r\n    tagFilters() {\r\n      return this.cruiseFilters.filter((i) => i.category == \"TAG\" && i.active);\r\n    },\r\n    storedCruiseLists() {\r\n      return this.$store.state.cruise.cruiseLists.items;\r\n    },\r\n    storedCruiseCount() {\r\n      return this.$store.state.cruise.cruiseLists.count;\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;\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        console.log(homePage.recommendCruiseArea.cruisePromoItems)\r\n        return homePage.recommendCruiseArea.cruisePromoItems;\r\n      }\r\n      return [];\r\n    },\r\n\r\n  },\r\n  watch: {\r\n    cruiseFilters() {\r\n      this.initPage();\r\n    },\r\n    storedCruiseLists(newOne) {\r\n      let cruiseChanged = false;\r\n      newOne.forEach((cruise) => {\r\n        if (\r\n          !this.cruiseLists.some(\r\n            (r) =>\r\n              r.sailDate == cruise.sailDate && r.shipCode == cruise.shipCode\r\n          )\r\n        ) {\r\n          this.cruiseLists.push(cruise);\r\n          cruiseChanged = true;\r\n          this.cruiseLists.forEach(item=>{\r\n            item.isNearRoute = false\r\n            let dimdd = differDays(item.sailDate)\r\n            if(dimdd<=7){\r\n              item.isNearRoute = true\r\n            }\r\n          })\r\n        }\r\n      });\r\n      if (this.isFirstLoading) {\r\n        this.isFirstLoading = false;\r\n      }\r\n      if (cruiseChanged) this.loadingId++;\r\n      this.isLoadingCruise = false;\r\n      this.$loading.hide();\r\n    },\r\n    topSearchs() {\r\n      this.resizeCruiseList();\r\n    },\r\n    mobilePopupImage() {\r\n      this.checkPopup();\r\n    },\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\r\n.wn-baby-right {\r\n\tright: -47px;\r\n  top: 50%;\r\n\ttransition: right 0.2s;\r\n}\r\n\r\n.search-package-banner {\r\n  background-color: #FFFFFF;\r\n  & > img {\r\n    width: 100%;\r\n  }\r\n}\r\n</style>\r\n\r\n\r\n<style >\r\nbody {\r\n  line-height: normal;\r\n}\r\n\r\n.filter {\r\n  -webkit-filter: blur(2px);\r\n  filter: blur(2px);\r\n}\r\n\r\n.searchPackage {\r\n  position: relative;\r\n  background-color: #f6f7f8;\r\n}\r\n/**** 筛选 ****/\r\n.searchPackage-filter {\r\n  width: 100%;\r\n  margin-top: 50px;\r\n}\r\n\r\n.searchPackage-filter .filter-container {\r\n  width: 100%;\r\n  overflow: hidden;\r\n  border-bottom: 1px solid #e5e5e5;\r\n  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);\r\n  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);\r\n  -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);\r\n  -ms-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);\r\n  -o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);\r\n  padding: 0 20px;\r\n  background-color: #fff;\r\n}\r\n\r\n.searchPackage-filter .filter-item {\r\n  text-align: left;\r\n  height: 50px;\r\n  line-height: 50px;\r\n  float: left;\r\n  background-color: #fff;\r\n  position: relative;\r\n}\r\n\r\n.searchPackage-filter .filter-item:nth-child(1) {\r\n  width: 67px;\r\n}\r\n\r\n.searchPackage-filter .filter-item:nth-child(2) {\r\n  width: 77px;\r\n}\r\n\r\n.searchPackage-filter .filter-item:nth-child(3) {\r\n  width: 113px;\r\n}\r\n\r\n.searchPackage-filter .filter-item:nth-child(4) {\r\n  width: 75px;\r\n}\r\n\r\n.searchPackage-filter .filter-itemTitle {\r\n  font-family: PingFang-SC-Medium;\r\n  font-size: 13px;\r\n  color: #333;\r\n  text-align: center;\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  max-width: 79%;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.searchPackage-filter .filter-item.selected .filter-itemTitle {\r\n  color: #4a90e2;\r\n}\r\n\r\n.searchPackage-filter .filter-item:nth-child(3) .filter-itemTitle {\r\n  color: #4a90e2;\r\n  width: auto;\r\n  max-width: initial;\r\n}\r\n\r\n.searchPackage-filter .filter-itemTitle img {\r\n  width: 9px;\r\n  vertical-align: super;\r\n  margin: 0 2px;\r\n}\r\n\r\n.searchPackage-filter .filter-itemArrow {\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  margin-left: 5px;\r\n}\r\n\r\n.searchPackage-filter .filter-itemArrow > img {\r\n  width: 8px;\r\n}\r\n\r\n.searchPackage-filter .filter-item:last-child .filter-itemArrow > img {\r\n  width: 12px;\r\n}\r\n\r\n.searchPackage-filter .filter-itemArrow > img:first-child {\r\n  display: block;\r\n}\r\n\r\n.searchPackage-filter .filter-itemArrow > img:last-child {\r\n  display: none;\r\n}\r\n\r\n.searchPackage-filter .filter-item.active .filter-itemTitle {\r\n  /* color: #4A90E2; */\r\n  text-align: center;\r\n}\r\n\r\n.searchPackage-filter .filter-item.active .filter-itemArrow > img:first-child {\r\n  display: block;\r\n  transform: rotate(180deg);\r\n}\r\n\r\n.searchPackage-filter .filter-item.active .filter-itemArrow > img:last-child {\r\n  display: none;\r\n}\r\n\r\n.searchPackage-filter\r\n  .filter-item.selected\r\n  .filter-itemArrow\r\n  > img:first-child {\r\n  display: none;\r\n  transform: rotate(180deg);\r\n}\r\n\r\n.searchPackage-filter .filter-item.selected .filter-itemArrow > img:last-child {\r\n  display: block;\r\n  transform: rotate(180deg);\r\n}\r\n\r\n.searchPackage-filter\r\n  .filter-item:nth-child(4)\r\n  .filter-itemArrow\r\n  > img:first-child {\r\n  display: block;\r\n  transform: rotate(0deg);\r\n}\r\n\r\n.searchPackage-filter\r\n  .filter-item:nth-child(4)\r\n  .filter-itemArrow\r\n  > img:last-child {\r\n  display: none;\r\n}\r\n\r\n.searchPackage-filter\r\n  .filter-item:nth-child(4).selected\r\n  .filter-itemArrow\r\n  > img:last-child {\r\n  display: block;\r\n  transform: rotate(0deg);\r\n}\r\n\r\n.searchPackage-filter\r\n  .filter-item:nth-child(4).selected\r\n  .filter-itemArrow\r\n  > img:first-child {\r\n  display: none;\r\n  transform: rotate(0deg);\r\n}\r\n\r\n.searchPackage-filter\r\n  .filter-item.selected.active\r\n  .filter-itemArrow\r\n  > img:last-child {\r\n  display: block;\r\n  transform: rotate(0deg);\r\n}\r\n\r\n.searchPackage-filter .filter-item .filter-itemDot {\r\n  position: absolute;\r\n  right: 30%;\r\n  top: 39%;\r\n  width: 6px;\r\n  text-align: center;\r\n  height: 6px;\r\n  line-height: 6px;\r\n  background-color: #ff5055;\r\n  border-radius: 6px;\r\n  font-size: 10px;\r\n  color: #ffffff;\r\n  font-weight: bold;\r\n  transform: translateY(-50%);\r\n  -webkit-transform: translateY(-50%);\r\n  -moz-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  -o-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  display: none;\r\n}\r\n\r\n.searchPackage-filter .filter-item.selected .filter-itemDot {\r\n  display: block;\r\n}\r\n\r\n.searchPackage-filter .filter-item:nth-child(2) .filter-itemDot {\r\n  right: 3%;\r\n}\r\n\r\n.searchPackage-filter .filter-item:nth-child(4) .filter-itemDot {\r\n  right: -2%;\r\n}\r\n\r\n/**** tags ****/\r\n.searchPackage-tags {\r\n  width: 100%;\r\n}\r\n\r\n.searchPackage-tags .tags-container {\r\n  padding: 10px 0px;\r\n  position: relative;\r\n}\r\n\r\n.searchPackage-tags .tags-container .tags-item {\r\n  display: inline-block;\r\n  background: #ffffff;\r\n  border-radius: 10px;\r\n  font-family: PingFangSC-Regular;\r\n  font-size: 11px;\r\n  color: #666666;\r\n  height: 20px;\r\n  line-height: 20px;\r\n  padding-left: 13px;\r\n  padding-right: 10px;\r\n}\r\n\r\n.searchPackage-tags .tags-container .tags-item.active {\r\n  background: #4a90e2;\r\n  color: #ffffff;\r\n}\r\n\r\n.tagsSwiper .swiper-slide {\r\n  width: auto;\r\n  margin-right: 6px;\r\n  height: auto;\r\n}\r\n\r\n.tagsSwiper .swiper-slide:first-child {\r\n  margin-left: 10px;\r\n}\r\n\r\n.tags-container .swiper-button-prev,\r\n.tags-container .swiper-button-next {\r\n  transform: scale(0.4);\r\n  -webkit-transform: scale(0.4);\r\n  -moz-transform: scale(0.4);\r\n  -ms-transform: scale(0.4);\r\n  -o-transform: scale(0.4);\r\n}\r\n\r\n.tags-container .swiper-button-prev {\r\n  width: 54px;\r\n  background-image: none;\r\n  opacity: 1;\r\n  left: -2px;\r\n  display: none;\r\n}\r\n\r\n.tags-container .swiper-button-next {\r\n  width: 54px;\r\n  background-image: none;\r\n  right: -18px;\r\n}\r\n\r\n.tags-container .swiper-button-prev img,\r\n.tags-container .swiper-button-next img {\r\n  width: 50%;\r\n}\r\n\r\n.tags-container .swiper-button-prev img {\r\n  margin-left: -40%;\r\n}\r\n\r\n.tags-container .swiper-button-next img {\r\n  margin-right: -40%;\r\n}\r\n\r\n/**** 列表 ****/\r\n.searchPackage-lists {\r\n  width: 100%;\r\n  overflow-y: auto;\r\n}\r\n\r\n.searchPackage-lists .searchPackage-listsCon {\r\n  width: 100%;\r\n  overflow-y: auto;\r\n}\r\n\r\n.searchPackage-lists .searchPackage-listItem {\r\n  background: #ffffff;\r\n  padding: 17px 20px 0 20px;\r\n  position: relative;\r\n}\r\n\r\n.searchPackage-lists .listItem-cruiseName {\r\n  font-family: PingFangSC-Semibold;\r\n  font-size: 13px;\r\n  color: #333333;\r\n  font-weight: bold;\r\n  letter-spacing: 0;\r\n  line-height: 18.5px;\r\n}\r\n\r\n.searchPackage-lists .listItem-cruiseInfo {\r\n  overflow: hidden;\r\n  margin-top: 8px;\r\n  position: relative;\r\n  margin-left: -4.5px;\r\n  padding-left: 4.5px;\r\n  padding-bottom: 16px;\r\n  //border-bottom: 1px solid #f3eeee;\r\n}\r\n.listItem{\r\n  border-bottom: 1px solid #f3eeee;\r\n}\r\n.nearRoute{\r\n  font-size: 11px;\r\n  color: #3D8FDB;\r\n  margin-bottom: 4px;\r\n}\r\n.nearRoutePopup{\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100vh;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  z-index: 9999;\r\n}\r\n.nearRoute-main{\r\n  position: absolute;\r\n  width: 270px;\r\n  height: 146px;\r\n  left: 50%;\r\n  top: 50%;\r\n  transform: translate(-50%,-50%);\r\n  background-color: #fff;\r\n  box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.1);\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  padding-top: 11px;\r\n}\r\n.near-title{\r\n  color: #FED311;\r\n  font-size: 21px;\r\n  text-align: center;\r\n  line-height: 29px;\r\n}\r\n.near-text{\r\n  color: #000;\r\n  font-size: 13px;\r\n  //text-align: center;\r\n  line-height: 20px;\r\n  padding: 0 22px;\r\n}\r\n.near-btn{\r\n  width: 100%;\r\n  height: 41px;\r\n  background: conic-gradient( from 135deg at 100% 0%, #FFDB17 0%, #FCBF00 100%);\r\n  text-align: center;\r\n  color: #000;\r\n  line-height: 41px;\r\n}\r\n.searchPackage-lists .listItem-cruiseInfo-pic {\r\n  width: 120px;\r\n  height: 150px;\r\n  position: relative;\r\n  float: left;\r\n  overflow: hidden;\r\n}\r\n\r\n.searchPackage-lists .listItem-cruiseInfo-pic > img {\r\n  width: 100%;\r\n}\r\n\r\n.searchPackage-lists .listItem-cruiseInfo-pic .listItem-cruiseInfo-picTitle {\r\n  width: 100%;\r\n  height: 40.199%;\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  background-image: -webkit-gradient(\r\n    linear,\r\n    left top,\r\n    left bottom,\r\n    from(rgba(0, 0, 0, 0)),\r\n    color-stop(92%, rgba(0, 0, 0, 0.64))\r\n  );\r\n  background-image: -webkit-linear-gradient(\r\n    top,\r\n    rgba(0, 0, 0, 0) 0%,\r\n    rgba(0, 0, 0, 0.64) 92%\r\n  );\r\n  background-image: -moz-linear-gradient(\r\n    top,\r\n    rgba(0, 0, 0, 0) 0%,\r\n    rgba(0, 0, 0, 0.64) 92%\r\n  );\r\n  background-image: -o-linear-gradient(\r\n    top,\r\n    rgba(0, 0, 0, 0) 0%,\r\n    rgba(0, 0, 0, 0.64) 92%\r\n  );\r\n  background-image: linear-gradient(\r\n    180deg,\r\n    rgba(0, 0, 0, 0) 0%,\r\n    rgba(0, 0, 0, 0.64) 92%\r\n  );\r\n  font-family: PingFang-SC-Medium;\r\n  font-size: 11px;\r\n  color: #ffffff;\r\n  letter-spacing: 1px;\r\n  text-align: center;\r\n}\r\n\r\n.searchPackage-lists\r\n  .listItem-cruiseInfo-pic\r\n  .listItem-cruiseInfo-picTitle\r\n  > span {\r\n  display: inline-block;\r\n  width: 100%;\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 3px;\r\n  transform: scale(0.9);\r\n  -webkit-transform: scale(0.9);\r\n  -moz-transform: scale(0.9);\r\n  -ms-transform: scale(0.9);\r\n  -o-transform: scale(0.9);\r\n}\r\n\r\n.searchPackage-lists .listItem-cruiseInfo-tips {\r\n  width: 34px;\r\n  height: 15px;\r\n  line-height: 15px;\r\n  position: absolute;\r\n  top: 7.5px;\r\n  left: 0;\r\n  background: #ff5055;\r\n  font-family: PingFang-SC-Medium;\r\n  font-size: 11px;\r\n  color: #ffffff;\r\n  letter-spacing: 0.785px;\r\n  text-align: center;\r\n}\r\n\r\n.searchPackage-lists .listItem-cruiseInfo-tips:after {\r\n  content: \"\";\r\n  width: 0;\r\n  height: 0;\r\n  border-right: 4.5px solid #d1282d;\r\n  border-bottom: 5px solid transparent;\r\n  position: absolute;\r\n  bottom: -5px;\r\n  left: 0;\r\n}\r\n\r\n.searchPackage-lists .listItem-cruiseInfo-right {\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -moz-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n  -webkit-flex-direction: column;\r\n  -moz-box-orient: vertical;\r\n  -moz-box-direction: normal;\r\n  -ms-flex-direction: column;\r\n  flex-direction: column;\r\n  width: 203px;\r\n  min-height: 150px;\r\n  float: left;\r\n  margin-left: 11px;\r\n  position: relative;\r\n}\r\n\r\n.searchPackage-lists .listItem-cruiseInfo-right-box1 {\r\n  /* -webkit-box-flex: 1;\r\n        -webkit-flex: 1;\r\n        -moz-box-flex: 1;\r\n        -ms-flex: 1;\r\n        flex: 1; */\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -moz-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n  -webkit-flex-direction: column;\r\n  -moz-box-orient: vertical;\r\n  -moz-box-direction: normal;\r\n  -ms-flex-direction: column;\r\n  flex-direction: column;\r\n}\r\n\r\n.searchPackage-lists .listItem-cruiseInfo-right-box2 {\r\n  -webkit-box-flex: 0;\r\n  -webkit-flex: none;\r\n  -moz-box-flex: 0;\r\n  -ms-flex: none;\r\n  flex: none;\r\n}\r\n\r\n.listItem-cruiseInfo-prompt {\r\n  overflow: hidden;\r\n}\r\n\r\n.listItem-cruiseInfo-prompt > div {\r\n  float: left;\r\n  padding: 0 12px;\r\n  border-left: 1px solid #e3e3e3;\r\n}\r\n\r\n.listItem-cruiseInfo-prompt > div:first-child {\r\n  padding-left: 0px;\r\n  border-left: none;\r\n}\r\n\r\n.listItem-cruiseInfo-prompt .cruiseInfo-promptSellOut {\r\n  height: 16px;\r\n  line-height: 16px;\r\n  margin-bottom: 9px;\r\n}\r\n\r\n.listItem-cruiseInfo-prompt .cruiseInfo-promptSellOut > img {\r\n  width: 13px;\r\n  vertical-align: middle;\r\n}\r\n\r\n.listItem-cruiseInfo-prompt .cruiseInfo-promptSellOut > span {\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  font-family: PingFangSC-Regular;\r\n  font-size: 12px;\r\n  color: #ffc021;\r\n  letter-spacing: 0;\r\n  text-align: left;\r\n  margin-left: -3px;\r\n}\r\n\r\n.listItem-cruiseInfo-prompt .cruiseInfo-promptHot {\r\n  height: 16px;\r\n  line-height: 16px;\r\n  margin-bottom: 9px;\r\n}\r\n\r\n.listItem-cruiseInfo-prompt .cruiseInfo-promptHot > img {\r\n  width: 13px;\r\n  vertical-align: middle;\r\n  font-size: 0;\r\n}\r\n\r\n.listItem-cruiseInfo-prompt .cruiseInfo-promptHot > span {\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  font-family: PingFangSC-Regular;\r\n  font-size: 12px;\r\n  color: #ff2b2b;\r\n  letter-spacing: 0;\r\n  text-align: left;\r\n  margin-left: -3px;\r\n}\r\n\r\n.listItem-cruiseInfo-sailDays {\r\n  font-family: PingFang-SC-Medium;\r\n  font-size: 12px;\r\n  color: #666666;\r\n  letter-spacing: 0;\r\n  height: 19px;\r\n  line-height: 19px;\r\n}\r\n\r\n.listItem-cruiseInfo-sailDate {\r\n  padding-top: 2.75px;\r\n  padding-bottom: 11.65px;\r\n  height: 28.4px;\r\n  line-height: 14px;\r\n}\r\n\r\n.listItem-cruiseInfo-sailDate > span {\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  font-family: PingFang-SC-Medium;\r\n  font-size: 12px;\r\n  color: #666666;\r\n  letter-spacing: 0;\r\n}\r\n\r\n.listItem-cruiseInfo-sailDate > img {\r\n  width: 31px;\r\n  vertical-align: top;\r\n  font-size: 0;\r\n  padding-left: 5px;\r\n  padding-top: 0px;\r\n  padding-right: 10px;\r\n}\r\n\r\n.listItem-cruiseInfo-sailDate i {\r\n  display: inline-block;\r\n  vertical-align: bottom;\r\n  width: 7.5px;\r\n  overflow: hidden;\r\n}\r\n\r\n.listItem-cruiseInfo-tags-box {\r\n  /* -webkit-box-flex: 1;\r\n    -webkit-flex: 1;\r\n    -moz-box-flex: 1;\r\n    -ms-flex: 1;\r\n    flex: 1; */\r\n  height: 40px;\r\n}\r\n\r\n.listItem-cruiseInfo-tags {\r\n  max-height: 44px;\r\n  font-size: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.listItem-cruiseInfo-tags.active {\r\n  height: 22px;\r\n}\r\n\r\n.listItem-cruiseInfo-tags > span {\r\n  display: inline-block;\r\n  height: 16.5px;\r\n  margin-bottom: 6px;\r\n  margin-right: 8px;\r\n  padding-left: 4.5px;\r\n  padding-right: 5.5px;\r\n  font-family: PingFangSC-Light;\r\n  font-size: 10px;\r\n  line-height: 16.5px;\r\n  color: #4a90e2;\r\n  letter-spacing: 1.43px;\r\n  text-align: center;\r\n  background: rgba(37, 96, 212, 0.05);\r\n  border-radius: 16.37px;\r\n}\r\n\r\n.listItem-cruiseInfo-perPrice,\r\n.listItem-cruiseInfo-perNight {\r\n  display: inline-block;\r\n  height: 16.5px;\r\n  line-height: 16.5px;\r\n  font-family: PingFang-SC-Medium;\r\n  font-size: 12px;\r\n  color: #666666;\r\n  letter-spacing: 0;\r\n  margin-top: 3px;\r\n  position: relative;\r\n}\r\n\r\n.listItem-cruiseInfo-popularTag {\r\n  background-color: #fbc500;\r\n  padding: 1px 5px;\r\n}\r\n\r\n.popular-number {\r\n  color: #ffa70d;\r\n  font-weight: bold;\r\n  margin-left: 5px;\r\n}\r\n\r\n.listItem-cruiseInfo-perNight {\r\n  /* margin-top: 4.5px; */\r\n}\r\n\r\n.listItem-cruiseInfo-perNight p {\r\n  margin: 0px;\r\n}\r\n\r\n.listItem-cruiseInfo-perPrice a {\r\n  color: inherit;\r\n  border-bottom: 1px solid #979797;\r\n}\r\n\r\n.listItem-cruiseInfo-perPrice .cruisePrice-per {\r\n  font-family: Arial-BoldMT;\r\n  font-size: 18px;\r\n  font-weight: bold;\r\n  color: #ff0000;\r\n  letter-spacing: 0;\r\n  margin-left: 10px;\r\n}\r\n\r\n.listItem-cruiseInfo-perPrice .cruisePrice-per span {\r\n  font-size: 12px;\r\n  margin-right: 5px;\r\n}\r\n\r\n.listItem-cruiseInfo-teamPrice {\r\n  width: 208px;\r\n  font-family: PingFang-SC-Medium;\r\n  font-size: 12px;\r\n  line-height: 23px;\r\n  color: #666666;\r\n  letter-spacing: 0;\r\n  border: 1px solid rgba(254, 188, 16, 1);\r\n  margin-top: 12.5px;\r\n  padding-left: 5px;\r\n  position: relative;\r\n  left: -4px;\r\n  height: 25px;\r\n}\r\n\r\n.listItem-cruiseInfo-teamPrice a {\r\n  color: #666;\r\n}\r\n\r\n.listItem-cruiseInfo-teamPrice a > span {\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.listItem-cruiseInfo-teamPrice a .cruisePrice-team {\r\n  font-family: Arial-BoldMT;\r\n  font-size: 15px;\r\n  font-weight: bold;\r\n  color: #ff0000;\r\n  letter-spacing: 0;\r\n  margin-left: 2px;\r\n}\r\n\r\n.listItem-cruiseInfo-teamPrice a > button {\r\n  height: 25px;\r\n  line-height: 25px;\r\n  font-family: PingFang-SC-Medium;\r\n  font-size: 12px;\r\n  color: #454545;\r\n  letter-spacing: 0;\r\n  border: none;\r\n  background-image: -webkit-gradient(\r\n    linear,\r\n    right top,\r\n    left top,\r\n    from(#fad961),\r\n    to(#febc10)\r\n  );\r\n  background-image: -webkit-linear-gradient(right, #fad961 0%, #febc10 100%);\r\n  background-image: -moz-linear-gradient(right, #fad961 0%, #febc10 100%);\r\n  background-image: -o-linear-gradient(right, #fad961 0%, #febc10 100%);\r\n  background-image: linear-gradient(270deg, #fad961 0%, #febc10 100%);\r\n  vertical-align: top;\r\n  padding: 0px 8px;\r\n  display: inline-block;\r\n  position: absolute;\r\n  top: -1px;\r\n  right: -1px;\r\n}\r\n\r\n.listItem-like {\r\n  position: absolute;\r\n  right: -10px;\r\n  top: 7px;\r\n  text-align: center;\r\n}\r\n\r\n.listItem-like > img {\r\n  width: 41px;\r\n  display: none;\r\n  padding: 0 10px 0px 10px;\r\n}\r\n\r\n.listItem-like .wish-num {\r\n  font-size: 12px;\r\n  color: #666;\r\n}\r\n\r\n.listItem-like > img:first-child {\r\n  display: block;\r\n}\r\n\r\n.listItem-like.active > img:first-child {\r\n  display: none;\r\n}\r\n\r\n.listItem-like.active > img:nth-child(2) {\r\n  display: block;\r\n}\r\n\r\n/**** 筛选内容 ****/\r\n.filter-condition {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  top: 52px;\r\n  left: 0;\r\n  z-index: 11111112;\r\n  background-color: rgba(0, 0, 0, 0.3);\r\n  display: none;\r\n}\r\n\r\n.filter-condition .destination-content .product-name {\r\n  font-family: PingFang-SC-Medium;\r\n  font-size: 14px;\r\n  color: #333333;\r\n  letter-spacing: 1px;\r\n  margin-bottom: 0;\r\n}\r\n\r\n.filter-condition .destination-content {\r\n  padding-bottom: 15px;\r\n}\r\n\r\n.filter-condition .destination-content .product-name .line {\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  width: 3px;\r\n  height: 14px;\r\n  background: #ffcd00;\r\n}\r\n\r\n.filter-condition .destination-content .product-name .text {\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n}\r\n\r\n.filter-condition .filter-conditionCon {\r\n  width: 100%;\r\n  background-color: #fff;\r\n  padding-bottom: 60px;\r\n  position: relative;\r\n}\r\n\r\n.filter-condition .filter-conditionContainer {\r\n  width: 100%;\r\n  height: 370px;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n  padding-bottom: 60px;\r\n}\r\n\r\n.filter-condition .filter-conditionContainer > div {\r\n  display: none;\r\n  padding: 10px 20px 50px;\r\n}\r\n\r\n.filter-conditionItem {\r\n  overflow: hidden;\r\n}\r\n\r\n.destination-container .conditionItem-title {\r\n  border: none;\r\n}\r\n\r\n.conditionItem-title {\r\n  font-family: PingFang-SC-Medium;\r\n  font-size: 14px;\r\n  color: #4a90e2;\r\n  letter-spacing: 1px;\r\n  padding-bottom: 5px;\r\n  border-bottom: 1px solid #e5e5e5;\r\n  margin: 10px 0px;\r\n  overflow: hidden;\r\n}\r\n\r\n.filter-conditionItem .destination-conditionItem {\r\n  margin-top: 20px;\r\n}\r\n\r\n.conditionItem-con {\r\n  overflow: hidden;\r\n}\r\n\r\n.conditionItem-name {\r\n  min-width: 95px;\r\n  height: 35px;\r\n  line-height: 35px;\r\n  text-align: center;\r\n  float: left;\r\n  background: rgba(229, 229, 229, 0.6);\r\n\r\n  margin-right: 22px;\r\n  margin-top: 6px;\r\n  border-radius: 3.64px;\r\n  position: relative;\r\n}\r\n\r\n.conditionItem-name:nth-child(3n + 3) {\r\n  margin-right: 0px;\r\n}\r\n\r\n.portItem {\r\n  width: 150px;\r\n}\r\n\r\n.portItem:nth-child(3n + 3) {\r\n  margin-right: 22px;\r\n}\r\n\r\n.portItem:nth-child(even) {\r\n  margin-right: 0px;\r\n}\r\n\r\n.conditionItem-name.noMarginRight {\r\n  margin-right: 0px;\r\n}\r\n\r\n.conditionItem-name span {\r\n  font-family: PingFang-SC-Medium;\r\n  font-size: 12px;\r\n  color: #666666;\r\n  letter-spacing: 1.71px;\r\n}\r\n\r\n.conditionItem-name.active {\r\n  background: #4a90e2;\r\n  /* border-radius: 7.28px; */\r\n  opacity: 1;\r\n}\r\n\r\n.conditionItem-name.active span {\r\n  color: #ffffff;\r\n}\r\n\r\n.conditionItem-name.noactive {\r\n  opacity: 0.2;\r\n  background-color: rgba(204, 204, 204, 0.6);\r\n}\r\n\r\n.conditionItem-hotIcon {\r\n  position: absolute;\r\n  top: -16px;\r\n  right: -2px;\r\n}\r\n\r\n.conditionItem-hotIcon img {\r\n  width: 27px;\r\n}\r\n\r\n.filter-condition .filter-conditionButton {\r\n  width: 100%;\r\n  overflow: hidden;\r\n  position: fixed;\r\n  bottom: 0;\r\n  left: 0;\r\n  padding: 0;\r\n}\r\n\r\n.conditionItem-resetBtn {\r\n  width: 50%;\r\n  height: 48px;\r\n  line-height: 48px;\r\n  float: left;\r\n  text-align: center;\r\n  background: #ffffff;\r\n  border-top: 1px solid rgba(204, 204, 204, 0.25);\r\n  /*margin-top: 10px;*/\r\n}\r\n\r\n.conditionItem-resetBtn > img {\r\n  width: 18px;\r\n  vertical-align: middle;\r\n}\r\n\r\n.conditionItem-resetBtn > span {\r\n  font-family: PingFang-SC-Medium;\r\n  font-size: 14px;\r\n  color: #999999;\r\n  letter-spacing: 1px;\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n}\r\n\r\n.conditionItem-submitBtn {\r\n  width: 50%;\r\n  height: 48px;\r\n  line-height: 48px;\r\n  float: left;\r\n  text-align: center;\r\n  background-color: #ffc021;\r\n  background-image: -webkit-gradient(\r\n    linear,\r\n    right top,\r\n    left top,\r\n    from(#fad961),\r\n    to(#febc10)\r\n  );\r\n  background-image: -webkit-linear-gradient(right, #fad961 0%, #febc10 100%);\r\n  background-image: -moz-linear-gradient(right, #fad961 0%, #febc10 100%);\r\n  background-image: -o-linear-gradient(right, #fad961 0%, #febc10 100%);\r\n  background-image: linear-gradient(270deg, #fad961 0%, #febc10 100%);\r\n  border-top: 1px solid rgba(204, 204, 204, 0.25);\r\n  /*margin-top:10px;*/\r\n}\r\n\r\n.conditionItem-submitBtn > img {\r\n  width: 18px;\r\n  vertical-align: middle;\r\n}\r\n\r\n.conditionItem-submitBtn > span {\r\n  font-family: PingFang-SC-Medium;\r\n  font-size: 14px;\r\n  color: #454545;\r\n  letter-spacing: 1px;\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n}\r\n\r\n.filter-conditionCon .filter-sort {\r\n}\r\n\r\n.filter-conditionCon .filter-sort > div {\r\n  border-bottom: 1px solid rgba(229, 229, 229, 0.75);\r\n}\r\n\r\n.filter-conditionCon .filter-sort > div span {\r\n  display: inline-block;\r\n  /*width: 155px;*/\r\n  font-family: PingFang-SC-Medium;\r\n  font-size: 12px;\r\n  color: #666666;\r\n  letter-spacing: 0.86px;\r\n  vertical-align: middle;\r\n  line-height: 60px;\r\n}\r\n\r\n.filter-conditionCon .filter-sort > div img {\r\n  position: relative;\r\n  z-index: 5;\r\n  width: 18px;\r\n  vertical-align: middle;\r\n  display: none;\r\n}\r\n\r\n.filter-conditionCon .filter-sort > div.active img {\r\n  display: inline-block;\r\n}\r\n\r\n.filter-moreSelect {\r\n  padding: 11px 11px 0 20px;\r\n  background: #f6f7f8;\r\n  display: none;\r\n}\r\n\r\n.filter-moreSelect > span {\r\n  font-family: PingFang-SC-Regular;\r\n  font-size: 12px;\r\n  color: #999999;\r\n  letter-spacing: 1.43px;\r\n  display: inline-block;\r\n  vertical-align: top;\r\n  margin-top: 3px;\r\n}\r\n\r\n.filter-selectedItem {\r\n  display: inline-block;\r\n  overflow: hidden;\r\n  width: 298px;\r\n  max-height: 90px;\r\n  overflow: scroll;\r\n}\r\n\r\n.filter-selectedItem > div {\r\n  float: left;\r\n  padding: 0px 8px;\r\n  opacity: 0.99;\r\n  background: #ffffff;\r\n  border-radius: 17px;\r\n  border-radius: 17px;\r\n  margin-right: 9px;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.filter-selectedItem > div > span:first-child {\r\n  font-family: PingFangSC-Light;\r\n  font-size: 12px;\r\n  color: #333333;\r\n  letter-spacing: 1.43px;\r\n}\r\n\r\n.filter-selectedItem > div > span:last-child {\r\n  padding-left: 7px;\r\n  display: inline-block;\r\n  transform: scaleX(1.3);\r\n  -webkit-transform: scaleX(1.3);\r\n  -moz-transform: scaleX(1.3);\r\n  -ms-transform: scaleX(1.3);\r\n  -o-transform: scaleX(1.3);\r\n}\r\n\r\n.conditionItem-area {\r\n  font-family: PingFang-SC-Medium;\r\n  font-size: 14px;\r\n  color: #333333;\r\n  letter-spacing: 1px;\r\n  margin-bottom: 0;\r\n}\r\n\r\n.conditionItem-arrow > span {\r\n  display: inline-block;\r\n  float: right;\r\n  /* margin-top: 8px; */\r\n}\r\n\r\n.conditionItem-arrow span.item-arrow {\r\n  display: none;\r\n  color: #666;\r\n  font-size: 12px;\r\n}\r\n.conditionItem-arrow span.item-arrow img {\r\n  width: 14px;\r\n}\r\n\r\n.conditionItem-arrow span.item-to-open img {\r\n  transform: rotate(90deg);\r\n}\r\n\r\n.conditionItem-arrow span.item-arrow:first-child {\r\n  display: block;\r\n}\r\n\r\n.filter-conditionItem.open .conditionItem-arrow span.item-arrow:first-child,\r\n.destination-conditionItem.open\r\n  .conditionItem-arrow\r\n  span.item-arrow:first-child {\r\n  display: none;\r\n}\r\n\r\n.filter-conditionItem.open .conditionItem-arrow span.item-arrow:last-child,\r\n.destination-conditionItem.open\r\n  .conditionItem-arrow\r\n  span.item-arrow:last-child {\r\n  display: block;\r\n}\r\n\r\n.filter-conditionItem .filter-conditionItem-container {\r\n  display: none;\r\n}\r\n\r\n.filter-conditionItem.open .filter-conditionItem-container,\r\n.destination-conditionItem.open .filter-conditionItem-container {\r\n  display: block;\r\n}\r\n\r\n.filter-timeYear {\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -moz-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n  -webkit-align-items: center;\r\n  -moz-box-align: center;\r\n  -ms-flex-align: center;\r\n  align-items: center;\r\n  width: 375px;\r\n  margin-top: 2px;\r\n  margin-bottom: 5px;\r\n  margin-left: -20px;\r\n  overflow: hidden;\r\n}\r\n\r\n.filter-yearNum {\r\n  -webkit-box-flex: 1;\r\n  -webkit-flex: 1;\r\n  -moz-box-flex: 1;\r\n  -ms-flex: 1;\r\n  flex: 1;\r\n  font-family: PingFang-SC-Medium;\r\n  font-size: 16px;\r\n  color: #333333;\r\n  letter-spacing: 1.14px;\r\n  text-align: center;\r\n}\r\n\r\n.filter-arrowLeft,\r\n.filter-arrowRight {\r\n  -webkit-box-flex: 0;\r\n  -webkit-flex: none;\r\n  -moz-box-flex: 0;\r\n  -ms-flex: none;\r\n  flex: none;\r\n  padding: 18px 20px;\r\n}\r\n\r\n.filter-arrowLeft img,\r\n.filter-arrowRight img {\r\n  width: 12px;\r\n}\r\n\r\n.filter-arrowLeft.noactive,\r\n.filter-arrowRight.noactive {\r\n  filter: alpha(opacity=30); /* IE */\r\n  -moz-opacity: 0.3; /* 老版Mozilla */\r\n  -khtml-opacity: 0.3; /* 老版Safari */\r\n  opacity: 0.3; /* 支持opacity的浏览器*/\r\n}\r\n\r\n.filter-timeMonth {\r\n  overflow: hidden;\r\n}\r\n\r\n.filter-timeMonth > div {\r\n  width: 71px;\r\n  text-align: center;\r\n  height: 35px;\r\n  line-height: 35px;\r\n  float: left;\r\n  font-family: PingFang-SC-Medium;\r\n  font-size: 12px;\r\n  color: #666666;\r\n  letter-spacing: 1.71px;\r\n  text-align: center;\r\n  background: rgba(229, 229, 229, 0.6);\r\n  border-radius: 3.64px;\r\n  margin-right: 16px;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.filter-timeMonth > div:nth-child(4n + 4) {\r\n  margin-right: 0;\r\n}\r\n\r\n.filter-timeMonth > div.noactive {\r\n  opacity: 0.2;\r\n  background: rgba(204, 204, 204, 0.6);\r\n}\r\n\r\n.filter-timeMonth > div.selected {\r\n  color: #ffffff;\r\n  background: #4a90e2;\r\n}\r\n\r\n.searchPackage-priceIcon {\r\n  position: fixed;\r\n  bottom: 200px;\r\n  right: 4px;\r\n  width: 32px;\r\n  height: 32px;\r\n  padding-top: 4px;\r\n  opacity: 0.8;\r\n  background: #4a90e2;\r\n  z-index: 1000;\r\n  border-radius: 50%;\r\n  -webkit-border-radius: 50%;\r\n  -moz-border-radius: 50%;\r\n  font-size: 10px;\r\n  color: #fff;\r\n  line-height: 12px;\r\n  text-align: center;\r\n}\r\n.searchPackage-priceIcon.js-ticketTips {\r\n  bottom: 237px;\r\n  background: #febc10;\r\n}\r\n\r\n.searchPackage-priceIcon img {\r\n  width: 10px;\r\n  margin-top: 8px;\r\n}\r\n\r\n.searchPackage-scrollTop {\r\n  position: fixed;\r\n  bottom: 163px;\r\n  right: 4px;\r\n  width: 32px;\r\n  text-align: center;\r\n  height: 32px;\r\n  opacity: 0.8;\r\n  background: #4a90e2;\r\n  z-index: 1;\r\n  border-radius: 50%;\r\n  -webkit-border-radius: 50%;\r\n  -moz-border-radius: 50%;\r\n  display: none;\r\n}\r\n\r\n.searchPackage-scrollTop.active {\r\n  display: block;\r\n}\r\n\r\n.searchPackage-scrollTop img {\r\n  width: 13px;\r\n  margin-top: 8px;\r\n}\r\n\r\n/**** 查看价格说明****/\r\n.cruisePrice_intro_content {\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  position: fixed;\r\n  top: 0;\r\n  z-index: 11111;\r\n  height: 100%;\r\n  width: 100%;\r\n  display: none;\r\n}\r\n\r\n.cruisePrice_intro_content .intro_content {\r\n  width: 93.6%;\r\n  overflow-y: auto;\r\n  left: 3.2%;\r\n  position: relative;\r\n  top: 66px;\r\n  background-color: #fff;\r\n  color: #000;\r\n  padding-bottom: 25px;\r\n}\r\n\r\n.cruisePrice_intro_content .close {\r\n  position: absolute;\r\n  right: 12px;\r\n  top: 20%;\r\n}\r\n\r\n.cruisePrice_intro_content .close .f7-icons {\r\n  font-size: 21px;\r\n  color: #2c3466;\r\n  padding: 3px;\r\n}\r\n\r\n.cruisePrice_intro_content .intro_content {\r\n  padding: 20px 20px 10px 20px;\r\n  height: 52%;\r\n  top: 20%;\r\n}\r\n\r\n.cruisePrice_intro_content .cruisePrice_txt {\r\n  font-size: 13px;\r\n  color: #000;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cruisePrice_intro_content .cruisePrice_txt p {\r\n  font-size: 12px;\r\n  margin-bottom: 2px;\r\n  margin-top: 2px;\r\n}\r\n\r\n/* tips */\r\n.cruise-search-tips {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  top: 0;\r\n  left: 0;\r\n  z-index: 50001;\r\n  display: none;\r\n}\r\n\r\n.cruise-search-tips .step {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.cruise-search-tips .cruise-search-tips-bg {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(21, 22, 29, 0.7);\r\n}\r\n\r\n.cruise-search-tips .tips-content p {\r\n  margin: 2px 0px;\r\n}\r\n\r\n.cruise-search-tips .tips-content-next {\r\n  width: 100px;\r\n  margin: 20px auto 0 auto;\r\n}\r\n\r\n.cruise-search-tips .tips-content-next img {\r\n  width: 100%;\r\n}\r\n\r\n.cruise-search-tips .tip-content-skip {\r\n  text-decoration: underline;\r\n  margin-top: 12px;\r\n}\r\n\r\n.cruise-search-tips .tips-content {\r\n  position: absolute;\r\n  color: white;\r\n  font-size: 15px;\r\n  text-align: center;\r\n}\r\n\r\n.cruise-search-tips .step-1 .step1_filter {\r\n  position: relative;\r\n  width: 96.8%;\r\n  left: 1.6%;\r\n  top: 50px;\r\n}\r\n\r\n.cruise-search-tips .step-1 .tips-content {\r\n  width: 66.4%;\r\n  left: 16.8%;\r\n  top: 130px;\r\n}\r\n\r\n.cruise-search-tips .step-2 .step2_wishlist {\r\n  position: absolute;\r\n  width: 38px;\r\n  right: 14px;\r\n  top: 176px;\r\n}\r\n\r\n.cruise-search-tips .step-2 .tips-content {\r\n  right: 30px;\r\n  top: 231.5px;\r\n}\r\n\r\n.cruise-search-tips .step-3 .step3_calendar {\r\n  position: absolute;\r\n  width: 38px;\r\n  right: 62px;\r\n  top: 218px;\r\n}\r\n\r\n.cruise-search-tips .step-3 .tips-content {\r\n  right: 57px;\r\n  top: 267.5px;\r\n}\r\n\r\n.cruise-search-tips .step-4 .step4_group {\r\n  position: absolute;\r\n  width: 238px;\r\n  right: 15px;\r\n  top: 303px;\r\n}\r\n\r\n.cruise-search-tips .step-4 .tips-content {\r\n  right: 41px;\r\n  top: 355.5px;\r\n}\r\n\r\n.no-more-text {\r\n  font-size: 13px;\r\n  color: #333;\r\n}\r\n\r\n.popup-priceTips {\r\n  background-color: #f6f7f8;\r\n}\r\n\r\n.shorexDetail-title {\r\n  padding: 15px 20px;\r\n  background-color: #fff;\r\n  overflow: hidden;\r\n  text-align: center;\r\n  margin-bottom: 10px;\r\n  position: fixed;\r\n  width: 100%;\r\n  z-index: 10;\r\n}\r\n\r\n.shorexDetail-title > p {\r\n  font-family: PingFang-SC-Medium;\r\n  font-size: 14px;\r\n  color: #333333;\r\n  letter-spacing: 1px;\r\n  text-align: center;\r\n  margin: 0;\r\n}\r\n\r\n.shorexDetail-title > div {\r\n  position: absolute;\r\n  top: 16px;\r\n}\r\n\r\n.shorexDetail-title > div > img {\r\n  width: 10px;\r\n}\r\n\r\n.shorexDetail-returnButton {\r\n  width: 30px;\r\n  position: absolute;\r\n  top: 15px;\r\n  left: 20px;\r\n  text-align: left;\r\n}\r\n\r\n.shorexDetail-returnButton > img {\r\n  width: 33%;\r\n}\r\n\r\n.ruleDetail {\r\n  margin-top: 60px;\r\n  height: 100%;\r\n  overflow: scroll;\r\n  padding-bottom: 60px;\r\n}\r\n\r\n.rule-item {\r\n  margin-bottom: 10px;\r\n  padding: 0 20px 12px;\r\n  font-size: 12px;\r\n  line-height: 20px;\r\n  color: #666;\r\n  letter-spacing: 0;\r\n  background-color: #fff;\r\n}\r\n\r\n.rule-item:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.rule-item .rule-item-title {\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -moz-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n  -webkit-align-items: center;\r\n  -moz-box-align: center;\r\n  -ms-flex-align: center;\r\n  align-items: center;\r\n  padding: 17px 0 7px;\r\n  font-size: 14px;\r\n  line-height: 20px;\r\n  color: #4a90e2;\r\n  font-weight: bold;\r\n}\r\n\r\n.rule-item-title-line {\r\n  width: 3px;\r\n  height: 12px;\r\n  margin-right: 6px;\r\n  background-color: #4a90e2;\r\n}\r\n\r\n.rule-item .rule-item-text p {\r\n  margin: 0px;\r\n}\r\n\r\n.rule-item .rule-item-text2 p {\r\n  margin-bottom: 0px;\r\n}\r\n\r\n.rule-item-text-title {\r\n  color: #333;\r\n  font-weight: bold;\r\n}\r\n\r\n.rule-item .rule-item-text2 .rule-item-text-title {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.rule-item-link {\r\n  color: #4a90e2;\r\n  text-decoration: underline;\r\n}\r\n\r\n.rule-item .rule-item-text .rule-item-text-title:not(:first-child) {\r\n  margin-top: 10px;\r\n}\r\n\r\n.popup {\r\n  -webkit-transform: translate3d(100%, 0, 0);\r\n  -moz-transform: translate3d(100%, 0, 0);\r\n  transform: translate3d(100%, 0, 0);\r\n  height: 100%;\r\n  overflow: hidden;\r\n}\r\n\r\n.popup.modal-out {\r\n  -webkit-transform: translate3d(100%, 0, 0);\r\n  -moz-transform: translate3d(100%, 0, 0);\r\n  transform: translate3d(100%, 0, 0);\r\n}\r\n\r\n.searchPackage-tags .tags-container .isHighShow {\r\n  background-color: #febc10 !important;\r\n  color: #fff !important;\r\n}\r\n\r\n.js-rightBarBtn {\r\n  transition: 0.2s all;\r\n}\r\n\r\n@media only screen and (-webkit-min-device-pixel-ratio: 2),\r\n  only screen and (-moz-min-device-pixel-ratio: 2),\r\n  only screen and (-o-min-device-pixel-ratio: 2),\r\n  only screen and (min-device-pixel-ratio: 2) {\r\n}\r\n\r\n.item-refund {\r\n  position: absolute;\r\n  top: 16px;\r\n  right: 18px;\r\n}\r\n\r\n.item-refund img {\r\n  width: 100px;\r\n}\r\n\r\n.promo-popuop {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  top: 0;\r\n  left: 0;\r\n  background-color: rgba(0, 0, 0, 0.8);\r\n  z-index: 100000;\r\n}\r\n\r\n.promo-popuop .promo-wrapper {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  top: 0;\r\n  left: 0;\r\n}\r\n\r\n.promo-popuop .promo-popup-close {\r\n  position: absolute;\r\n  width: 40px;\r\n  top: 40px;\r\n  right: 20px;\r\n}\r\n\r\n.promo-popuop img {\r\n  width: 100%;\r\n}\r\n\r\n.promo-popup-content {\r\n  position: absolute;\r\n  width: 100%;\r\n  top: 90px;\r\n  left: 0px;\r\n}\r\n\r\n.cruiseFixCon-promoBtn {\r\n  position: fixed;\r\n  bottom: 150px;\r\n  bottom: 98px;\r\n  right: 8px;\r\n  width: 37px;\r\n  text-align: center;\r\n  margin: auto;\r\n}\r\n\r\n.cruiseFixCon-promoBtn img {\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!./Search.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!./Search.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Search.vue?vue&type=template&id=59c0bbea&scoped=true&\"\nimport script from \"./Search.vue?vue&type=script&lang=js&\"\nexport * from \"./Search.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Search.vue?vue&type=style&index=0&id=59c0bbea&lang=less&scoped=true&\"\nimport style1 from \"./Search.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  \"59c0bbea\",\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!./Search.vue?vue&type=style&index=0&id=59c0bbea&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!./Search.vue?vue&type=style&index=0&id=59c0bbea&lang=less&scoped=true&\""],"sourceRoot":""}