{"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=style&index=0&id=394b31df&scoped=true&lang=css&","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\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5iYW5uZXIgaW1newogICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDsKfQpAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDAwcHgpewogICAgLmJyZWFkewogICAgICAgIGJhY2tncm91bmQ6ICNmZmY7CiAgICB9CiAgICAuYnJlYWQgZGl2ewogICAgICAgIHdpZHRoOiAxMjAwcHg7CiAgICAgICAgbWFyZ2luOiAwIGF1dG87CiAgICAgICAgdGV4dC1hbGlnbjogbGVmdDsKICAgICAgICBwYWRkaW5nOiAwLjhyZW0gMDsKICAgICAgICBmb250LXNpemU6IDFyZW07CiAgICB9CiAgICAuc21hcnQtdGl0bGV7CiAgICAgICAgbWFyZ2luLXRvcDozcmVtOwogICAgfQogICAgLnNtYXJ0LWRldmljZXsKICAgICAgICB3aWR0aDogMTIwMHB4OwogICAgICAgIG1hcmdpbjogMCBhdXRvOwogICAgICAgIHRleHQtYWxpZ246IGxlZnQ7CiAgICAgICAgZm9udC1zaXplOiAxcmVtOwogICAgfQogICAgLnNtYXJ0LWRldmljZSBzcGFuIHNwYW57CiAgICAgICAgZm9udC1zaXplOiAycmVtOwogICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICAgICAgcGFkZGluZy1yaWdodDogMXJlbTsKICAgICAgICBtYXJnaW4tcmlnaHQ6IDFyZW07CiAgICAgICAgZm9udC13ZWlnaHQ6IDkwMDsKICAgIH0KICAgIC5zbWFydC1kZXZpY2Ugc3BhbiBzcGFuOmFmdGVyewogICAgICAgIGNvbnRlbnQ6ICcnOwogICAgICAgIHdpZHRoOiAxcHg7CiAgICAgICAgaGVpZ2h0OiAxNXB4OwogICAgICAgIGJhY2tncm91bmQ6ICM2NjY7CiAgICAgICAgcG9zaXRpb246IGFic29sdXRlOwogICAgICAgIHJpZ2h0OiAwOwogICAgICAgIGJvdHRvbTogN3B4OwogICAgfQogICAgLmRldmljZS10aXRsZSBpbWd7CiAgICAgICAgd2lkdGg6IDgwJTsKICAgIH0KICAgIC5uYXYtbGlzdHsKICAgICAgICBkaXNwbGF5OiBmbGV4OwogICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOwogICAgICAgIGZsZXgtd3JhcDogbm93cmFwOwogICAgICAgIG1hcmdpbjogMnJlbSBhdXRvOwogICAgICAgIHdpZHRoOiA1MCU7CiAgICB9CiAgICAubmF2LWxpc3QgbGl7CiAgICAgICAgbWluLXdpZHRoOiAzMy4zMyU7CiAgICAgICAgbWF4LXdpZHRoOiAzMy4zMyU7CiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICAgIGNvbG9yOiAjNjY2OwogICAgICAgIGZvbnQtc2l6ZTogMC44cmVtOwogICAgICAgIGN1cnNvcjogcG9pbnRlcjsKICAgIH0KICAgIC5uYXYtbGlzdCBsaSBzcGFuewogICAgICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAjZjBmMGYwOwogICAgICAgIHBhZGRpbmctYm90dG9tOiAwLjhyZW07CiAgICB9CiAgICAuYWN0aXZlIHNwYW57CiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAjRkY2QTAwIWltcG9ydGFudDsKICAgICAgICBjb2xvcjogIzMzMzsKICAgIH0KfQpAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDAwcHgpewogICAgLmJhbm5lcnsKICAgICAgICBkaXNwbGF5OiBub25lOwogICAgfQogICAgLmJyZWFkewogICAgICAgIGRpc3BsYXk6IG5vbmU7CiAgICB9CiAgICAuc21hcnQtdGl0bGV7CiAgICAgICAgbWFyZ2luLXRvcDoycmVtOwogICAgfQogICAgLnNtYXJ0LWRldmljZXsKICAgICAgICB3aWR0aDogOTAlOwogICAgICAgIG1hcmdpbjogMCBhdXRvOwogICAgICAgIHRleHQtYWxpZ246IGxlZnQ7CiAgICAgICAgZm9udC1zaXplOiAxcmVtOwogICAgICAgIG92ZXJmbG93OiBoaWRkZW47CiAgICB9CiAgICAuc21hcnQtZGV2aWNlIHNwYW4gc3BhbnsKICAgICAgICBmb250LXNpemU6IDEuNXJlbTsKICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlOwogICAgICAgIHBhZGRpbmctcmlnaHQ6IDFyZW07CiAgICAgICAgbWFyZ2luLXJpZ2h0OiAxcmVtOwogICAgICAgIGZvbnQtd2VpZ2h0OiA5MDA7CiAgICB9CiAgICAuc21hcnQtZGV2aWNlIHNwYW4gc3BhbjphZnRlcnsKICAgICAgICBjb250ZW50OiAnJzsKICAgICAgICB3aWR0aDogMXB4OwogICAgICAgIGhlaWdodDogMTVweDsKICAgICAgICBiYWNrZ3JvdW5kOiAjNjY2OwogICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgICAgICByaWdodDogMDsKICAgICAgICBib3R0b206IDdweDsKICAgIH0KICAgIC5kZXZpY2UtdGl0bGUgaW1newogICAgICAgIHdpZHRoOiAxMDAlOwogICAgfQogICAgLm5hdi1saXN0ewogICAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgICAgICAgZmxleC13cmFwOiBub3dyYXA7CiAgICAgICAgbWFyZ2luOiAycmVtOwogICAgfQogICAgLm5hdi1saXN0IGxpewogICAgICAgIG1pbi13aWR0aDogMzMuMzMlOwogICAgICAgIG1heC13aWR0aDogMzMuMzMlOwogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgICAgICBjb2xvcjogIzY2NjsKICAgICAgICBmb250LXNpemU6IDAuOHJlbTsKICAgICAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICB9CiAgICAubmF2LWxpc3QgbGkgc3BhbnsKICAgICAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgI2YwZjBmMDsKICAgICAgICBwYWRkaW5nLWJvdHRvbTogMC44cmVtOwogICAgfQogICAgLmFjdGl2ZSBzcGFuewogICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgICAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgI0ZGNkEwMCFpbXBvcnRhbnQ7CiAgICAgICAgY29sb3I6ICMzMzM7CiAgICAgICAgZm9udC13ZWlnaHQ6ODAwIWltcG9ydGFudDsKICAgIH0KfQoudGl0bGVzewogICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgbWFyZ2luOiAycmVtIDA7Cn0KLmxpc3QtY29udGVudHsKICAgIG1pbi1oZWlnaHQ6IDEwcmVtOwp9Ci5saXN0LWNvbnRlbnQgc3BhbnsKICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgIHBhZGRpbmc6IDAuMnJlbSAxcmVtOwogICAgYmFja2dyb3VuZDogIzk5NkZFQzsKICAgIGNvbG9yOiAjZmZmOwp9Ci5saXN0LWNvbnRlbnQgaDN7CiAgICBtYXJnaW46IDFyZW0gMDsKfQoubGlzdC1jb250ZW50IHB7CiAgICBsaW5lLWhlaWdodDogMnJlbTsKfQoubGlzdC1jb250ZW50IGRpdnsKICAgIG1hcmdpbi10b3A6IDNyZW07Cn0KLmxpc3QtY29udGVudCBkaXYgaW1newogICAgd2lkdGg6IDEwMCU7CiAgICBkaXNwbGF5OiBibG9jazsKICAgIG1hcmdpbi10b3A6IDNyZW07Cn0KLmxpc3QtY29udGVudCBidXR0b257CiAgICB3aWR0aDogMTByZW07CiAgICBoZWlnaHQ6IDNyZW07CiAgICBib3JkZXI6IDFweCBzb2xpZCAjMzMzMzMzOwogICAgYm9yZGVyLXJhZGl1czogMTBweDsKICAgIG1hcmdpbjogNHJlbSBhdXRvOwogICAgZGlzcGxheTogYmxvY2s7Cn0K"},{"version":3,"sources":["detail1.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8LA;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;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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"]}]}