{"version":3,"sources":["webpack:///./src/components/Ship/ShipDetailBanner.vue?2e63","webpack:///./src/components/Ship/ShipDetailBanner.vue?dd61","webpack:///src/components/Ship/ShipDetailBanner.vue","webpack:///./src/components/Ship/ShipDetailBanner.vue?f3ad","webpack:///./src/components/Ship/ShipDetailBanner.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","ship","title","subTitle","attrs","_l","banner","i","key","class","active","hasVr","vrUrl","on","$event","isShowVrQrCode","directives","name","rawName","value","expression","_m","_e","contentTitle","contentSubTitle","content","staticStyle","capacity","weight","videoUrl","videoCover","speed","shipLength","shipWidth","shipExplain","firstTime","departPort","staticRenderFns","component"],"mappings":"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","file":"js/chunk-7c976012.e7ba1721.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!./ShipDetailBanner.vue?vue&type=style&index=0&id=4f1611a5&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!./ShipDetailBanner.vue?vue&type=style&index=0&id=4f1611a5&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.ship)?_c('div',{staticClass:\"rcclQN\"},[_c('div',{staticClass:\"royalBannerTitle\"},[_vm._v(_vm._s(_vm.ship.title))]),_c('div',{staticClass:\"royalBannerTxt\"},[_vm._v(_vm._s(_vm.ship.subTitle))]),_c('section',{staticClass:\"homeBanner mainSite clearfix\",attrs:{\"role\":\"home-topBanner\"}},[_c('div',{staticClass:\"carousel slide\",attrs:{\"id\":\"topBanner\",\"data-ride\":\"carousel\",\"data-pause\":\"false\"}},[_c('ol',{staticClass:\"carousel-indicators\"},_vm._l((_vm.banners),function(banner,i){return _c('li',{key:('banner_dot_'+i),class:{ active: i==0},attrs:{\"data-target\":\"#topBanner\",\"data-slide-to\":i}})}),0),_c('div',{staticClass:\"carousel-inner\",attrs:{\"role\":\"listbox\"}},[_c('div',{staticClass:\"section--bg\"}),_vm._l((_vm.banners),function(banner,i){return _c('div',{key:('banner_'+i),staticClass:\"item\",class:{ active: i==0}},[_c('img',{attrs:{\"alt\":_vm.ship.title,\"src\":banner}}),_c('div',{staticClass:\"banner_activity\"})])}),(_vm.ship.hasVr&&_vm.ship.vrUrl)?_c('div',{staticClass:\"banner_activity\"},[_c('div',{staticClass:\"banner_VRbtn\"},[_c('a',{attrs:{\"href\":_vm.ship.vrUrl,\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/rcclQN/image/banner_VRbtn.png\"},on:{\"mouseenter\":function($event){_vm.isShowVrQrCode=true},\"mouseleave\":function($event){_vm.isShowVrQrCode=false}}})])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShowVrQrCode),expression:\"isShowVrQrCode\"}],staticClass:\"banner_VRTxt\"},[_vm._m(0)])]):_c('div',{staticClass:\"banner_activity\"},[_c('div',{staticClass:\"banner_VRbtn\"},[_c('router-link',{staticClass:\"cruiseBtn\",attrs:{\"to\":\"/Rccl.Cruise/CruiseSearch/Search?offset=0&departureCodes=SIN\",\"target\":\"_blank\"}},[_vm._v(\"查看全部航线\")])],1)])],2)])])]):_vm._e(),_c('div',{staticClass:\"rcclQN\"},[_c('div',{staticClass:\"rcclQN__shipIntro\"},[_c('div',{staticClass:\"shipIntro__txtCon\"},[_c('div',{staticClass:\"shipIntro__txtCon_left\"},[_c('p',{staticClass:\"txt--blueB\"},[_vm._v(_vm._s(_vm.ship.contentTitle))]),_c('p',{staticClass:\"txt--GrayB\"},[_vm._v(_vm._s(_vm.ship.contentSubTitle))]),_c('p',{staticClass:\"txt--GrayS\"},[_vm._v(\" \"+_vm._s(_vm.ship.content)+\" \")])]),_c('div',{staticClass:\"shipIntro__txtCon_right\"},[_c('div',{staticClass:\"shipIntro__txtCon_passengerNumber\"},[_vm._m(1),_c('div',{staticClass:\"passengerNumber__number\"},[_c('p',{staticClass:\"rcclQN__number\",staticStyle:{\"color\":\"#333333\",\"font-weight\":\"500\"}},[_vm._v(_vm._s(_vm.ship.capacity))]),_c('p',{staticStyle:{\"color\":\"#333333\",\"font-weight\":\"500\"}},[_vm._v(\"载客人数\")])])]),_c('div',{staticClass:\"shipIntro__txtCon_shipWeight\"},[_vm._m(2),_c('div',{staticClass:\"shipWeight__number\"},[_c('p',{staticClass:\"rcclQN__number\",staticStyle:{\"color\":\"#333333\",\"font-weight\":\"500\"}},[_vm._v(_vm._s(_vm.ship.weight))]),_c('p',{staticStyle:{\"color\":\"#333333\",\"font-weight\":\"500\"}},[_vm._v(\"吨位\")])])])])]),_c('div',{staticClass:\"shipIntro__vedioCon\"},[_c('div',{staticClass:\"video\"},[_c('video',{staticClass:\"pvideo-content\",attrs:{\"controls\":\"\",\"src\":_vm.ship.videoUrl,\"poster\":_vm.ship.videoCover,\"width\":\"100%\",\"height\":\"100%\"}}),_c('div',{staticClass:\"close-button\"})]),_c('div',{staticClass:\"close-button\"})])]),_c('div',{staticClass:\"shipIntro__iconCon\",staticStyle:{\"height\":\"470px\",\"margin-top\":\"-220px\"}},[_vm._m(3),_c('div',{staticClass:\"shipIntro__iconInfo \"},[_c('div',{staticClass:\"shipIntro__iconInfoContainer\"},[_c('div',{staticClass:\"shipIntro__iconSpeed shipIntro--icon\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/rcclQN/image/infoSpeed.png\"}}),_c('p',[_c('span',[_vm._v(_vm._s(_vm.ship.speed))]),_vm._v(\"节\")]),_c('p',[_vm._v(\"航速\")])]),_c('div',{staticClass:\"shipIntro__iconLength shipIntro--icon\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/rcclQN/image/infoLength.png\"}}),_c('p',[_c('span',[_vm._v(_vm._s(_vm.ship.shipLength))]),_vm._v(\"米\")]),_c('p',[_vm._v(\"长度\")])]),_c('div',{staticClass:\"shipIntro__iconWidth shipIntro--icon\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/rcclQN/image/infoWidth.png\"}}),_c('p',[_c('span',[_vm._v(_vm._s(_vm.ship.shipWidth))]),_vm._v(\"米\")]),_c('p',[_vm._v(\"宽度\")])]),_c('div',{staticClass:\"shipIntro__iconMadeIn shipIntro--icon\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/rcclQN/image/infoMadeIn.png\"}}),_c('p',{staticStyle:{\"font-size\":\"18px\",\"height\":\"36px\"}},[_vm._v(_vm._s(_vm.ship.shipExplain))]),_c('p',[_vm._v(\"船厂建造\")])]),_c('div',{staticClass:\"shipIntro__iconShip shipIntro--icon\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/rcclQN/image/infoShip.png\"}}),_c('p',[_c('span',[_vm._v(_vm._s(_vm.ship.firstTime))])]),_c('p',[_vm._v(_vm._s(_vm.ship.departPort))])])])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bannerVR_content\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/QN%E8%88%B9%E9%98%9F/VR%20%E4%BA%8C%E7%BB%B4%E7%A0%81.jpg\"}}),_c('div',{staticClass:\"vrtext\"},[_vm._v(\"手机扫一扫，体验更方便\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"passengerNumber__pic\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/rcclQN/image/passengerNumber_3.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shipWeight__pic\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/rcclQN/image/shipWeight_3.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shipIntro__iconBg\",staticStyle:{\"height\":\"424px\"}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/rcclQN/image/infoBg.jpg\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <div class=\"rcclQN\" v-if=\"ship\">\r\n            <div class=\"royalBannerTitle\">{{ship.title}}</div>\r\n            <div class=\"royalBannerTxt\">{{ship.subTitle}}</div>\r\n            <section class=\"homeBanner mainSite clearfix\" role=\"home-topBanner\">\r\n                <div class=\"carousel slide\" id=\"topBanner\" data-ride=\"carousel\" data-pause=\"false\">\r\n                    <!-- Indicators -->\r\n                    <ol class=\"carousel-indicators\">\r\n                        <li :class=\"{ active: i==0}\" v-for=\"(banner, i) in banners\" :key=\"('banner_dot_'+i)\"\r\n                            data-target=\"#topBanner\" :data-slide-to=\"i\">\r\n                        </li>\r\n                    </ol>\r\n\r\n                    <div class=\"carousel-inner\" role=\"listbox\">\r\n                        <div class=\"section--bg\"></div>\r\n                        <div class=\"item\" :class=\"{ active: i==0}\" v-for=\"(banner, i) in banners\" :key=\"('banner_'+i)\" >\r\n                            <!--<a class=\"hold_link\" onclick=\"\" href=\"#\"> </a>-->\r\n                            <img :alt=\"ship.title\" :src=\"banner\">\r\n                            <div class=\"banner_activity\">\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"banner_activity\" v-if=\"ship.hasVr&&ship.vrUrl\">\r\n                            <div class=\"banner_VRbtn\" >\r\n                                <a :href=\"ship.vrUrl\" target=\"_blank\" class=\"\" style=\"\">\r\n                                    <img src=\"https://resource.rcclchina.com.cn/rcclQN/image/banner_VRbtn.png\"\r\n                                    @mouseenter=\"isShowVrQrCode=true\" @mouseleave=\"isShowVrQrCode=false\"/>\r\n                                </a>\r\n                            </div>\r\n                            <div class=\"banner_VRTxt\" v-show=\"isShowVrQrCode\">\r\n                                <div class=\"bannerVR_content\">\r\n                                    <img src=\"https://resource.rcclchina.com.cn/QN%E8%88%B9%E9%98%9F/VR%20%E4%BA%8C%E7%BB%B4%E7%A0%81.jpg\">\r\n                                    <div class=\"vrtext\">手机扫一扫，体验更方便</div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"banner_activity\" v-else>\r\n                            <div class=\"banner_VRbtn\">\r\n<!--                              <router-link :to=\"`/Rccl.Cruise/CruiseSearch/Search?ShipCodes=${ship.shipCode}`\" target=\"_blank\" class=\"cruiseBtn\" style=\"\">查看全部航线</router-link>-->\r\n<!--                                <a href=\"https://www.rclrow.com/Cruise/Search?offset=0&departureCodes=SIN\" target=\"_blank\" class=\"cruiseBtn\" style=\"\">查看全部航线</a>-->\r\n                              <router-link :to=\"`/Rccl.Cruise/CruiseSearch/Search?offset=0&departureCodes=SIN`\" target=\"_blank\" class=\"cruiseBtn\" style=\"\">查看全部航线</router-link>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <!-- /.carousel -->\r\n                </div>\r\n            </section>\r\n        </div>\r\n        <div class=\"rcclQN\">\r\n            <div class=\"rcclQN__shipIntro\">\r\n                <div class=\"shipIntro__txtCon\">\r\n                    <div class=\"shipIntro__txtCon_left\">\r\n                        <p class=\"txt--blueB\">{{ship.contentTitle}}</p>\r\n                        <p class=\"txt--GrayB\">{{ship.contentSubTitle}}</p>\r\n                        <p class=\"txt--GrayS\">\r\n                            {{ship.content}}\r\n                        </p>\r\n                    </div>\r\n                    <div class=\"shipIntro__txtCon_right\">\r\n                        <div class=\"shipIntro__txtCon_passengerNumber\">\r\n                            <div class=\"passengerNumber__pic\"><img\r\n                                    src=\"https://resource.rcclchina.com.cn/rcclQN/image/passengerNumber_3.png\"></div>\r\n                            <div class=\"passengerNumber__number\">\r\n                                <p class=\"rcclQN__number\" style=\"color: #333333; font-weight: 500;\">{{ship.capacity}}</p>\r\n                                <p style=\"color: #333333; font-weight: 500;\">载客人数</p>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"shipIntro__txtCon_shipWeight\">\r\n                            <div class=\"shipWeight__pic\"><img\r\n                                    src=\"https://resource.rcclchina.com.cn/rcclQN/image/shipWeight_3.png\"></div>\r\n                            <div class=\"shipWeight__number\">\r\n                                <p class=\"rcclQN__number\" style=\"color: #333333; font-weight: 500;\">{{ship.weight}}</p>\r\n                                <p style=\"color: #333333; font-weight: 500;\">吨位</p>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"shipIntro__vedioCon\">\r\n                    <div class=\"video\">\r\n                        <video controls=\"\"\r\n                            :src=\"ship.videoUrl\"\r\n                            :poster=\"ship.videoCover\"\r\n                            width=\"100%\" height=\"100%\" class=\"pvideo-content\"></video>\r\n\r\n                        <div class=\"close-button\"></div>\r\n                    </div>\r\n                    <div class=\"close-button\"></div>\r\n                </div>\r\n            </div>\r\n            <div class=\"shipIntro__iconCon\" style=\"height: 470px; margin-top: -220px;\">\r\n                <div class=\"shipIntro__iconBg\" style=\"height: 424px;\">\r\n                    <img src=\"https://resource.rcclchina.com.cn/rcclQN/image/infoBg.jpg\">\r\n                </div>\r\n                <div class=\"shipIntro__iconInfo \">\r\n                    <div class=\"shipIntro__iconInfoContainer\">\r\n                        <div class=\"shipIntro__iconSpeed shipIntro--icon\">\r\n                            <img src=\"https://resource.rcclchina.com.cn/rcclQN/image/infoSpeed.png\">\r\n                            <p><span>{{ship.speed}}</span>节</p>\r\n                            <p>航速</p>\r\n                        </div>\r\n                        <div class=\"shipIntro__iconLength shipIntro--icon\">\r\n                            <img src=\"https://resource.rcclchina.com.cn/rcclQN/image/infoLength.png\">\r\n                            <p><span>{{ship.shipLength}}</span>米</p>\r\n                            <p>长度</p>\r\n                        </div>\r\n                        <div class=\"shipIntro__iconWidth shipIntro--icon\">\r\n                            <img src=\"https://resource.rcclchina.com.cn/rcclQN/image/infoWidth.png\">\r\n                            <p><span>{{ship.shipWidth}}</span>米</p>\r\n                            <p>宽度</p>\r\n                        </div>\r\n                        <div class=\"shipIntro__iconMadeIn shipIntro--icon\">\r\n                            <img src=\"https://resource.rcclchina.com.cn/rcclQN/image/infoMadeIn.png\">\r\n                            <p style=\"font-size: 18px; height: 36px;\">{{ship.shipExplain}}</p>\r\n                            <p>船厂建造</p>\r\n                        </div>\r\n                        <div class=\"shipIntro__iconShip shipIntro--icon\">\r\n                            <img src=\"https://resource.rcclchina.com.cn/rcclQN/image/infoShip.png\">\r\n                            <p><span>{{ship.firstTime}}</span></p>\r\n                            <p>{{ship.departPort}}</p>\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\nexport default {\r\n    name: \"ShipDetailBanner\",\r\n    props: {\r\n        ship: {\r\n            type: Object,\r\n            default () {\r\n                return {}\r\n            }\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            isShowVrQrCode: false\r\n        }\r\n    },\r\n    mounted () {\r\n\r\n    },\r\n    beforeDestroy () {\r\n\r\n    },\r\n    methods: {\r\n\r\n    },\r\n    computed: {\r\n        banners () {\r\n            return this.ship.bannerImages || []\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.rcclQN {\r\n    width: 100%;\r\n    background: #f5f5f5;\r\n    color: #fff;\r\n    position: relative;\r\n    z-index: 1;\r\n    .royalBannerTitle {\r\n        font-size: 32px;\r\n        z-index: 2;\r\n        position: absolute;\r\n        top: 40%;\r\n        width: 100%;\r\n        text-align: center;\r\n        font-weight: 500;\r\n    }\r\n    .royalBannerTxt {\r\n        font-size: 16px;\r\n        z-index: 2;\r\n        position: absolute;\r\n        top: 50%;\r\n        width: 100%;\r\n        text-align: center;\r\n    }\r\n    .carousel-indicators {\r\n        position: absolute;\r\n        bottom: 40%;\r\n        right: 92px;\r\n        left: auto;\r\n        z-index: 15;\r\n        width: 30px;\r\n        padding: 25px 8px;\r\n        /* margin-left: -5%; */\r\n        text-align: center;\r\n        list-style: none;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        border-radius: 15px;\r\n        margin-right: 0;\r\n        li {\r\n            width: 10px;\r\n            height: 10px;\r\n            margin: 5px 1px;\r\n            text-indent: -999px;\r\n            cursor: pointer;\r\n            background-color: #fff;\r\n            border-radius: 10px;\r\n        }\r\n        .active {\r\n            width: 12px;\r\n            height: 20px;\r\n            margin: 0;\r\n            background-color: #fbba31;\r\n        }\r\n    }\r\n\r\n     .section--bg {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(0,0,0,0.3);\r\n        z-index: 1;\r\n    }\r\n    .banner_activity {\r\n        width: 100%;\r\n        position: absolute;\r\n        bottom: 10.87%;\r\n        left: 0;\r\n        z-index: 10;\r\n        .banner_VRbtn {\r\n            width: 100%;\r\n            text-align: center;\r\n            img {\r\n                width: 10.89%;\r\n            }\r\n            .cruiseBtn {\r\n                position: relative;\r\n                width: 143px;\r\n                height: 37px;\r\n                background: #FBBB02;\r\n                display: block;\r\n                margin: auto;\r\n                color: black;\r\n                font-size: 15px;\r\n                line-height: 37px;\r\n                font-weight: 500;\r\n                &:hover{\r\n                    text-decoration: none;\r\n                }\r\n            }\r\n        }\r\n        .banner_VRTxt {\r\n            position: relative;\r\n            text-align: center;\r\n            bottom: 264px;\r\n            .bannerVR_content {\r\n                width: 200px;\r\n                margin: 15px auto 0;\r\n                padding: 10px 0;\r\n                background: #fff;\r\n                img {\r\n                    width: 150px;\r\n                }\r\n                .vrtext {\r\n                    font-size: 14px;\r\n                    line-height: normal;\r\n                    color: #000;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .rcclQN__shipIntro {\r\n        width: 100%;\r\n        .shipIntro__txtCon {\r\n            width: 59.375%;\r\n            min-width: 1024px;\r\n            margin: 0 auto;\r\n            padding: 28px 8.25% 24px 0px;\r\n            overflow: hidden;\r\n            .shipIntro__txtCon_left {\r\n                width: 78%;\r\n                float: left;\r\n            }\r\n            .shipIntro__txtCon_right {\r\n                float: right;\r\n                padding-top: 14px;\r\n                .shipIntro__txtCon_passengerNumber {\r\n                    overflow: hidden;\r\n                    .passengerNumber__pic {\r\n                        width: 79px;\r\n                        height: 55px;\r\n                        display: inline-block;\r\n                        vertical-align: bottom;\r\n                    }\r\n                    .passengerNumber__number {\r\n                        display: inline-block;\r\n                        text-align: center;\r\n                        p {\r\n                            color: #fff;\r\n                            font-size: 14px;\r\n                            margin-bottom: 0px;\r\n                        }\r\n                    }\r\n\r\n                }\r\n                .shipIntro__txtCon_shipWeight {\r\n                    overflow: hidden;\r\n                    margin-top: 38px;\r\n                    .shipWeight__pic {\r\n                        width: 72px;\r\n                        height: 57px;\r\n                        display: inline-block;\r\n                        vertical-align: bottom;\r\n                    }\r\n                    .shipWeight__number {\r\n                        display: inline-block;\r\n                        text-align: center;\r\n                        p {\r\n                            color: #fff;\r\n                            font-size: 14px;\r\n                            margin-bottom: 0px;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .shipIntro__vedioCon {\r\n            width: 59.375%;\r\n            min-width: 1024px;\r\n            margin: 0 auto;\r\n            background: #fff;\r\n            padding: 40px;\r\n            border: 2px solid #eaeaea;\r\n            border-radius: 4px;\r\n            position: relative;\r\n            z-index: 111;\r\n        }\r\n    }\r\n\r\n    .shipIntro__iconCon {\r\n        width: 100%;\r\n        height: 540px;\r\n        margin-top: -270px;\r\n        position: relative;\r\n        .shipIntro__iconBg {\r\n            width: 100%;\r\n            height: 534px;\r\n            img {\r\n                width: 100%;\r\n                height: 100%;\r\n            }\r\n        }\r\n        .shipIntro__iconInfo {\r\n            width: 100%;\r\n            position: absolute;\r\n            bottom: 70px;\r\n            text-align: center;\r\n            overflow: hidden;\r\n            .shipIntro__iconInfoContainer {\r\n                width: 59.375%;\r\n                min-width: 1024px;\r\n                margin: 0 auto;\r\n                .shipIntro--icon {\r\n                    width: 19%;\r\n                    display: inline-block;\r\n                    img {\r\n                        width: 39px;\r\n                        height: 37px;\r\n                        margin-bottom: 26px;\r\n                    }\r\n                    p {\r\n                        color: #fff;\r\n                        font-size: 14px;\r\n                    }\r\n                    span {\r\n                        color: #fff;\r\n                        font-family: arial;\r\n                        font-size: 24px;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.rccl_bga{\r\n\tbackground: #000;\r\n\topacity: 0.8;\r\n}\r\n.rcclQN__number{\r\n\tfont-size: 24px !important;\r\n}\r\n.txt--blueB{\r\n\tfont-size: 36px;\r\n\tfont-weight: bold;\r\n\tcolor: #000f57;\r\n}\r\n.txt--GrayB{\r\n\tfont-size: 24px;\r\n\tfont-weight: bold;\r\n\tcolor: #666666;\r\n}\r\n.txt--GrayS{\r\n\tfont-size: 14px;\r\n\tcolor: #666666;\r\n}\r\n</style>\r\n\r\n\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!./ShipDetailBanner.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!./ShipDetailBanner.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ShipDetailBanner.vue?vue&type=template&id=4f1611a5&scoped=true&\"\nimport script from \"./ShipDetailBanner.vue?vue&type=script&lang=js&\"\nexport * from \"./ShipDetailBanner.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ShipDetailBanner.vue?vue&type=style&index=0&id=4f1611a5&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  \"4f1611a5\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}