| 1 |
- {"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"]}]}
|
