{"remainingRequest":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\babel-loader\\lib\\index.js!D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\services\\characteristic\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\services\\characteristic\\index.vue","mtime":1691993564218},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuc3RyaW5nLnJlcGxhY2UuanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5yZWdleHAuZXhlYy5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL3dlYi5kb20tY29sbGVjdGlvbnMuZm9yLWVhY2guanMiOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwppbXBvcnQgeyBmaW5kRmVhdHVyZXNTZXJ2aWNlLCBwcm9mZXNzaW9uYWxMaXN0IGFzIF9wcm9mZXNzaW9uYWxMaXN0IH0gZnJvbSAiQC9zZXJ2aWNlL2FwaV9zZXJ2aWNlIjsKaW1wb3J0IEJhc2UgZnJvbSAnQC92aWV3cy9iYXNlL2Jhc2UnOwppbXBvcnQgQmFzZURhdGEgZnJvbSAnQC92aWV3cy9iYXNlL2Jhc2VEYXRhJzsKaW1wb3J0IE1lc3NhZ2UgZnJvbSAnQC92aWV3cy9tZXNzYWdlL2luZGV4JzsKZXhwb3J0IGRlZmF1bHQgewogIGNvbXBvbmVudHM6IHsKICAgIE1lc3NhZ2U6IE1lc3NhZ2UKICB9LAogIG1peGluczogW0Jhc2UsIEJhc2VEYXRhXSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgZGNfa2V5OiBbJ3NlcnZpY2VUeXBlJ10sCiAgICAgIHNlTGlzdDogW3sKICAgICAgICBpbWc6ICd6czEucG5nJywKICAgICAgICBuYW1lOiAn5LiT6aG55om25oyB5pS/562WJwogICAgICB9LCB7CiAgICAgICAgaW1nOiAnenMxLnBuZycsCiAgICAgICAgbmFtZTogJ+S4k+mhueaJtuaMgeaUv+etlicKICAgICAgfSwgewogICAgICAgIGltZzogJ3pzMS5wbmcnLAogICAgICAgIG5hbWU6ICfkuJPpobnmibbmjIHmlL/nrZYnCiAgICAgIH1dLAogICAgICBkZXRhaWw6IHt9LAogICAgICBzaG93SW5mbzogZmFsc2UKICAgIH07CiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkgewogICAgdmFyIF90aGlzMiA9IHRoaXM7CgogICAgZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LnNjcm9sbFRvcCA9IGRvY3VtZW50LmJvZHkuc2Nyb2xsVG9wID0gMDsgLy/lm57liLDpobbpg6gKCiAgICB0aGlzLmluaXREaWN0KHRoaXMuZGNfa2V5KS50aGVuKGZ1bmN0aW9uIChyZXMpIHsKICAgICAgZGVidWdnZXI7CgogICAgICBfdGhpczIuZmluZEZlYXR1cmVzKCk7CgogICAgICBfdGhpczIucHJvZmVzc2lvbmFsTGlzdCgpOwogICAgfSk7CiAgfSwKICBtZXRob2RzOiB7CiAgICBjbG9zZU1lc3NhZ2U6IGZ1bmN0aW9uIGNsb3NlTWVzc2FnZSgpIHsKICAgICAgdGhpcy5zaG93SW5mbyA9IGZhbHNlOwogICAgfSwKICAgIGZpbmRGZWF0dXJlczogZnVuY3Rpb24gZmluZEZlYXR1cmVzKCkgewogICAgICB2YXIgX3RoaXMgPSB0aGlzOwoKICAgICAgZmluZEZlYXR1cmVzU2VydmljZSgpLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICAgIGlmIChyZXMpIHsKICAgICAgICAgIF90aGlzLmRldGFpbCA9IHJlczsKCiAgICAgICAgICBpZiAoX3RoaXMuZGV0YWlsLmNvbnRlbnQuaW5kZXhPZignd2lkdGgnKSAhPT0gLTEgJiYgX3RoaXMuZGV0YWlsLmNvbnRlbnQuaW5kZXhPZignaGVpZ2h0JykgIT09IC0xKSB7CiAgICAgICAgICAgIF90aGlzLmRldGFpbC5jb250ZW50ID0gX3RoaXMuZGV0YWlsLmNvbnRlbnQucmVwbGFjZSgvd2lkdGg9IihcUyopIi8sICd3aWR0aD0iMTAwJSInKS5yZXBsYWNlKC9oZWlnaHQ9IihcUyopIi8sICdoZWlnaHQ9IjEwMCUiJyk7CiAgICAgICAgICB9CiAgICAgICAgfQogICAgICB9KTsKICAgIH0sCiAgICBnZXRJdGVtSnNvbjogZnVuY3Rpb24gZ2V0SXRlbUpzb24oaXRlbSkgewogICAgICBpdGVtLmltZyA9IGV2YWwoaXRlbS5hbm5leCk7CiAgICAgIGl0ZW0uc2VydmljZVR5cGUgPSB0aGlzLmRjX21hcC5zZXJ2aWNlVHlwZVtpdGVtLnNlcnZpY2VUeXBlXTsKICAgICAgcmV0dXJuIGl0ZW07CiAgICB9LAogICAgcHJvZmVzc2lvbmFsTGlzdDogZnVuY3Rpb24gcHJvZmVzc2lvbmFsTGlzdCgpIHsKICAgICAgdmFyIF90aGlzID0gdGhpczsKCiAgICAgIF9wcm9mZXNzaW9uYWxMaXN0KCkudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgaWYgKHJlcyAmJiByZXMubGVuZ3RoID4gMCkgewogICAgICAgICAgX3RoaXMuc2VMaXN0ID0gW107CiAgICAgICAgICByZXMuZm9yRWFjaChmdW5jdGlvbiAocGcpIHsKICAgICAgICAgICAgdmFyIGpzb24gPSBfdGhpcy5nZXRJdGVtSnNvbihwZyk7CgogICAgICAgICAgICB2YXIgaSA9IHsKICAgICAgICAgICAgICBpbWc6IGpzb24uaW1nWzBdLnVybCwKICAgICAgICAgICAgICBuYW1lOiBqc29uLnNlcnZpY2VUeXBlCiAgICAgICAgICAgIH07CgogICAgICAgICAgICBfdGhpcy5zZUxpc3QucHVzaChpKTsKICAgICAgICAgIH0pOwogICAgICAgIH0KICAgICAgfSk7CiAgICB9LAogICAgZGV0YWlsOiBmdW5jdGlvbiBkZXRhaWwoaW5kZXgpIHsKICAgICAgc3dpdGNoIChpbmRleCkgewogICAgICAgIGNhc2UgMToKICAgICAgICAgIHRoaXMuJHJvdXRlci5wdXNoKHsKICAgICAgICAgICAgcGF0aDogJy9zZXJ2aWNlL3BlcmlwaGVyeS1kZXRhaWwxJwogICAgICAgICAgfSk7CiAgICAgICAgICBicmVhazsKICAgICAgfQogICAgfSwKICAgIGRldGFpbDI6IGZ1bmN0aW9uIGRldGFpbDIoKSB7CiAgICAgIHRoaXMuc2hvd0luZm8gPSB0cnVlOwogICAgfQogIH0KfTs="},{"version":3,"sources":["index.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div style=\"background: #f0f0f0;padding-bottom:50px\">\r\n        <div class=\"banner\">\r\n            <img src=\"~@/assets/images/yxfw.jpg\" alt=\"\">\r\n        </div>\r\n        <div class=\"bread\">\r\n            <div>\r\n                <span>当前位置:首页-服务特色</span>\r\n                <div>\r\n                    <ul class=\"area-nav\">\r\n                        <li class=\"tabs\"><router-link :to=\"{path: '/service/characteristic'}\">服务特色</router-link></li>\r\n                        <li><router-link :to=\"{path: '/service/periphery'}\">园区周边</router-link></li>\r\n                        <li><router-link :to=\"{path: '/service/activities'}\">园区活动</router-link></li>\r\n                        <li><router-link :to=\"{path: '/service/educate'}\">园区培训</router-link></li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"smart-device\">\r\n            <div class=\"smart-title\">\r\n                <span><span>服务特色</span>PARK CHARACTERISTIC</span>\r\n            </div>\r\n            <div class=\"smart-device-content\">\r\n                <ul>\r\n                    <li>\r\n                        <div class=\"wrap-device-detail\">\r\n                            <div class=\"zs-titles\">\r\n                                <span><i>01</i>物业服务</span>\r\n                            </div>\r\n                            <div class=\"zs-wrap\">\r\n                                <ul>\r\n                                    <li>\r\n                                        <div>\r\n                                            <img src=\"~@/assets/images/ts1.png\" alt=\"\">\r\n                                            <p>公共服务</p>\r\n                                        </div>\r\n                                    </li>\r\n                                    <li>\r\n                                        <div>\r\n                                            <img src=\"~@/assets/images/ts2.png\" alt=\"\">\r\n                                            <p>设备维护</p>\r\n                                        </div>\r\n                                    </li>\r\n                                    <li>\r\n                                        <div>\r\n                                            <img src=\"~@/assets/images/ts3.png\" alt=\"\">\r\n                                            <p>清洁管理</p>\r\n                                        </div>\r\n                                    </li>\r\n                                    <li>\r\n                                        <div>\r\n                                            <img src=\"~@/assets/images/ts4.png\" alt=\"\">\r\n                                            <p>安全管理</p>\r\n                                        </div>\r\n                                    </li>\r\n                                    <li>\r\n                                        <div>\r\n                                            <img src=\"~@/assets/images/ts5.png\" alt=\"\">\r\n                                            <p>停车服务</p>\r\n                                        </div>\r\n                                    </li>\r\n                                </ul>\r\n                                <div class=\"wyfw\">\r\n                                    <p>{{detail.briefIntroduction}}</p>\r\n                                    <div class=\"wy-addr\">\r\n                                        <div>\r\n                                            <div>\r\n                                                <span>办公地址</span>\r\n                                                <span>{{detail.officeAddress}}</span>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div>\r\n                                            <div>\r\n                                                <span>办公时间</span>\r\n                                                <span>{{detail.officeTime}}</span>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div>\r\n                                            <div>\r\n                                                <span>联系方式</span>\r\n                                                <span>{{detail.contactNumber}}</span>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </li>\r\n                    <li>\r\n                        <div class=\"wrap-device-detail\">\r\n                            <div class=\"zs-titles\">\r\n                                <span><i>02</i>增值服务</span>\r\n                            </div>\r\n                            <div class=\"zs-wrap\">\r\n                                <div class=\"zzfw\" style=\"margin-bottom: 1rem;\">\r\n                                    <p>{{detail.incrementService}}</p>\r\n                                    <p>园区提供一下服务</p>\r\n                                </div>\r\n                                <ul>\r\n                                    <li>\r\n                                        <div>\r\n                                            <img src=\"~@/assets/images/ts6.png\" alt=\"\">\r\n                                            <p>餐饮服务</p>\r\n                                        </div>\r\n                                    </li>\r\n                                    <li>\r\n                                        <div>\r\n                                            <img src=\"~@/assets/images/ts7.png\" alt=\"\">\r\n                                            <p>配送服务</p>\r\n                                        </div>\r\n                                    </li>\r\n                                    <li>\r\n                                        <div>\r\n                                            <img src=\"~@/assets/images/ts8.png\" alt=\"\">\r\n                                            <p>资源共享</p>\r\n                                        </div>\r\n                                    </li>\r\n                                    <li>\r\n                                        <div>\r\n                                            <img src=\"~@/assets/images/ts9.png\" alt=\"\">\r\n                                            <p>便民服务</p>\r\n                                        </div>\r\n                                    </li>\r\n                                    <li>\r\n                                        <div>\r\n                                            <img src=\"~@/assets/images/ts10.png\" alt=\"\">\r\n                                            <p>路演中心</p>\r\n                                        </div>\r\n                                    </li>\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                    </li>\r\n                    <li>\r\n                        <div class=\"wrap-device-detail\">\r\n                            <div class=\"zz-titles\">\r\n                                <span>专业服务</span>\r\n                            </div>\r\n                            <div class=\"zs-wrap\">\r\n                                <ul class=\"zz-wrap\">\r\n                                    <li v-for=\"item in seList\" key=\"Math.random()\" class=\"zyfw-img\">\r\n                                        <div>\r\n                                            <img :src=\"item.img\" alt=\"\">\r\n                                            <p>{{ item.name }}</p>\r\n                                        </div>\r\n                                    </li>\r\n<!--                                    <li>-->\r\n<!--                                        <div>-->\r\n<!--                                            <img src=\"~@/assets/images/zy2.png\" alt=\"\">-->\r\n<!--                                            <p>配送服务</p>-->\r\n<!--                                        </div>-->\r\n<!--                                    </li>-->\r\n<!--                                    <li>-->\r\n<!--                                        <div>-->\r\n<!--                                            <img src=\"~@/assets/images/zy3.png\" alt=\"\">-->\r\n<!--                                            <p>资源共享</p>-->\r\n<!--                                        </div>-->\r\n<!--                                    </li>-->\r\n<!--                                    <li>-->\r\n<!--                                        <div>-->\r\n<!--                                            <img src=\"~@/assets/images/zy4.png\" alt=\"\">-->\r\n<!--                                            <p>便民服务</p>-->\r\n<!--                                        </div>-->\r\n<!--                                    </li>-->\r\n                                    <li @click=\"detail2()\">\r\n                                        <div>\r\n                                            <img src=\"~@/assets/images/more.jpg\" alt=\"\">\r\n                                        </div>\r\n                                    </li>\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                    </li>\r\n                    <li>\r\n                        <div class=\"wrap-device-detail\">\r\n                            <div class=\"zz-titles\">\r\n                                <span>运营服务</span>\r\n                            </div>\r\n                            <div class=\"zs-wrap\">\r\n                                <div class=\"zzfw\" v-html=\"detail.content\">\r\n                                </div>\r\n<!--                                <ul class=\"qrcode\">-->\r\n<!--                                    <li>-->\r\n<!--                                        <div>-->\r\n<!--                                            <img src=\"~@/assets/images/qrcode.png\" alt=\"\">-->\r\n<!--                                            <p>园区公众号</p>-->\r\n<!--                                        </div>-->\r\n<!--                                    </li>-->\r\n<!--                                    <li>-->\r\n<!--                                        <div>-->\r\n<!--                                            <img src=\"~@/assets/images/qrcode.png\" alt=\"\">-->\r\n<!--                                            <p>园区小程序</p>-->\r\n<!--                                        </div>-->\r\n<!--                                    </li>-->\r\n<!--                                </ul>-->\r\n                            </div>\r\n                        </div>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n      <Message :show-dialog=\"showInfo\" @closePop=\"closeMessage\"/>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport {findFeaturesService,professionalList} from \"@/service/api_service\";\r\nimport Base from '@/views/base/base'\r\nimport BaseData from '@/views/base/baseData'\r\nimport Message from '@/views/message/index'\r\nexport default {\r\n        components: {\r\n          Message\r\n        },\r\n        mixins: [Base, BaseData],\r\n        data () {\r\n            return {\r\n              dc_key: ['serviceType'],\r\n                seList:[\r\n                    {\r\n                        img:'zs1.png',\r\n                        name:'专项扶持政策',\r\n                    },\r\n                    {\r\n                        img:'zs1.png',\r\n                        name:'专项扶持政策',\r\n                    },\r\n                    {\r\n                        img:'zs1.png',\r\n                        name:'专项扶持政策',\r\n                    },\r\n                ],\r\n                detail:{},\r\n              showInfo:false\r\n            }\r\n        },\r\n        mounted() {\r\n          document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部\r\n          this.initDict(this.dc_key).then((res) => {\r\n            debugger\r\n            this.findFeatures()\r\n            this.professionalList()\r\n          })\r\n\r\n\r\n        },\r\n        methods: {\r\n          closeMessage(){\r\n            this.showInfo =false\r\n          },\r\n          findFeatures(){\r\n            const _this = this\r\n            findFeaturesService().then((res)=> {\r\n              if (res) {\r\n                _this.detail = res\r\n                if (_this.detail.content.indexOf('width') !== -1 && _this.detail.content.indexOf('height') !== -1) {\r\n                  _this.detail.content = _this.detail.content.replace(/width=\"(\\S*)\"/, 'width=\"100%\"').replace(/height=\"(\\S*)\"/, 'height=\"100%\"')\r\n                }\r\n              }\r\n            })\r\n          },\r\n          getItemJson: function(item) {\r\n            item.img = eval(item.annex)\r\n            item.serviceType = this.dc_map.serviceType[item.serviceType]\r\n            return item\r\n          },\r\n          professionalList(){\r\n            const _this = this\r\n            professionalList().then((res)=>{\r\n              if(res&&res.length>0){\r\n                _this.seList =[]\r\n                res.forEach(pg=>{\r\n                  const json = _this.getItemJson(pg)\r\n                  const i = {\r\n                    img:json.img[0].url,\r\n                    name:json.serviceType,\r\n                  }\r\n                  _this.seList.push(i)\r\n                })\r\n              }\r\n            })\r\n          },\r\n          detail(index){\r\n              switch(index) {\r\n                  case 1:\r\n                      this.$router.push({path:'/service/periphery-detail1'})\r\n                      break;\r\n              }\r\n          },\r\n          detail2(){\r\n            this.showInfo =true\r\n          }\r\n        },\r\n    };\r\n</script>\r\n\r\n<style scoped>\r\n    .banner img{\r\n        width: 100% !important;\r\n    }\r\n    @media screen and (min-width: 1000px){\r\n        .bread{\r\n            background: #fff;\r\n        }\r\n        .bread > div{\r\n            width: 1200px;\r\n            margin: 0 auto;\r\n            text-align: left;\r\n            padding: 0.8rem 0;\r\n            font-size: 1rem;\r\n            position: relative;\r\n        }\r\n        .area-nav{\r\n            position:absolute;\r\n            right: 0;\r\n            top: 0.8rem;\r\n            width: 40%;\r\n            text-align: right;\r\n        }\r\n        .area-nav{\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-wrap: nowrap;\r\n        }\r\n        .area-nav li{\r\n            flex: 1;\r\n            text-align: center;\r\n            border-bottom: 2px solid #f0f0f0;\r\n            padding-bottom:0.7rem;\r\n        }\r\n        .area-nav a{\r\n            color: #333;\r\n        }\r\n        .smart-title{\r\n            margin-top:3rem;\r\n        }\r\n        .smart-device{\r\n            width: 1200px;\r\n            margin: 0 auto;\r\n            text-align: left;\r\n            font-size: 1rem;\r\n        }\r\n        .smart-device span span{\r\n            font-size: 2rem;\r\n            display: inline-block;\r\n            position: relative;\r\n            padding-right: 1rem;\r\n            margin-right: 1rem;\r\n            font-weight: 900;\r\n        }\r\n        .smart-device span span:after{\r\n            content: '';\r\n            width: 1px;\r\n            height: 15px;\r\n            background: #666;\r\n            position: absolute;\r\n            right: 0;\r\n            bottom: 7px;\r\n        }\r\n        .wrap-device-detail{\r\n            overflow: hidden;\r\n        }\r\n        .zs-wrap{\r\n            overflow: hidden;\r\n        }\r\n        .device-title,.zc-content{\r\n            float: left;\r\n        }\r\n        .device-title{\r\n            width: 50%;\r\n        }\r\n        .zc-content{\r\n            width: 50%;\r\n        }\r\n        .device-title img{\r\n            width: 80%;\r\n        }\r\n        .zs-titles{\r\n            margin: 2rem 0;\r\n        }\r\n        .zs-titles span{\r\n            font-weight: 700;\r\n            font-size: 1.5rem;\r\n            color: #333;\r\n        }\r\n        .zs-titles span i{\r\n            font-size: 2rem;\r\n            color: #9472e4;\r\n            font-weight: 900;\r\n            font-style: normal;\r\n            font-family: 'SimHei Microsoft yahei';\r\n            margin-right: 1rem;\r\n            position: relative;\r\n            top: 2px;\r\n        }\r\n        .detail-btn{\r\n            margin-top: 1rem;\r\n            background:#9472e4 ;\r\n            display: inline-block;\r\n            padding: 2px 8px;\r\n            font-size: 1rem;\r\n            color: #fff;\r\n        }\r\n        .zc-content p{\r\n            font-size: 0.8rem;\r\n            color: #333;\r\n            margin-top: 0.8rem;\r\n        }\r\n        .zc-content h3{\r\n            font-size: 0.8rem;\r\n            color: #333;\r\n            margin-top: 0.8rem;\r\n            font-weight: 400;\r\n        }\r\n        .tabs{\r\n            border-bottom:2px solid #674FB0!important;\r\n        }\r\n        .zs-wrap ul{\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n        .zs-wrap ul li{\r\n            width: 20%;\r\n            text-align: center;\r\n            margin-bottom: 2rem;\r\n        }\r\n        .zx-wrap li{\r\n            width:25%!important;\r\n        }\r\n        .zs-wrap ul li div{\r\n            background: #fff;\r\n            height: 10rem;\r\n            width: 98%;\r\n            margin: 0 auto;\r\n            padding-top: 3rem;\r\n            font-size: 1rem;\r\n        }\r\n        .zs-wrap ul li div p{\r\n            margin-top: 1rem;\r\n        }\r\n        .zs-wrap ul li div img{\r\n            width: 20%;\r\n        }\r\n        .zs-tabs div{\r\n            background: #674FB0!important;\r\n            color: #fff;\r\n        }\r\n        .wyfw{\r\n            margin: 2rem 0;\r\n        }\r\n        .wyfw>div{\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n            margin: 3rem 0;\r\n        }\r\n        .wyfw p{\r\n            line-height: 2rem;\r\n            margin: 1rem 0;\r\n        }\r\n        .wyfw>div>div{\r\n            width: 33.33%;\r\n        }\r\n        .wyfw>div>div span:nth-child(1){\r\n            display: inline-block;\r\n            background: #674FB0;\r\n            padding: 0.1rem 1rem;\r\n            color: #fff;\r\n            margin-right: 3rem;\r\n        }\r\n        .zzfw{\r\n            margin: 2rem 0;\r\n            line-height: 2rem;\r\n        }\r\n        .zz-titles{\r\n            text-align: center;\r\n            font-size: 1.5rem;\r\n            margin-bottom: 2rem;\r\n        }\r\n        .zz-wrap li div img{\r\n            width: 100%!important;\r\n        }\r\n        .zz-wrap li div{\r\n            padding: 0!important;\r\n            height: auto!important;\r\n            position: relative;\r\n        }\r\n        .zz-wrap li div p{\r\n            margin: 0!important;\r\n            position: absolute;\r\n            bottom: 0px;\r\n            background: #674FB0;\r\n            width: 100%;\r\n            color: #fff;\r\n            padding: 1.5rem 0;\r\n            font-size:1.3rem;\r\n        }\r\n        .zz-wrap li div img{\r\n            height: 400px;\r\n        }\r\n        .zz-wrap li:last-child div{\r\n            background: #674FB0;\r\n            height: 100%;\r\n        }\r\n        .zz-wrap li:last-child p{\r\n            transform: translateY(50%);\r\n            height: 100%;\r\n        }\r\n        .qrcode li div{\r\n            background: none!important;\r\n            height: auto!important;\r\n        }\r\n        .qrcode li div img{\r\n            width: 80%!important;\r\n        }\r\n        .qrcode li div span{\r\n            color: #333!important;\r\n        }\r\n    }\r\n    @media screen and (max-width: 1000px){\r\n        .banner{\r\n            display: none;\r\n        }\r\n        .zc-content{\r\n            display: none;\r\n        }\r\n        .bread{\r\n            display: none;\r\n        }\r\n        .smart-title{\r\n            margin-top:2rem;\r\n        }\r\n        .smart-device{\r\n            width: 90%;\r\n            margin: 0 auto;\r\n            text-align: left;\r\n            font-size: 1rem;\r\n            overflow: hidden;\r\n        }\r\n        .smart-device span span{\r\n            font-size: 1.5rem;\r\n            display: inline-block;\r\n            position: relative;\r\n            padding-right: 1rem;\r\n            margin-right: 1rem;\r\n            font-weight: 900;\r\n        }\r\n        .smart-device span span:after{\r\n            content: '';\r\n            width: 1px;\r\n            height: 15px;\r\n            background: #666;\r\n            position: absolute;\r\n            right: 0;\r\n            bottom: 7px;\r\n        }\r\n        .device-title img{\r\n            width: 100%;\r\n        }\r\n        .zs-titles{\r\n            margin: 1rem auto;\r\n            text-align: center;\r\n            width: 100%;\r\n        }\r\n        .zz-titles{\r\n            margin-bottom: 1rem;\r\n        }\r\n        .zs-titles i{\r\n            display: none;\r\n        }\r\n        .zs-titles span,.zz-titles span{\r\n            font-weight: 700;\r\n            font-size: 0.8rem;\r\n            color: #333;\r\n            display: inline-block;\r\n            border-bottom: 2px solid #674FB0;\r\n            padding-bottom: 0.5rem;\r\n        }\r\n        .zs-titles span i{\r\n            font-size: 1.5rem;\r\n            color: #9472e4;\r\n            font-weight: 900;\r\n            font-style: normal;\r\n            font-family: 'SimHei Microsoft yahei';\r\n            margin-right: 1rem;\r\n            position: relative;\r\n            top: 2px;\r\n        }\r\n        .zs-wrap ul{\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n        .zs-wrap ul li{\r\n            width: 50%;\r\n            text-align: center;\r\n            margin-bottom: 1rem;\r\n        }\r\n        .zs-wrap ul li:last-child{\r\n            width: 100%;\r\n        }\r\n        .zx-wrap li{\r\n            width:25%!important;\r\n        }\r\n        .zs-wrap ul li div{\r\n            background: #fff;\r\n            height: 5rem;\r\n            width: 95%;\r\n            margin: 0 auto;\r\n            padding-top: 2rem;\r\n            font-size: 1rem;\r\n        }\r\n        .zs-wrap ul li:last-child div{\r\n            width: 97%;\r\n        }\r\n        .zs-wrap ul li div p{\r\n            margin-top: 0.5rem;\r\n        }\r\n        .zs-wrap ul li div img{\r\n            width: 20%;\r\n        }\r\n        .zyfw-img div img{\r\n            height: 10rem!important;\r\n        }\r\n        .zs-wrap ul li:last-child div img{\r\n            width: 10%;\r\n        }\r\n        .zs-tabs div{\r\n            background: #674FB0!important;\r\n            color: #fff;\r\n        }\r\n        .wyfw{\r\n            background: #fff;\r\n            border-radius: 2px;\r\n            padding: 1rem 0;\r\n            width: 97%;\r\n            margin: 0 auto;\r\n            line-height: 1.5rem\r\n        }\r\n        .wyfw>p{\r\n            width: 90%;\r\n            margin: 0 auto;\r\n        }\r\n        .wy-addr{\r\n            width: 80%;\r\n            margin: 0 auto;\r\n        }\r\n        .wy-addr>div{\r\n            margin-top: 1rem;\r\n        }\r\n        .zzfw{\r\n            background: #fff;\r\n            border-radius: 2px;\r\n            padding: 1rem 0;\r\n            width: 97%;\r\n            margin: 0 auto;\r\n            line-height: 1.5rem;\r\n            text-indent: 1rem;\r\n            /*margin-bottom: 1rem;*/\r\n        }\r\n        .zzfw /deep/ p{\r\n            width: 90%!important;\r\n            margin: 0 auto;\r\n        }\r\n        .zz-wrap li{\r\n            width: 25% !important;\r\n        }\r\n        .zz-wrap li div img{\r\n            width: 100%!important;\r\n        }\r\n        .zz-wrap li:last-child{\r\n            display: none;\r\n        }\r\n        .zz-wrap li div{\r\n            padding: 0!important;\r\n            height: auto!important;\r\n            position: relative;\r\n        }\r\n        .zz-wrap li div p{\r\n            margin: 0!important;\r\n            position: absolute;\r\n            bottom: 0px;\r\n            background: #674FB0;\r\n            width: 100%;\r\n            color: #fff;\r\n            padding: 0.6rem 0;\r\n            font-size:0.8rem;\r\n        }\r\n        .zz-wrap li:last-child div{\r\n            background: #674FB0;\r\n            height: 100%;\r\n        }\r\n        .zz-wrap li:last-child p{\r\n            transform: translateY(50%);\r\n            height: 100%;\r\n        }\r\n        .qrcode{\r\n            background: #fff;\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-wrap: nowrap;\r\n            padding-bottom: 1rem;\r\n        }\r\n        .qrcode li,.qrcode li img{\r\n            width: 50%!important;\r\n        }\r\n    }\r\n\r\n</style>\r\n"],"sourceRoot":"src/views/services/characteristic"}]}