{"version":3,"sources":["webpack:///./src/components/Booking/StateroomDetail.vue?68c8","webpack:///./src/components/Booking/StateroomDetail.vue?7ac0","webpack:///src/components/Booking/StateroomDetail.vue","webpack:///./src/components/Booking/StateroomDetail.vue?daa4","webpack:///./src/components/Booking/StateroomDetail.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","staticClass","class","in","isShowModal","active","isShow","attrs","on","onModalClose","stateroomDetail","isQiaohu","groupType","stateroomImages","length","_e","_v","_s","getStateroomName","stateroomArea","stateroomBalconyArea","stateroomFloor","deviceFeatureTags","showQiaohuPopup","stateroomPrice","isShowPrice","stateroomPriceType","toFixed","isNrp","isFortyEightHoursNrpCruise","nrpTagDirection","nrpTagClasses","_m","domProps","stateroomDescription","ruleDescription","deviceGroupTags","staticStyle","_l","item","index","key","deviceTags","staticRenderFns","component"],"mappings":"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","file":"js/chunk-54dcbcca.ebaa3884.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!./StateroomDetail.vue?vue&type=style&index=0&id=0cae2b3c&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!./StateroomDetail.vue?vue&type=style&index=0&id=0cae2b3c&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShow),expression:\"isShow\"}],staticClass:\"modal fade is-scroll\",class:{ in: _vm.isShowModal, active: _vm.isShow, },attrs:{\"tabindex\":\"-1\",\"role\":\"dialog\",\"aria-labelledby\":\"myModalLabel\",\"aria-hidden\":\"true\"}},[_c('div',{staticClass:\"modal-bg\",on:{\"click\":_vm.onModalClose}}),_c('div',{staticClass:\"modal-dialog\"},[_c('div',{staticClass:\"modal-content\",class:{ 'QIAOHU_ROOM_DETAIL_CSS': _vm.stateroomDetail.isQiaohu || _vm.stateroomDetail.groupType === 'QIAOHU'}},[_c('div',{staticClass:\"common-modal-close\",attrs:{\"data-dismiss\":\"modal\",\"aria-label\":\"Close\"},on:{\"click\":_vm.onModalClose}},[_c('img',{staticClass:\"common-modal-close\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/TUI2PCImg/SearchPackage/modal-close.jpg\"}})]),_c('div',{staticClass:\"modal-body\"},[_c('div',{staticClass:\"inner\"},[_c('div',{staticClass:\"inner-left\"},[_c('div',{staticClass:\"left_box\"},[(_vm.stateroomImages.length > 0)?_c('BannerDetail',{attrs:{\"banners\":_vm.stateroomImages}}):_vm._e()],1)]),_c('div',{staticClass:\"inner-right\"},[_c('div',{staticClass:\"room_detail\"},[_c('div',{staticClass:\"room_title\"},[_vm._v(\" \"+_vm._s(_vm.getStateroomName)+\" \")]),_c('div',{staticClass:\"room_info\"},[_c('span',[_vm._v(\"舱房：\"+_vm._s(_vm.stateroomDetail.stateroomArea))]),_c('span',[_vm._v(\"阳台：\"+_vm._s(_vm.stateroomBalconyArea))]),(_vm.stateroomDetail.stateroomFloor&&_vm.stateroomDetail.stateroomFloor.length>0)?_c('span',[_vm._v(\"楼层：\"+_vm._s(_vm.stateroomDetail.stateroomFloor))]):_vm._e()]),(_vm.stateroomDetail.deviceFeatureTags)?_c('DeviceFeatureTags',{attrs:{\"viewNum\":_vm.stateroomDetail.deviceFeatureTags.length,\"tags\":_vm.stateroomDetail.deviceFeatureTags}}):_vm._e(),(_vm.stateroomDetail.isQiaohu || _vm.stateroomDetail.groupType === 'QIAOHU')?_c('div',{on:{\"click\":_vm.showQiaohuPopup}},[_c('img',{staticClass:\"qiaohu_tag\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/QIAOHU/qiaohu.png\"}})]):_vm._e(),_c('div',{staticClass:\"room_price\"},[(_vm.stateroomDetail.stateroomPrice>0&&_vm.isShowPrice)?_c('span',[_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.stateroomDetail.stateroomPriceType)+\"（含税）\")]),_c('em',{staticClass:\"price\"},[_vm._v(\"￥\"),_c('em',{staticClass:\"number\"},[_vm._v(_vm._s(_vm.stateroomDetail.stateroomPrice.toFixed(0)))]),_vm._v(\"/人起\")])]):_vm._e(),_c('NrpTag',{attrs:{\"isNrp\":_vm.stateroomDetail.isNrp,\"isFortyEightHoursNrpCruise\":_vm.isFortyEightHoursNrpCruise,\"direction\":_vm.nrpTagDirection,\"customClasses\":_vm.nrpTagClasses}})],1),(_vm.stateroomDetail.isQiaohu || _vm.stateroomDetail.groupType === 'QIAOHU')?_c('div',{staticClass:\"qiaohu_content\"},[_c('div',{staticClass:\"qiaohu_title_css\"},[_vm._v(\" 主题房内到处可以找到巧虎的可爱身影，床罩、沙发靠垫、壁画，阳台门以及墙上都有巧虎元素的装饰。 \")]),_vm._m(0),_vm._m(1)]):_vm._e(),_c('div',{staticClass:\"room_detail\"},[_c('div',{staticClass:\"title_css\"},[_vm._v(\"舱房详情：\")]),_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.stateroomDetail.stateroomDescription)}})]),_c('div',{staticClass:\"room_tips\"},[_vm._v(\" 注：房间图片仅供参考，以实际入住为准。 \")]),(_vm.ruleDescription)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.ruleDescription)}}):_vm._e()],1)])]),(_vm.stateroomDetail.deviceGroupTags && _vm.stateroomDetail.deviceGroupTags.length)?_c('div',{staticClass:\"detail-main-module\"},[_c('div',{staticClass:\"detail-module no-bc\",staticStyle:{\"padding-top\":\"0\"}},[_c('div',{staticClass:\"title-main\"},[_c('h3',{staticClass:\"title\"},[_vm._v(\"舱房设施和体验\")]),(_vm.isFacilities)?_c('div',{staticClass:\"feature\"},[_c('span',[_vm._v(\"●\")]),_vm._v(\"该设施为本房型特色设施\")]):_vm._e()]),_c('div',{staticClass:\"content\"},_vm._l((_vm.stateroomDetail.deviceGroupTags),function(item,index){return _c('DeviceGroupTags',{key:index,attrs:{\"category\":item.name,\"facilities\":item.deviceTags}})}),1)])]):_vm._e()])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"qiaohu_title_css\"},[_c('div',{staticClass:\"title_css\"},[_vm._v(\"预订巧虎主题房可享福利：\")]),_c('div',[_vm._v(\" 1. 巧虎神秘萌礼\"),_c('br'),_vm._v(\" 2. 和巧虎一起早餐 \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"qiaohu_title_css\"},[_c('div',{staticClass:\"title_css\"},[_vm._v(\"航程中可以与巧虎一起参加哪些活动？\")]),_c('div',[_vm._v(\" 1. 巧虎欢迎仪式\"),_c('br'),_vm._v(\" 2. 与巧虎小船长互动拍照留念\"),_c('br'),_vm._v(\" 3. 在海上历奇中心和巧虎一起玩耍\"),_c('br')])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"modal fade is-scroll\" :class=\"{ in: isShowModal, active: isShow, }\"\r\n        tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\" v-show=\"isShow\">\r\n        <div class=\"modal-bg\" @click=\"onModalClose\"></div>\r\n        <div class=\"modal-dialog\">\r\n            <div class=\"modal-content\" :class=\"{ 'QIAOHU_ROOM_DETAIL_CSS': stateroomDetail.isQiaohu || stateroomDetail.groupType === 'QIAOHU'}\">\r\n                <div class=\"common-modal-close\" data-dismiss=\"modal\" aria-label=\"Close\" @click=\"onModalClose\">\r\n                    <img class=\"common-modal-close\" src=\"https://resource.rcclchina.com.cn/TUI2PCImg/SearchPackage/modal-close.jpg\">\r\n                </div>\r\n\r\n                <div class=\"modal-body\">\r\n                    <div class=\"inner\">\r\n                        <div class=\"inner-left\">\r\n                            <div class=\"left_box\">\r\n                                <BannerDetail v-if=\"stateroomImages.length > 0\"\r\n                                    :banners=\"stateroomImages\"\r\n                                />\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"inner-right\">\r\n                            <div class=\"room_detail\">\r\n                                <div class=\"room_title\">\r\n                                    {{getStateroomName}}\r\n                                </div>\r\n                                <div class=\"room_info\">\r\n                                  <span>舱房：{{stateroomDetail.stateroomArea}}</span>\r\n                                  <span>阳台：{{stateroomBalconyArea}}</span>\r\n                                  <span v-if=\"stateroomDetail.stateroomFloor&&stateroomDetail.stateroomFloor.length>0\">楼层：{{stateroomDetail.stateroomFloor}}</span>\r\n                                </div>\r\n                                <DeviceFeatureTags v-if=\"stateroomDetail.deviceFeatureTags\"\r\n                                                    :viewNum=\"stateroomDetail.deviceFeatureTags.length\"\r\n                                                    :tags=\"stateroomDetail.deviceFeatureTags\"></DeviceFeatureTags>\r\n                                <div @click=\"showQiaohuPopup\" v-if=\"stateroomDetail.isQiaohu || stateroomDetail.groupType === 'QIAOHU'\">\r\n                                    <img class=\"qiaohu_tag\" src=\"https://resource.rcclchina.com.cn/QIAOHU/qiaohu.png\">\r\n                                </div>\r\n                                <div class=\"room_price\">\r\n                                    <span v-if=\"stateroomDetail.stateroomPrice>0&&isShowPrice\">\r\n                                        <span class=\"title\">{{stateroomDetail.stateroomPriceType}}（含税）</span>\r\n                                        <em class=\"price\">￥<em class=\"number\">{{stateroomDetail.stateroomPrice.toFixed(0)}}</em>/人起</em>\r\n                                    </span>\r\n\r\n                                    <NrpTag\r\n                                        :isNrp=\"stateroomDetail.isNrp\"\r\n                                        :isFortyEightHoursNrpCruise=\"isFortyEightHoursNrpCruise\"\r\n                                        :direction=\"nrpTagDirection\"\r\n                                        :customClasses=\"nrpTagClasses\"\r\n                                    />\r\n                                </div>\r\n\r\n                                <div class=\"qiaohu_content\" v-if=\"stateroomDetail.isQiaohu || stateroomDetail.groupType === 'QIAOHU'\">\r\n                                  <div class=\"qiaohu_title_css\">\r\n                                    主题房内到处可以找到巧虎的可爱身影，床罩、沙发靠垫、壁画，阳台门以及墙上都有巧虎元素的装饰。\r\n                                  </div>\r\n                                  <div class=\"qiaohu_title_css\">\r\n                                    <div class=\"title_css\">预订巧虎主题房可享福利：</div>\r\n                                    <div>\r\n                                      1. 巧虎神秘萌礼<br>\r\n                                      2. 和巧虎一起早餐\r\n                                    </div>\r\n                                  </div>\r\n                                  <div class=\"qiaohu_title_css\">\r\n                                    <div class=\"title_css\">航程中可以与巧虎一起参加哪些活动？</div>\r\n\r\n                                    <div>\r\n                                      1. 巧虎欢迎仪式<br>\r\n                                      2. 与巧虎小船长互动拍照留念<br>\r\n                                      3. 在海上历奇中心和巧虎一起玩耍<br>\r\n                                    </div>\r\n\r\n                                  </div>\r\n\r\n<!--                                    <div class=\"qiaohu_title_css\">-->\r\n<!--                                        <div class=\"title_css\">巧虎主题房预订须知：</div>-->\r\n<!--                                        <div>-->\r\n<!--                                            巧虎主题房不可与同期其他促销活动及优惠券同享，包括但不限于品牌特惠及限时闪惠活动、招商银行折扣券、抽奖券等优惠促销活动，不可与皇家指定渠道专属优惠同享。-->\r\n<!--                                        </div>-->\r\n<!--                                    </div>-->\r\n                                </div>\r\n\r\n                                <div class=\"room_detail\">\r\n                                    <div class=\"title_css\">舱房详情：</div>\r\n                                    <div v-html=\"stateroomDetail.stateroomDescription\"></div>\r\n                                </div>\r\n                                <div class=\"room_tips\">\r\n                                    注：房间图片仅供参考，以实际入住为准。\r\n                                </div>\r\n                                <div v-if=\"ruleDescription\" class=\"\" v-html=\"ruleDescription\"></div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div v-if=\"stateroomDetail.deviceGroupTags && stateroomDetail.deviceGroupTags.length\"\r\n                         class=\"detail-main-module\">\r\n                      <div class=\"detail-module no-bc\" style=\"padding-top: 0\">\r\n                        <div class=\"title-main\">\r\n                          <h3 class=\"title\">舱房设施和体验</h3>\r\n                          <div v-if=\"isFacilities\" class=\"feature\"><span>●</span>该设施为本房型特色设施</div>\r\n                        </div>\r\n                        <div class=\"content\">\r\n                          <DeviceGroupTags v-for=\"(item,index) in stateroomDetail.deviceGroupTags\" :key=\"index\"\r\n                                           :category=\"item.name\"\r\n                                           :facilities=\"item.deviceTags\"></DeviceGroupTags>\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\nimport bookingHelper from '@/utilities/bookingHelper'\r\nconst BannerDetail = () => import('@/components/BannerDetail.vue')\r\nconst NrpTag = () => import('@/components/Booking/NrpTag.vue')\r\nconst DeviceFeatureTags = ()=> import(\"@/components/Cruise/CruiseDetail/DeviceFeatureTags.vue\");\r\nconst DeviceGroupTags = () => import('@/components/Cruise/CruiseDetail/DeviceGroupTags.vue')\r\nexport default {\r\n    name: \"StateroomDetail\",\r\n    components: {\r\n        BannerDetail,\r\n        NrpTag,\r\n        DeviceFeatureTags,\r\n        DeviceGroupTags\r\n    },\r\n    props: {\r\n        isShow: {\r\n            type: Boolean,\r\n            default () {\r\n                return false\r\n            }\r\n        },\r\n        stateroomDetail: {\r\n            type: Object,\r\n            default () {\r\n                return {\r\n                    stateroomImages: [],\r\n                    stateroomName: '',\r\n                    stateroomCategory: '',\r\n                    stateroomPriceType: '',\r\n                    stateroomPrice: 0,\r\n                    stateroomCapacity: '',\r\n                    stateroomArea: '',\r\n                    stateroomBalcony: '',\r\n                    stateroomFloor: '',\r\n                    isQiaohu: false,\r\n                    isNrp: false,\r\n                    stateroomDescription: '',\r\n                    stateroomNrpTitle: '',\r\n                    stateroomNrpText: '',\r\n                    suiteMobileImageUrl: '',\r\n                    stateroomShelter: '',\r\n                    guestNumber: 0\r\n                }\r\n            }\r\n        },\r\n        isFortyEightHoursNrpCruise: {\r\n            type: Boolean\r\n        },\r\n        showQiaohuPopup: {\r\n            type: Function\r\n        },\r\n        isShowPrice: {\r\n            type: Boolean,\r\n            default () {\r\n                return false\r\n            }\r\n        },\r\n        ruleDescription: {\r\n            type: String\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            isShowModal: false,\r\n            imgUrl: process.env.VUE_APP_IMG_URL\r\n        }\r\n    },\r\n    methods: {\r\n        stateroomImageChange(slide) {\r\n            if (slide == 'prev') {\r\n                this.bannerSwiper.slidePrev()\r\n            } else {\r\n                this.bannerSwiper.slideNext()\r\n            }\r\n        },\r\n        onModalClose () {\r\n            this.isShowModal = false\r\n            setTimeout(()=> {\r\n                this.$emit('onModalClose')\r\n            }, 100)\r\n        }\r\n    },\r\n    computed: {\r\n        stateroomBalconyArea () {\r\n            const stateroom = this.stateroomDetail\r\n            if (!stateroom.stateroomBalcony || stateroom.stateroomBalcony == '' || stateroom.stateroomBalcony == '无') {\r\n                return '无阳台'\r\n            }\r\n            if (stateroom.stateroomShelter && stateroom.stateroomShelter.length > 0) {\r\n                return \"(\" + stateroom.stateroomShelter + \"视线遮挡) \" + stateroom.stateroomBalcony\r\n            }\r\n            return stateroom.stateroomBalcony\r\n        },\r\n        getStateroomName() {\r\n            const stateroom = this.stateroomDetail\r\n            let name = stateroom.stateroomName + ''\r\n            const shelter = stateroom.stateroomShelter\r\n            if (shelter && shelter.length > 0 && name && name.indexOf('遮挡') < 0) {\r\n                name += \"（有遮挡）\"\r\n            }\r\n            let code = stateroom.stateroomCategory\r\n            if (code && code.indexOf('_') >= 0) {\r\n                code = code.split('_')[0]\r\n            }\r\n            name = `${name}_${code}`\r\n            if (stateroom.guestNumber && stateroom.guestNumber > 0) {\r\n                let guestCountText = bookingHelper.getStateroomGuestNumber(stateroom.guestNumber)\r\n                if (guestCountText.length > 0) {\r\n                    name += `(${guestCountText})`\r\n                }\r\n            }\r\n            return name\r\n        },\r\n        stateroomImages() {\r\n            let images = []\r\n            if (this.stateroomDetail && this.stateroomDetail.stateroomImages) {\r\n                this.stateroomDetail.stateroomImages.forEach(image => {\r\n                    images.push({\r\n                        image\r\n                    })\r\n                })\r\n            }\r\n            return images\r\n        },\r\n        nrpTagClasses () {\r\n            let nrpTagClasses = ['stateroomDetailNrp']\r\n            if (this.isFortyEightHoursNrpCruise) {\r\n                nrpTagClasses.push('fortyEightHoursNrp')\r\n            }\r\n            return nrpTagClasses\r\n        },\r\n        nrpTagDirection () {\r\n            if (this.isFortyEightHoursNrpCruise) {\r\n                return 'bottom'\r\n            }\r\n            return 'right'\r\n        },\r\n        isFacilities() {\r\n          let isFeature = false;\r\n          for(let i = 0; i < this.stateroomDetail.deviceGroupTags.length; i++) {\r\n            let deviceGroupTags = this.stateroomDetail.deviceGroupTags[i];\r\n            for(let j = 0; j < deviceGroupTags.deviceTags.length; j++) {\r\n              let deviceTags = deviceGroupTags.deviceTags[j];\r\n              if(deviceTags.isFeature) {\r\n                isFeature = true;\r\n                break;\r\n              }\r\n            }\r\n            if(isFeature) break;\r\n          }\r\n          return isFeature;\r\n        }\r\n    },\r\n    watch: {\r\n      stateroomDetail() {},\r\n      isShow (newValue) {\r\n          setTimeout(()=> {\r\n              this.isShowModal = newValue\r\n          }, 100)\r\n      }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n\r\n.modal-dialog {\r\n    top: 50px;\r\n    width: 1000px;\r\n\r\n}\r\n.modal.active {\r\n    display: block;\r\n}\r\n.modal.is-scroll {\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\r\n}\r\n.modal-content {\r\n  background-color: #FAFAFA;\r\n  border-radius: 12px;\r\n}\r\n.modal-bg {\r\n    position: fixed;\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.modal-body {\r\n    position: relative;\r\n    padding: 0;\r\n    border-radius: 15px;\r\n    //background-color: #FFFFFF;\r\n    background-color: #FAFAFA;\r\n    .inner {\r\n      overflow: hidden;\r\n      padding: 25px 25px;\r\n      & .inner-left{\r\n        float: left;\r\n        margin-right: 30px;\r\n        height: 320px;\r\n        width: 450px;\r\n      }\r\n      & .inner-right{\r\n        overflow: hidden;\r\n      }\r\n    }\r\n    .room_detail {\r\n        margin-top: -1px;\r\n        .room_title {\r\n            font-size: 22px;\r\n            color: #282b2c;\r\n            margin-bottom: 10px;\r\n            font-weight: bold;\r\n            padding-right: 40px;\r\n        }\r\n        .qiaohu_tag {\r\n            cursor: pointer;\r\n            margin-top: 10px;\r\n        }\r\n        .room_price {\r\n            color: #282b2c;\r\n            margin-top: 20px;\r\n            padding-right: 40px;\r\n            .title {\r\n              font-weight: bold;\r\n            }\r\n            .price {\r\n                color: #ff3022;\r\n                font-weight: bold;\r\n                font-style: normal;\r\n                margin-right: 20px;\r\n                & .number {\r\n                  font-size: 24px;\r\n                  font-style: normal;\r\n                }\r\n            }\r\n            a {\r\n                text-decoration: underline;\r\n            }\r\n        }\r\n        .qiaohu_content {\r\n            border-top: 1px solid #ccc;\r\n            border-bottom: 1px solid #cccc;\r\n            padding-top: 10px;\r\n            margin-bottom: 10px;\r\n            .qiaohu_title_css {\r\n                margin-bottom: 10px;\r\n            }\r\n        }\r\n        .title_css {\r\n            font-weight: 600;\r\n            margin-bottom: 1px;\r\n            margin-top: 25px;\r\n            font-size: 20px;\r\n            color: #282b2c;\r\n        }\r\n        .room_info {\r\n            margin-bottom: 10px;\r\n            padding-right: 40px;\r\n            span {\r\n                position: relative;\r\n                display: inline-block;\r\n                margin-right: 28px;\r\n                color: #a6aeb1;\r\n            }\r\n            span::after {\r\n                content: '';\r\n                position: absolute;\r\n                width: 2px;\r\n                height: 12px;\r\n                display: block;\r\n                background: #cacaca;\r\n                top: 4px;\r\n                right: -14px;\r\n            }\r\n            span:last-child:after {\r\n                display: none;\r\n            }\r\n        }\r\n        .room_detail {\r\n            margin-top: -1px;\r\n            line-height: 1.6;\r\n            margin-bottom: 10px;\r\n        }\r\n    }\r\n}\r\n\r\n.ship_tags {\r\n  margin-top: 8px;\r\n  & .tag {\r\n    display: inline-block;\r\n    margin-right: 25px;\r\n\r\n    & > img {\r\n      display: inline-block;\r\n      height: 14px;\r\n      margin-right: 5px;\r\n    }\r\n    & > div {\r\n      line-height: 14px;\r\n      font-size: 13px;\r\n      color: #282b2c;\r\n      display: inline-block;\r\n    }\r\n  }\r\n}\r\n\r\n.detail-main-module {\r\n  padding-top: 35px;\r\n  padding-bottom: 10px;\r\n  border-radius: 40px 40px 15px 15px;\r\n  box-shadow: 0 0 10px rgba(0,0,0,.2);\r\n  background-color: #FFFFFF;\r\n  & .detail-main-module-inner {\r\n    padding-bottom: 20px;\r\n    overflow-x: hidden;\r\n    overflow-y: auto;\r\n  }\r\n\r\n  & .detail-module {\r\n    padding: 35px 0 25px;\r\n    margin: 0 25px;\r\n    border-bottom: 1px solid #BCC2C4;\r\n    &.no-bc {\r\n      border: none;\r\n    }\r\n    & > .title-main {\r\n      position: relative;\r\n      & > .title {\r\n        position: relative;\r\n        padding: 0 0 0 13px;\r\n        margin: 0;\r\n        font-size: 22px;\r\n        font-weight: bold;\r\n        color: #333333;\r\n        &:before {\r\n          content: \"\";\r\n          display: block;\r\n          width: 5px;\r\n          height: 20px;\r\n          position: absolute;\r\n          top: 2px;\r\n          left: 0;\r\n          background-color: #0074BA;\r\n        }\r\n      }\r\n      & > .feature {\r\n        position: absolute;\r\n        top: 4px;\r\n        right: 0;\r\n        font-size: 12px;\r\n        color: #a6aeb1;\r\n        & > span {\r\n          position: absolute;\r\n          left: -15px;\r\n          top: -1px;\r\n          font-size: 12px;\r\n          margin-left: 4px;\r\n          color: #0173BC;\r\n        }\r\n      }\r\n    }\r\n    & .content {\r\n      padding: 20px 0 0 0;\r\n    }\r\n    & .room-devices {\r\n      overflow: hidden;\r\n      & > li {\r\n        width: 32.33%;\r\n        margin-right: 1%;\r\n        float: left;\r\n        & .title {\r\n          font-size: 16px;\r\n          font-weight: bold;\r\n          margin: 10px 0 15px;\r\n          color: #333333;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.QIAOHU_ROOM_DETAIL_CSS {\r\n    background: #fff url(https://resource.rcclchina.com.cn/QIAOHU/PC/QIAOHU_Icon_Detail.png) no-repeat left bottom;\r\n    border: 3px solid #ffe100;\r\n}\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!./StateroomDetail.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!./StateroomDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StateroomDetail.vue?vue&type=template&id=0cae2b3c&scoped=true&\"\nimport script from \"./StateroomDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./StateroomDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StateroomDetail.vue?vue&type=style&index=0&id=0cae2b3c&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  \"0cae2b3c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}