{"remainingRequest":"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\\educate\\detail1.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\services\\educate\\detail1.vue","mtime":1691993564219},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQge2dldFRyYWluQnlJZH0gZnJvbSAiQC9zZXJ2aWNlL2FwaV9zZXJ2aWNlIjsNCmltcG9ydCBCYXNlIGZyb20gJ0Avdmlld3MvYmFzZS9iYXNlJw0KaW1wb3J0IEJhc2VEYXRhIGZyb20gJ0Avdmlld3MvYmFzZS9iYXNlRGF0YScNCmltcG9ydCBNZXNzYWdlIGZyb20gJ0Avdmlld3MvbWVzc2FnZS9pbmRleCcNCmV4cG9ydCBkZWZhdWx0IHsNCiAgICAgICAgbWl4aW5zOiBbQmFzZSwgQmFzZURhdGFdLA0KICAgICAgICBjb21wb25lbnRzOiB7DQogICAgICAgICAgTWVzc2FnZQ0KICAgICAgICB9LA0KICAgICAgICBkYXRhICgpIHsNCiAgICAgICAgICAgIHJldHVybiB7DQogICAgICAgICAgICAgIGRjX2tleTogWyd0cmFpblR5cGUnXSwNCiAgICAgICAgICAgICAgc2hvd0luZm86ZmFsc2UsDQogICAgICAgICAgICAgICAgYWN0aXZlOjEsDQogICAgICAgICAgICAgICAgIGlzaU9TOmZhbHNlLA0KICAgICAgICAgICAgICAgIHpzTGlzdDpbDQogICAgICAgICAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgICAgICAgICAgIGltZzonenMxLnBuZycsDQogICAgICAgICAgICAgICAgICAgICAgICBuYW1lOifkuJPpobnmibbmjIHmlL/nrZYnLA0KICAgICAgICAgICAgICAgICAgICAgICAgZXZlbnRJbmRleDoxLA0KICAgICAgICAgICAgICAgICAgICAgICAgZGV0YWlsOicnDQogICAgICAgICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgICAgICAgICAgIGltZzonenMyLnBuZycsDQogICAgICAgICAgICAgICAgICAgICAgICBuYW1lOifnqI7mlLbkvJjmg6AnLA0KICAgICAgICAgICAgICAgICAgICAgICAgZXZlbnRJbmRleDoyLA0KICAgICAgICAgICAgICAgICAgICAgICAgZGV0YWlsOicnDQogICAgICAgICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgICAgICAgICAgIGltZzonenMzLnBuZycsDQogICAgICAgICAgICAgICAgICAgICAgICBuYW1lOiflpZblirHmjqrmlr0nLA0KICAgICAgICAgICAgICAgICAgICAgICAgZXZlbnRJbmRleDozLA0KICAgICAgICAgICAgICAgICAgICAgICAgZGV0YWlsOicnDQogICAgICAgICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgICAgXSwNCiAgICAgICAgICAgICAgdHJhaW5EZXRhaWw6ICcnLA0KICAgICAgICAgICAgICBudW1iZXI6IDAsDQogICAgICAgICAgICAgIGlkOicnLA0KICAgICAgICAgICAgICB0cmFpblR5cGU6JycNCiAgICAgICAgICAgIH0NCiAgICAgICAgfSwNCiAgICAgICAgbW91bnRlZCgpIHsNCiAgICAgICAgICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5zY3JvbGxUb3AgPSBkb2N1bWVudC5ib2R5LnNjcm9sbFRvcCA9MDsgLy/lm57liLDpobbpg6gNCiAgICAgICAgICAgdGhpcy5pZCA9IHRoaXMuJHJvdXRlLnF1ZXJ5LmlkDQogICAgICAgICAgdGhpcy5pbml0RGljdCh0aGlzLmRjX2tleSx0cnVlKS50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICAgIHRoaXMudHJhaW5UeXBlID0gdGhpcy5kY19kYXRhLnRyYWluVHlwZQ0KICAgICAgICAgICAgdGhpcy5nZXRUcmFpbkJ5SWQoKQ0KICAgICAgICAgIH0pDQoNCiAgICAgICAgfSwNCiAgICAgICAgbWV0aG9kczogew0KICAgICAgICAgIGdldFRyYWluQnlJZCgpIHsNCiAgICAgICAgICAgIGNvbnN0IF90aGlzID0gdGhpcw0KICAgICAgICAgICAgZ2V0VHJhaW5CeUlkKHRoaXMuaWQsIG51bGwpLnRoZW4oKHJlcykgPT4gew0KICAgICAgICAgICAgICBpZiAocmVzLmRhdGEpIHsNCiAgICAgICAgICAgICAgICBfdGhpcy50cmFpbkRldGFpbCA9IHJlcy5kYXRhDQogICAgICAgICAgICAgICAgX3RoaXMudHJhaW5EZXRhaWwucmVnaXN0cmF0aW9uU3RhcnRUaW1lID0gdGhpcy4kY29tbW9uLnRyYW5zQmFzZURhdGVUaW1lKA0KICAgICAgICAgICAgICAgICAgICBfdGhpcy50cmFpbkRldGFpbC5yZWdpc3RyYXRpb25TdGFydFRpbWUNCiAgICAgICAgICAgICAgICApDQogICAgICAgICAgICAgICAgX3RoaXMudHJhaW5EZXRhaWwucmVnaXN0cmF0aW9uRW5kVGltZSA9IHRoaXMuJGNvbW1vbi50cmFuc0Jhc2VUb0RhdGVUaW1lKA0KICAgICAgICAgICAgICAgICAgICBfdGhpcy50cmFpbkRldGFpbC5yZWdpc3RyYXRpb25FbmRUaW1lDQogICAgICAgICAgICAgICAgKQ0KICAgICAgICAgICAgICAgIF90aGlzLnRyYWluRGV0YWlsLnRyYWluU3RhcnRUaW1lID0gdGhpcy4kY29tbW9uLnRyYW5zQmFzZURhdGVUaW1lKA0KICAgICAgICAgICAgICAgICAgICBfdGhpcy50cmFpbkRldGFpbC50cmFpblN0YXJ0VGltZQ0KICAgICAgICAgICAgICAgICkNCiAgICAgICAgICAgICAgICBfdGhpcy50cmFpbkRldGFpbC50cmFpbkVuZFRpbWUgPSB0aGlzLiRjb21tb24udHJhbnNCYXNlVG9EYXRlVGltZSgNCiAgICAgICAgICAgICAgICAgICAgX3RoaXMudHJhaW5EZXRhaWwudHJhaW5FbmRUaW1lDQogICAgICAgICAgICAgICAgKQ0KICAgICAgICAgICAgICAgIGlmIChfdGhpcy50cmFpbkRldGFpbC5jb2xsZWN0b3JzU3RhdHVzID09PSAnMicpIHsNCiAgICAgICAgICAgICAgICAgIF90aGlzLmFjdGl2ZSA9IHRydWUNCiAgICAgICAgICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgICAgICAgICAgX3RoaXMuYWN0aXZlID0gZmFsc2UNCiAgICAgICAgICAgICAgICB9DQogICAgICAgICAgICAgICAgaWYoX3RoaXMudHJhaW5EZXRhaWwudHJhaW5Bbm5leCYmX3RoaXMudHJhaW5EZXRhaWwudHJhaW5Bbm5leC5sZW5ndGg+Mil7DQoNCiAgICAgICAgICAgICAgICAgIGNvbnN0IGFubmV4ID0gdGhpcy4kY29tbW9uLmNhc3RFdmFsKF90aGlzLnRyYWluRGV0YWlsLnRyYWluQW5uZXgpDQogICAgICAgICAgICAgICAgICBfdGhpcy50cmFpbkRldGFpbC5hbm5leFVybCA9IGFubmV4WzBdLnVybA0KICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgaWYoX3RoaXMudHJhaW5EZXRhaWwubGVjdHVyZXJBbm5leCYmX3RoaXMudHJhaW5EZXRhaWwubGVjdHVyZXJBbm5leC5sZW5ndGg+Mil7DQogICAgICAgICAgICAgICAgICBjb25zdCBsZWN0dXJlckFubmV4ID0gdGhpcy4kY29tbW9uLmNhc3RFdmFsKF90aGlzLnRyYWluRGV0YWlsLmxlY3R1cmVyQW5uZXgpDQogICAgICAgICAgICAgICAgICBfdGhpcy50cmFpbkRldGFpbC5sZWN0dXJlckFubmV4VXJsID0gbGVjdHVyZXJBbm5leFswXS51cmwNCiAgICAgICAgICAgICAgICB9DQogICAgICAgICAgICAgIGlmKF90aGlzLnRyYWluRGV0YWlsLnZpZGVvQW5uZXgmJl90aGlzLnRyYWluRGV0YWlsLnZpZGVvQW5uZXgubGVuZ3RoPjIpew0KICAgICAgICAgICAgICAgIF90aGlzLmlzaU9TID0gISFuYXZpZ2F0b3IudXNlckFnZW50Lm1hdGNoKC9cKGlbXjtdKzsoIFU7KT8gQ1BVLitNYWMgT1MgWC8pDQoNCiAgICAgICAgICAgICAgICAgIGNvbnN0IHZpZGVvQW5uZXggPSB0aGlzLiRjb21tb24uY2FzdEV2YWwoX3RoaXMudHJhaW5EZXRhaWwudmlkZW9Bbm5leCkNCiAgICAgICAgICAgICAgICAgIGlmIChfdGhpcy5pc2lPUykgew0KICAgICAgICAgICAgICAgICAgICBfdGhpcy50cmFpbkRldGFpbC52aWRlb0FubmV4VXJsID0gdmlkZW9Bbm5leFswXS51cmwucmVwbGFjZSgnL3NlcnZlci9GaWxlQ29udHJvbGxlcicsICcvc21hcnRQYXJrSDVTZXJ2ZXIvd3gvZmlsZUNvbnRyb2xsZXInKQ0KICAgICAgICAgICAgICAgICAgfWVsc2Ugew0KICAgICAgICAgICAgICAgICAgICBfdGhpcy50cmFpbkRldGFpbC52aWRlb0FubmV4VXJsID0gdmlkZW9Bbm5leFswXS51cmwNCiAgICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICB9DQoNCiAgICAgICAgICAgICAgICBpZihfdGhpcy5kY19kYXRhLnRyYWluVHlwZSl7DQogICAgICAgICAgICAgICAgICBfdGhpcy50cmFpbkRldGFpbC50cmFpblR5cGUgPSB0aGlzLmRjX21hcC50cmFpblR5cGVbX3RoaXMudHJhaW5EZXRhaWwudHJhaW5UeXBlXQ0KICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICBfdGhpcy5udW1iZXIgPSBfdGhpcy50cmFpbkRldGFpbC50cmFpblF1b3RhIC0gX3RoaXMudHJhaW5EZXRhaWwucGFydGFrZU51bWJlcg0KICAgICAgICAgICAgICB9DQogICAgICAgICAgICB9KQ0KICAgICAgICAgIH0sDQogICAgICAgICAgY2xvc2VNZXNzYWdlKCl7DQogICAgICAgICAgICB0aGlzLnNob3dJbmZvID1mYWxzZQ0KICAgICAgICAgIH0sDQogICAgICAgICAgZGV0YWlsKGluZGV4KXsNCiAgICAgICAgICAgIC8vIHRoaXMuJHJvdXRlci5wdXNoKHtwYXRoOicvemhhb3NoYW5nL2RldGFpbDE/c21hbGxUeXBlPScraW5kZXh9KQ0KICAgICAgICAgICAgdGhpcy5zaG93SW5mbyA9dHJ1ZQ0KICAgICAgICAgIH0NCiAgICAgICAgfSwNCiAgICB9Ow0K"},{"version":3,"sources":["detail1.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"detail1.vue","sourceRoot":"src/views/services/educate","sourcesContent":["<template>\r\n    <div style=\"background: #f0f0f0;padding-bottom:50px\">\r\n        <div class=\"banner\">\r\n            <img src=\"~@/assets/images/yqbx.jpg\" alt=\"\">\r\n        </div>\r\n        <div class=\"bread\">\r\n            <div>\r\n                <span>当前位置:首页-园区培训-培训详情</span>\r\n            </div>\r\n        </div>\r\n        <div class=\"smart-device\">\r\n            <div class=\"smart-title\">\r\n                <span><span>园区培训</span>PARK TRAINING</span>\r\n            </div>\r\n            <div class=\"smart-device-content\" v-if=\"trainDetail.onlineOfflineStatus=='线下'\">\r\n                <div class=\"titles\">\r\n                    <h3>{{ trainDetail.trainTitle }}</h3>\r\n                </div>\r\n                <div class=\"list-content\">\r\n                    <span>培训详情</span>\r\n                    <h3>培训主办方</h3>\r\n                    <p>{{ trainDetail.trainHold }}</p>\r\n                    <h3>培训内容</h3>\r\n                    <p>{{ trainDetail.trainContent }} </p>\r\n                    <h3>培训时间</h3>\r\n                    <p>{{ trainDetail.trainStartTime }} — {{ trainDetail.trainEndTime }}</p>\r\n                    <h3>培训地址</h3>\r\n                    <p> {{ trainDetail.trainAddress }}</p>\r\n                    <h3>联系电话</h3>\r\n                    <p> {{ trainDetail.contactPhone }}</p>\r\n                    <h3>报名条件</h3>\r\n                    <p> {{ trainDetail.registrationConditions }}</p>\r\n                    <h3>培训参与</h3>\r\n                    <p> 还有 {{ number }} 个名额</p>\r\n                    <div>\r\n<!--                        <p>以Josh Bersin & IBM Institute 的 HR 3.0 为主线，讲解传统HR （1.0）向战略型HR （3.0）转型的十大关键举措，用实操案例聚集三大主题：敏捷组织，员工体验，HR能力转型，提供帮助企业及人力资源自身提升的战略与方法，推动业务的突破。</p>-->\r\n<!--                        <p>1、数字化时代企业挑战及员工特点；</p>-->\r\n<!--                        <p>2、数字化时代人力资源10大关键举措3.敏捷组织，员工体验，HR能力转型（Dave Urich 第八轮胜任力模型）案例。</p>-->\r\n<!--                      <img :src=\"trainDetail.annexArray[0]\" alt=\"\" />-->\r\n                    </div>\r\n                    <button @click=\"detail(1)\"  v-if=\"trainDetail.registrationStatus=='1'\">我要报名</button>\r\n                </div>\r\n            </div>\r\n          <div class=\"smart-device-content\" v-else>\r\n            <div class=\"titles\">\r\n              <h3>{{ trainDetail.trainTitle }}</h3>\r\n            </div>\r\n            <div class=\"list-content\">\r\n              <span>培训详情</span>\r\n              <h3>培训类型</h3>\r\n              <p>{{ trainDetail.trainType }}</p>\r\n              <h3>讲师姓名</h3>\r\n              <p> {{ trainDetail.lecturerName }}</p>\r\n              <h3>讲师简介 </h3>\r\n              <p> {{ trainDetail.lecturerIntroduction }}</p>\r\n              <h3>讲师形象照</h3>\r\n              <div><img style=\"width: 100%;\" :src=\"trainDetail.lecturerAnnexUrl\"> </div>\r\n              <h3>主题图</h3>\r\n              <div><img style=\"width: 100%;\" :src=\"trainDetail.annexUrl\"> </div>\r\n              <h3>视频</h3>\r\n              <div  v-if=\"isiOS\" style=\"margin-bottom: 200px;background-color: black;\">\r\n                <video controls=\"controls\" autoplay height=\"100%\" width=\"100%\">\r\n                  <source :src=\"trainDetail.videoAnnexUrl\" type=\"video/mp4\">\r\n                  <source :src=\"trainDetail.videoAnnexUrl\" type=\"video/ogg\">\r\n                  <source :src=\"trainDetail.videoAnnexUrl\" type=\"video/webm\">\r\n                  your browser does not support the video tag\r\n                </video>\r\n              </div>\r\n              <video v-else controls=\"controls\" style=\"width: 100%;height: 35rem;\"  :src=\"trainDetail.videoAnnexUrl\" autoplay=\"autoplay\" />\r\n              <button @click=\"detail(1)\" v-if=\"trainDetail.registrationStatus=='1'\">我要报名</button>\r\n            </div>\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 {getTrainById} 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        mixins: [Base, BaseData],\r\n        components: {\r\n          Message\r\n        },\r\n        data () {\r\n            return {\r\n              dc_key: ['trainType'],\r\n              showInfo:false,\r\n                active:1,\r\n                 isiOS:false,\r\n                zsList:[\r\n                    {\r\n                        img:'zs1.png',\r\n                        name:'专项扶持政策',\r\n                        eventIndex:1,\r\n                        detail:''\r\n                    },\r\n                    {\r\n                        img:'zs2.png',\r\n                        name:'税收优惠',\r\n                        eventIndex:2,\r\n                        detail:''\r\n                    },\r\n                    {\r\n                        img:'zs3.png',\r\n                        name:'奖励措施',\r\n                        eventIndex:3,\r\n                        detail:''\r\n                    },\r\n                ],\r\n              trainDetail: '',\r\n              number: 0,\r\n              id:'',\r\n              trainType:''\r\n            }\r\n        },\r\n        mounted() {\r\n            document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部\r\n           this.id = this.$route.query.id\r\n          this.initDict(this.dc_key,true).then((res) => {\r\n            this.trainType = this.dc_data.trainType\r\n            this.getTrainById()\r\n          })\r\n\r\n        },\r\n        methods: {\r\n          getTrainById() {\r\n            const _this = this\r\n            getTrainById(this.id, null).then((res) => {\r\n              if (res.data) {\r\n                _this.trainDetail = res.data\r\n                _this.trainDetail.registrationStartTime = this.$common.transBaseDateTime(\r\n                    _this.trainDetail.registrationStartTime\r\n                )\r\n                _this.trainDetail.registrationEndTime = this.$common.transBaseToDateTime(\r\n                    _this.trainDetail.registrationEndTime\r\n                )\r\n                _this.trainDetail.trainStartTime = this.$common.transBaseDateTime(\r\n                    _this.trainDetail.trainStartTime\r\n                )\r\n                _this.trainDetail.trainEndTime = this.$common.transBaseToDateTime(\r\n                    _this.trainDetail.trainEndTime\r\n                )\r\n                if (_this.trainDetail.collectorsStatus === '2') {\r\n                  _this.active = true\r\n                } else {\r\n                  _this.active = false\r\n                }\r\n                if(_this.trainDetail.trainAnnex&&_this.trainDetail.trainAnnex.length>2){\r\n\r\n                  const annex = this.$common.castEval(_this.trainDetail.trainAnnex)\r\n                  _this.trainDetail.annexUrl = annex[0].url\r\n                }\r\n              if(_this.trainDetail.lecturerAnnex&&_this.trainDetail.lecturerAnnex.length>2){\r\n                  const lecturerAnnex = this.$common.castEval(_this.trainDetail.lecturerAnnex)\r\n                  _this.trainDetail.lecturerAnnexUrl = lecturerAnnex[0].url\r\n                }\r\n              if(_this.trainDetail.videoAnnex&&_this.trainDetail.videoAnnex.length>2){\r\n                _this.isiOS = !!navigator.userAgent.match(/\\(i[^;]+;( U;)? CPU.+Mac OS X/)\r\n\r\n                  const videoAnnex = this.$common.castEval(_this.trainDetail.videoAnnex)\r\n                  if (_this.isiOS) {\r\n                    _this.trainDetail.videoAnnexUrl = videoAnnex[0].url.replace('/server/FileController', '/smartParkH5Server/wx/fileController')\r\n                  }else {\r\n                    _this.trainDetail.videoAnnexUrl = videoAnnex[0].url\r\n                  }\r\n                }\r\n\r\n                if(_this.dc_data.trainType){\r\n                  _this.trainDetail.trainType = this.dc_map.trainType[_this.trainDetail.trainType]\r\n                }\r\n                _this.number = _this.trainDetail.trainQuota - _this.trainDetail.partakeNumber\r\n              }\r\n            })\r\n          },\r\n          closeMessage(){\r\n            this.showInfo =false\r\n          },\r\n          detail(index){\r\n            // this.$router.push({path:'/zhaoshang/detail1?smallType='+index})\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        }\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        .device-title img{\r\n            width: 80%;\r\n        }\r\n        .nav-list{\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-wrap: nowrap;\r\n            margin: 2rem auto;\r\n            width: 50%;\r\n        }\r\n        .nav-list li{\r\n            min-width: 33.33%;\r\n            max-width: 33.33%;\r\n            text-align: center;\r\n            color: #666;\r\n            font-size: 0.8rem;\r\n            cursor: pointer;\r\n        }\r\n        .nav-list li span{\r\n            border-bottom: 2px solid #f0f0f0;\r\n            padding-bottom: 0.8rem;\r\n        }\r\n        .active span{\r\n            display: inline-block;\r\n            border-bottom: 2px solid #FF6A00!important;\r\n            color: #333;\r\n        }\r\n    }\r\n    @media screen and (max-width: 1000px){\r\n        .banner{\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        .nav-list{\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-wrap: nowrap;\r\n            margin: 2rem;\r\n        }\r\n        .nav-list li{\r\n            min-width: 33.33%;\r\n            max-width: 33.33%;\r\n            text-align: center;\r\n            color: #666;\r\n            font-size: 0.8rem;\r\n            cursor: pointer;\r\n        }\r\n        .nav-list li span{\r\n            border-bottom: 2px solid #f0f0f0;\r\n            padding-bottom: 0.8rem;\r\n        }\r\n        .active span{\r\n            display: inline-block;\r\n            border-bottom: 2px solid #FF6A00!important;\r\n            color: #333;\r\n            font-weight:800!important;\r\n        }\r\n    }\r\n    .titles{\r\n        text-align: center;\r\n        margin: 2rem 0;\r\n    }\r\n    .list-content{\r\n        min-height: 10rem;\r\n    }\r\n    .list-content span{\r\n        display: inline-block;\r\n        padding: 0.2rem 1rem;\r\n        background: #996FEC;\r\n        color: #fff;\r\n    }\r\n    .list-content h3{\r\n        margin: 1rem 0;\r\n    }\r\n    .list-content p{\r\n        line-height: 2rem;\r\n    }\r\n    .list-content div{\r\n        margin-top: 3rem;\r\n    }\r\n    .list-content div img{\r\n        width: 100%;\r\n        display: block;\r\n        margin-top: 3rem;\r\n    }\r\n    .list-content button{\r\n        width: 10rem;\r\n        height: 3rem;\r\n        border: 1px solid #333333;\r\n        border-radius: 10px;\r\n        margin: 4rem auto;\r\n        display: block;\r\n    }\r\n</style>\r\n"]}]}