{"version":3,"sources":["webpack:///./src/components/Cruise/ShorexInfoPopup.vue?89b6","webpack:///./src/components/Cruise/ShorexInfoPopup.vue?58f5","webpack:///./src/components/Cruise/ShorexInfoPopup.vue","webpack:///src/components/Cruise/ShorexInfoPopup.vue","webpack:///./src/components/Cruise/ShorexInfoPopup.vue?0e49","webpack:///./src/components/Cruise/ShorexInfoPopup.vue?9743"],"names":["render","_vm","this","_c","_self","staticClass","class","isShow","attrs","_v","on","$event","goBack","hasShorex","shorexInfo","payShorex","length","activeTab","_e","freeShorex","directives","name","rawName","value","expression","_l","shorex","i","key","_s","shorexName","staticStyle","bannerList","shorexBrief","duration","shorexPrice","domProps","shorexDescription","_m","shorexTrips","trip","j","tripName","tripDescription","staticRenderFns","components","ShorexSwiper","props","onGoBack","type","Function","Boolean","default","Object","data","swiperOptions","pagination","el","loop","autoplay","delay","methods","onSlideChange","videoList","document","querySelectorAll","forEach","item","pause","computed","watch","newShorexInfo","component"],"mappings":"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","file":"js/chunk-13fb1df4.b53a8f70.js","sourcesContent":["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!./ShorexInfoPopup.vue?vue&type=style&index=0&id=8df13e06&prod&lang=less&scoped=true\"","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!./ShorexInfoPopup.vue?vue&type=style&index=1&id=8df13e06&prod&lang=less\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup popup-shorex\",class:{ 'modal-in': _vm.isShow, 'modal-out': !_vm.isShow},attrs:{\"id\":\"shorexDetail\"}},[_c('div',{staticClass:\"shorexDetail-title js-returnShorexBtn\"},[_c('p',[_vm._v(\"岸上观光服务\")]),_c('a',{staticClass:\"shorexDetail-returnButton\",on:{\"click\":function($event){return _vm.goBack()}}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileSearchPackage/arrowRightBlack.png\"}})])]),_c('div',{staticClass:\"shorexDetail\"},[(_vm.hasShorex)?_c('div',{staticClass:\"shorexDetail-container\"},[_c('div',{staticClass:\"shorexDetail-wrap\"},[_c('div',{staticClass:\"shoreTrip-tab\"},[(_vm.shorexInfo.payShorex.length > 0)?_c('div',{staticClass:\"shoreTrip-tab-item shorex-tab-pay js-tab\",class:{ 'active': _vm.activeTab == 'payShorex'},attrs:{\"data-el\":\"shoreTripM0-cell00\",\"data-box\":\"shoreTripM\"},on:{\"click\":function($event){_vm.activeTab='payShorex'}}},[_c('p',{staticClass:\"shoreTrip-tab-item-txt1\"},[_vm._v(\"皇家精品游\")])]):_vm._e(),(_vm.shorexInfo.freeShorex && _vm.shorexInfo.freeShorex.length > 0)?_c('div',{staticClass:\"shoreTrip-tab-item shorex-tab-free js-tab\",class:{ 'active': _vm.activeTab == 'freeShorex'},attrs:{\"data-el\":\"shoreTripM0-cell00\",\"data-box\":\"shoreTripM\"},on:{\"click\":function($event){_vm.activeTab='freeShorex'}}},[_c('p',{staticClass:\"shoreTrip-tab-item-txt1 shoreTrip-tab-item-txt3\"},[_vm._v(\"皇家常规游（免费赠送）\")])]):_vm._e()]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeTab=='payShorex'),expression:\"activeTab=='payShorex'\"}],staticClass:\"shoreTrip-m\"},[_vm._l((_vm.shorexInfo.payShorex),function(shorex,i){return _c('div',{key:('payShorex'+i),staticClass:\"tab-cell active shorex-tab-pay-item\"},[_c('div',{staticClass:\"shoreTrip-box\"},[_c('div',{staticClass:\"shoreTrip-box-title\"},[_c('div',{staticClass:\"shoreTrip-box-title-line\"}),_vm._v(\" \"+_vm._s(shorex.shorexName)+\" \")]),_c('div',{staticStyle:{\"width\":\"100%\"}},[_c('ShorexSwiper',{attrs:{\"banner-list\":shorex.bannerList}})],1),_c('p',{staticClass:\"shorexBrief-css\"},[_vm._v(_vm._s(shorex.shorexBrief))]),_c('p',{staticClass:\"shorexPrice-css\"},[(shorex.duration && shorex.duration.length > 0)?_c('img',{staticClass:\"time-css\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/RcclHP/time-jpg.jpg\"}}):_vm._e(),_vm._v(\"时长:\"+_vm._s(shorex.duration)+\" \"),(shorex.shorexPrice && shorex.shorexPrice.length > 0)?_c('img',{staticClass:\"img-price-css\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/RcclHP/price-jpg.jpg\"}}):_vm._e(),_vm._v(\"价格:\"+_vm._s(shorex.shorexPrice)+\" 美金/人\")]),_c('div',{staticClass:\"shorex-content\",domProps:{\"innerHTML\":_vm._s(shorex.shorexDescription)}})])])}),_vm._m(0)],2),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeTab=='freeShorex'),expression:\"activeTab=='freeShorex'\"}],staticClass:\"shoreTrip-m\"},_vm._l((_vm.shorexInfo.freeShorex),function(shorex,i){return _c('div',{key:('freeShorex' + i),staticClass:\"tab-cell shorex-tab-free-item\"},[_vm._l((shorex.shorexTrips),function(trip,j){return _c('div',{key:('freeShorexTrip' + j),staticClass:\"shoreTrip-box\"},[_c('div',{staticClass:\"shoreTrip-box-title\"},[_c('div',{staticClass:\"shoreTrip-box-title-line\"}),_vm._v(\" \"+_vm._s(trip.tripName)+\" - 约\"+_vm._s(trip.duration)+\"小时 \")]),_c('div',{staticClass:\"shorex-content\",domProps:{\"innerHTML\":_vm._s(trip.tripDescription)}})])}),_vm._m(1,true)],2)}),0)])]):_c('div',{staticClass:\"shorexDetail-container\"},[_c('p',{staticClass:\"shorex-empty\"},[_vm._v(\"很抱歉，该航次岸上观光服务尚未开发选定，选定开放后，我们会在第一时间以短信的方式通知您，你也可以密切关注皇家加勒比官方网站\")])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"shoreTrip-box tab-cell active shorex-tab-pay-item\"},[_c('div',{staticClass:\"popupover2-txt2 shoreTrip-box-popupover2-txt1\"},[_vm._v(\" 注：\"),_c('br'),_vm._v(\" 1) 预订船票时，如有皇家常规游行程（免费）将为您自动勾选；船票支付成功后，可选择升级精品游服务。\"),_c('br'),_vm._v(\" 2) 目的地的产品及行程仅供参考，实际行程以具体航次和地接社安排为准。\"),_c('br'),_vm._v(\" 3) 目的地产品及行程可能因相关政府政策及/或保护公共健康安全之相关要求而取消、变更或调整。 \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tab-cell shoreTrip-box shorex-tab-free-item\"},[_c('div',{staticClass:\"popupover2-txt2 shoreTrip-box-popupover2-txt1\"},[_vm._v(\" 注：\"),_c('br'),_vm._v(\" 1) 预订船票时，如有皇家常规游行程（免费）将为您自动勾选；船票支付成功后，可选择升级精品游服务。\"),_c('br'),_vm._v(\" 2) 目的地的产品及行程仅供参考，实际行程以具体航次和地接社安排为准。\"),_c('br'),_vm._v(\" 3) 目的地产品及行程可能因相关政府政策及/或保护公共健康安全之相关要求而取消、变更或调整。 \")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"popup popup-shorex\" :class=\"{ 'modal-in': isShow, 'modal-out': !isShow}\"  id=\"shorexDetail\" >\r\n        <div class=\"shorexDetail-title js-returnShorexBtn\">\r\n            <p>岸上观光服务</p>\r\n            <a class=\"shorexDetail-returnButton\" @click=\"goBack()\">\r\n                <img src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/arrowRightBlack.png\">\r\n            </a>\r\n        </div>\r\n        <div class=\"shorexDetail\">\r\n            <div class=\"shorexDetail-container\" v-if=\"hasShorex\">\r\n                <div class=\"shorexDetail-wrap\">\r\n                    <div class=\"shoreTrip-tab \">\r\n                        <div v-if=\"shorexInfo.payShorex.length > 0\" class=\"shoreTrip-tab-item shorex-tab-pay js-tab\"\r\n                            :class=\"{ 'active': activeTab == 'payShorex'}\"\r\n                            @click=\"activeTab='payShorex'\"\r\n                            data-el=\"shoreTripM0-cell00\"\r\n                            data-box=\"shoreTripM\">\r\n                            <p class=\"shoreTrip-tab-item-txt1 \">皇家精品游</p>\r\n                        </div>\r\n                        <div v-if=\"shorexInfo.freeShorex && shorexInfo.freeShorex.length > 0\" class=\"shoreTrip-tab-item shorex-tab-free js-tab \"\r\n                            :class=\"{ 'active': activeTab == 'freeShorex'}\"\r\n                             @click=\"activeTab='freeShorex'\"\r\n                            data-el=\"shoreTripM0-cell00\"\r\n                            data-box=\"shoreTripM\">\r\n                            <p class=\"shoreTrip-tab-item-txt1 shoreTrip-tab-item-txt3\">皇家常规游（免费赠送）</p>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"shoreTrip-m\" v-show=\"activeTab=='payShorex'\">\r\n                        <div class=\"tab-cell active shorex-tab-pay-item\" v-for=\"(shorex, i) in shorexInfo.payShorex\" :key=\"('payShorex'+i)\">\r\n                            <div class=\"shoreTrip-box\">\r\n                                <div class=\"shoreTrip-box-title\">\r\n                                    <div class=\"shoreTrip-box-title-line\"></div>\r\n                                    {{shorex.shorexName}}\r\n                                </div>\r\n                              <div style=\"width: 100%\">\r\n                                <ShorexSwiper :banner-list=\"shorex.bannerList\"></ShorexSwiper>\r\n                              </div>\r\n                                <p class=\"shorexBrief-css\">{{shorex.shorexBrief}}</p>\r\n                                <p class=\"shorexPrice-css\">\r\n                                    <img class=\"time-css\" v-if=\"shorex.duration && shorex.duration.length > 0\"\r\n                                        src=\"https://resource.rcclchina.com.cn/RcclHP/time-jpg.jpg\">时长:{{shorex.duration}}\r\n                                    <img class=\"img-price-css\" v-if=\"shorex.shorexPrice && shorex.shorexPrice.length > 0\"\r\n                                        src=\"https://resource.rcclchina.com.cn/RcclHP/price-jpg.jpg\">价格:{{shorex.shorexPrice}} 美金/人</p>\r\n                                <div class=\"shorex-content\" v-html=\"shorex.shorexDescription\">\r\n\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"shoreTrip-box tab-cell active shorex-tab-pay-item\">\r\n                            <div class=\"popupover2-txt2 shoreTrip-box-popupover2-txt1\">\r\n                                注：<br>\r\n\r\n                                1) 预订船票时，如有皇家常规游行程（免费）将为您自动勾选；船票支付成功后，可选择升级精品游服务。<br/>\r\n                                2) 目的地的产品及行程仅供参考，实际行程以具体航次和地接社安排为准。<br/>\r\n                                3) 目的地产品及行程可能因相关政府政策及/或保护公共健康安全之相关要求而取消、变更或调整。\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"shoreTrip-m\" v-show=\"activeTab=='freeShorex'\">\r\n                        <div class=\"tab-cell shorex-tab-free-item\" v-for=\"(shorex, i) in shorexInfo.freeShorex\" :key=\"('freeShorex' + i)\">\r\n                            <div class=\"shoreTrip-box\" v-for=\"(trip, j) in shorex.shorexTrips\" :key=\"('freeShorexTrip' + j)\">\r\n                                <div class=\"shoreTrip-box-title\" style=\"\">\r\n                                    <div class=\"shoreTrip-box-title-line\"></div>\r\n                                    {{trip.tripName}} - 约{{trip.duration}}小时\r\n                                </div>\r\n                                <div class=\"shorex-content\" v-html=\"trip.tripDescription\">\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"tab-cell   shoreTrip-box shorex-tab-free-item\">\r\n                                <div class=\"popupover2-txt2 shoreTrip-box-popupover2-txt1\">\r\n                                    注：<br>\r\n\r\n                                    1) 预订船票时，如有皇家常规游行程（免费）将为您自动勾选；船票支付成功后，可选择升级精品游服务。<br/>\r\n                                    2) 目的地的产品及行程仅供参考，实际行程以具体航次和地接社安排为准。<br/>\r\n                                    3) 目的地产品及行程可能因相关政府政策及/或保护公共健康安全之相关要求而取消、变更或调整。\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                </div>\r\n            </div>\r\n            <div class=\"shorexDetail-container\" v-else>\r\n                <p class=\"shorex-empty\">很抱歉，该航次岸上观光服务尚未开发选定，选定开放后，我们会在第一时间以短信的方式通知您，你也可以密切关注皇家加勒比官方网站</p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport ShorexSwiper from \"@/components/Booking/ShorexSwiper.vue\";\r\nexport default {\r\n    name: 'ShorexInfoPopup',\r\n    components: {\r\n      ShorexSwiper\r\n    },\r\n    props: {\r\n        onGoBack: {\r\n            type: Function\r\n        },\r\n        isShow: {\r\n            type: Boolean,\r\n            default () {\r\n                return false\r\n            }\r\n        },\r\n        shorexInfo: {\r\n            type: Object,\r\n            default() {\r\n                return {\r\n                    freeShorex: [],\r\n                    payShorex: []\r\n                }\r\n            }\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n           activeTab: 'payShorex',\r\n            swiperOptions: {\r\n              pagination: {\r\n                el: \".swiper-pagination\",\r\n              },\r\n              loop: false,\r\n              autoplay: {\r\n                delay: 5000,\r\n              },\r\n            },\r\n        }\r\n    },\r\n    methods: {\r\n        goBack () {\r\n            this.onGoBack()\r\n        },\r\n        onSlideChange(){\r\n          //   获取所有class为video-content下的视频\r\n          const videoList = document.querySelectorAll('.video-content video')\r\n          videoList.forEach(item=>{\r\n            item.pause()\r\n          })\r\n        }\r\n    },\r\n    computed: {\r\n        hasShorex() {\r\n            return this.shorexInfo && (\r\n                (this.shorexInfo.freeShorex && this.shorexInfo.freeShorex.length > 0)\r\n            || (this.shorexInfo.payShorex && this.shorexInfo.payShorex.length > 0)\r\n            )\r\n        }\r\n    },\r\n    watch: {\r\n        shorexInfo (newShorexInfo) {\r\n            if (newShorexInfo.payShorex && newShorexInfo.payShorex.length > 0) {\r\n                this.activeTab = 'payShorex'\r\n            } else if (newShorexInfo.freeShorex && newShorexInfo.freeShorex.length > 0) {\r\n                this.activeTab = 'freeShorex'\r\n            } else {\r\n                this.activeTab = ''\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n#shorexDetail.popup {\r\n    position: fixed;\r\n    background-color: #F6F7F8;\r\n    transform: translate3d(100%, 0, 0);\r\n    display: block;\r\n    z-index: 10401;\r\n}\r\n#shorexDetail.modal-in {\r\n    position: fixed;\r\n    background-color: #F6F7F8;\r\n    transform: translate3d(0, 0, 0);\r\n}\r\n#shorexDetail.modal-out {\r\n    transform: translate3d(100%, 0, 0);\r\n}\r\n\r\n#shorexDetail {\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        > 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        .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            > img {\r\n                width: 33%;\r\n            }\r\n        }\r\n    }\r\n\r\n    .shorexDetail {\r\n        height: 100%;\r\n        overflow: scroll;\r\n        margin-top: 50px;\r\n        padding-bottom: 50px;\r\n        background-color: #f6f7f8;\r\n        .shorexDetail-container {\r\n            .shoreTrip-tab {\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                position: relative;\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                margin-top: 10px;\r\n                background: #FFFFFF;\r\n                -webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,0.05);\r\n                box-shadow: 0 1px 2px 1px rgba(0,0,0,0.05);\r\n                overflow: hidden;\r\n                .shoreTrip-tab-item {\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                    position: relative;\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                    -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                    -webkit-box-pack: center;\r\n                    -webkit-justify-content: center;\r\n                    -moz-box-pack: center;\r\n                    -ms-flex-pack: center;\r\n                    justify-content: center;\r\n                    height: 43px;\r\n                    font-size: 10px;\r\n                    line-height: 14px;\r\n                    color: #666;\r\n                    text-align: center;\r\n                    background: #FFFFFF;\r\n                    border-top-left-radius: 9px;\r\n                    p {\r\n                        margin: 0;\r\n                        font-size: 13px;\r\n                    }\r\n                }\r\n                .shoreTrip-tab-item:first-child {\r\n                    border-top-left-radius: 0;\r\n                    border-bottom-right-radius: 9px;\r\n                }\r\n                .shoreTrip-tab-item.active {\r\n                    z-index: 2;\r\n                    color: #fff;\r\n                    background-color: #4A90E2;\r\n                }\r\n            }\r\n\r\n            .shoreTrip-m {\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                overflow-y: auto;\r\n                padding-top: 2px;\r\n                .shoreTrip-box {\r\n                    margin-bottom: 10px;\r\n                    padding: 0 20px 18px;\r\n                    font-size: 12px;\r\n                    line-height: 20px;\r\n                    color: #666;\r\n                    background-color: #fff;\r\n                    p {\r\n                        margin: 0;\r\n                    }\r\n                    img {\r\n                        display: block;\r\n                        width: 100%;\r\n                        height: 100%;\r\n                        margin-bottom: 15px;\r\n                    }\r\n                    .shoreTrip-box-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                        height: 40px;\r\n                        font-size: 12px;\r\n                        line-height: 16px;\r\n                        color: #4A90E2;\r\n                        font-weight: bold;\r\n                        .shoreTrip-box-title-line {\r\n                            width: 3px;\r\n                            height: 12px;\r\n                            margin-right: 5px;\r\n                            background-color: #4A90E2;\r\n                        }\r\n                    }\r\n                    .shoreTrip-box img {\r\n                        display: block;\r\n                        width: 100%;\r\n                        margin-bottom: 15px;\r\n                    }\r\n                    .shorexBrief-css {\r\n                        font-size: 12px;\r\n                        color: #333333;\r\n                        letter-spacing: 1px;\r\n                        font-weight: bold;\r\n                    }\r\n                    p.shorexPrice-css {\r\n                        font-size: 12px;\r\n                        color: #4A90E2;\r\n                        letter-spacing: 0;\r\n                        line-height: 20px;\r\n                        margin-bottom: 5px;\r\n                        img {\r\n                            width: 12px;\r\n                            height: 12px;\r\n                            display: inline-block;\r\n                            margin-bottom: -1px;\r\n                            margin-right: 3px;\r\n                        }\r\n                        .img-price-css {\r\n                            margin-right: 7px;\r\n                            margin-left: 15px;\r\n                        }\r\n                    }\r\n\r\n                }\r\n            }\r\n\r\n            .popupover2-txt2 {\r\n                font-size: 12px;\r\n                line-height: 20px;\r\n                color: #666;\r\n                padding-top: 10px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .shorex-empty {\r\n        padding: 20px;\r\n        font-size: 12px;\r\n    }\r\n}\r\n\r\n</style>\r\n\r\n<style lang=\"less\">\r\n.shorex-content, .shorex-content p, .shorex-content span {\r\n    font-size: 12px !important;\r\n    color: #666 !important;\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!./ShorexInfoPopup.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!./ShorexInfoPopup.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ShorexInfoPopup.vue?vue&type=template&id=8df13e06&scoped=true\"\nimport script from \"./ShorexInfoPopup.vue?vue&type=script&lang=js\"\nexport * from \"./ShorexInfoPopup.vue?vue&type=script&lang=js\"\nimport style0 from \"./ShorexInfoPopup.vue?vue&type=style&index=0&id=8df13e06&prod&lang=less&scoped=true\"\nimport style1 from \"./ShorexInfoPopup.vue?vue&type=style&index=1&id=8df13e06&prod&lang=less\"\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  \"8df13e06\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}