diff --git a/src/api/index.js b/src/api/index.js index bb12498..adc50e2 100644 --- a/src/api/index.js +++ b/src/api/index.js @@ -113,3 +113,20 @@ export function login(data) { data:obj }) } + +// 运维日志 +// maintainTime 运维时间 +// maintainNote 备注 +// maintainPerson 运维人员 +// maintainData1 运维内容 +// maintainData2 联系方式 +// maintainData3 站点位置 +//?startTime=2025-11-22&endTime=2025-11-22 +export function getMaintainLog(params) { + return requests({ + url: '/appmana/bigScreen/stationMaintainPage', + method: 'get', + headers: {}, + params + }) +} diff --git a/src/assets/css/index.css b/src/assets/css/index.css index 9e0ede0..11f2ff3 100644 --- a/src/assets/css/index.css +++ b/src/assets/css/index.css @@ -574,7 +574,7 @@ position: absolute; } .dataTypeEchart2{ - width: 66px; + width: 90px; height: 32px; color: #fff; margin-top: 15px; @@ -592,7 +592,7 @@ left: 13px; top: 30px; .el-input__inner{ - height:30px; + height: 34px; background: #0e2e4f; } .el-input__icon{ @@ -883,3 +883,11 @@ } +.el-timeline-item__tail { + border-left-color: rgb(71 105 172) !important; +} +.el-timeline-item__node--normal { + left: 0px; + width: 10px; + height: 10px; +} \ No newline at end of file diff --git a/src/assets/image/fx_duizu_weihu_icon.png b/src/assets/image/fx_duizu_weihu_icon.png new file mode 100644 index 0000000..37b31df Binary files /dev/null and b/src/assets/image/fx_duizu_weihu_icon.png differ diff --git a/src/assets/image/fx_duizu_weihu_icon22.png b/src/assets/image/fx_duizu_weihu_icon22.png new file mode 100644 index 0000000..399893d Binary files /dev/null and b/src/assets/image/fx_duizu_weihu_icon22.png differ diff --git a/src/pages/Home/index.vue b/src/pages/Home/index.vue index be6c3e5..2089770 100644 --- a/src/pages/Home/index.vue +++ b/src/pages/Home/index.vue @@ -152,9 +152,11 @@
重要污染物治理效果 - - {{dataTypeEchart?'监测值':'对比值'}} - + + + {{dataTypeEchart?'监测值':'对比值'}} + +
- +
@@ -620,13 +622,13 @@ export default { dateType: 'monthDays', dateTypeOptions: [ { value: 'dayhours', - label: '日' + label: '24小时' }, { value: 'monthDays', - label: '月' + label: '30天' }, { value: 'yearMonth', - label: '年' + label: '12个月' }] }; }, @@ -1222,7 +1224,7 @@ export default { if(data1[key] instanceof Array) { data3[key] = [] data1[key].map((itemSub,index) => { - data3[key].push(data2[key][index] - data1[key][index]) + data3[key].push((data2[key][index] - data1[key][index]).toFixed(2)) }) } }) @@ -1262,7 +1264,11 @@ export default { console.log('开始初始化echart：') let dataObj = []; let i = 0; - let colors = ['#2295ee', '#5cdd67', '#c0ca41', '#6115d1', '#ee6922']; + let colors = ['#f6dd11', + '#02fa16', + '#f41c52', + '#19ffba', + '#ee6922']; for(let key in data['datas']){ if(data['datas'][key] instanceof Array) { dataObj[i++] = { @@ -1309,12 +1315,8 @@ export default { }, yAxis: { type: 'value', - /*min:0, - max:60, - splitNumber:6*/ splitLine: { lineStyle: { - // 设置背景横线 color: '#2295ee' } }, @@ -1329,8 +1331,9 @@ export default { return { name: item.name, type:'line', - stack: '总量1', + stack: '', data: item.value, + // areaStyle: { color: item.color }, lineStyle: { color: item.color // 设置线的颜色为红色 }, @@ -1366,7 +1369,6 @@ export default { }, // 跳转页面3 addTask3(e) { - console.log("tdjdnhdjdn",e) let stationCode = e.stationCode if (e.stationType=='livestock') { this.$router.push({path: '/CqyzList',query:{stationCode: stationCode}}) diff --git a/src/pages/MywrList/index.vue b/src/pages/MywrList/index.vue index 9ca4729..ed3181c 100644 --- a/src/pages/MywrList/index.vue +++ b/src/pages/MywrList/index.vue @@ -1,675 +1,655 @@ @@ -1020,96 +930,106 @@ export default { display: none; } */ -.quanping{ - width: 1.6vw; - margin-right: 3%; - margin-top: 0.2vw; - position: absolute; - right: 1%; - z-index: 999; -} -.fullscreenvideo { - position: absolute; - width: 100%; - height:100%; -} -.videocontainer:before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - display: block; - z-index: -1; - top: 0; - left: 0; -} -.in1con_lf_imglf_num_jix{ - font-size: 1vw; - font-weight: 300; - font-family: HYChangLiSongKeBen; - letter-spacing:0.1vw +.quanping { + width: 1.6vw; + margin-right: 3%; + margin-top: 0.2vw; + position: absolute; + right: 1%; + z-index: 999; } -.returnimg{ - float: left; - width: 2vw; - margin-left: 3%; - cursor: pointer; +.fullscreenvideo { + position: absolute; + width: 100%; + height: 100%; } + +.videocontainer:before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + display: block; + z-index: -1; + top: 0; + left: 0; +} + +.in1con_lf_imglf_num_jix { + font-size: 1vw; + font-weight: 300; + font-family: HYChangLiSongKeBen; + letter-spacing: 0.1vw +} + +.returnimg { + float: left; + width: 2vw; + margin-left: 3%; + cursor: pointer; +} + .btn_left_time { - position : relative; - float : left; - width : 42%; - height : 1.6vw; - text-align : center; - line-height : 1.6vw; - font-size : .8vw; - color : #bcd3f5; - letter-spacing: .1vw; - cursor : pointer; + position: relative; + float: left; + width: 42%; + height: 1.6vw; + text-align: center; + line-height: 1.6vw; + font-size: .8vw; + color: #bcd3f5; + letter-spacing: .1vw; + cursor: pointer; } -.btn_left_tianq{ - position : relative; - float : left; - width : 40%; - height : 1.6vw; - text-align : left; - line-height : 1.6vw; - font-size : .8vw; - color : #bcd3f5; - letter-spacing: .1vw; - cursor : pointer; + +.btn_left_tianq { + position: relative; + float: left; + width: 40%; + height: 1.6vw; + text-align: left; + line-height: 1.6vw; + font-size: .8vw; + color: #bcd3f5; + letter-spacing: .1vw; + cursor: pointer; } -.btn_right_time{ - position : relative; - float : right; - //width : 97%; - height : 1.6vw; - text-align : right; - line-height : 1.6vw; - font-size : .8vw; - color : #bcd3f5; - letter-spacing: .1vw; - cursor : pointer; - margin-right: 3%; + +.btn_right_time { + position: relative; + float: right; + //width : 97%; + height: 1.6vw; + text-align: right; + line-height: 1.6vw; + font-size: .8vw; + color: #bcd3f5; + letter-spacing: .1vw; + cursor: pointer; + margin-right: 3%; } -.peoimg{ - width: 2vw; - margin-left: 3%; + +.peoimg { + width: 2vw; + margin-left: 3%; } + .nav_ti { text-align: center; - line-height: 1vw!important; + line-height: 1vw !important; color: #fff; font-size: 1.4vw; letter-spacing: .2vw; - text-shadow: 0 6px 12px rgba(0,12,37,.82), 0 1px 0 #004c4e, 0 2px 0 #003435, 0 6px 16px rgba(0,220,228,.58), 1px -3px 12px #00e0ec; - font-family: douyuFont; + text-shadow: 0 6px 12px rgba(0, 12, 37, .82), 0 1px 0 #004c4e, 0 2px 0 #003435, 0 6px 16px rgba(0, 220, 228, .58), 1px -3px 12px #00e0ec; + font-family: douyuFont; } + .nav_mag { margin-top: 1vw; display: inline-block; } + .nav_tit { font-size: 0.8vw; color: #FFFF90; @@ -1118,770 +1038,894 @@ export default { letter-spacing: .2vw; margin-top: 1vw; font-weight: bold; - text-shadow: 0 6px 12px rgba(0,12,37,.82), 0 1px 0 #004c4e, 0 2px 0 #003435, 0 6px 16px rgba(0,220,228,.58), 1px -3px 12px #00e0ec; -} -.baseBoxHjleft{ - border: 1px solid #0169d0; - position: relative; - background: rgba(16, 45, 80, 0.9); - box-shadow: inset 0px 0px 16px 0px rgba(0, 145, 255, 1); - overflow: hidden; + text-shadow: 0 6px 12px rgba(0, 12, 37, .82), 0 1px 0 #004c4e, 0 2px 0 #003435, 0 6px 16px rgba(0, 220, 228, .58), 1px -3px 12px #00e0ec; } -.in2con_zlf{ - position: absolute; - top: 0; - left: 0; - overflow: hidden; +.baseBoxHjleft { + border: 1px solid #0169d0; + position: relative; + background: rgba(16, 45, 80, 0.9); + box-shadow: inset 0px 0px 16px 0px rgba(0, 145, 255, 1); + overflow: hidden; } -.in2con_zys{ - position: absolute; - top: 0; - right: 0; + +.in2con_zlf { + position: absolute; + top: 0; + left: 0; + overflow: hidden; } -.in2con_zzx{ - position: absolute; - bottom: 0; - left: 0; + +.in2con_zys { + position: absolute; + top: 0; + right: 0; } -.in2con_zyx{ - position: absolute; - bottom: 0; - right: 0; + +.in2con_zzx { + position: absolute; + bottom: 0; + left: 0; } -.sanguang{ - position: absolute; - top: -1.5vw; - right: 15%; + +.in2con_zyx { + position: absolute; + bottom: 0; + right: 0; } -.sanguangbt{ - position: absolute; - bottom: -1.5vw; - right: 15%; + +.sanguang { + position: absolute; + top: -1.5vw; + right: 15%; } -.sanguang2{ - position: absolute; - top: -1.5vw; - right: 35%; + +.sanguangbt { + position: absolute; + bottom: -1.5vw; + right: 15%; } -.sanguangbt2{ - position: absolute; - bottom: -1.5vw; - right: 35%; + +.sanguang2 { + position: absolute; + top: -1.5vw; + right: 35%; } -.in1con_lf_tit{ - width: 100%; - height: 3vw; - text-align: center; - overflow: hidden; - position: relative; + +.sanguangbt2 { + position: absolute; + bottom: -1.5vw; + right: 35%; } -.in1con_lf_titshow{ - font-size: 1vw; - color: #fff; - text-shadow: 0px 2px 0px rgba(4,49,52,0.55); - display: block; - margin-top: 0.9vw; - font-family: douyuFont; + +.in1con_lf_tit { + width: 100%; + height: 3vw; + text-align: center; + overflow: hidden; + position: relative; } -.in1con_lf_titimg{ - width: 50%; - height: 0.9vw; - position: absolute; - top: 1.8vw; - left: 25%; + +.in1con_lf_titshow { + font-size: 1vw; + color: #fff; + text-shadow: 0px 2px 0px rgba(4, 49, 52, 0.55); + display: block; + margin-top: 0.9vw; + font-family: douyuFont; } -.in1con_lf_tit_show{ - font-size: 0.6vw; - color: #0891a1; - position: absolute; - top:2.2vw; - right: 3%; + +.in1con_lf_titimg { + width: 50%; + height: 0.9vw; + position: absolute; + top: 1.8vw; + left: 25%; } -.home_lcgk{ - width: 80%; - height: 6vw; - margin: 0 auto; - position: relative; - overflow: auto; + +.in1con_lf_tit_show { + font-size: 0.6vw; + color: #0891a1; + position: absolute; + top: 2.2vw; + right: 3%; } + +.home_lcgk { + width: 80%; + height: 6vw; + margin: 0 auto; + position: relative; + overflow: auto; +} + /* 定义滚动条样式 */ .home_lcgk::-webkit-scrollbar { - width: 2px; - height: 2px; - background-color: rgba(4, 111, 220, 0.1); + width: 2px; + height: 2px; + background-color: rgba(4, 111, 220, 0.1); } + /*定义滚动条轨道 内阴影+圆角*/ .home_lcgk::-webkit-scrollbar-track { - box-shadow: inset 0 0 0px rgba(4, 111, 220, .5); - border-radius: 10px; - background-color: rgba(4, 111, 220, .5); + box-shadow: inset 0 0 0px rgba(4, 111, 220, .5); + border-radius: 10px; + background-color: rgba(4, 111, 220, .5); } + /*定义滑块 内阴影+圆角*/ .home_lcgk::-webkit-scrollbar-thumb { - border-radius: 10px; - box-shadow: inset 0 0 0px rgba(4, 111, 220, .8); - background-color: rgba(4, 111, 220, .8); + border-radius: 10px; + box-shadow: inset 0 0 0px rgba(4, 111, 220, .8); + background-color: rgba(4, 111, 220, .8); } + .home_lcgk p { - font-size: 0.8vw; - color: #fff; - line-height: 27px; - text-indent: 2rem; + font-size: 0.8vw; + color: #fff; + line-height: 27px; + text-indent: 2rem; } -.in1con_lf_img{ - width: 100%; - overflow: hidden; + +.in1con_lf_img { + width: 100%; + overflow: hidden; } -.in1con_lf_imglf{ - width: 33.33%; - float: left; + +.in1con_lf_imglf { + width: 33.33%; + float: left; } -.in1con_lf_imgone{ - width: 60%; - margin-left: 20%; + +.in1con_lf_imgone { + width: 60%; + margin-left: 20%; } -.in1con_lf_imglf_tit{ - display:block; - font-size: 0.6vw; - color: #bcd3f5; - text-align: center; + +.in1con_lf_imglf_tit { + display: block; + font-size: 0.6vw; + color: #bcd3f5; + text-align: center; } -.in1con_lf_imglf_num{ - display:block; - font-size: 0.8vw; - color: #d8e714; - text-align: center; + +.in1con_lf_imglf_num { + display: block; + font-size: 0.8vw; + color: #d8e714; + text-align: center; } -.qhhjcov{ - width: 100%; - overflow: hidden; + +.qhhjcov { + width: 100%; + overflow: hidden; } -.qhhjcov_lf{ - width: 33%; - float: left; + +.qhhjcov_lf { + width: 33%; + float: left; } -.qhhjcov_lfimg{ - margin-top: 0.2vw; - margin-left: 5%; + +.qhhjcov_lfimg { + margin-top: 0.2vw; + margin-left: 5%; } -.qhhjcov_lf_tit{ - font-size: 0.8vw; - color: #fff; + +.qhhjcov_lf_tit { + font-size: 0.8vw; + color: #fff; } -.qhhjcov_time{ - font-size: 1vw; - color: #00f6ff; - display: block; - text-align: center; + +.qhhjcov_time { + font-size: 1vw; + color: #00f6ff; + display: block; + text-align: center; } -.sx_cov{ - width: 100%; - height: 6vw; - margin: 0 auto; - border: 1px solid rgba(69,233,248,0.41); - border-radius: 0.5vw; - margin-top: 1.5vw; - box-shadow: inset 0px 0px 16px 0px rgba(11, 153, 173, 1); - cursor: pointer; + +.sx_cov { + width: 100%; + height: 6vw; + margin: 0 auto; + border: 1px solid rgba(69, 233, 248, 0.41); + border-radius: 0.5vw; + margin-top: 1.5vw; + box-shadow: inset 0px 0px 16px 0px rgba(11, 153, 173, 1); + cursor: pointer; } -.sx_covtit{ - font-size: 1vw; - font-weight: bold; - color: #00F6FF; - display: block; - text-align: center; - margin-top: 0.5vw; + +.sx_covtit { + font-size: 1vw; + font-weight: bold; + color: #00F6FF; + display: block; + text-align: center; + margin-top: 0.5vw; } -.sx_cov_lt{ - width: 33.33%; - text-align: center; - float: left; - margin-top: 0.5vw; + +.sx_cov_lt { + width: 33.33%; + text-align: center; + float: left; + margin-top: 0.5vw; } -.sx_cov_lt_tit{ - font-size:0.8vw ; - color: #ACC5E2; - display: block; + +.sx_cov_lt_tit { + font-size: 0.8vw; + color: #ACC5E2; + display: block; } -.sx_cov_lt_num{ - color:#00F6FF; - font-size: 0.9vw; + +.sx_cov_lt_num { + color: #00F6FF; + font-size: 0.9vw; } -.home_dlhj{ - width: 88%; - min-height: 2vw!important; - height: 15vw!important; - margin: 0 auto; + +.home_dlhj { + width: 88%; + min-height: 2vw !important; + height: 15vw !important; + margin: 0 auto; } -.home_dlhj .layui-carousel{ - background:none; + +.home_dlhj .layui-carousel { + background: none; } -.home_dlhj .layui-carousel>[carousel-item]:before { - position: absolute; - content: '\e63d'; - left: 50%; - top: 50%; - width: 0px; - line-height: 1vw; - margin: -0.5vw 0 0 -2.5vw; - text-align: center; - color: #c2c2c2; - font-family: layui-icon!important; - font-size: 30px; - font-style: normal; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - display: none; + +.home_dlhj .layui-carousel > [carousel-item]:before { + position: absolute; + content: '\e63d'; + left: 50%; + top: 50%; + width: 0px; + line-height: 1vw; + margin: -0.5vw 0 0 -2.5vw; + text-align: center; + color: #c2c2c2; + font-family: layui-icon !important; + font-size: 30px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + display: none; } -.home_dlhj .layui-carousel{ - background:none; + +.home_dlhj .layui-carousel { + background: none; } -.home_dlhj .layui-carousel>[carousel-item]>*{ - background:none; + +.home_dlhj .layui-carousel > [carousel-item] > * { + background: none; } -.home_dlhj .layui-carousel>[carousel-item]:before { - position: absolute; - content: '\e63d'; - left: 50%; - top: 50%; - width: 0px; - line-height: 1vw; - margin: -0.5vw 0 0 -2.5vw; - text-align: center; - color: #c2c2c2; - font-family: layui-icon!important; - font-size: 1.5vw; - font-style: normal; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - display: none; + +.home_dlhj .layui-carousel > [carousel-item]:before { + position: absolute; + content: '\e63d'; + left: 50%; + top: 50%; + width: 0px; + line-height: 1vw; + margin: -0.5vw 0 0 -2.5vw; + text-align: center; + color: #c2c2c2; + font-family: layui-icon !important; + font-size: 1.5vw; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + display: none; } -.jczcov{ - width: 96%; - height:12vw; - overflow: hidden; - margin: 0 auto; - /* margin-left: 2%; */ + +.jczcov { + width: 96%; + height: 12vw; + overflow: hidden; + margin: 0 auto; + /* margin-left: 2%; */ } -.jczcov_lf{ - width: 100%; - height: 100%; - float: left; - margin-left: 1%; - margin-right: 2%; + +.jczcov_lf { + width: 100%; + height: 100%; + float: left; + margin-left: 1%; + margin-right: 2%; } -.jczcov_lftit{ - font-size: 0.8vw; - color: #fff; - display: block; - text-align: center; + +.jczcov_lftit { + font-size: 0.8vw; + color: #fff; + display: block; + text-align: center; } -.jczimg{ - width: 100%; - height: 6vw; + +.jczimg { + width: 100%; + height: 6vw; } -.jczbtm{ - width: 100%; - height: 6vw; - overflow: hidden; + +.jczbtm { + width: 100%; + height: 6vw; + overflow: hidden; } -.jczbtm_lf{ - width: 33.3%; - height: 3vw; - float: left; - overflow: hidden; + +.jczbtm_lf { + width: 33.3%; + height: 3vw; + float: left; + overflow: hidden; } -.tpimg{ - width: 1.8vw; - float: left; - margin-top: 0.8vw; + +.tpimg { + width: 1.8vw; + float: left; + margin-top: 0.8vw; } -.jczbtm_lf_rt{ - width: 70%; - float: right; + +.jczbtm_lf_rt { + width: 70%; + float: right; } -.jczbtm_lf_rttit{ - display: block; - text-align: left; - font-size: 0.8vw; - margin-top: 0.4vw; - color: #fff; + +.jczbtm_lf_rttit { + display: block; + text-align: left; + font-size: 0.8vw; + margin-top: 0.4vw; + color: #fff; } -.jczbtm_lf_rtnum{ - display: block; - text-align: left; - font-size: 0.8vw; - color: #27ddfe; + +.jczbtm_lf_rtnum { + display: block; + text-align: left; + font-size: 0.8vw; + color: #27ddfe; } -.mywrcov_one{ - width:33%; - height: 4.5vw; - position: absolute; - top: 0.4vw; - left: 3%; + +.mywrcov_one { + width: 33%; + height: 4.5vw; + position: absolute; + top: 0.4vw; + left: 3%; } -.mywrcov_two{ - width:33%; - height: 4.5vw; - position: absolute; - top: 0.4vw; - right: 3%; - text-align: right; + +.mywrcov_two { + width: 33%; + height: 4.5vw; + position: absolute; + top: 0.4vw; + right: 3%; + text-align: right; } -.mywrcov_onetit{ - font-size: 0.8vw; - color: #fff; - display: block; + +.mywrcov_onetit { + font-size: 0.8vw; + color: #fff; + display: block; } -.mywrcov_onenum{ - font-size: 1.4vw; - color:#cce21d ; - display: block; + +.mywrcov_onenum { + font-size: 1.4vw; + color: #cce21d; + display: block; } -.mywrcov_three{ - width:33%; - height: 4.5vw; - position: absolute; - bottom: 0.4vw; - left: 3%; + +.mywrcov_three { + width: 33%; + height: 4.5vw; + position: absolute; + bottom: 0.4vw; + left: 3%; } -.mywrcov_four{ - width:33%; - height: 4.5vw; - position: absolute; - bottom: 0.4vw; - right: 3%; - text-align: right; + +.mywrcov_four { + width: 33%; + height: 4.5vw; + position: absolute; + bottom: 0.4vw; + right: 3%; + text-align: right; } -.mywrcovcen{ - width:33%; - height: 4.5vw; - position: absolute; - top: 2.4vw; - left: 33%; - text-align: center; + +.mywrcovcen { + width: 33%; + height: 4.5vw; + position: absolute; + top: 2.4vw; + left: 33%; + text-align: center; } -.mywrcovcen_tit{ - font-size: 2vw; - color: #5aff8b; - display: block; + +.mywrcovcen_tit { + font-size: 2vw; + color: #5aff8b; + display: block; } -.mywrcovcen_con{ - font-size: 0.6vw; - color:#fff; + +.mywrcovcen_con { + font-size: 0.6vw; + color: #fff; } -.jcsssj{ - width: 94%; - height:4vw; - margin: 0 auto; + +.jcsssj { + width: 94%; + height: 4vw; + margin: 0 auto; } -.jcsssj2{ - width: 94%; - height:3.4vw; - margin: 0 auto; + +.jcsssj2 { + width: 94%; + height: 3.4vw; + margin: 0 auto; } -.jcsssj_xian{ - width: 0.9vw; - height: 4vw; - float: left; + +.jcsssj_xian { + width: 0.9vw; + height: 4vw; + float: left; } -.jcsssj_xian2{ - width: 0.9vw; - height: 3.4vw; - float: left; + +.jcsssj_xian2 { + width: 0.9vw; + height: 3.4vw; + float: left; } -.jcsssj_rt{ - width: 94%; - height: 2.4vw; - background: #0c2139; - float: right; + +.jcsssj_rt { + width: 94%; + height: 2.4vw; + background: #0c2139; + float: right; } -.jcsssj_rt_tit{ - font-size: 0.8vw; - display: block; - width: 100%; - overflow: hidden; - color: #fff; - margin-top: 0.2vw; - margin-left: 1%; - margin-bottom: 0.5vw; + +.jcsssj_rt_tit { + font-size: 0.8vw; + display: block; + width: 100%; + overflow: hidden; + color: #fff; + margin-top: 0.2vw; + margin-left: 1%; + margin-bottom: 0.5vw; } -.jcsssj_rt_time{ - font-size: 0.8vw; - display: inline-block; - width: 48%; - overflow: hidden; - color: #dbe8fb; - margin-right:0.2vw; - /* float:right; */ - margin-top: 0.6vw; - text-align: right; + +.jcsssj_rt_time { + font-size: 0.8vw; + display: inline-block; + width: 48%; + overflow: hidden; + color: #dbe8fb; + margin-right: 0.2vw; + /* float:right; */ + margin-top: 0.6vw; + text-align: right; } -.jcsssj_rtbiao{ - float: left; - font-size: 0.8vw; - color: #fff; - background:#46a385 ; - border-radius: 0.2vw; - padding: 0 0.2vw; - margin-left: 2%; - margin-top: 0.6vw; + +.jcsssj_rtbiao { + float: left; + font-size: 0.8vw; + color: #fff; + background: #46a385; + border-radius: 0.2vw; + padding: 0 0.2vw; + margin-left: 2%; + margin-top: 0.6vw; } -.jcsssj_rt_num{ - display: inline-block; - font-size: 0.8vw; - /* color: #fff; */ - margin-left: 5%; - text-align: right; - margin-top: 0.4vw; + +.jcsssj_rt_num { + display: inline-block; + font-size: 0.8vw; + /* color: #fff; */ + margin-left: 5%; + text-align: right; + margin-top: 0.4vw; } -.zlxg{ - position: relative; + +.zlxg { + position: relative; } -.jcsssj_rt_up{ - margin-top: 0.7vw; + +.jcsssj_rt_up { + margin-top: 0.7vw; } + .zlxg_btm { - width: 69%; - height: 15vw; - border: 1px solid #0169d0; - position: absolute; - bottom: 0; - left: 31.5%; - z-index: 66; - background: rgba(16, 45, 80, 0.9); - box-shadow: inset 0px 0px 16px 0px rgba(0, 145, 255, 1); + width: 69%; + height: 15vw; + border: 1px solid #0169d0; + position: absolute; + bottom: 0; + left: 31.5%; + z-index: 66; + background: rgba(16, 45, 80, 0.9); + box-shadow: inset 0px 0px 16px 0px rgba(0, 145, 255, 1); } -.zywr_lf_tit{ - width: 100%; - height: 3vw; - overflow: hidden; - position: relative; + +.zywr_lf_tit { + width: 100%; + height: 100%; + overflow: hidden; + position: relative; } -.zywr_titshow{ - font-size: 1vw; - color: #fff; - text-shadow: 0px 2px 0px rgba(4,49,52,0.55); - font-weight: bold; - margin-top: 0.9vw; - float: left; - margin-left: 3%; + +.zywr_titshow { + font-size: 1vw; + color: #fff; + text-shadow: 0px 2px 0px rgba(4, 49, 52, 0.55); + font-weight: bold; + margin-top: 0.9vw; + float: left; + margin-left: 3%; } -.zywr_titrt{ - width: 25%; - height: 3vw; - float: right; - line-height: 3vw; + +.zywr_titrt { + width: 25%; + height: 3vw; + float: right; + line-height: 3vw; } -.zywricon1{ - width: 1vw; - margin-top: 1vw; + +.zywricon1 { + width: 1vw; + margin-top: 1vw; } -.zywricon1_tit{ - font-size: 0.7vw; - color: #fff; - margin-right: 4%; + +.zywricon1_tit { + font-size: 0.7vw; + color: #fff; + margin-right: 4%; } -.zlxg_btm .layui-tab .layui-tab-title li { - width: 19%; - margin-left: 2%!important; - border-radius: 0.4vw; - background: #0e2c3f; - color: #fff!important; + +.zlxg_btm .layui-tab .layui-tab-title li { + width: 19%; + margin-left: 2% !important; + border-radius: 0.4vw; + background: #0e2c3f; + color: #fff !important; } -.zlxg_btm .layui-this{ - width: 19%; - margin-left: 2%!important; - border-radius: 0.4vw; - background: #0e2c3f; - color: #fff!important; - border: 1px solid #2fbdff; - box-shadow: inset 0px 0px 16px 0px rgba(0, 145, 255, 1); + +.zlxg_btm .layui-this { + width: 19%; + margin-left: 2% !important; + border-radius: 0.4vw; + background: #0e2c3f; + color: #fff !important; + border: 1px solid #2fbdff; + box-shadow: inset 0px 0px 16px 0px rgba(0, 145, 255, 1); } + .zlxg_btm .layui-this:after { - border: none!important; + border: none !important; } + .zlxg_btm .layui-tab .layui-tab-title { - position: relative; - left: 0; - height: 40px; - white-space: nowrap; - font-size: 0; - border-bottom-width:0; - border-bottom-style: solid; - transition: all .2s; - -webkit-transition: all .2s; + position: relative; + left: 0; + height: 40px; + white-space: nowrap; + font-size: 0; + border-bottom-width: 0; + border-bottom-style: solid; + transition: all .2s; + -webkit-transition: all .2s; } -#chart1{height:12vw;} -.scdlist{ - width: 9vw; - height: 2vw; - line-height: 2vw; - background: rgba(0,0,0,0.6); - border-radius: 0.4vw; - border: 1px solid #4b677c; - position: absolute; - bottom: 16vw; - left: 0; + +#chart1 { + height: 12vw; } -.scdlist2{ - width: 9vw; - height: 2vw; - line-height: 2vw; - background: rgba(0,0,0,0.6); - border-radius: 0.4vw; - border: 1px solid #4b677c; - position: absolute; - bottom: 19vw; - left: 0; + +.scdlist { + width: 9vw; + height: 2vw; + line-height: 2vw; + background: rgba(0, 0, 0, 0.6); + border-radius: 0.4vw; + border: 1px solid #4b677c; + position: absolute; + bottom: 16vw; + left: 0; } -.scdlist3{ - width: 9vw; - height: 2vw; - line-height: 2vw; - background: rgba(0,0,0,0.6); - border-radius: 0.4vw; - border: 1px solid #4b677c; - position: absolute; - bottom: 22vw; - left: 0; + +.scdlist2 { + width: 9vw; + height: 2vw; + line-height: 2vw; + background: rgba(0, 0, 0, 0.6); + border-radius: 0.4vw; + border: 1px solid #4b677c; + position: absolute; + bottom: 19vw; + left: 0; } -.xcdimg{ - width: 0.9vw; - margin-top: 0.4vw; - margin-left: 0.4vw; - margin-right: 0.4vw; + +.scdlist3 { + width: 9vw; + height: 2vw; + line-height: 2vw; + background: rgba(0, 0, 0, 0.6); + border-radius: 0.4vw; + border: 1px solid #4b677c; + position: absolute; + bottom: 22vw; + left: 0; } -.xcd2img{ - width: 0.9vw; - margin-top: 0.1vw; - margin-left: 0.4vw; - margin-right: 0.4vw; + +.xcdimg { + width: 0.9vw; + margin-top: 0.4vw; + margin-left: 0.4vw; + margin-right: 0.4vw; } -.scdlist_tit{ - font-size: 0.7vw; - color: #fff; - text-shadow: 2px 2px 0 #163796, - -2px 2px 0 #163796, - 2px -2px 0 #163796, - -2px -2px 0 #163796; + +.xcd2img { + width: 0.9vw; + margin-top: 0.1vw; + margin-left: 0.4vw; + margin-right: 0.4vw; } -.jctc{ - width: 17.5vw; - height: 29vw; - background: url(../../assets/image/jctc.png)no-repeat; - background-size: cover; - position: absolute; - right: 3%; - top: 0; + +.scdlist_tit { + font-size: 0.7vw; + color: #fff; + text-shadow: 2px 2px 0 #163796, + -2px 2px 0 #163796, + 2px -2px 0 #163796, + -2px -2px 0 #163796; } -.jctcvban{ - width: 90%; - height: 9vw; - margin: 0 auto; - margin-top: 0.4vw; - background: url(../../assets/image/jctc_banner.png)no-repeat; - background-size: cover; - margin-left: 6%; + +.jctc { + width: 17.5vw; + height: 29vw; + background: url(../../assets/image/jctc.png) no-repeat; + background-size: cover; + position: absolute; + right: 3%; + top: 0; } -.jctc_add{ - height: 1vw; - padding-left: 3%; - margin-top: 0.6vw; + +.jctcvban { + width: 90%; + height: 9vw; + margin: 0 auto; + margin-top: 0.4vw; + background: url(../../assets/image/jctc_banner.png) no-repeat; + background-size: cover; + margin-left: 6%; } -.jctcicon1{ - width: 0.7vw; - margin-top: 0.1vw; + +.jctc_add { + height: 1vw; + padding-left: 3%; + margin-top: 0.6vw; } -.jctcvban_tit{ - font-size: 0.7vw; - color: #fff; + +.jctcicon1 { + width: 0.7vw; + margin-top: 0.1vw; } -.jctc_text{ - padding: 0.1vw 0.4vw; - border-radius: 0.2vw; - background: #46a385; - margin-left: 0.8vw; - margin-top: 0vw; - color: #fff; + +.jctcvban_tit { + font-size: 0.7vw; + color: #fff; } -.ljjr{ - width: 40%; - margin-left: 30%; - margin-top: 2vw; + +.jctc_text { + padding: 0.1vw 0.4vw; + border-radius: 0.2vw; + background: #46a385; + margin-left: 0.8vw; + margin-top: 0vw; + color: #fff; } -.cenimg2{ - width: 94%; - margin-left: 3%; - margin-top: 2vw; + +.ljjr { + width: 40%; + margin-left: 30%; + margin-top: 2vw; } -.no3{ - width: 10%; - float: left; + +.cenimg2 { + width: 94%; + margin-left: 3%; + margin-top: 2vw; } -.no4{ - width: 7%; - float: left; - margin-left: 35%; + +.no3 { + width: 10%; + float: left; } -.no5{ - width: 10%; - float: right; + +.no4 { + width: 7%; + float: left; + margin-left: 35%; } -.baseBoxRight_no{ - width: 100%; - height: 8vw; - margin-top: 1vw; + +.no5 { + width: 10%; + float: right; } -.baseBoxRight_zhuan{ - width: 100%; - height: 24vw; - position: relative; + +.baseBoxRight_no { + width: 100%; + height: 8vw; + margin-top: 1vw; } -.no3btn{ - width: 80%; - position: absolute; - bottom: 0; - left: 10%; - z-index: 1; + +.baseBoxRight_zhuan { + width: 100%; + height: 24vw; + position: relative; } -.nohome{ - width: 100%; - position: absolute; - bottom: 4vw; - left: 0%; - z-index: 2; + +.no3btn { + width: 80%; + position: absolute; + bottom: 0; + left: 10%; + z-index: 1; } -.zhpjimg2{ - width:94%; - height: 84%; - margin-left: 3%; + +.nohome { + width: 100%; + position: absolute; + bottom: 4vw; + left: 0%; + z-index: 2; } -.qxsjssjc{ - width: 100%; - overflow: hidden; + +.zhpjimg2 { + width: 94%; + height: 84%; + margin-left: 3%; } -.qxsjssjc_left{ - width: 25%; - float: left; + +.qxsjssjc { + width: 100%; + overflow: hidden; } -.qxjcimg2{ - width: 50%; - height: 15.4vw; - float: left; + +.qxsjssjc_left { + width: 25%; + float: left; } -.qxsjssjc_left_list{ - width: 4.5vw; - height: 2.5vw; - border: 1px solid #2d84c5; - border-radius: 0.4vw; - margin-left: 10%; - text-align: center; - margin-top: 0.8vw; + +.qxjcimg2 { + width: 50%; + height: 15.4vw; + float: left; } -.qxsjssjc_left_list_tit{ - width: 100%; - height: 1vw; - text-align: center; - line-height: 1vw; - background-image: linear-gradient(#0F2643, #14446B); - color: #fff; - border-radius: 0.4vw 0.4vw 0 0; + +.qxsjssjc_left_list { + width: 4.5vw; + height: 2.5vw; + border: 1px solid #2d84c5; + border-radius: 0.4vw; + margin-left: 10%; + text-align: center; + margin-top: 0.8vw; } -.qxsjssjc_left_list_show{ - font-size: 0.8vw; - color: #5bf9ff; - display: inline-block; - padding-top: 0.2vw; + +.qxsjssjc_left_list_tit { + width: 100%; + height: 1vw; + text-align: center; + line-height: 1vw; + background-image: linear-gradient(#0F2643, #14446B); + color: #fff; + border-radius: 0.4vw 0.4vw 0 0; } -.mywrcov{ - width: 94%; + +.qxsjssjc_left_list_show { + font-size: 0.8vw; + color: #5bf9ff; + display: inline-block; + padding-top: 0.2vw; +} + +.mywrcov { + width: 94%; height: 11.5vw; - margin-left: 3%; - position: relative; - background: none; + margin-left: 3%; + position: relative; + background: none; } -.mywrcov_lf{ - width: 20%; - height: 14vw; - float: left; - overflow: hidden; - position: absolute; - top: -1.5vw; - left: 0; + +.mywrcov_lf { + width: 20%; + height: 14vw; + float: left; + overflow: hidden; + position: absolute; + top: -1.5vw; + left: 0; } -.mywrcov_lfposi{ - position: relative; - width: 100%; - height: 3.7vw; - /* overflow: hidden; */ + +.mywrcov_lfposi { + position: relative; + width: 100%; + height: 3.7vw; + /* overflow: hidden; */ } -.mywrcov_lf_num{ - position: absolute; - top: 0; - left: 0; - font-size: 0.6vw; - color: #86ffa2; + +.mywrcov_lf_num { + position: absolute; + top: 0; + left: 0; + font-size: 0.6vw; + color: #86ffa2; } -.mywrcov_lf_hen{ - position: absolute; - top: 0; - left: 35%; - font-size: 0.8vw; - color: #71d3ff; + +.mywrcov_lf_hen { + position: absolute; + top: 0; + left: 35%; + font-size: 0.8vw; + color: #71d3ff; } -.jcxianimg2{ - width: 1.6vw; - position: absolute; - top: 0; - left: 45%; + +.jcxianimg2 { + width: 1.6vw; + position: absolute; + top: 0; + left: 45%; } -.jiaintou2{ - width: 1vw; - position: absolute; - bottom: -1.8vw; - left: 85%; + +.jiaintou2 { + width: 1vw; + position: absolute; + bottom: -1.8vw; + left: 85%; } -.mywrcov_rt{ - width: 80%; - float: right; - overflow: hidden; + +.mywrcov_rt { + width: 80%; + float: right; + overflow: hidden; } -.mywrcov_rt_con{ - width: 30%; - height: 3vw; - float: left; - position: relative; - margin-top: 0.7vw; - margin-left: 3%; + +.mywrcov_rt_con { + width: 30%; + height: 3vw; + float: left; + position: relative; + margin-top: 0.7vw; + margin-left: 3%; } -.mywrcov_rt_con1{ - width: 33.33%; - height: 1vw; - float: left; - position: relative; - text-align: center; + +.mywrcov_rt_con1 { + width: 33.33%; + height: 1vw; + float: left; + position: relative; + text-align: center; } -.sjjcimg2{ - position: absolute; - bottom:0; - left: 0; - width: 100%; + +.sjjcimg2 { + position: absolute; + bottom: 0; + left: 0; + width: 100%; } -.mywrcov_rt_con_tit{ - font-size: 0.7vw; - color: #fff; + +.mywrcov_rt_con_tit { + font-size: 0.7vw; + color: #fff; } -.mywrcov_rt_con_num{ - font-size: 1.4vw; - text-align: center; - display: block; + +.mywrcov_rt_con_num { + font-size: 1.4vw; + text-align: center; + display: block; } + /* fallback for IE */ .mywrcov_rt_con_num { color: #fff; } + /* gradient text for modern browsers */ @supports (background-clip: text) { .mywrcov_rt_con_num { @@ -1892,540 +1936,625 @@ export default { } - - - - - - - - - - .boxRader { - position: relative; - width: 100%; - height: 80%; - } - - .centerBox { - width: 76%; - margin-right: 15px; - background: transparent; - } - - .boxFont { - font-size: 1.2vw; - } - - .centerMainBox1 { - width: 100%; - height: 60.5%; - } - - .centerMainBox2 { - width: 100%; - height: 38.5%; - position: relative; - margin-top: 15px; - } - - .centerMainBox2 img { - position: absolute; - width: 100%; - height: 100%; - } - - .boxTitle2 { - width: 100%; - height: 10%; - font-size: .6vw; - text-align: center; - line-height: 10%; - margin-top: 1vw; - color: #0efcff; - } - - .boxLis { - width: 70%; - height: 1.5vw; - margin-left: 3vw; - margin-top: 1vw; - border-bottom: .02vw solid rgb(40, 229, 233); - } - - .boxLis>li { - width: 4vw; - height: 1.4vw; - display: block; - background: rgba(40, 229, 233, .5); - margin-right: .5vw; - color: #fff; - line-height: 1.4vw; - text-align: center; - cursor: pointer; - } - - .active { - border-bottom: .02vw solid #040A18; - border-top: .02vw solid rgb(40, 229, 233); - border-right: .02vw solid rgb(40, 229, 233); - border-left: .02vw solid rgb(40, 229, 233); - } - - .contList { - position: relative; - width: 70%; - height: 7vw; - margin: 1vw auto 0; - } - - .content1 li { - display: none; - } - - .baseBox { - width: 100%; - border: none; - background: none; - } - - .boxTitle { - font-size: .8vw; - width: 38%; - margin-top: 1vw; - text-align: center; - } - - .right { - float: right; - } - - .baseBoxLeft { - width: 30%; - height: 100%; - position: relative; - } - - .baseBoxRight { - width: 68%; - height: 100%; - } - - /* .baseBoxLeft img { - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - } */ - - .maps { - width: 100%; - height: 95%; - margin-top: 2%; - background: pink; - } - - .baseBox1, - .baseBox2, - .baseBox3 { - position: relative; - } - - .baseBox1 img, - .baseBox2 img, - .baseBox3 img { - position: absolute; - width: 100%; - height: 100%; - } - - .csbaseBox1 { - position: relative; - z-index: 999; - } - .liSpan { - width: 100%; - margin-top: 3.2%; - text-align: center; - color: rgb(40, 229, 233); - } - - .liP { - width: 66%; - margin: .3vw auto 0; - text-align: left; - font-size: .5vw; - color: rgb(40, 229, 233); - } - - a:hover { - text-decoration: none - } - - .titleName { - color: #0EFCFF; - } - - .plant { - width: 90%; - height: 5.5vw; - margin: 2% auto 0; - display: -webkit-flex; - display: -moz-flex; - /* -webkit-justify-content: space-between; - -moz-justify-content: space-between; */ - } - - .plant>li { - width: 15%; - height: 100%; - } - - .jumps { - width: 100%; - height: 100%; - background: rgba(0, 235, 255, .08); - display: -webkit-flex; - /* -webkit-flex-direction: column; - -webkit-justify-content: space-between; */ - display: -moz-flex; - /* -moz-flex-direction: column; - -moz-justify-content: space-between; */ - } - - .jumps>div>img { - width: .88vw; - height: .88vw; - float: right; - } - - .jumps>p { - width: 90%; - font-size: 1.3vw; - color: #fff; - margin: auto; - } - - .jumps>div { - width: 90%; - margin: 5% auto 0; - } - - .jumps>div>span { - font-size: .6vw; - color: #0efcff; - float: left; - } - - .spans0 { - width: 80%; - height: 5%; - background: #03DA8D; - } - - .spans1 { - width: 80%; - height: 5%; - background: #0efcff; - } - - .spans2 { - width: 80%; - height: 5%; - background: #FE0000; - } - - .spans3 { - width: 80%; - height: 5%; - background: #F78001; - } - - .boxVideo { - width: 100%; - height: 100%; - } - - .boxVideo video { - width: 100%; - height: 100%; - } - - .baseDatas { - width: 70%; - height: 2vw; - display: -webkit-flex; - /* -webkit-justify-content: space-between; */ - margin: 1vw 0 0 5vw; - } - - .baseDatas li { - width: 10%; - } - - .baseDatas li a { - color: #fff; - font-size: .8vw; - } - - .active2 a>span { - color: rgb(40, 229, 233); - } - - .baseDatas li a:hover>span { - color: rgb(40, 229, 233); - } - - .baseDatas li a:hover>.borderRight { - border-left-color: rgb(40, 229, 233); - } - - .tableDetalis { - width: 92%; - color: #fff; - margin-left: 2vw; - } - - .tableDetalis tr { - height: 1.3vw; - font-size: .8vw; - } - - .tableDetalis tr>td { - text-align: center; - } - - .tableDetalis tr>td:nth-child(7) { - text-align: right; - } - - .borderRight { - width: 0; - height: 0; - float: left; - border: .4vw solid transparent; - border-left-color: #fff; - margin-top: .2vw; - } - - .borderActive { - border-left-color: rgb(40, 229, 233); - } - - .equipment_table { - width: 85%; - height: 25%; - margin: auto; - text-align: center; - color: #fff; - font-size: .5vw; - } - - .equipment_table tr:nth-child(1) { - color: #0EFCFF; - } - - .equipment_table tr { - border: 1px solid#0EFCFF; - } - - .equipment_table tr:nth-child(1) { - font-size: .8vw; - } - - .equipment_table img { - width: 1vw; - } - - .env_table { - height: 35%; - margin-top: 5%; - } - - .env_table td { - border: 1px solid#0EFCFF; - } - - .env_table tr:nth-child(1) { - background: rgba(14, 252, 255, .3); - } - - .map img { - width: 80%; - margin-left: 10%; - } - - .map img { - width: 80%; - margin-left: 10%; - } - - .mapActived1 { - position: absolute; - top: 41.5%; - left: 61%; - width: 3.5vw; - height: 5.5vw; - border-radius: 90px; - cursor: pointer; - } - - .mapActived2 { - position: absolute; - top: 60%; - right: 16%; - width: 4.5vw; - height: 2.5vw; - cursor: pointer; - } - - .mapActived3 { - position: absolute; - top: 57%; - right: 9%; - width: 2.5vw; - height: 7vw; - cursor: pointer; - } - - .mapContent1 { - position: absolute; - height: 6vw; - width: 8vw; - left: 65%; - top: 33%; - background: rgba(255, 255, 255, .2); - } - - .mapContent2 { - position: absolute; - height: 6vw; - width: 8vw; - left: 70%; - top: 35%; - background: rgba(255, 255, 255, .2); - display: none; - } - - .mapContent3 { - position: absolute; - height: 6vw; - width: 8vw; - right: 1%; - top: 35%; - background: rgba(255, 255, 255, .2); - display: none; - } - - .mapContentFont { - width: 85%; - margin-left: 12%; - font-size: .6vw; - color: #0efcff; - letter-spacing: .05vw; - margin-bottom: .3vw; - } - - .mapContentFont:nth-child(1) { - margin-top: .6vw; - } - - .mapContentFont span { - color: white; - } - - .video-js { - width: 100%; - height: 100%; - } - - .video-js:hover .vjs-big-play-button { - background: none; - } - - .video-js .vjs-big-play-button:hover { - background: none; - } - - .video-js .vjs-big-play-button { - border: none; - background: none; - } - .zhpjtit{ - position:absolute;left:0;top:5vw;color:#2ff06f;width:100%;text-align:center;font-size:2vw;font-weight:bold; - } - .in1con_lf_moreimg{ - position: absolute; - right: 3%; - top: 0.8vw; - z-index: 3; - cursor: pointer; - color: #b0bbc2; - } - .in1con_lf_moreimg:hover{ - position: absolute; - right: 3%; - top: 0.8vw; - z-index: 3; - cursor: pointer; - color: #efff5d; - } + position: relative; + width: 100%; + height: 80%; +} + +.centerBox { + width: 76%; + margin-right: 15px; + background: transparent; +} + +.boxFont { + font-size: 1.2vw; +} + +.centerMainBox1 { + width: 100%; + height: 60.5%; +} + +.centerMainBox2 { + width: 100%; + height: 38.5%; + position: relative; + margin-top: 15px; +} + +.centerMainBox2 img { + position: absolute; + width: 100%; + height: 100%; +} + +.boxTitle2 { + width: 100%; + height: 10%; + font-size: .6vw; + text-align: center; + line-height: 10%; + margin-top: 1vw; + color: #0efcff; +} + +.boxLis { + width: 70%; + height: 1.5vw; + margin-left: 3vw; + margin-top: 1vw; + border-bottom: .02vw solid rgb(40, 229, 233); +} + +.boxLis > li { + width: 4vw; + height: 1.4vw; + display: block; + background: rgba(40, 229, 233, .5); + margin-right: .5vw; + color: #fff; + line-height: 1.4vw; + text-align: center; + cursor: pointer; +} + +.active { + border-bottom: .02vw solid #040A18; + border-top: .02vw solid rgb(40, 229, 233); + border-right: .02vw solid rgb(40, 229, 233); + border-left: .02vw solid rgb(40, 229, 233); +} + +.contList { + position: relative; + width: 70%; + height: 7vw; + margin: 1vw auto 0; +} + +.content1 li { + display: none; +} + +.baseBox { + width: 100%; + border: none; + background: none; +} + +.boxTitle { + font-size: .8vw; + width: 38%; + margin-top: 1vw; + text-align: center; +} + +.right { + float: right; +} + +.baseBoxLeft { + width: 30%; + height: 100%; + position: relative; +} + +.baseBoxRight { + width: 68%; + height: 100%; +} + +/* .baseBoxLeft img { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} */ + +.maps { + width: 100%; + height: 95%; + margin-top: 2%; + background: pink; +} + +.baseBox1, +.baseBox2, +.baseBox3 { + position: relative; +} + +.baseBox1 img, +.baseBox2 img, +.baseBox3 img { + position: absolute; + width: 100%; + height: 100%; +} + +.csbaseBox1 { + position: relative; + z-index: 999; +} + +.liSpan { + width: 100%; + margin-top: 3.2%; + text-align: center; + color: rgb(40, 229, 233); +} + +.liP { + width: 66%; + margin: .3vw auto 0; + text-align: left; + font-size: .5vw; + color: rgb(40, 229, 233); +} + +a:hover { + text-decoration: none +} + +.titleName { + color: #0EFCFF; +} + +.plant { + width: 90%; + height: 5.5vw; + margin: 2% auto 0; + display: -webkit-flex; + display: -moz-flex; + /* -webkit-justify-content: space-between; + -moz-justify-content: space-between; */ +} + +.plant > li { + width: 15%; + height: 100%; +} + +.jumps { + width: 100%; + height: 100%; + background: rgba(0, 235, 255, .08); + display: -webkit-flex; + /* -webkit-flex-direction: column; + -webkit-justify-content: space-between; */ + display: -moz-flex; + /* -moz-flex-direction: column; + -moz-justify-content: space-between; */ +} + +.jumps > div > img { + width: .88vw; + height: .88vw; + float: right; +} + +.jumps > p { + width: 90%; + font-size: 1.3vw; + color: #fff; + margin: auto; +} + +.jumps > div { + width: 90%; + margin: 5% auto 0; +} + +.jumps > div > span { + font-size: .6vw; + color: #0efcff; + float: left; +} + +.spans0 { + width: 80%; + height: 5%; + background: #03DA8D; +} + +.spans1 { + width: 80%; + height: 5%; + background: #0efcff; +} + +.spans2 { + width: 80%; + height: 5%; + background: #FE0000; +} + +.spans3 { + width: 80%; + height: 5%; + background: #F78001; +} + +.boxVideo { + width: 100%; + height: 100%; +} + +.boxVideo video { + width: 100%; + height: 100%; +} + +.baseDatas { + width: 70%; + height: 2vw; + display: -webkit-flex; + /* -webkit-justify-content: space-between; */ + margin: 1vw 0 0 5vw; +} + +.baseDatas li { + width: 10%; +} + +.baseDatas li a { + color: #fff; + font-size: .8vw; +} + +.active2 a > span { + color: rgb(40, 229, 233); +} + +.baseDatas li a:hover > span { + color: rgb(40, 229, 233); +} + +.baseDatas li a:hover > .borderRight { + border-left-color: rgb(40, 229, 233); +} + +.tableDetalis { + width: 92%; + color: #fff; + margin-left: 2vw; +} + +.tableDetalis tr { + height: 1.3vw; + font-size: .8vw; +} + +.tableDetalis tr > td { + text-align: center; +} + +.tableDetalis tr > td:nth-child(7) { + text-align: right; +} + +.borderRight { + width: 0; + height: 0; + float: left; + border: .4vw solid transparent; + border-left-color: #fff; + margin-top: .2vw; +} + +.borderActive { + border-left-color: rgb(40, 229, 233); +} + +.equipment_table { + width: 85%; + height: 25%; + margin: auto; + text-align: center; + color: #fff; + font-size: .5vw; +} + +.equipment_table tr:nth-child(1) { + color: #0EFCFF; +} + +.equipment_table tr { + border: 1px solid #0EFCFF; +} + +.equipment_table tr:nth-child(1) { + font-size: .8vw; +} + +.equipment_table img { + width: 1vw; +} + +.env_table { + height: 35%; + margin-top: 5%; +} + +.env_table td { + border: 1px solid #0EFCFF; +} + +.env_table tr:nth-child(1) { + background: rgba(14, 252, 255, .3); +} + +.map img { + width: 80%; + margin-left: 10%; +} + +.map img { + width: 80%; + margin-left: 10%; +} + +.mapActived1 { + position: absolute; + top: 41.5%; + left: 61%; + width: 3.5vw; + height: 5.5vw; + border-radius: 90px; + cursor: pointer; +} + +.mapActived2 { + position: absolute; + top: 60%; + right: 16%; + width: 4.5vw; + height: 2.5vw; + cursor: pointer; +} + +.mapActived3 { + position: absolute; + top: 57%; + right: 9%; + width: 2.5vw; + height: 7vw; + cursor: pointer; +} + +.mapContent1 { + position: absolute; + height: 6vw; + width: 8vw; + left: 65%; + top: 33%; + background: rgba(255, 255, 255, .2); +} + +.mapContent2 { + position: absolute; + height: 6vw; + width: 8vw; + left: 70%; + top: 35%; + background: rgba(255, 255, 255, .2); + display: none; +} + +.mapContent3 { + position: absolute; + height: 6vw; + width: 8vw; + right: 1%; + top: 35%; + background: rgba(255, 255, 255, .2); + display: none; +} + +.mapContentFont { + width: 85%; + margin-left: 12%; + font-size: .6vw; + color: #0efcff; + letter-spacing: .05vw; + margin-bottom: .3vw; +} + +.mapContentFont:nth-child(1) { + margin-top: .6vw; +} + +.mapContentFont span { + color: white; +} + +.video-js { + width: 100%; + height: 100%; +} + +.video-js:hover .vjs-big-play-button { + background: none; +} + +.video-js .vjs-big-play-button:hover { + background: none; +} + +.video-js .vjs-big-play-button { + border: none; + background: none; +} + +.zhpjtit { + position: absolute; + left: 0; + top: 5vw; + color: #2ff06f; + width: 100%; + text-align: center; + font-size: 2vw; + font-weight: bold; +} + +.in1con_lf_moreimg { + position: absolute; + right: 3%; + top: 0.8vw; + z-index: 3; + cursor: pointer; + color: #b0bbc2; +} + +.in1con_lf_moreimg:hover { + position: absolute; + right: 3%; + top: 0.8vw; + z-index: 3; + cursor: pointer; + color: #efff5d; +} + /* 弹窗样式 */ -.tctit{ - font-size: 1.2vw; - color: #fff; - font-weight: bold; - display: block; - margin-bottom: 1.6vw; -} -.tcgldw{ - font-size: 1vw; - color: #fff; - line-height: 2vw; - display: block; -} -.tcgldw1{ - font-size: 1vw; - color: #fff; - line-height: 2vw; - display: block; -} -.tz_cov{ - width: 100%; - height: 25vw; - margin: 0 auto; - /* margin-top: 4vw; */ - border: 1px solid #0169d0; - position: relative; - background: rgba(16, 45, 80, 0.9); - box-shadow: inset 0px 0px 16px 0px rgba(0, 145, 255, 1); -} -.tz_cov_top{ - width: 40%; - height: 3vw; - margin: 0 auto; - background: url(../../assets/image/tz_tltle_bg.png)no-repeat; - background-size: cover; - text-align: center; - line-height: 3vw; - margin-bottom: 2vw; -} -.tz_cov_top_tit{ - font-size: 1vw; - color: #fff; - text-shadow: 0px 2px 0px rgba(4,49,52,0.55); - font-family: douyuFont; -} -.guanbiann{ - width: 2vw; - height: 2vw; - position: absolute; - right: 2%; - top: 1vw; - cursor: pointer; +.tctit { + font-size: 1.2vw; + color: #fff; + font-weight: bold; + display: block; + margin-bottom: 1.6vw; } +.tcgldw { + font-size: 1vw; + color: #fff; + line-height: 2vw; + display: block; +} + +.tcgldw1 { + font-size: 1vw; + color: #fff; + line-height: 2vw; + display: block; +} + +.tz_cov { + width: 100%; + height: 25vw; + margin: 0 auto; + /* margin-top: 4vw; */ + border: 1px solid #0169d0; + position: relative; + background: rgba(16, 45, 80, 0.9); + box-shadow: inset 0px 0px 16px 0px rgba(0, 145, 255, 1); +} + +.tz_cov_top { + width: 40%; + height: 3vw; + margin: 0 auto; + background: url(../../assets/image/tz_tltle_bg.png) no-repeat; + background-size: cover; + text-align: center; + line-height: 3vw; + margin-bottom: 2vw; +} + +.tz_cov_top_tit { + font-size: 1vw; + color: #fff; + text-shadow: 0px 2px 0px rgba(4, 49, 52, 0.55); + font-family: douyuFont; +} + +.guanbiann { + width: 2vw; + height: 2vw; + position: absolute; + right: 2%; + top: 1vw; + cursor: pointer; +} + +.changguiwucanshu { + display: flex; + justify-content: center; + + .wucanshuDiv { + width: 144px; + height: 104px; + background: url("~@/assets/image/fx_duizu_weihu_icon22.png") no-repeat; + background-origin: border-box; + background-size: cover; + text-align: center; + cursor: pointer; + .wucanshuValueDiv { + font-weight: 300; + font-family: HYChangLiSongKeBen, sans-serif; + letter-spacing: 0.1vw; + display: block; + font-size: 26px; + color: #d8e714; + text-align: center; + padding-left: 27px; + padding-top: 12px; + cursor: pointer; + .typeStyle { + font-family: sans-serif; + margin-left: 4px; + font-size: 12px; + } + } + .wucanshuValueDiv:hover { + color: #f4d877; + font-size: 29px; + } + } + .wucanshuDiv:hover { + color: #f4d877 !important; + font-size: 29px!important; + } + + .wucanshuNameDiv { + color: white; + text-align: center; + padding-left: 21px; + padding-top: -19px; + font-size: 14px; + } +} +.maintainLog{ + position: relative; + bottom: 28px; + width: 344px; + height: 54px; + background: url("~@/assets/image/fx_duizu_weihu_icon.png") no-repeat; + background-origin: border-box; + background-size: contain; + color: white; + .maintainLogContent{ + padding-left: 74px; + padding-top: 8px; + color: #81b8e9; + } + .maintainLogPerson{ + display: none; + } + .maintainLogTime{ + padding-left: 74px; + padding-top: 8px; + color: #bcbbbb; + } +} +.el-timeline-item__tail { + border-left-color: rgb(71 105 172) !important; +} +.dataTypeEchart2{ + left: 246px; + top: 0px; +}