{"version":3,"sources":["webpack:///./src/views/Ships/ShipIndex.vue","webpack:///src/views/Ships/ShipIndex.vue","webpack:///./src/views/Ships/ShipIndex.vue?2d7e","webpack:///./src/views/Ships/ShipIndex.vue?a253","webpack:///./src/views/Ships/ShipIndex.vue?74a9"],"names":["render","_vm","this","_c","_self","ref","attrs","_m","staticClass","on","$event","changeMode","class","active","mode","_v","directives","name","rawName","value","expression","_l","ships","hp","ship","key","shipCode","row","isShowFixedMenu","staticStyle","staticRenderFns","ShipIndexItem","components","data","beforeMount","$store","commit","window","addEventListener","scrollHandler","beforeDestroy","removeEventListener","methods","setTimeout","scroll","top","behavior","scrollTop","scrollY","component"],"mappings":"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BACA,iBACA,+BACA,UACA,mEAEA,CACA,mBACA,cACA,iCACA,kBACA,iBACA,iBACA,+BACA,sEACA,gEAEA,CACA,oBACA,cACA,iCACA,eACA,iBACA,iBACA,+BACA,UACA,yEAGAI,IAAA,CACA,CACA,mBACA,kCACA,kBACA,+DACA,kEACA,iBACA,iBACA,eAEA,CACA,mBACA,iCACA,kBACA,+DACA,kEACA,iBACA,iBACA,eAEA,CACA,mBACA,gCACA,qBACA,+DACA,kEACA,iBACA,iBACA,eAEA,CACA,mBACA,gCACA,qBACA,+DACA,kEACA,iBACA,iBACA,eAEA,CACA,mBACA,iCACA,kBACA,+DACA,kEACA,iBACA,iBACA,eAEA,CACA,mBACA,iCACA,sBACA,+DACA,kEACA,iBACA,iBACA,eAEA,CACA,oBACA,iCACA,qBACA,+DACA,kEACA,iBACA,iBACA,eAEA,CACA,mBACA,iCACA,kBACA,+DACA,kEACA,iBACA,iBACA,eAEA,CACA,oBACA,kCACA,iBACA,+DACA,kEACA,iBACA,iBACA,eAEA,CACA,mBACA,+BACA,iBACA,+DACA,kEACA,iBACA,gBACA,eAEA,CACA,mBACA,kCACA,sBACA,+DACA,kEACA,iBACA,gBACA,eAEA,CACA,mBACA,kCACA,iBACA,+DACA,kEACA,iBACA,gBACA,mBAMAO,cACA,KAAAC,OAAAC,OAAA,yBACAC,OAAAC,iBAAA,cAAAC,gBAEAC,gBACAH,OAAAI,oBAAA,cAAAF,gBAEAG,QAAA,CACA/B,WAAAG,GACA,KAAAA,OACA6B,WAAA,KACAN,OAAAO,OAAA,CACAC,IAAA,OAAA/B,EAAA,QACAgC,SAAA,YAEA,MAEAP,gBACA,MAAAQ,EAAAV,OAAAW,QAGA,KAAApB,gBADAmB,GAAA,OCvQiW,I,wBCQ7VE,EAAY,eACd,EACAjD,EACA8B,GACA,EACA,KACA,WACA,MAIa,aAAAmB,E,2CCnBf","file":"js/chunk-114c2eab.a6635969.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"shipIndexPage\",attrs:{\"id\":\"shipIndexScroll\"}},[_vm._m(0),_c('div',{staticClass:\"shipIndex-carousel\"},[_c('div',{staticClass:\"swiper-container\"},[_c('div',{staticClass:\"swiper-wrapper\"},[_c('div',{staticClass:\"swiper-slide\"},[_c('div',{staticClass:\"swiper-slideDiv\",on:{\"click\":function($event){return _vm.changeMode('hp')}}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/0/0307/SH1.jpg\",\"alt\":\"中国出发\"}}),_c('div',{staticClass:\"swiper-slide-content\",class:{ active: _vm.mode == 'hp'}},[_c('span',[_vm._v(\"中国出发\")])])]),_c('div',{staticClass:\"swiper-slideDiv\",on:{\"click\":function($event){return _vm.changeMode('row')}}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/symphony/abroad.jpg\",\"alt\":\"海外出发\"}}),_c('div',{staticClass:\"swiper-slide-content\",class:{ active: _vm.mode == 'row'}},[_c('span',[_vm._v(\"海外出发\")])])])])])])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.mode=='hp'),expression:\"mode=='hp'\"}],staticClass:\"shipIndex-ship\"},[_vm._m(1),_vm._l((_vm.ships.hp),function(ship){return _c('ShipIndexItem',{key:ship.shipCode,attrs:{\"ship\":ship,\"isRow\":false}})})],2),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.mode=='row'),expression:\"mode=='row'\"}],staticClass:\"shipIndex-ship\"},[_vm._m(2),_vm._l((_vm.ships.row),function(ship){return _c('ShipIndexItem',{key:ship.shipCode,attrs:{\"ship\":ship,\"isRow\":true}})})],2),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShowFixedMenu),expression:\"isShowFixedMenu\"}],staticClass:\"shipIndex-fixMenu\"},[_c('div',{staticClass:\"shipIndex-fixMenu-item\",class:{ active: _vm.mode == 'hp'},staticStyle:{\"width\":\"50%\"},on:{\"click\":function($event){return _vm.changeMode('hp')}}},[_c('div',{staticClass:\"shipIndex-fixMenu-itemTxt\",class:{ active: _vm.mode == 'hp'}},[_vm._v(\"中国出发\")])]),_c('div',{staticClass:\"shipIndex-fixMenu-item\",class:{ active: _vm.mode == 'row'},staticStyle:{\"width\":\"50%\"},on:{\"click\":function($event){return _vm.changeMode('row')}}},[_c('div',{staticClass:\"shipIndex-fixMenu-itemTxt\"},[_vm._v(\"海外出发\")])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"shipIndex-banner\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileShip/banner.jpg\",\"alt\":\"皇家船队\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"shipIndex-ship-itemTitle\"},[_c('span',{staticClass:\"shipIndex-ship-itemTxt\"},[_vm._v(\"中国出发\")]),_c('div',{staticClass:\"shipIndex-ship-itemLines\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"shipIndex-ship-itemTitle\"},[_c('span',{staticClass:\"shipIndex-ship-itemTxt\"},[_vm._v(\"海外出发\")]),_c('div',{staticClass:\"shipIndex-ship-itemLines\"})])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div id=\"shipIndexScroll\" ref=\"shipIndexPage\">\r\n        <!--==== banner ====-->\r\n        <div class=\"shipIndex-banner\">\r\n            <img src=\"https://resource.rcclchina.com.cn/mobileShip/banner.jpg\" alt=\"皇家船队\" />\r\n        </div>\r\n        <!--==== carousel ====-->\r\n        <div class=\"shipIndex-carousel\">\r\n            <!-- Swiper -->\r\n            <div class=\"swiper-container\">\r\n                <div class=\"swiper-wrapper\">\r\n                    <!-- 每三个为一组 通过data-index来切换内容-->\r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"swiper-slideDiv\" @click=\"changeMode('hp')\">\r\n                            <img src=\"https://resource.rcclchina.com.cn/0/0307/SH1.jpg\" alt=\"中国出发\" />\r\n                            <div class=\"swiper-slide-content\" :class=\"{ active: mode == 'hp'}\">\r\n                                <span>中国出发</span>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"swiper-slideDiv\" @click=\"changeMode('row')\">\r\n                            <img src=\"https://resource.rcclchina.com.cn/symphony/abroad.jpg\" alt=\"海外出发\" />\r\n                            <div class=\"swiper-slide-content\" :class=\"{ active: mode == 'row'}\">\r\n                                <span>海外出发</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!--==== ship ====-->\r\n        <div class=\"shipIndex-ship\" v-show=\"mode=='hp'\">\r\n            <div class=\"shipIndex-ship-itemTitle\">\r\n                <span class=\"shipIndex-ship-itemTxt\">中国出发</span>\r\n                <div class=\"shipIndex-ship-itemLines\"></div>\r\n            </div>\r\n\r\n            <ShipIndexItem \r\n            v-for=\"ship in ships.hp\" :key=\"ship.shipCode\"\r\n            :ship=\"ship\"\r\n            :isRow=\"false\"\r\n            />\r\n\r\n        </div>\r\n        <div class=\"shipIndex-ship\" v-show=\"mode=='row'\">\r\n            <div class=\"shipIndex-ship-itemTitle\">\r\n                <span class=\"shipIndex-ship-itemTxt\">海外出发</span>\r\n                <div class=\"shipIndex-ship-itemLines\"></div>\r\n            </div>\r\n\r\n            <ShipIndexItem \r\n            v-for=\"ship in ships.row\" :key=\"ship.shipCode\"\r\n            :ship=\"ship\"\r\n            :isRow=\"true\"\r\n            />\r\n\r\n        </div>\r\n\r\n        <div class=\"shipIndex-fixMenu\" v-show=\"isShowFixedMenu\">\r\n            <div class=\"shipIndex-fixMenu-item\" style=\"width: 50%;\" \r\n            @click=\"changeMode('hp')\" :class=\"{ active: mode == 'hp'}\">\r\n                <div class=\"shipIndex-fixMenu-itemTxt\" :class=\"{ active: mode == 'hp'}\">中国出发</div>\r\n            </div>\r\n            <div class=\"shipIndex-fixMenu-item\" style=\"width: 50%;\" \r\n            @click=\"changeMode('row')\" :class=\"{ active: mode == 'row'}\">\r\n                <div class=\"shipIndex-fixMenu-itemTxt\" >海外出发</div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nconst ShipIndexItem = () => import('@/components/Ship/ShipIndexItem')\r\nexport default {\r\n    name: \"ShipIndex\",\r\n    components: {\r\n        ShipIndexItem\r\n    },\r\n    data () {\r\n        return {\r\n            mode: \"hp\",\r\n            isShowFixedMenu: false,\r\n            ships: {\r\n                hp: [\r\n                    {\r\n                        \"shipCNName\": \"海洋光谱号\",\r\n                        \"shipCode\": \"SC\",\r\n                        \"shipENName\": \"Spectrum of the Seas\",\r\n                        \"departure\": \"上海/香港\",\r\n                        \"capacity\": \"5,549\",\r\n                        \"weight\": \"168,666\",\r\n                        \"link\": \"/content/taste/ships/SC\",\r\n                        \"vrLink\": \"\",\r\n                        \"image\": \"https://resource.rcclchina.com.cn/SC/sc1459X552%20(1).jpg\"\r\n                    },\r\n                    {\r\n                        \"shipCNName\": \"海洋量子号\",\r\n                        \"shipCode\": \"QN\",\r\n                        \"shipENName\": \"Quantum of the Seas\",\r\n                        \"departure\": \"天津/香港\",\r\n                        \"capacity\": \"4,905\",\r\n                        \"weight\": \"168,000\",\r\n                        \"link\": \"/content/taste/ships/QN\",\r\n                        \"vrLink\": \"https://www.rcclchina.com.cn/campaign/qnvr/lzvtour/tour.html\",\r\n                        \"image\": \"https://resource.rcclchina.com.cn/Ship/shipPage/QN.jpg\"\r\n                    },\r\n                    {\r\n                        \"shipCNName\": \"海洋航行者号\",\r\n                        \"shipCode\": \"VY\",\r\n                        \"shipENName\": \"Voyager of the Seas\",\r\n                        \"departure\": \"香港\",\r\n                        \"capacity\": \"4,269\",\r\n                        \"weight\": \"138,000\",\r\n                        \"link\": \"/content/taste/ships/VY\",\r\n                        \"vrLink\": \"\",\r\n                        \"image\": \"https://resource.rcclchina.com.cn/MobileShipImage/shipImg3.jpg\"\r\n                    },\r\n                ],\r\n                row: [\r\n                    {\r\n                        \"shipCNName\": \"海洋交响号\",\r\n                        \"shipENName\": \"Symphony of the Seas\",\r\n                        \"departure\": \"加勒比航线\",\r\n                        \"image\": \"https://resource.rcclchina.com.cn/Ship/shipPage/SY.jpg\",\r\n                        \"link\": \"https://mobile.rclrow.com/Cruise/MobileSearch?shipCodes=SY\",\r\n                        \"capacity\": \"6,680\",\r\n                        \"weight\": \"225,000\",\r\n                        \"shipCode\": \"SY\"\r\n                    },\r\n                    {\r\n                        \"shipCNName\": \"海洋和悦号\",\r\n                        \"shipENName\": \"Harmony of the Seas\",\r\n                        \"departure\": \"加勒比航线\",\r\n                        \"image\": \"https://resource.rcclchina.com.cn/Ship/shipPage/HM.jpg\",\r\n                        \"link\": \"https://mobile.rclrow.com/Cruise/MobileSearch?shipCodes=HM\",\r\n                        \"capacity\": \"7,029\",\r\n                        \"weight\": \"225,000\",\r\n                        \"shipCode\": \"HM\"\r\n                    },\r\n                    {\r\n                        \"shipCNName\": \"海洋魅力号\",\r\n                        \"shipENName\": \"Allure of the Seas\",\r\n                        \"departure\": \"加勒比/欧洲航线\",\r\n                        \"image\": \"https://resource.rcclchina.com.cn/Ship/shipPage/AL.jpg\",\r\n                        \"link\": \"https://mobile.rclrow.com/Cruise/MobileSearch?shipCodes=AL\",\r\n                        \"capacity\": \"6,780\",\r\n                        \"weight\": \"225,000\",\r\n                        \"shipCode\": \"AL\"\r\n                    },\r\n                    {\r\n                        \"shipCNName\": \"海洋绿洲号\",\r\n                        \"shipENName\": \"Oasis of the Seass\",\r\n                        \"departure\": \"加勒比/欧洲航线\",\r\n                        \"image\": \"https://resource.rcclchina.com.cn/Ship/shipPage/OA.jpg\",\r\n                        \"link\": \"https://mobile.rclrow.com/Cruise/MobileSearch?shipCodes=OA\",\r\n                        \"capacity\": \"6,780\",\r\n                        \"weight\": \"225,000\",\r\n                        \"shipCode\": \"OA\"\r\n                    },\r\n                    {\r\n                        \"shipCNName\": \"海洋量子号\",\r\n                        \"shipENName\": \"Quantum of the Seas\",\r\n                        \"departure\": \"新加坡航线\",\r\n                        \"image\": \"https://resource.rcclchina.com.cn/Ship/shipPage/QN.jpg\",\r\n                        \"link\": \"https://mobile.rclrow.com/Cruise/MobileSearch?shipCodes=QN\",\r\n                        \"capacity\": \"4,905\",\r\n                        \"weight\": \"168,000\",\r\n                        \"shipCode\": \"QN\"\r\n                    },\r\n                    {\r\n                        \"shipCNName\": \"海洋赞礼号\",\r\n                        \"shipENName\": \"Ovation of the Seas\",\r\n                        \"departure\": \"阿拉斯加/澳新航线\",\r\n                        \"image\": \"https://resource.rcclchina.com.cn/Ship/shipPage/OV.jpg\",\r\n                        \"link\": \"https://mobile.rclrow.com/Cruise/MobileSearch?shipCodes=OV\",\r\n                        \"capacity\": \"4,905\",\r\n                        \"weight\": \"168,000\",\r\n                        \"shipCode\": \"OV\"\r\n                    },\r\n                    {\r\n                        \"shipCNName\": \"海洋航行者号\",\r\n                        \"shipENName\": \"Voyager of the Seas\",\r\n                        \"departure\": \"新加坡/澳新航线\",\r\n                        \"image\": \"https://resource.rcclchina.com.cn/Ship/shipPage/VY.jpg\",\r\n                        \"link\": \"https://mobile.rclrow.com/Cruise/MobileSearch?shipCodes=VY\",\r\n                        \"capacity\": \"4,269\",\r\n                        \"weight\": \"138,000\",\r\n                        \"shipCode\": \"VY\"\r\n                    },\r\n                    {\r\n                        \"shipCNName\": \"海洋水手号\",\r\n                        \"shipENName\": \"Mariner of the Seas\",\r\n                        \"departure\": \"加勒比航线\",\r\n                        \"image\": \"https://resource.rcclchina.com.cn/Ship/shipPage/MA.jpg\",\r\n                        \"link\": \"https://mobile.rclrow.com/Cruise/MobileSearch?shipCodes=MA\",\r\n                        \"capacity\": \"4,000\",\r\n                        \"weight\": \"138,000\",\r\n                        \"shipCode\": \"MA\"\r\n                    },\r\n                    {\r\n                        \"shipCNName\": \"海洋探险者号\",\r\n                        \"shipENName\": \"Explorer of the Seas\",\r\n                        \"departure\": \"欧洲航线\",\r\n                        \"image\": \"https://resource.rcclchina.com.cn/Ship/shipPage/EX.jpg\",\r\n                        \"link\": \"https://mobile.rclrow.com/Cruise/MobileSearch?shipCodes=EX\",\r\n                        \"capacity\": \"4,290\",\r\n                        \"weight\": \"138,000\",\r\n                        \"shipCode\": \"EX\"\r\n                    },\r\n                    {\r\n                        \"shipCNName\": \"海洋珠宝号\",\r\n                        \"shipENName\": \"Jewel of the Seas\",\r\n                        \"departure\": \"欧洲航线\",\r\n                        \"image\": \"https://resource.rcclchina.com.cn/Ship/shipPage/JW.jpg\",\r\n                        \"link\": \"https://mobile.rclrow.com/Cruise/MobileSearch?shipCodes=JW\",\r\n                        \"capacity\": \"2,702\",\r\n                        \"weight\": \"90,000\",\r\n                        \"shipCode\": \"JW\"\r\n                    },\r\n                    {\r\n                        \"shipCNName\": \"海洋灿烂号\",\r\n                        \"shipENName\": \"Radiance of the Seas\",\r\n                        \"departure\": \"阿拉斯加/澳新航线\",\r\n                        \"image\": \"https://resource.rcclchina.com.cn/Ship/shipPage/RD.jpg\",\r\n                        \"link\": \"https://mobile.rclrow.com/Cruise/MobileSearch?shipCodes=RD\",\r\n                        \"capacity\": \"2,466\",\r\n                        \"weight\": \"90,000\",\r\n                        \"shipCode\": \"RD\"\r\n                    },\r\n                    {\r\n                        \"shipCNName\": \"海洋迎风号\",\r\n                        \"shipENName\": \"Rhapsody of the seas\",\r\n                        \"departure\": \"欧洲航线\",\r\n                        \"image\": \"https://resource.rcclchina.com.cn/Ship/shipPage/RH.jpg\",\r\n                        \"link\": \"https://mobile.rclrow.com/Cruise/MobileSearch?shipCodes=RH\",\r\n                        \"capacity\": \"2,416\",\r\n                        \"weight\": \"78,000\",\r\n                        \"shipCode\": \"RH\"\r\n                    }\r\n                ]\r\n            }\r\n        }\r\n    },\r\n    beforeMount () {\r\n        this.$store.commit('SET_PAGE_TITLE', '皇家船队')\r\n        window.addEventListener(\"scroll\", this.scrollHandler)\r\n    },\r\n    beforeDestroy () {\r\n        window.removeEventListener(\"scroll\", this.scrollHandler)\r\n    },\r\n    methods: {\r\n        changeMode (mode) {\r\n            this.mode = mode\r\n            setTimeout(()=> {\r\n                window.scroll({\r\n                    top: mode == 'row' ? 223: 106, \r\n                    behavior: 'smooth'\r\n                })\r\n            }, 100)\r\n        },\r\n        scrollHandler () {\r\n            const scrollTop = window.scrollY\r\n            // console.log(scrollTop)\r\n            if (scrollTop >= 223) {\r\n                this.isShowFixedMenu = true\r\n            } else {\r\n                this.isShowFixedMenu = false\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n/*\r\n    ============ 船队页面 ============\r\n    border-color:#eee;\r\n*/\r\n\r\n#shipIndexScroll {\r\n    background-color:#fff;\r\n    padding-bottom:88px;\r\n}\r\n/**** banner ****/\r\n.shipIndex-banner {\r\n    width:375px;\r\n    height:187.5px;\r\n}\r\n.shipIndex-banner img{\r\n    width:100%;\r\n}\r\n/**** carousel ****/\r\n.shipIndex-carousel {\r\n    padding:0 12px;\r\n    margin-top:-37px;\r\n}\r\n.swiper-container {\r\n    padding-bottom:0;\r\n}\r\n.swiper-slide {    \r\n    height: 120px;\r\n    overflow:hidden;\r\n}\r\n.swiper-slide > div {\r\n    float: left;\r\n    height: 120px;\r\n    position:relative;\r\n    width: 50%;\r\n}\r\n.swiper-slide img {\r\n    width: 100%;\r\n}\r\n.swiper-slide-content {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0,0,0,.6);\r\n    display: flex;\r\n    display: -webkit-flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.swiper-slide-content span{\r\n    font-size:12px;\r\n    color:#fff;\r\n    width:57px;\r\n    text-align:center;\r\n    display:inline-block;\r\n    text-align:center;\r\n    letter-spacing:1px;\r\n}\r\n.swiper-slide-content.active {\r\n    background-color: rgba(240,175,17,.7);\r\n}\r\n.swiper-slide-content.active span {\r\n    font-size: 15px;\r\n    color: #061556;\r\n    font-weight:bolder;\r\n    width:100%;\r\n    padding:0 10px;\r\n}\r\n.swiper-button-prev {\r\n    background: url('https://resource.rcclchina.com.cn/mobileShip/carouselLeftArrow.png') no-repeat !important;\r\n    top: 48%;\r\n    width:11px;\r\n}\r\n.swiper-button-next {\r\n    background: url('https://resource.rcclchina.com.cn/mobileShip/carouselRightArrow.png') no-repeat !important;\r\n    top: 48%;\r\n    width: 11px;\r\n    transform: rotate(180deg);\r\n    -webkit-transform: rotate(180deg);\r\n    -moz-transform: rotate(180deg);\r\n    -o-transform: rotate(180deg);\r\n}\r\n\r\n.shipIndex-ship {\r\n    padding:0 12px;\r\n    margin-top:25px;\r\n    padding-bottom:15px;\r\n}\r\n\r\n.shipIndex-ship-itemTitle {\r\n    position: relative;\r\n    text-align: center;\r\n}\r\n\r\n.shipIndex-ship-itemTxt {\r\n    font-size: 13px;\r\n    color: #061556;\r\n    padding: 0 7px;\r\n    background-color: #fff;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.shipIndex-ship-itemLines {\r\n    width: 100%;\r\n    position: absolute;\r\n    top: 12px;\r\n    background-color: #f0af11;\r\n    height: 1px;\r\n}\r\n/**** ship fix menu ****/\r\n.shipIndex-fixMenu {\r\n    position: fixed;\r\n    top: 44px;\r\n    left: 0;\r\n    width: 100%;\r\n    background-color: #f2f2f2;\r\n    z-index:66;\r\n}\r\n.shipIndex-fixMenu-item {\r\n    padding: 11px 0;\r\n    width: 25%;\r\n    line-height: 31px;\r\n    text-align: center;\r\n    display: inline-block;\r\n    margin-left:-6px;\r\n}\r\n.shipIndex-fixMenu-item.active {\r\n    background-color: #f0af11;\r\n}\r\n.shipIndex-fixMenu-item.active .shipIndex-fixMenu-itemTxt {\r\n    color: #061556;\r\n    font-size: 13px;\r\n    border-right: 1px solid #f0af11;\r\n}\r\n.shipIndex-fixMenu-itemTxt {\r\n    border-right: 1px solid #8b8b8b;\r\n    color: #666;\r\n    font-size:11px;\r\n}\r\n.shipIndex-fixMenu-item:last-child .shipIndex-fixMenu-itemTxt {\r\n    border: none !important;\r\n}\r\n</style>","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!./ShipIndex.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!./ShipIndex.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ShipIndex.vue?vue&type=template&id=53968ab9&scoped=true\"\nimport script from \"./ShipIndex.vue?vue&type=script&lang=js\"\nexport * from \"./ShipIndex.vue?vue&type=script&lang=js\"\nimport style0 from \"./ShipIndex.vue?vue&type=style&index=0&id=53968ab9&prod&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  \"53968ab9\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShipIndex.vue?vue&type=style&index=0&id=53968ab9&prod&lang=less&scoped=true\""],"sourceRoot":""}