{"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\\activities\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\services\\activities\\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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQge3dlYnNpdGVBY3Rpdml0eVBhZ2V9IGZyb20gIkAvc2VydmljZS9hcGlfc2VydmljZSI7DQppbXBvcnQgQmFzZSBmcm9tICdAL3ZpZXdzL2Jhc2UvYmFzZScNCmltcG9ydCBCYXNlRGF0YSBmcm9tICdAL3ZpZXdzL2Jhc2UvYmFzZURhdGEnDQogICAgZXhwb3J0IGRlZmF1bHQgew0KICAgICAgbWl4aW5zOiBbQmFzZSwgQmFzZURhdGFdLA0KICAgICAgICBkYXRhICgpIHsNCiAgICAgICAgICAgIHJldHVybiB7DQogICAgICAgICAgICAgICAgZGNfa2V5OiBbJ2FjdGl2aXR5VHlwZSddLA0KICAgICAgICAgICAgICAgIGFjdGl2ZTonJywNCiAgICAgICAgICAgICAgICBjdXJyZW50UGFnZToxLA0KICAgICAgICAgICAgICAgIHRvdGFsOjAsDQogICAgICAgICAgICAgICAgenNMaXN0OlsNCiAgICAgICAgICAgICAgICAgICAgLy8gew0KICAgICAgICAgICAgICAgICAgICAvLyAgICAgaW1nOiduMS5wbmcnLA0KICAgICAgICAgICAgICAgICAgICAvLyAgICAgbmFtZTon5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6ZeoJywNCiAgICAgICAgICAgICAgICAgICAgLy8gICAgIGV2ZW50SW5kZXg6MSwNCiAgICAgICAgICAgICAgICAgICAgLy8gICAgIGNyZWF0ZVRpbWU6JzIwMTItMTItMTInLA0KICAgICAgICAgICAgICAgICAgICAvLyAgICAgbnVtOjEsDQogICAgICAgICAgICAgICAgICAgIC8vICAgICBzdGF0dXM6MSwNCiAgICAgICAgICAgICAgICAgICAgLy8gICAgIGRldGFpbDon5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6ZeoJw0KICAgICAgICAgICAgICAgICAgICAvLyB9LA0KICAgICAgICAgICAgICAgIF0sDQogICAgICAgICAgICAgIGFjdGl2ZVR5cGU6W10sDQogICAgICAgICAgICAgIHNlYXJjaDp7DQogICAgICAgICAgICAgICAgICBwYWdlU2l6ZToxMCwNCiAgICAgICAgICAgICAgICAgIHBhZ2VOdW06MSwNCiAgICAgICAgICAgICAgICAgIHB1Ymxpc2hTdGF0dXM6JzInDQogICAgICAgICAgICAgIH0NCiAgICAgICAgICAgIH0NCiAgICAgICAgfSwNCiAgICAgICAgbW91bnRlZCgpIHsNCiAgICAgICAgICB0aGlzLmluaXREaWN0KHRoaXMuZGNfa2V5LHRydWUpLnRoZW4oKHJlcykgPT4gew0KICAgICAgICAgICAgdGhpcy5hY3RpdmVUeXBlID0gIHRoaXMuZGNfZGF0YS5hY3Rpdml0eVR5cGUNCiAgICAgICAgICAgIHRoaXMuZ2V0RGF0YSgpDQogICAgICAgICAgfSkNCiAgICAgICAgICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5zY3JvbGxUb3AgPSBkb2N1bWVudC5ib2R5LnNjcm9sbFRvcCA9MDsgLy/lm57liLDpobbpg6gNCiAgICAgICAgfSwNCiAgICAgICAgbWV0aG9kczogew0KICAgICAgICAgIGNoYW5nZVR5cGUoYWN0aXZlKXsNCiAgICAgICAgICAgIHRoaXMuc2VhcmNoLnBhZ2VOdW0gPSAxDQogICAgICAgICAgICB0aGlzLmFjdGl2ZT1hY3RpdmUNCiAgICAgICAgICAgIHRoaXMuZ2V0RGF0YSgpDQogICAgICAgICAgfSwNCiAgICAgICAgICBoYW5kbGVDdXJyZW50Q2hhbmdlOiBmdW5jdGlvbih2YWwpIHsNCiAgICAgICAgICAgIHRoaXMuc2VhcmNoLnBhZ2VOdW0gPSB2YWwNCiAgICAgICAgICAgIHRoaXMuZ2V0RGF0YSgpDQogICAgICAgICAgfSwNCiAgICAgICAgICBnZXREYXRhKCl7DQogICAgICAgICAgICBpZih0aGlzLmFjdGl2ZT09PTApew0KICAgICAgICAgICAgICB0aGlzLnNlYXJjaC50cmFpblR5cGU9JycNCiAgICAgICAgICAgIH1lbHNlew0KICAgICAgICAgICAgICB0aGlzLnNlYXJjaC5hY3Rpdml0eVR5cGU9dGhpcy5hY3RpdmUNCiAgICAgICAgICAgIH0NCiAgICAgICAgICAgIHdlYnNpdGVBY3Rpdml0eVBhZ2UodGhpcy5zZWFyY2gpLnRoZW4oKHJlcyk9PnsNCiAgICAgICAgICAgICAgaWYocmVzLnJvd3Mpew0KICAgICAgICAgICAgICAgIHRoaXMudG90YWwgPSByZXMudG90YWwNCiAgICAgICAgICAgICAgICB0aGlzLnpzTGlzdCA9IFtdDQogICAgICAgICAgICAgICAgcmVzLnJvd3MuZm9yRWFjaChpdGVtPT57DQogICAgICAgICAgICAgICAgICBsZXQgdXJsID0gJycNCiAgICAgICAgICAgICAgICAgIGlmKGl0ZW0uYWN0aXZpdHlBbm5leCYmaXRlbS5hY3Rpdml0eUFubmV4Lmxlbmd0aD4yKXsNCiAgICAgICAgICAgICAgICAgICAgY29uc3QgYW5uZXggPSB0aGlzLiRjb21tb24uY2FzdEV2YWwoaXRlbS5hY3Rpdml0eUFubmV4KQ0KICAgICAgICAgICAgICAgICAgICB1cmwgPSBhbm5leFswXS51cmwNCiAgICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICAgIGNvbnN0IGkgPSB7DQogICAgICAgICAgICAgICAgICAgICAgICBpZDppdGVtLmlkLA0KICAgICAgICAgICAgICAgICAgICAgICAgaW1nOnRoaXMuJGNvbW1vbi5yZXBsYWNlV3hEb3dubG9hZCh1cmwpLA0KICAgICAgICAgICAgICAgICAgICAgICAgbmFtZTppdGVtLmFjdGl2aXR5TmFtZSwNCiAgICAgICAgICAgICAgICAgICAgICAgIGV2ZW50SW5kZXg6aXRlbS5yZWdpc3RyYXRpb25TdGF0dXMsDQogICAgICAgICAgICAgICAgICAgICAgICBjcmVhdGVUaW1lOnRoaXMuJGNvbW1vbi50cmFuc1NlcnZEYXRlKGl0ZW0ucHVibGlzaERhdGUpLA0KICAgICAgICAgICAgICAgICAgICAgICAgbnVtOml0ZW0ucGFydGFrZU51bWJlciwNCiAgICAgICAgICAgICAgICAgICAgICAgIHN0YXR1czppdGVtLnJlZ2lzdHJhdGlvblN0YXR1cywNCiAgICAgICAgICAgICAgICAgICAgICAgIGRldGFpbDonJw0KICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgICAgdGhpcy56c0xpc3QucHVzaChpKQ0KICAgICAgICAgICAgICAgIH0pDQogICAgICAgICAgICAgIH0NCiAgICAgICAgICAgIH0pDQogICAgICAgICAgfSwNCiAgICAgICAgICAgIGRldGFpbChpbmRleCl7DQogICAgICAgICAgICAgIHRoaXMuJHJvdXRlci5wdXNoKHtwYXRoOicvc2VydmljZS9kZXRhaWw/aWQ9JytpbmRleH0pDQogICAgICAgICAgICB9DQogICAgICAgIH0sDQogICAgfTsNCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA;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":"index.vue","sourceRoot":"src/views/services/activities","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><router-link :to=\"{path: '/service/characteristic'}\">服务特色</router-link></li>\r\n                        <li><router-link :to=\"{path: '/service/periphery'}\">园区周边</router-link></li>\r\n                        <li class=\"tabs\"><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 AVTIVITIES</span>\r\n            </div>\r\n            <div class=\"smart-device-content\">\r\n                <div class=\"nav-company\">\r\n                    <div>\r\n                        <ul>\r\n                          <li v-for=\"item in activeType\" :class=\"active===item.value?'active':''\" @click=\"changeType(item.value)\">\r\n                            <span>{{item.label}}</span>\r\n                          </li>\r\n<!--                            <li :class=\"active==1?'active':''\" @click=\"changeType('1')\"><span>全部</span></li>-->\r\n<!--                            <li :class=\"active==2?'active':''\" @click=\"changeType('2')\"><span>培训</span></li>-->\r\n<!--                            <li :class=\"active==3?'active':''\" @click=\"changeType('3')\"><span>私募</span></li>-->\r\n<!--                            <li :class=\"active==4?'active':''\" @click=\"changeType('4')\"><span>法务</span></li>-->\r\n<!--                            <li :class=\"active==5?'active':''\" @click=\"changeType('5')\"><span>财税</span></li>-->\r\n<!--                            <li :class=\"active==6?'active':''\" @click=\"changeType('6')\"><span>培训</span></li>-->\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n                <ul class=\"company-list\">\r\n                    <li v-for=\"(item,index) in zsList\" :key=\"index\" @click=\"detail(item.id)\">\r\n                        <div class=\"wrap-device-detail\">\r\n                            <div class=\"c-logo\">\r\n<!--                                <img :src=\"require('../../../assets/images/'+item.img)\" alt=\"\">-->\r\n                                <img :src=\"'https://smartpark.idea-sf.com'+item.img\" alt=\"\">\r\n                            </div>\r\n                            <div class=\"wrap-content\">\r\n                                <div class=\"c-content\">\r\n                                    <span>{{item.createTime}}</span>\r\n                                    <h3>{{item.name}}</h3>\r\n                                </div>\r\n                                <div class=\"detail-btn\">\r\n                                    <div class=\"a-status\">\r\n                                        <span v-if=\"item.status==2\" class=\"over\">已结束</span>\r\n                                        <span v-else class=\"loading\">报名中</span>\r\n                                        <span v-if=\"item.status==2\" class=\"over\">活动风采</span>\r\n                                    </div>\r\n                                    <div class=\"a-option\">\r\n                                        <span>参与人数:{{item.num}}</span>\r\n                                        <span>查看详情</span>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </li>\r\n                </ul>\r\n                <div class=\"paginationo-box\">\r\n                    <van-pagination v-model=\"search.pageNum\" :total-items=\"total\" :show-page-size=\"10\" @change=\"handleCurrentChange\">\r\n                        <template #prev-text>\r\n                            <van-icon name=\"arrow-left\" />\r\n                        </template>\r\n                        <template #next-text>\r\n                            <van-icon name=\"arrow\" />\r\n                        </template>\r\n                        <template #page=\"{ text }\">{{ text }}</template>\r\n                    </van-pagination>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport {websiteActivityPage} from \"@/service/api_service\";\r\nimport Base from '@/views/base/base'\r\nimport BaseData from '@/views/base/baseData'\r\n    export default {\r\n      mixins: [Base, BaseData],\r\n        data () {\r\n            return {\r\n                dc_key: ['activityType'],\r\n                active:'',\r\n                currentPage:1,\r\n                total:0,\r\n                zsList:[\r\n                    // {\r\n                    //     img:'n1.png',\r\n                    //     name:'互联网私募如何入门',\r\n                    //     eventIndex:1,\r\n                    //     createTime:'2012-12-12',\r\n                    //     num:1,\r\n                    //     status:1,\r\n                    //     detail:'互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门'\r\n                    // },\r\n                ],\r\n              activeType:[],\r\n              search:{\r\n                  pageSize:10,\r\n                  pageNum:1,\r\n                  publishStatus:'2'\r\n              }\r\n            }\r\n        },\r\n        mounted() {\r\n          this.initDict(this.dc_key,true).then((res) => {\r\n            this.activeType =  this.dc_data.activityType\r\n            this.getData()\r\n          })\r\n            document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部\r\n        },\r\n        methods: {\r\n          changeType(active){\r\n            this.search.pageNum = 1\r\n            this.active=active\r\n            this.getData()\r\n          },\r\n          handleCurrentChange: function(val) {\r\n            this.search.pageNum = val\r\n            this.getData()\r\n          },\r\n          getData(){\r\n            if(this.active===0){\r\n              this.search.trainType=''\r\n            }else{\r\n              this.search.activityType=this.active\r\n            }\r\n            websiteActivityPage(this.search).then((res)=>{\r\n              if(res.rows){\r\n                this.total = res.total\r\n                this.zsList = []\r\n                res.rows.forEach(item=>{\r\n                  let url = ''\r\n                  if(item.activityAnnex&&item.activityAnnex.length>2){\r\n                    const annex = this.$common.castEval(item.activityAnnex)\r\n                    url = annex[0].url\r\n                  }\r\n                  const i = {\r\n                        id:item.id,\r\n                        img:this.$common.replaceWxDownload(url),\r\n                        name:item.activityName,\r\n                        eventIndex:item.registrationStatus,\r\n                        createTime:this.$common.transServDate(item.publishDate),\r\n                        num:item.partakeNumber,\r\n                        status:item.registrationStatus,\r\n                        detail:''\r\n                  }\r\n                  this.zsList.push(i)\r\n                })\r\n              }\r\n            })\r\n          },\r\n            detail(index){\r\n              this.$router.push({path:'/service/detail?id='+index})\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            position: relative;\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        .nav-company{\r\n            margin: 3rem 0;\r\n        }\r\n        .nav-company>div{\r\n            width: 97%;\r\n            margin: 0 auto;\r\n            background: #fff;\r\n            padding: 1rem 0;\r\n        }\r\n        .nav-company ul{\r\n            display: flex;\r\n            width: 80%;\r\n            margin: 0 auto;\r\n            justify-content: center;\r\n            flex-wrap: nowrap;\r\n        }\r\n        .nav-company ul li{\r\n            width: 6rem;\r\n            text-align: center;\r\n            cursor: pointer;\r\n        }\r\n        .nav-company ul li span{\r\n            width: 80%;\r\n            margin: 0 auto;\r\n            display: inline-block;\r\n            text-align: center;\r\n            color: #333;\r\n        }\r\n        .wrap-device-detail{\r\n            background: #fff;\r\n            width: 90%;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            padding: 1rem 0;\r\n            overflow: hidden;\r\n        }\r\n        .smart-device-content .company-list{\r\n\r\n        }\r\n        .smart-device-content .company-list li{\r\n            margin-bottom: 2rem;\r\n        }\r\n        .c-logo{\r\n            float: left;\r\n            text-align: center;\r\n            width: 30%;\r\n        }\r\n        .c-logo img{\r\n            width: 90%;\r\n            height:9rem;\r\n\r\n        }\r\n        .wrap-content{\r\n            float: left;\r\n            width: 70%;\r\n        }\r\n        .c-content,.detail-btn{\r\n            width: 90%;\r\n            margin: 1rem auto;\r\n            overflow: hidden;\r\n        }\r\n        .c-content span{\r\n            color: #674FB0;\r\n        }\r\n        .c-content h3{\r\n            font-size: 1rem;\r\n            margin: 1rem 0;\r\n        }\r\n        .c-content p{\r\n            font-size: 0.8rem;\r\n            line-height: 1.6rem;\r\n            height: 3rem;\r\n            overflow: hidden;\r\n            margin: 1rem 0;\r\n        }\r\n        .detail-btn{\r\n            margin-bottom: 1rem;\r\n        }\r\n        .detail-btn .a-status{\r\n            float: left;\r\n        }\r\n        .detail-btn .a-option{\r\n            float: right;\r\n        }\r\n        .detail-btn span{\r\n            display: inline-block;\r\n            padding: 0 1rem;\r\n            margin-right: 10px;\r\n            color: #fff;\r\n        }\r\n        .a-status .over{\r\n            background: #666;\r\n        }\r\n        .a-status .loading{\r\n            background: #FF6A00;\r\n        }\r\n        .a-option span{\r\n            color: #666;\r\n        }\r\n        .a-option span:nth-child(2){\r\n            display: inline-block;\r\n            text-align: center;\r\n            background: #674FB0;\r\n            color: #fff;\r\n        }\r\n        .active{\r\n            background: #674FB0;\r\n        }\r\n        .active span{\r\n            color: #fff!important;\r\n        }\r\n        .tabs{\r\n            border-bottom:2px solid #674FB0!important;\r\n        }\r\n        .paginationo-box{\r\n            width: 20%;\r\n            margin: 0 auto;\r\n        }\r\n    }\r\n    @media screen and (max-width: 1000px){\r\n        .zc-content{\r\n            display: none;\r\n        }\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        .nav-company{\r\n            margin: 3rem 0;\r\n            box-shadow: 10px 10px 10px #dedede;\r\n        }\r\n        .nav-company>div{\r\n            width: 100%;\r\n            margin: 0 auto;\r\n            background: #fff;\r\n            padding: 1rem 0;\r\n        }\r\n        .nav-company ul{\r\n            overflow: hidden;\r\n            width: 80%;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n        .nav-company ul li{\r\n            width: 5rem;\r\n            overflow: hidden;\r\n            text-align: center;\r\n            cursor: pointer;\r\n            margin-top: 1rem;\r\n        }\r\n        .nav-company ul li span{\r\n            width: 80%;\r\n            margin: 0 auto;\r\n            display: inline-block;\r\n            text-align: center;\r\n            border: 1px solid #674FB0;\r\n            color: #674FB0;\r\n            padding: 0 4px;\r\n        }\r\n        .wrap-device-detail{\r\n            background: #fff;\r\n            width: 90%;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            padding-top: 1rem;\r\n            overflow: hidden;\r\n        }\r\n        .smart-device-content .company-list{\r\n\r\n        }\r\n        .smart-device-content .company-list li{\r\n            margin-bottom: 2rem;\r\n        }\r\n        .c-logo{\r\n            width: 90%;\r\n            margin: 0 auto;\r\n        }\r\n        .c-logo img{\r\n          width: 100%;\r\n          height:9rem;\r\n\r\n        }\r\n        .wrap-content{\r\n            width: 90%;\r\n            margin: 0 auto;\r\n        }\r\n        .c-content,.detail-btn{\r\n            width: 98%;\r\n            margin: 0 auto;\r\n            overflow: hidden;\r\n        }\r\n        .c-content span{\r\n            color: #674FB0;\r\n            margin: 10px 0;\r\n            display: inline-block;\r\n            /*display: none;*/\r\n        }\r\n        .c-content h3{\r\n            font-size: 1rem;\r\n            margin-bottom: 0.6rem;\r\n        }\r\n        .c-content p{\r\n            font-size: 0.8rem;\r\n            line-height: 1rem;\r\n            height: 2rem;\r\n            overflow: hidden;\r\n            margin: 0.5rem 0;\r\n        }\r\n        .detail-btn{\r\n            margin-bottom: 0.5rem;\r\n        }\r\n        .detail-btn>div{\r\n            margin-bottom: 0.6rem;\r\n            overflow: hidden;\r\n        }\r\n        .detail-btn .a-status span{\r\n            margin-right: 1rem;\r\n        }\r\n        .detail-btn .a-option span:first-child{\r\n            text-align: left;\r\n            float: left;\r\n            padding: 0;\r\n        }\r\n        .detail-btn .a-option span:last-child{\r\n            text-align: center;\r\n            float: right;\r\n        }\r\n        .detail-btn span{\r\n            display: inline-block;\r\n            padding: 0 1rem;\r\n            font-size: 0.8rem;\r\n            color: #fff;\r\n        }\r\n        .a-status .over{\r\n            background: #666;\r\n        }\r\n        .a-status .loading{\r\n            background: #FF6A00;\r\n        }\r\n        .a-option span{\r\n            color: #666;\r\n        }\r\n        .a-option span:nth-child(2){\r\n            display: inline-block;\r\n            text-align: center;\r\n            background: #674FB0;\r\n            color: #fff;\r\n        }\r\n        .active{\r\n            background: #674FB0;\r\n        }\r\n        .active span{\r\n            color: #fff!important;\r\n        }\r\n    }\r\n    .paginationo-box /deep/ .van-pagination__item--active{\r\n        background: #8366E3!important;\r\n        color: #fff!important;\r\n    }\r\n    .paginationo-box /deep/ .van-pagination__item{\r\n        color: #333;\r\n    }\r\n</style>\r\n"]}]}