{"version":3,"sources":["webpack:///./src/views/CustomPage/CountryList.vue?0271","webpack:///./src/views/CustomPage/CountryList.vue?79b7","webpack:///src/views/CustomPage/CountryList.vue","webpack:///./src/views/CustomPage/CountryList.vue?9511","webpack:///./src/views/CustomPage/CountryList.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","_l","item","key","id","class","countryActive","activeId","on","$event","handleTab","_v","_s","countryCNName","index","getBanners","length","staticStyle","banner","i","active","attrs","_e","mapImageUrl","countryMap","cityItem","cityIndex","cur","curId","style","handleOver","handleLeave","encodeURIComponent","city","nameActive","staticRenderFns","component"],"mappings":"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","file":"js/chunk-5fb128a0.bf4145af.js","sourcesContent":["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!./CountryList.vue?vue&type=style&index=0&id=1743c818&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!./CountryList.vue?vue&type=style&index=0&id=1743c818&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"country-container\"},[_vm._m(0),_c('div',{staticClass:\"Destination--Container\"},[_c('div',{staticClass:\"Destination--Country\"},[_c('ul',{staticClass:\"country\"},_vm._l((_vm.countryList),function(item){return _c('li',{key:item.id,class:{countryActive: _vm.activeId === item.id},on:{\"click\":function($event){return _vm.handleTab(item.id)}}},[_vm._v(_vm._s(item.countryCNName))])}),0)]),_c('div',{staticClass:\"country-list\"},_vm._l((_vm.countryList),function(item,index){return _c('div',{key:item.id,class:(\"country-item country-\" + index)},[_c('div',{staticClass:\"countryList\"},[_c('div',{staticClass:\"Japan--Place\"},[_c('div',{staticClass:\"Japan--Img\"},[_c('div',{staticClass:\"name-country\"},[_vm._v(_vm._s(item.countryCNName))]),(_vm.getBanners(item).length>1)?_c('div',{staticStyle:{\"height\":\"100%\"}},_vm._l((_vm.getBanners(item)),function(banner,i){return _c('div',{key:(item.id+'_'+i),staticClass:\"carousel slide\"},[_c('div',{staticClass:\"carousel-inner\"},[_c('div',{staticClass:\"item\",class:{active: i == 0}},[_c('img',{attrs:{\"src\":banner,\"alt\":item.countryCNName}})])])])}),0):(_vm.getBanners(item).length == 1)?_c('div',{staticStyle:{\"height\":\"100%\"}},[_c('div',{staticClass:\"carousel slide\"},[_c('div',{staticClass:\"carousel-inner\"},[_c('div',{staticClass:\"item active\"},[_c('img',{attrs:{\"src\":_vm.getBanners(item)[0],\"alt\":item.countryCNName}})])])])]):_vm._e()]),_c('div',{staticClass:\"Japan--Map\"},[_c('img',{attrs:{\"src\":item.mapImageUrl,\"alt\":item.countryCNName}}),_vm._l((_vm.countryMap[index].cities),function(cityItem,cityIndex){return _c('div',{key:cityIndex,class:{cur: ((item.id) + \"_\" + cityIndex) === _vm.curId},style:(cityItem.pos),on:{\"mouseover\":function($event){return _vm.handleOver(item, cityIndex)},\"mouseleave\":_vm.handleLeave}},[_c('div',{staticClass:\"city-Japan\"},[_c('router-link',{attrs:{\"target\":\"_blank\",\"to\":(\"/Rccl.CustomPage/ShorexIntro/ShorexIntroList?cityName=\" + (encodeURIComponent(cityItem.city)))}},[_vm._v(_vm._s(cityItem.city))])],1),_c('div',{staticClass:\"img-content\"},[_c('router-link',{attrs:{\"to\":(\"/Rccl.CustomPage/ShorexIntro/ShorexIntroList?cityName=\" + (cityItem.city)),\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/Destination/image/icon.png\"}})])],1)])})],2)])]),_c('div',{staticClass:\"cityList\"},[_c('div',{staticClass:\"Japan--MajorCities\"},[_c('div',{staticClass:\"Major--Cities\"},[_vm._v(\"主要城市\")]),_c('div',{staticClass:\"MajorCities--Name\"},[_c('ul',_vm._l((_vm.countryMap[index].cities),function(cityItem,cityIndex){return _c('li',{key:cityIndex,class:{nameActive: ((item.id) + \"_\" + cityIndex) === _vm.curId},on:{\"mouseover\":function($event){return _vm.handleOver(item, cityIndex)},\"mouseleave\":_vm.handleLeave}},[_c('router-link',{attrs:{\"target\":\"_blank\",\"to\":(\"/Rccl.CustomPage/ShorexIntro/ShorexIntroList?cityName=\" + (cityItem.city))}},[_vm._v(_vm._s(cityItem.city))])],1)}),0),_c('div',{staticClass:\"both\"})])])])])}),0)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Destination--Banner\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/Banner/%E4%B8%9C%E4%BA%AC-1920-500.jpg\",\"alt\":\"目的地及岸上观光\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"country-container\">\r\n        <div class=\"Destination--Banner\">\r\n            <img src=\"https://resource.rcclchina.com.cn/Banner/%E4%B8%9C%E4%BA%AC-1920-500.jpg\" alt=\"目的地及岸上观光\">\r\n        </div>\r\n        <div class=\"Destination--Container\">\r\n            <div class=\"Destination--Country\">\r\n                <ul class=\"country\">\r\n                    <li\r\n                        v-for=\"item in countryList\"\r\n                        :key=\"item.id\"\r\n                        v-bind:class=\"{countryActive: activeId === item.id}\"\r\n                        @click=\"handleTab(item.id)\"\r\n                    >{{item.countryCNName}}</li>\r\n                </ul>\r\n            </div>\r\n            <div class=\"country-list\">\r\n                <div\r\n                    v-for=\"(item, index) in countryList\"\r\n                    :key=\"item.id\"\r\n                    :class=\"`country-item country-${index}`\"\r\n                >\r\n                    <div class=\"countryList\">\r\n                        <div class=\"Japan--Place\">\r\n                            <div class=\"Japan--Img\">\r\n                                <div class=\"name-country\">{{item.countryCNName}}</div>\r\n                                <div v-if=\"getBanners(item).length>1\" style=\"height: 100%;\">\r\n                                    <div class=\"carousel slide\" v-for=\"(banner, i) in getBanners(item)\" :key=\"(item.id+'_'+i)\">\r\n                                        <div class=\"carousel-inner\">\r\n                                            <div class=\"item\" :class=\"{active: i == 0}\">\r\n                                                <img :src=\"banner\" :alt=\"item.countryCNName\">\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div v-else-if=\"getBanners(item).length == 1\" style=\"height: 100%;\">\r\n                                    <div class=\"carousel slide\">\r\n                                        <div class=\"carousel-inner\">\r\n                                            <div class=\"item active\">\r\n                                                <img :src=\"getBanners(item)[0]\" :alt=\"item.countryCNName\">\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"Japan--Map\">\r\n                                <img :src=\"item.mapImageUrl\" :alt=\"item.countryCNName\">\r\n                                <div v-for=\"(cityItem, cityIndex) in countryMap[index].cities\" :key=\"cityIndex\" :style=\"cityItem.pos\" v-bind:class=\"{cur: `${item.id}_${cityIndex}` === curId}\" @mouseover=\"handleOver(item, cityIndex)\" @mouseleave=\"handleLeave\">\r\n                                    <div class=\"city-Japan\">\r\n                                        <router-link target=\"_blank\" :to=\"`/Rccl.CustomPage/ShorexIntro/ShorexIntroList?cityName=${encodeURIComponent(cityItem.city)}`\">{{cityItem.city}}</router-link>\r\n                                    </div>\r\n                                    <div class=\"img-content\">\r\n                                        <router-link :to=\"`/Rccl.CustomPage/ShorexIntro/ShorexIntroList?cityName=${cityItem.city}`\" target=\"_blank\">\r\n                                            <img src=\"https://resource.rcclchina.com.cn/Destination/image/icon.png\">\r\n                                        </router-link>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"cityList\">\r\n                        <div class=\"Japan--MajorCities\">\r\n                            <div class=\"Major--Cities\">主要城市</div>\r\n                            <div class=\"MajorCities--Name\">\r\n                                <ul>\r\n                                    <li\r\n                                        v-for=\"(cityItem, cityIndex) in countryMap[index].cities\"\r\n                                        :key=\"cityIndex\"\r\n                                        v-bind:class=\"{nameActive: `${item.id}_${cityIndex}` === curId}\"\r\n                                        @mouseover=\"handleOver(item, cityIndex)\"\r\n                                        @mouseleave=\"handleLeave\"\r\n                                    >\r\n                                        <router-link target=\"_blank\" :to=\"`/Rccl.CustomPage/ShorexIntro/ShorexIntroList?cityName=${cityItem.city}`\">{{cityItem.city}}</router-link>\r\n                                    </li>\r\n                                </ul>\r\n                                <div class=\"both\"></div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import api from '@/api'\r\n    import { delayDev } from '@/utilities/tools'\r\n\r\n    export default {\r\n        name: 'CountryList',\r\n        components: {},\r\n        data () {\r\n            return {\r\n                countryList: [],\r\n                countryMap: [],\r\n                activeId: '',\r\n                curId: '',\r\n                countryPos: [],\r\n            }\r\n        },\r\n        beforeMount () {\r\n            this.initPage()\r\n        },\r\n        methods: {\r\n            async initPage () {\r\n                const data = await this.getCountryList()\r\n\r\n                this.countryList = data.filter(item => item.cityPartRecords !== null)\r\n\r\n                this.countryMap = this.getPos()\r\n                this.activeId = this.countryList[0].id\r\n\r\n                delayDev(200, () => {\r\n                    this.countryPos = this.getItemPos(this.countryList)\r\n                })\r\n            },\r\n            getBanners (item) {\r\n                return item.banners || []\r\n            },\r\n            handleTab (id) {\r\n                this.activeId = id\r\n                const item = this.countryPos.find(target => target.id === id)\r\n                window.scroll({\r\n                    top: item.offsetTop,\r\n                    behavior: 'smooth'\r\n                })\r\n            },\r\n            handleOver (item, index) {\r\n                this.curId = item.id + '_' + index\r\n            },\r\n            handleLeave () {\r\n                this.curId = ''\r\n            },\r\n            async getCountryList () {\r\n                this.$loading.show()\r\n                const {success, data, errMsg} = await api.page.getCountryList()\r\n                this.$loading.hide()\r\n                if (!success) {\r\n                    console.log(errMsg)\r\n                    return null\r\n                } else {\r\n                    return data\r\n                }\r\n            },\r\n            getPos () {\r\n                const pos = []\r\n                if (!this.countryList || this.countryList.length == 0) return pos\r\n                this.countryList.forEach((item) => {\r\n                    let country = {\r\n                        country: item.countryCNName,\r\n                        cities: []\r\n                    }\r\n                    if (item.cityPartRecords && item.cityPartRecords.length > 0) {\r\n                        item.cityPartRecords.forEach((city) => {\r\n                            if (city.topDis>0 || city.leftDis>0) {\r\n                                country.cities.push({\r\n                                    city: city.cityCNName,\r\n                                    pos: `top: ${city.topDis}%; left: ${city.leftDis}%;`\r\n                                })\r\n                            } else {\r\n                                country.cities.push({\r\n                                    city: city.cityCNName,\r\n                                    pos: `top: ${city.topDis}%; left: ${city.leftDis}%; display: none;`\r\n                                })\r\n                            }\r\n                            \r\n                        })\r\n                    }\r\n                    pos.push(country)\r\n                })\r\n\r\n                return pos\r\n                // return [\r\n                //     {\r\n                //         country: '日本',\r\n                //         cities: [\r\n                //             {\r\n                //                 city: '长崎',\r\n                //                 pos: 'top: 67.00%; left: 9.00%'\r\n                //             },\r\n                //             {\r\n                //                 city: '福冈',\r\n                //                 pos: 'top: 61.00%; left: 15.00%'\r\n                //             },\r\n                //             {\r\n                //                 city: '熊本',\r\n                //                 pos: 'top: 70.00%; left: 16.00%'\r\n                //             },\r\n                //             {\r\n                //                 city: '冲绳',\r\n                //                 pos: 'top: 92.00%; left: 15.00%'\r\n                //             },\r\n                //             {\r\n                //                 city: '鹿儿岛',\r\n                //                 pos: 'top: 83.00%; left: 12.00%'\r\n                //             },\r\n                //             {\r\n                //                 city: '神户',\r\n                //                 pos: 'top: 43.00%; left: 49.00%'\r\n                //             },\r\n                //             {\r\n                //                 city: '下关港',\r\n                //                 pos: 'top: 56.00%; left: 16.00%'\r\n                //             },\r\n                //             {\r\n                //                 city: '京都',\r\n                //                 pos: 'top: 39.00%; left: 46.00%'\r\n                //             },\r\n                //             {\r\n                //                 city: '大阪',\r\n                //                 pos: 'top: 48.00%; left: 56.00%'\r\n                //             },\r\n                //             {\r\n                //                 city: '东京',\r\n                //                 pos: 'top: 32.00%; left: 85.00%'\r\n                //             },\r\n                //             {\r\n                //                 city: '高知',\r\n                //                 pos: 'top: 60.00%; left: 38.00%'\r\n                //             },\r\n                //             {\r\n                //                 city: '名古屋',\r\n                //                 pos: 'top: 40.00%; left: 62.00%'\r\n                //             },\r\n                //             {\r\n                //                 city: '境港',\r\n                //                 pos: 'top: 45.00%; left: 39.00%'\r\n                //             },\r\n                //             {\r\n                //                 city: '佐世保',\r\n                //                 pos: 'top: 63.00%; left: 8.00%'\r\n                //             },\r\n                //             {\r\n                //                 city: '函馆',\r\n                //                 pos: 'top: .00%; left: 80.00%'\r\n                //             },\r\n                //             {\r\n                //                 city: '新潟',\r\n                //                 pos: 'top: 15.00%; left: 77.00%'\r\n                //             },\r\n                //             {\r\n                //                 city: '富士山(清水)',\r\n                //                 pos: 'top: 43.00%; left: 70.00%'\r\n                //             }\r\n                //         ]\r\n                //     },\r\n                //     {\r\n                //         country: '菲律宾',\r\n                //         cities: [\r\n                //             {\r\n                //                 city: '马尼拉',\r\n                //                 pos: 'top: 29.00%; left: 43.00%'\r\n                //             },\r\n                //             {\r\n                //                 city: '长滩',\r\n                //                 pos: 'top: 47.00%; left: 47.00%'\r\n                //             },\r\n                //             {\r\n                //                 city: '苏比克',\r\n                //                 pos: 'top: 25.00%; left: 37.00%'\r\n                //             }\r\n                //         ]\r\n                //     },\r\n                //     {\r\n                //         country: '越南',\r\n                //         cities: [\r\n                //             {\r\n                //                 city: '岘港(真美港)',\r\n                //                 pos: 'top: 43.00%; left: 62.00%'\r\n                //             },\r\n                //             {\r\n                //                 city: '胡志明',\r\n                //                 pos: 'top: 76.00%; left: 55.00%'\r\n                //             },\r\n                //             {\r\n                //                 city: '芽庄',\r\n                //                 pos: 'top: 66.00%; left: 68.00%'\r\n                //             }\r\n                //         ]\r\n                //     },\r\n                //     {\r\n                //         country: '俄罗斯',\r\n                //         cities: [\r\n                //             {\r\n                //                 city: '海参崴',\r\n                //                 pos: 'top: 45.00%; left: 89.00%'\r\n                //             }\r\n                //         ]\r\n                //     },\r\n                //     {\r\n                //         country: '新加坡',\r\n                //         cities: []\r\n                //     }\r\n                // ]\r\n            \r\n            },\r\n            getItemPos (data) {\r\n                const result = []\r\n                data.map((item, index) => {\r\n                    const offsetTop = document.querySelector(`.country-${index}`).offsetTop\r\n                    result.push({\r\n                        country: item.countryCNName,\r\n                        id: item.id,\r\n                        offsetTop: offsetTop\r\n                    })\r\n                })\r\n                return result\r\n            },\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n    .country-container{\r\n        padding-bottom: 30px;\r\n        background-color: #f0f0f0;\r\n    }\r\n    .Destination--Banner img{\r\n        width:100%;\r\n    }\r\n    .Destination--Container{\r\n        background: #f0f0f0;\r\n        margin-top:-40px;\r\n    }\r\n    .Destination--Container .Destination--Country{\r\n        width:1138px;\r\n        height:92px;\r\n        background: #fff;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        top:-2px;\r\n        border-radius: 5px;\r\n    }\r\n    .Destination--Country .country{\r\n        width: 1002px;\r\n        height: 92px;\r\n        margin: 0 auto;\r\n    }\r\n    .Destination--Country .country li{\r\n        width: 143px;\r\n        height: 92px;\r\n        float: left;\r\n        text-align: center;\r\n        line-height: 92px;\r\n        cursor: pointer;\r\n        font-weight: 500;\r\n    }\r\n    .destinationPosition{\r\n        width: 100% !important;\r\n        position: fixed !important;\r\n        top:0 !important;\r\n        z-index: 10;\r\n        box-shadow: 0 0 8px rgba(0,0,0,.4);\r\n    }\r\n    .Japan--Place{\r\n        width: 1138px;\r\n        height:462px;\r\n        margin: 0 auto;\r\n        overflow: hidden;\r\n    }\r\n    .Destination--Container .countryList{\r\n        margin-top:20px;\r\n    }\r\n    .Japan--Place .Japan--Img,.Japan--Place .Japan--Map{\r\n        float: left;\r\n    }\r\n    .Japan--Place .Japan--Map img{\r\n        height: 100%;\r\n    }\r\n    .Japan--Place .Japan--Img{\r\n        width: 661px;\r\n        height:462px;\r\n        position: relative;\r\n    }\r\n    .Japan--Place .carousel,\r\n    .Japan--Place .carousel-inner,\r\n    .Japan--Place .carousel-inner .item{\r\n        height: 100%;\r\n    }\r\n    .Japan--Place .carousel-inner .item{\r\n        position: relative;\r\n    }\r\n    .Japan--Place .Japan--Img img{\r\n        display: block;\r\n        position: absolute;\r\n        right: 0;\r\n        top: 0;\r\n        max-width: none;\r\n        height: 100%;\r\n    }\r\n    .Japan--Img .control-right,.Japan--Img .control-left{\r\n        line-height: 462px;\r\n        cursor: pointer;\r\n    }\r\n    .Japan--Img .name-country{\r\n        width: 100%;\r\n        color: #fff;\r\n        position: absolute;\r\n        bottom: 39px;\r\n        font-size: 32px;\r\n        text-align: center;\r\n        z-index: 1;\r\n    }\r\n    .Japan--Place .Japan--Map{\r\n        width: 477px;\r\n        height: 462px;\r\n        position: relative;\r\n    }\r\n    .Japan--MajorCities{\r\n        width: 1138px;\r\n        height: auto;\r\n        margin: 0 auto;\r\n        background: #fff;\r\n        padding-bottom: 28px;\r\n        overflow: hidden;\r\n    }\r\n    .Japan--MajorCities .Major--Cities{\r\n        width: 1103px;\r\n        height: 58px;\r\n        margin: 0 auto;\r\n        border-bottom: 1px solid #e5e5e5;\r\n        text-align: center;\r\n        line-height: 58px;\r\n        color: #333333;\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n    }\r\n    .countryList .Japan--Map .img-content{\r\n        position: relative;\r\n    }\r\n    .countryList .Japan--Map>div{\r\n        width: 20px;\r\n        height: 11px;\r\n        border-radius: 9px;\r\n        position: absolute;\r\n        cursor: pointer;\r\n        &.cur{\r\n            .img-content {\r\n                display: block;\r\n            }\r\n        }\r\n    }\r\n    .countryList .Japan--Map>div .city-Japan{\r\n        width: 70px;\r\n        position: absolute;\r\n        top:-2px;\r\n        left:-23px;\r\n        text-align: center;\r\n    }\r\n    .countryList .Japan--Map>div .city-Japan a{\r\n        font-weight: 600;\r\n        font-size: 14px;\r\n        color: #031257;\r\n    }\r\n    .countryList .Japan--Map>div .city-Japan a:hover{\r\n        text-decoration:none;\r\n    }\r\n    .countryList .Japan--Map .img-content {\r\n        display: none;\r\n    }\r\n    .countryList .Japan--Map .img-content img{\r\n        position: absolute;\r\n        width: 30px;\r\n        height: auto;\r\n        top: -34px;\r\n        left: -4px;\r\n        z-index:2;\r\n    }\r\n    .countryList .Japan--Map .city0{\r\n        top: 187px;\r\n        left: 222px;\r\n    }\r\n    .countryList .Japan--Map .city1{\r\n        top: 199px;\r\n        left: 235px;\r\n    }\r\n    .countryList .Japan--Map .city2{\r\n        top: 205px;\r\n        left: 189px;\r\n    }\r\n    .countryList .Japan--Map .city3{\r\n        top: 235px;\r\n        left: 146px;\r\n    }\r\n    .countryList .Japan--Map .city4{\r\n        top: 260px;\r\n        left: 94px;\r\n    }\r\n    .countryList .Japan--Map .city5{\r\n        top: 285px;\r\n        left: 81px;\r\n    }\r\n    .countryList .Japan--Map .city6{\r\n        top: 294px;\r\n        left: 43px;\r\n    }\r\n    .countryList .Japan--Map .city7{\r\n        top: 314px;\r\n        left: 51px;\r\n    }\r\n    .countryList .Japan--Map .city8{\r\n        top: 327px;\r\n        left: 81px;\r\n    }\r\n    .countryList .Japan--Map .city9{\r\n        top: 384px;\r\n        left: 67px;\r\n    }\r\n    .countryList .Japan--Map .city10{\r\n        top: 369px;\r\n        left: 97px;\r\n    }\r\n    .countryList .Japan--Map .city11{\r\n        top: 439px;\r\n        left: 73px;\r\n    }\r\n    .countryList .Japan--Map .city12{\r\n        top: 274px;\r\n        left: 183px;\r\n    }\r\n    .countryList .Japan--Map .city13{\r\n        top: 195px;\r\n        left: 363px;\r\n    }\r\n    .countryList .Japan--Map .city14{\r\n        top: 149px;\r\n        left: 409px;\r\n    }\r\n    .countryList .Japan--Map .city15{\r\n        top: 183px;\r\n        left: 305px;\r\n    }\r\n    .countryList .Japan--Map .Caribbean{\r\n        top: 226px;\r\n        left: 274px;\r\n    }\r\n    .Japan--MajorCities .MajorCities--Name{\r\n        width: 1138px;\r\n        height: auto;\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n    }\r\n    .Japan--MajorCities .MajorCities--Name ul{\r\n        width: 100%;\r\n    }\r\n    .Japan--MajorCities .MajorCities--Name li{\r\n        width: 99px;\r\n        height: 56px;\r\n        float: left;\r\n        border-right: 1px dotted #dbdbdb;\r\n        text-align: center;\r\n        line-height: 56px;\r\n        margin-top: 20px;\r\n    }\r\n    .Japan--MajorCities .MajorCities--Name li a{\r\n        color: #031257;\r\n        font-size: 14px;\r\n        font-weight:  600;\r\n        display:inline-block;\r\n        width:100%;\r\n    }\r\n    .MajorCities--Name .Visit--Route{\r\n        margin-top: -40px;\r\n        color: #666666;\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n    }\r\n    .MajorCities--Name .Visit--Route .Number{\r\n        color: #006ab7;\r\n        font-weight: 600;\r\n        margin-right: 3px;\r\n    }\r\n    .Taiwan--Place{\r\n        margin-top: 20px;\r\n    }\r\n    .country--container{\r\n        width: 100%;\r\n        position: relative;\r\n        top:-20px;\r\n    }\r\n    .nameBorder{\r\n        border-right: none !important;\r\n    }\r\n    .nameActive{\r\n        background: #fbc300;\r\n        border-radius: 5px;\r\n        cursor: pointer;\r\n    }\r\n    .nameActive a{\r\n        color: #000 !important;\r\n    }\r\n    .fontActive{\r\n        color: #fff !important;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n    }\r\n    .countryActive{\r\n        border-bottom: 3px solid #0e6bb3;\r\n        color: #0e6bb3;\r\n        cursor: pointer;\r\n        -webkit-transition: border-bottom .0s,color .5s;\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!./CountryList.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!./CountryList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CountryList.vue?vue&type=template&id=1743c818&scoped=true&\"\nimport script from \"./CountryList.vue?vue&type=script&lang=js&\"\nexport * from \"./CountryList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CountryList.vue?vue&type=style&index=0&id=1743c818&lang=less&scoped=true&\"\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  \"1743c818\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}