{"version":3,"sources":["webpack:///./src/components/Ship/ShipDetailBanner.vue?711d","webpack:///src/components/Ship/ShipDetailBanner.vue","webpack:///./src/components/Ship/ShipDetailBanner.vue?f3ad","webpack:///./src/components/Ship/ShipDetailBanner.vue","webpack:///./src/components/Ship/ShipDetailBanner.vue?c4b1"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","directives","name","rawName","value","isShowVideo","expression","attrs","ship","mobileVideoCover","shipCNName","videoUrl","length","on","$event","playVideo","_e","style","onGlassDrag","onGalssDragEnd","_v","_s","title","shipENName","ref","shipCode","class","contentTitle","contentSubTitle","_m","capacity","weight","content","speed","shipLength","shipWidth","shipExplain","firstTime","departPort","staticRenderFns","component"],"mappings":"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","file":"js/chunk-c5aefe8e.56ee2458.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shipDetail-container\"},[_c('div',{staticClass:\"shipDetail-shipBanner\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isShowVideo),expression:\"!isShowVideo\"}],staticClass:\"shipBanner-img\"},[_c('div',{staticClass:\"shipBanner-pic\"},[_c('img',{attrs:{\"src\":_vm.ship.mobileVideoCover,\"alt\":_vm.ship.shipCNName}})]),(_vm.ship.videoUrl&&_vm.ship.videoUrl.length>0)?_c('div',{staticClass:\"shipBanner-playBtn\",on:{\"click\":function($event){return _vm.playVideo()}}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/shipDetail/shipDetail.png\",\"alt\":_vm.ship.shipCNName}})]):_vm._e(),(_vm.ship.hasVr)?_c('div',{staticClass:\"shipBanner-slideVRBtn\"},[_c('div',{staticClass:\"shipBanner-slideVRBtn-txt linearGradient\"}),_c('div',{staticClass:\"shipBanner-slideVRBtn-glasses\",style:(_vm.glassStyle),attrs:{\"id\":\"shipBanner-slideVRBtn-glasses\"},on:{\"drag\":_vm.onGlassDrag,\"dragleave\":_vm.onGalssDragEnd}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/shipDetail/bannerVRGlasses.png\"}})])]):_vm._e(),_c('div',{staticClass:\"shipBanner-bannerTitle\"},[_c('p',{staticClass:\"shipBanner-shipCName\"},[_vm._v(_vm._s(_vm.ship.title))]),_c('p',{staticClass:\"shipBanner-shipEName\"},[_vm._v(_vm._s(_vm.ship.shipENName)),_c('sup')]),_c('p',{staticClass:\"shipBanner-shipDeparture\"})])]),(_vm.ship.videoUrl&&_vm.ship.videoUrl.length>0)?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShowVideo),expression:\"isShowVideo\"}],staticClass:\"shipBanner-video\"},[_c('div',{staticClass:\"video\"},[_c('video',{ref:\"videoShip\",staticClass:\"video-mp4\",attrs:{\"src\":_vm.ship.videoUrl,\"controls\":\"\",\"preload\":\"auto\",\"webkit-playsinline\":\"\",\"playsinline\":\"\"}})])]):_vm._e()]),_c('div',{staticClass:\"shipDetail-shipIntro\"},[_c('div',{staticClass:\"shipDetail-shipIntroOverFlow\"},[(_vm.ship.shipCode=='QN')?_c('div',{staticClass:\"shipDetail-shipIntroL\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/shipDetail/shipIntroPic.png\",\"alt\":_vm.ship.shipCNName}})]):(_vm.ship.shipCode=='OV')?_c('div',{staticClass:\"shipDetail-shipIntroL\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/OV%E8%88%B9%E9%98%9F/OVpanda%20(1).png\",\"alt\":_vm.ship.shipCNName}})]):_vm._e(),_c('div',{staticClass:\"shipDetail-shipIntroR\",class:{'shipDetail-shipIntroRBig': _vm.ship.shipCode !='QN' && _vm.ship.shipCode!='OV'}},[_c('p',{staticClass:\"shipDetail-shipIntroR-mainHeadLines\"},[_vm._v(_vm._s(_vm.ship.contentTitle))]),_c('p',{staticClass:\"shipDetail-shipIntroR-subTitle\"},[_vm._v(_vm._s(_vm.ship.contentSubTitle))]),_c('div',{staticClass:\"shipIndex-ship-itemInfo\"},[_c('div',[_vm._m(0),_c('div',{staticClass:\"shipIndex-ship-itemInfoTxt\"},[_c('p',[_vm._v(_vm._s(_vm.ship.capacity))]),_c('p',{staticClass:\"shipIndex-ship-itemUnit\"},[_vm._v(\"载客人数\")])])]),_c('div',[_vm._m(1),_c('div',{staticClass:\"shipIndex-ship-itemInfoTxt\"},[_c('p',[_vm._v(_vm._s(_vm.ship.weight))]),_c('p',{staticClass:\"shipIndex-ship-itemUnit\"},[_vm._v(\"吨位\")])])])]),_c('p',{staticClass:\"shipDetail-shipIntroR-txt\"},[_vm._v(\" \"+_vm._s(_vm.ship.content)+\" \")])])]),_c('div',{staticClass:\"shipDetail-shipIntroCon\"},[_c('div',{staticClass:\"shipDetail-shipIntroCon-item\"},[_vm._m(2),_c('div',{staticClass:\"shipDetail-shipIntroCon-itemInfo\"},[_c('p',[_vm._v(_vm._s(_vm.ship.speed)+\" 节\")]),_c('p',[_vm._v(\"航速\")])])]),_c('div',{staticClass:\"shipDetail-shipIntroCon-item\"},[_vm._m(3),_c('div',{staticClass:\"shipDetail-shipIntroCon-itemInfo\"},[_c('p',[_vm._v(_vm._s(_vm.ship.shipLength)+\" 米\")]),_c('p',[_vm._v(\"总长度\")])])]),_c('div',{staticClass:\"shipDetail-shipIntroCon-item\"},[_vm._m(4),_c('div',{staticClass:\"shipDetail-shipIntroCon-itemInfo\"},[_c('p',[_vm._v(_vm._s(_vm.ship.shipWidth)+\" 米\")]),_c('p',[_vm._v(\"宽度\")])])]),_c('div',{staticClass:\"shipDetail-shipIntroCon-item\"},[_vm._m(5),_c('div',{staticClass:\"shipDetail-shipIntroCon-itemInfo\"},[_c('p',[_vm._v(_vm._s(_vm.ship.shipExplain))]),_c('p',[_vm._v(\"船厂建造\")])])]),_c('div',{staticClass:\"shipDetail-shipIntroCon-item\"},[_vm._m(6),_c('div',{staticClass:\"shipDetail-shipIntroCon-itemInfo\"},[_c('p',[_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:\"shipIndex-ship-itemInfoIcon\"},[_c('img',{staticClass:\"shipIndex-ship-itemNum\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileShip/royalShipIcon.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shipIndex-ship-itemInfoIcon\"},[_c('img',{staticClass:\"shipIndex-ship-itemWeight\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileShip/royalShipIconW.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shipDetail-shipIntroCon-itemPicS\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/shipDetail/speedIcon.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shipDetail-shipIntroCon-itemPicL\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/shipDetail/lengthIcon.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shipDetail-shipIntroCon-itemPicW\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/shipDetail/widthIcon.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shipDetail-shipIntroCon-itemPicCreate\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/shipDetail/icon1.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shipDetail-shipIntroCon-itemPicTime\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/shipDetail/tonnageIcon.png\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"shipDetail-container\">\r\n        <div class=\"shipDetail-shipBanner\">\r\n            <div class=\"shipBanner-img\" v-show=\"!isShowVideo\">\r\n                <div class=\"shipBanner-pic\">\r\n                    <img :src=\"ship.mobileVideoCover\" :alt=\"ship.shipCNName\">\r\n                </div>\r\n                <div class=\"shipBanner-playBtn\" v-if=\"ship.videoUrl&&ship.videoUrl.length>0\" @click=\"playVideo()\">\r\n                    <img src=\"https://resource.rcclchina.com.cn/shipDetail/shipDetail.png\" :alt=\"ship.shipCNName\">\r\n                </div>\r\n\r\n                <div class=\"shipBanner-slideVRBtn\" v-if=\"ship.hasVr\">\r\n                    <div class=\"shipBanner-slideVRBtn-txt linearGradient\"></div>\r\n                    <div @drag=\"onGlassDrag\" @dragleave=\"onGalssDragEnd\" id=\"shipBanner-slideVRBtn-glasses\" class=\"shipBanner-slideVRBtn-glasses\" :style=\"glassStyle\">\r\n                        <img src=\"https://resource.rcclchina.com.cn/shipDetail/bannerVRGlasses.png\">\r\n                    </div>\r\n                </div>\r\n\r\n\r\n                <div class=\"shipBanner-bannerTitle\">\r\n                    <p class=\"shipBanner-shipCName\">{{ship.title}}</p>\r\n                    <p class=\"shipBanner-shipEName\">{{ship.shipENName}}<sup></sup></p>\r\n                    <p class=\"shipBanner-shipDeparture\"></p>\r\n                </div>\r\n            </div>\r\n            <div class=\"shipBanner-video\" v-show=\"isShowVideo\" v-if=\"ship.videoUrl&&ship.videoUrl.length>0\">\r\n                <div class=\"video\">\r\n                    <video ref=\"videoShip\" class=\"video-mp4\"\r\n                        :src=\"ship.videoUrl\" controls=\"\" preload=\"auto\"\r\n                        webkit-playsinline=\"\" playsinline=\"\"></video>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"shipDetail-shipIntro\">\r\n            <div class=\"shipDetail-shipIntroOverFlow\">\r\n                <div class=\"shipDetail-shipIntroL\" v-if=\"ship.shipCode=='QN'\">\r\n                    <img src=\"https://resource.rcclchina.com.cn/shipDetail/shipIntroPic.png\" :alt=\"ship.shipCNName\">\r\n                </div>\r\n                <div class=\"shipDetail-shipIntroL\" v-else-if=\"ship.shipCode=='OV'\">\r\n                    <img src=\"https://resource.rcclchina.com.cn/OV%E8%88%B9%E9%98%9F/OVpanda%20(1).png\" :alt=\"ship.shipCNName\" />\r\n                </div>\r\n                <div class=\"shipDetail-shipIntroR\" :class=\"{'shipDetail-shipIntroRBig': ship.shipCode !='QN' && ship.shipCode!='OV'}\">\r\n                    <p class=\"shipDetail-shipIntroR-mainHeadLines\">{{ship.contentTitle}}</p>\r\n                    <p class=\"shipDetail-shipIntroR-subTitle\">{{ship.contentSubTitle}}</p>\r\n                    <div class=\"shipIndex-ship-itemInfo\">\r\n                        <div>\r\n                            <div class=\"shipIndex-ship-itemInfoIcon\">\r\n                                <img class=\"shipIndex-ship-itemNum\"\r\n                                    src=\"https://resource.rcclchina.com.cn/mobileShip/royalShipIcon.png\">\r\n                            </div>\r\n                            <div class=\"shipIndex-ship-itemInfoTxt\">\r\n\r\n                                <p>{{ship.capacity}}</p>\r\n                                <p class=\"shipIndex-ship-itemUnit\">载客人数</p>\r\n                            </div>\r\n                        </div>\r\n                        <div>\r\n                            <div class=\"shipIndex-ship-itemInfoIcon\">\r\n                                <img class=\"shipIndex-ship-itemWeight\"\r\n                                    src=\"https://resource.rcclchina.com.cn/mobileShip/royalShipIconW.png\">\r\n                            </div>\r\n                            <div class=\"shipIndex-ship-itemInfoTxt\">\r\n\r\n                                <p>{{ship.weight}}</p>\r\n                                <p class=\"shipIndex-ship-itemUnit\">吨位</p>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <p class=\"shipDetail-shipIntroR-txt\">\r\n                        {{ship.content}}\r\n                    </p>\r\n                </div>\r\n            </div>\r\n            <div class=\"shipDetail-shipIntroCon\">\r\n                <div class=\"shipDetail-shipIntroCon-item\">\r\n                    <div class=\"shipDetail-shipIntroCon-itemPicS\">\r\n                        <img src=\"https://resource.rcclchina.com.cn/shipDetail/speedIcon.png\">\r\n                    </div>\r\n                    <div class=\"shipDetail-shipIntroCon-itemInfo\">\r\n                        <p>{{ship.speed}} 节</p>\r\n                        <p>航速</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"shipDetail-shipIntroCon-item\">\r\n                    <div class=\"shipDetail-shipIntroCon-itemPicL\">\r\n                        <img src=\"https://resource.rcclchina.com.cn/shipDetail/lengthIcon.png\">\r\n                    </div>\r\n                    <div class=\"shipDetail-shipIntroCon-itemInfo\">\r\n                        <p>{{ship.shipLength}} 米</p>\r\n                        <p>总长度</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"shipDetail-shipIntroCon-item\">\r\n                    <div class=\"shipDetail-shipIntroCon-itemPicW\">\r\n                        <img src=\"https://resource.rcclchina.com.cn/shipDetail/widthIcon.png\">\r\n                    </div>\r\n                    <div class=\"shipDetail-shipIntroCon-itemInfo\">\r\n                        <p>{{ship.shipWidth}} 米</p>\r\n                        <p>宽度</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"shipDetail-shipIntroCon-item\">\r\n                    <div class=\"shipDetail-shipIntroCon-itemPicCreate\">\r\n                        <img src=\"https://resource.rcclchina.com.cn/shipDetail/icon1.png\">\r\n                    </div>\r\n                    <div class=\"shipDetail-shipIntroCon-itemInfo\">\r\n                        <p>{{ship.shipExplain}}</p>\r\n                        <p>船厂建造</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"shipDetail-shipIntroCon-item\">\r\n                    <div class=\"shipDetail-shipIntroCon-itemPicTime\">\r\n                        <img src=\"https://resource.rcclchina.com.cn/shipDetail/tonnageIcon.png\">\r\n                    </div>\r\n                    <div class=\"shipDetail-shipIntroCon-itemInfo\">\r\n                        <p>{{ship.firstTime}}</p>\r\n                        <p>{{ship.departPort}}</p>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n// import touch from 'touchjs'\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            isShowVideo: false,\r\n            glassDistance: 0\r\n        }\r\n    },\r\n    mounted () {\r\n        \r\n    },\r\n    beforeDestroy () {\r\n\r\n    },\r\n    methods: {\r\n        playVideo () {\r\n            this.isShowVideo = true\r\n            this.$refs.videoShip.play()\r\n        },\r\n        onGlassDrag(ev) {\r\n            \r\n            const btnWidth = 350\r\n            const glassWidth = 50\r\n            const max_X = btnWidth - glassWidth - 6\r\n            const self = this\r\n            var distanceX = ev.detail.distanceX;\r\n            if (distanceX < 0) {\r\n                distanceX = 0;\r\n            } else if (distanceX > max_X) {\r\n                distanceX = max_X;\r\n            }\r\n            self.glassDistance = distanceX\r\n            \r\n            if (distanceX > max_X/3) {\r\n                location.href = self.ship.vrUrl\r\n            }\r\n        },\r\n        onGalssDragEnd (ev) {\r\n            const btnWidth = 350\r\n            const glassWidth = 50\r\n            const max_X = btnWidth - glassWidth - 6\r\n            const self = this\r\n            var distanceX = ev.detail.distanceX;\r\n            if (distanceX < max_X/3) {\r\n                self.glassDistance = 0\r\n            } else {\r\n                location.href = self.ship.vrUrl\r\n            }\r\n        },\r\n        // glassDragHandler () {\r\n        //     //打开VR的滑动\r\n            \r\n        //     touch.on('#shipBanner-slideVRBtn-glasses', 'drag', function (ev) {\r\n                \r\n        //     })\r\n\r\n        //     touch.on('#shipBanner-slideVRBtn-glasses', 'dragend', function (ev) {\r\n                \r\n        //     })\r\n        // }\r\n    },\r\n    computed: {\r\n        glassStyle () {\r\n            return {\r\n                'transform': 'translateX('+this.glassDistance+'px)'\r\n            }\r\n        }\r\n    },\r\n    watch: {\r\n        ship (newValue) {\r\n            if (newValue && newValue.hasVr) {\r\n                setTimeout(()=> {\r\n                    // this.glassDragHandler()\r\n                }, 1000)\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\nimg {\r\n    width: 100%;\r\n}\r\n.shipDetail-container {\r\n    background-color: #f2f2f2;\r\n    .shipDetail-shipTitle {\r\n        padding-top: 20px;\r\n        padding-bottom: 17px;\r\n        position: relative;\r\n        height: 13px;\r\n        line-height: 13px;\r\n        background-color: #fff;\r\n        .shipDetail-shipTitle-line {\r\n            height: 1px;\r\n            background-color: #fecc46;\r\n            margin-left: 3.2%;\r\n            margin-right: 3.2%;\r\n        }\r\n        .shipDetail-shipTitle-txt {\r\n            width: 66px;\r\n            position: absolute;\r\n            top: 13px;\r\n            left: 50%;\r\n            margin-left: -33px;\r\n            padding: 0 1.4667%;\r\n            background-color: #fff;\r\n            text-align: center;\r\n            color: #061556;\r\n            font-size: 13px;\r\n            font-weight: bold;\r\n        }\r\n    }\r\n    .shipDetail-shipBanner {\r\n        width: 100%;\r\n        position: relative;\r\n        background-color: #fff;\r\n        .shipBanner-pic {\r\n            width: 100%;\r\n        }\r\n        .shipBanner-playBtn {\r\n            width: 24.4%;\r\n            position: absolute;\r\n            top: 35.614%;\r\n            left: 50%;\r\n            margin-left: -12.2%;\r\n        }\r\n        .shipBanner-slideVRBtn {\r\n            position: absolute;\r\n            bottom: 4.881%;\r\n            left: 50%;\r\n            width: 93.334%;\r\n            height: 35px;\r\n            margin-left: -46.667%;\r\n            background: rgba(254, 189, 17, 0.85);\r\n            border-radius: 8px;\r\n            .shipBanner-slideVRBtn-txt {\r\n                width: 170px;\r\n                height: 22px;\r\n                margin: 6px auto 0;\r\n                opacity: 0.5;\r\n                -webkit-mask-image: url('../../assets/bannerVRTxt.png');\r\n                -webkit-mask-position: center;\r\n                -webkit-mask-repeat: no-repeat;\r\n                -webkit-mask-size: 100%;\r\n                background: linear-gradient(135deg, #646464 50%, #fff 60%, #646464 70%);\r\n                background-size: 200% 200%;\r\n                -webkit-transform: translate3d(0, 0, 0);\r\n                transform: translate3d(0, 0, 0);\r\n                -webkit-animation-fill-mode: both;\r\n                animation-fill-mode: both;\r\n                -webkit-animation-duration: 5s;\r\n                animation-duration: 5s;\r\n                -webkit-animation-name: linearGradient;\r\n                animation-name: linearGradient;\r\n                -webkit-animation-timing-function: linear;\r\n                animation-timing-function: linear;\r\n                -webkit-animation-iteration-count: infinite;\r\n                animation-iteration-count: infinite;\r\n            }\r\n            .shipBanner-slideVRBtn-glasses {\r\n                position: absolute;\r\n                left: 3px;\r\n                top: 3px;\r\n                width: 50px;\r\n            }\r\n        }\r\n        .shipBanner-bannerTitle {\r\n            width: 100%;\r\n            position: absolute;\r\n            top: 6.356%;\r\n            left: 0;\r\n            color: #fff;\r\n            text-align: center;\r\n            p {\r\n                margin: 0;\r\n            }\r\n            .shipBanner-shipCName {\r\n                font-size: 17.5px;\r\n            }\r\n            .shipBanner-shipEName {\r\n                font-size: 16px;\r\n                font-style: italic;\r\n                sup {\r\n                    font-size: 5px;\r\n                    top: -0.5em;\r\n                }\r\n            }\r\n        }\r\n        .video-mp4 {\r\n            width: 100%;\r\n            height: 211px;\r\n        }\r\n    }\r\n\r\n    .shipDetail-shipIntro {\r\n        background-color: #fff;\r\n        padding-top: 25px;\r\n        .shipDetail-shipIntroOverFlow {\r\n            overflow: hidden;\r\n            .shipDetail-shipIntroL {\r\n                float: left;\r\n                width: 20.134%;\r\n                padding-top: 4.110%;\r\n            }\r\n            \r\n            .shipDetail-shipIntroR {\r\n                float: right;\r\n                width: 77.999%;\r\n                margin-left: 1.867%;\r\n                padding-right: 4.534%;\r\n                p {\r\n                    margin: 0;\r\n                }\r\n                .shipDetail-shipIntroR-mainHeadLines {\r\n                    color: #0073af;\r\n                    font-size: 20px;\r\n                    margin-bottom: 3.94% !important;\r\n                }\r\n                .shipDetail-shipIntroR-subTitle {\r\n                    color: #333;\r\n                    font-size: 12px;\r\n                    margin-bottom: 17px !important;\r\n                }\r\n                .shipIndex-ship-itemInfo {\r\n                    margin-bottom: 18px;\r\n                    > div {\r\n                        display: inline-block;\r\n                        margin-right: 19px;\r\n                        p {\r\n                            margin: 0;\r\n                            font-size: 13px;\r\n                            color: #333;\r\n                            margin-left: 5px;\r\n                        }\r\n                    }\r\n                    .shipIndex-ship-itemInfoIcon {\r\n                        width: 30px;\r\n                        height: 30px;\r\n                        text-align: center;\r\n                        background-color: rgba(255,255,255,.3);\r\n                        border-radius: 2px;\r\n                        display: inline-block;\r\n                        vertical-align: bottom;\r\n                        .shipIndex-ship-itemNum {\r\n                            width: 29px;\r\n                            height: 30px;\r\n                            vertical-align: middle;\r\n                        }\r\n                    }\r\n                    .shipIndex-ship-itemInfoTxt {\r\n                        display: inline-block;\r\n                        vertical-align: bottom;\r\n                        margin-left: 5px;\r\n                        p {\r\n                            margin: 0;\r\n                        }\r\n                        .shipIndex-ship-itemUnit {\r\n                            transform: scale(.83);\r\n                            -webkit-transform: scale(.83);\r\n                            -moz-transform: scale(.83);\r\n                            -o-transform: scale(.83);\r\n                            margin: -4px 0 0 -5px !important;\r\n                        }\r\n                    }\r\n                }\r\n                .shipDetail-shipIntroR-txt {\r\n                    color: #808080;\r\n                    font-size: 10px;\r\n                    margin: 0px;\r\n                }\r\n            }\r\n            div.shipDetail-shipIntroRBig {\r\n                width: 94%;\r\n                text-align: center;\r\n            }\r\n        }\r\n\r\n        .shipDetail-shipIntroCon {\r\n            clear: both;\r\n            padding: 3.354% 0px 3.354% 22px;\r\n            background-color: #061556;\r\n            margin-top: 21px;\r\n            text-align: center;\r\n            img {\r\n                width: 100%;\r\n                display: block;\r\n            }\r\n            .shipDetail-shipIntroCon-item {\r\n                display: inline-block;\r\n                margin-right: 4.267%;\r\n                margin-left: -4px;\r\n                text-align: center;\r\n                .shipDetail-shipIntroCon-itemPicL {\r\n                    width: 15px;\r\n                    height: 17px;\r\n                    margin: 3px auto 0 auto;\r\n                }\r\n                .shipDetail-shipIntroCon-itemPicS {\r\n                    width: 23px;\r\n                    height: 23px;\r\n                    margin: 0 auto;\r\n                }\r\n                .shipDetail-shipIntroCon-itemPicW {\r\n                    width: 23px;\r\n                    height: 17px;\r\n                    margin: 3px auto 0 auto;\r\n                }\r\n                .shipDetail-shipIntroCon-itemPicCreate {\r\n                    width: 23px;\r\n                    height: 22px;\r\n                    margin: 0 auto;\r\n                }\r\n                .shipDetail-shipIntroCon-itemPicTime {\r\n                    width: 27px;\r\n                    height: 18px;\r\n                    margin: 0 auto;\r\n                }\r\n                .shipDetail-shipIntroCon-itemInfo p {\r\n                    margin-bottom: -8px;\r\n                    margin-top: 4px;\r\n                    color: #fff;\r\n                    font-size: 12px;\r\n                    transform: scale(.9);\r\n                    -webkit-transform: scale(.9);\r\n                    -moz-transform: scale(.9);\r\n                    -o-transform: scale(.9);\r\n                    max-width: 85px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@-webkit-keyframes linearGradient {\r\n    0% {\r\n        background-position: 200% 50%\r\n    }\r\n\r\n    100% {\r\n        background-position: -200% 50%\r\n    }\r\n}\r\n\r\n@keyframes linearGradient {\r\n    0% {\r\n        background-position: 200% 50%\r\n    }\r\n\r\n    100% {\r\n        background-position: -200% 50%\r\n    }\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!./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=484f202c&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=484f202c&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  \"484f202c\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShipDetailBanner.vue?vue&type=style&index=0&id=484f202c&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=484f202c&lang=less&scoped=true&\""],"sourceRoot":""}