html,body,section{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-family:'微软雅黑';
font-size:1.2rem;
}
.bodybg{
/* background:url(../images/bg.png)no-repeat; */
background-color: #000204;
width:100%;
height:100vh;
background-size:100% 100%;
position:absolute;
background-attachment: fixed;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg-login.png',sizingMethod='scale');
font-size: 16px;
}
ul,ol,dl,p{list-style-type:none; margin:0rem; padding:0rem;}
.fl{ float:left;}
.fr{float:right;}
/*整体版面*/
/*#left{position: absolute;left: 0rem; min-width:5rem; width:auto; min-height:50%; height:auto; top:16.8rem;}*/
#view {
position: absolute;
padding: 0rem;
width: 60%;
text-align: center;
left:0rem;
bottom:2%;
right:0rem;
z-index: 0;
}
#right{position: absolute; right: 0rem; width:33%; height:10%; color:#0be7ca;pointer-events:all;}
#top{position:absolute; top:0rem; width:100%; height:10%;pointer-events:all;}
.quanjukg{width:5rem; height:2rem; line-height:2rem; color:#80c6be;}
.quanjuk{width:5rem; height:2rem; line-height:2rem; cursor:pointer;background-color:rgba(196,196,196,0.5);}
.quanjug{width:5rem; height:2rem; line-height:2rem; cursor:pointer; background-color:rgba(196,196,196,0.5);}
#ui-view{
width: 100%;
top: 5.6rem;
position: absolute;
min-height:calc(100% - 5.6rem);
height: auto;
overflow:hidden;
pointer-events: none;}
#default-view{
width: 100%;
top: 1rem;
position: absolute;
height: auto;
overflow: hidden;
background: none;
pointer-events: none;
}
/*顶部菜单*/
.pls-body {
width:100%;
height:4.8rem;
margin-top:1rem;
}
.pls-body ul li {
width: 100%;
height: 3rem;
line-height: 3rem;
color: #0be7ca;
cursor: pointer;
}
.pls-body ul li a {
color: #82bcae; text-decoration:none; font-size:1.4rem; color:#0be7ca;
}
/*子菜单*/
.pls-body li ul,
.pls-body li ul li ul {
position: absolute;
height: auto;
width: 12%;
padding: 0;
margin: 0;
opacity: 0;
visibility: hidden;
transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-webkit-transition: all 300ms linear;
z-index: 1000;
/* == */
top:5.8rem;
right:1rem
}
.menulight{
background: linear-gradient(to left, #08262f , #4faaa2 , #08262f) !important;
color: #fff !important;
}
.pls-body li:hover > ul,
.pls-body li ul li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
/* top: 6.2rem;*/
right:0rem;
}
.pls-body ul li ul li {
text-indent:1rem;
}
.pls-body ul li ul li i{color:#FC0; margin-right:2rem;}
/*#index-view{position:fixed; top:10%; bottom:0rem; width:100%; height:90%; overflow:auto; background:none; pointer-events:none;}*/
#mueleftoff{ position:absolute; top:2rem; left:26rem; width:3rem; height:3rem; border-radius:50%; line-height:3rem; text-align:center; cursor:pointer; color:#0be7ca;pointer-events:all;}
#muelefton{ position:absolute; top:2rem; left:26rem; width:3rem; height:3rem; border-radius:50%; line-height:3rem; text-align:center; cursor:pointer; color:#0be7ca;pointer-events:all;}
.zindex{ z-index:200;}
#muerightoff{position:fixed; top:2rem; right:0.5rem; width:3rem; height:3rem; border-radius:50%; line-height:3rem; text-align:center; cursor:pointer; color:#0be7ca;pointer-events:all;}
#muerighton{position:fixed; top:2rem; right:0.5rem; width:3rem; height:3rem; border-radius:50%; line-height:3rem; text-align:center; cursor:pointer; color:#0be7ca;pointer-events:all;}
.bgred{background:#F00;}
.bgwhite{background:#FFF;}
/*绿色背景*/
.tbggreen{background:rgba(0,153,51,0.5);}
.bggreen{background:rgba(0, 102, 0, 1);}
/*蓝色色背景*/
.tbgblue{background:rgba(4,31,42,0.8);}
.bgblue{background:#03131a;}
.fontcolor{color:#fff;}
.fontcolor2{color:#0be7ca;}
.fontblue{color:#b3f6ed;}
.fontff{color: #82bcae;}
.color3{color:#0be7ca;}
.colorhuanse{color:#FC0;}
.colorbr{color:#F30;}
.fl{float:left;}
.fr{float:right;}
.textr{text-align:right;}
.textl{text-align:left;}
.fontbold{font-weight:bold;}
.fontsize14{font-size:1.4rem;}
.fontsize12{font-size:1.2rem;}
.fontsize16{font-size:1.6rem;}
.fontsize18{font-size:1.8rem;}
a{
text-decoration: underline;
}
/*顶部菜单*/
/*#log-mue{background:url(../images/t2.png)no-repeat;
left:1rem; top:1rem;
min-width:20%;
width:auto;
height:4.8rem;
position:absolute;
padding-left:28rem;
background-color:rgba(10,34,39,0.1);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg-login.png',sizingMethod='scale');
}*/
.fontsize12{font-size:1.2rem;}
.fontsize14{ font-size:1.4rem;}
.index-nav{height:5rem; background:rgba(0, 12, 21, 0.18); min-width:20rem; width:auto; overflow:hidden;}
.index-nav a div{color:#0be7ca;font-size:1.4rem;position:relative;line-height:5rem;cursor:pointer; height:5rem; float:left; text-align:center; margin:0 1rem 0 1rem;}
.index-nav a div i{ font-size:1.6rem;}
.index-nav div:hover{background-color:#0be7ca;color: white;}
.index-nav:hover a{background-color:0be7ca;color: white;}
.index-nav.active{color:#b63b4d;}
.leftpdd{margin-left:4rem;}
/*右头部内容*/
.right-top{ margin:1rem 0 0 1rem; width:100%; height:5rem; display:flex;align-items:center;text-align:center; cursor:pointer; color:#0be7ca;}
.right-top a{ text-decoration:none; }
.right-top i{font-size:1.4rem;}
.right-top select{font-size:1.2rem; border:solid 0.1rem #0be7ca;; color:#0be7ca; background:none;outline:none;}
.right-top select option{color:#002340;}
.color3{color:#0be7ca;}
/*图标*/
.main{width:100%;height:auto;position:relative;margin:auto;}
/* div{border:0rem solid white;margin:0.1rem;}*/
.layer{position:relative;width:100%;}
#layer01{}
#layer01 img{text-align: center;display: block;height: 2.5rem;padding-top: 2.5rem;margin: auto;}
#layer02 > div{height:50%;float:left;position:relative;}
.layer02-data{position: absolute;width: auto;height: 5rem;color: white;top: 4.5rem;left: 6.5rem;}
.layer03-panel{height:100%;position:relative;float:left;}
.layer03-left-label{position:absolute;}
#layer03_left_label01{top:1rem;left:1rem;color:white;height:2rem;width:10rem;font-weight: bold;}
#layer03_left_label02{right:1rem;top:1rem;color:#036769;height:2rem;width:10rem;}
.layer03-left-chart{position:relative;float:left;height:100%;}
#layer03_right_label{position:absolute;top:1rem;left:1rem;color:white;height:2rem;width:10rem;}
.layer03-right-chart{position:relative;float:left;height:100%;width:32%;}
.layer03-right-chart-label{color: white;text-align: center;position: absolute;bottom: 6rem;width: 100%;}
.layer04-panel{position:relative;float:left;height:100%;width:48%;}
.layer04-panel-label{width:50%;height:15%;color:white;padding-top:0.5rem;}
.layer04-panel-chart{width:50%;height:85%;}
/*default*/
#def-top{position:relative; top:0.5rem; width:100%; height:4.8rem; text-align:center; pointer-events:all; position:fixed; z-index:100;background: #0b2632;}
.def-divwidth{width:calc(100% - 2.5rem); text-align:left; margin:0rem 0rem 0rem 1rem; height:100%;}
.borderk{
border:1px solid;
border-image: -webkit-linear-gradient(to left, #08262f , #4faaa2 , #08262f)1 20 1;
border-image: -moz-linear-gradient(to left, #08262f , #4faaa2 , #08262f)1 20 1;
border-image: linear-gradient(to left, #08262f , #4faaa2 , #08262f)1 20 1;
}
.borderkmue{
border-top:1px solid;
border-bottom:1px solid;
border-image: -webkit-linear-gradient(to left, #08262f , #4faaa2 , #08262f)1 20 1;
border-image: -moz-linear-gradient(to left, #08262f , #4faaa2 , #08262f)1 20 1;
border-image: linear-gradient(to left, #08262f , #4faaa2 , #08262f)1 20 1;
}
.i-kuang{margin-right:0.5rem; padding:0.2rem; width:6rem; height:6rem; background-color:#74F0FA50; color:#9F9;}
.def-topdf-l{background:url(../images/t1.png)no-repeat;
width:22.5rem;
height:4.8rem;background-size:100% 100%;
/*background-color:rgba(10,34,39,0.1);*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg-login.png',sizingMethod='scale'); line-height:4.8rem;
}
.def-top-l{background:url(../images/t2.png)no-repeat;
width:22.5rem;
height:4.8rem;
line-height:4.8rem;
background-size:100% 100%;
/*background-color:rgba(10,34,39,0.1);*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg-login.png',sizingMethod='scale'); line-height:4.8rem;
}
.def-top-l ul {width:22.5rem;}
.def-top-l ul li{ font-size:1.4rem; float:left; margin:0; padding-left:1rem;list-style-type:none; color:#FFF;}
.def-top-l ul li a { text-decoration:none;font-size:14px; color:#FFF;}
.def-top-l ul li a:hover{ color:#FC0;}
.def-top-l ul span{ font-size:2.2rem; color:#FFF; padding-left:2rem;}
.def-top-m{width:30%; height:4.8rem; line-height:4.8rem;}
.def-top-m ul li{width:30%; font-size:1.4rem; color:#FFF; margin-left:1%; float:left;}
.def-top-m ul li span{ color:#eed267;}
.def-top-r{width:calc(50% - 22.5rem);height:4.8rem;line-height:4.8rem; }
.def-top-r ul li{ color:#FFF; font-size:1.4rem; margin-right:1%; float:right;}
.def-top-r ul li i{font-size:2.8rem; float:left; margin-top:1rem;}
.def-top-r ul li p{font-size:1.2rem; width:3rem; margin-top:1rem; float:left; line-height:1.2rem; color:#FFF;}
.def-top-r ul li span{ color:#eed267; font-weight:bold; font-size:1.6rem;}
.colorm1{ color:#65eacd;}
.colorm2{ color:#F00;}
.colorm3{ color:#069;}
.colorm4{ color:#38e1f5}
.clstyle{cursor:pointer;}
#def-left{ width:24%; /* height:calc(100% - 0rem);*/ height:100%; float:left; margin-top:5.3rem;}
.def-left-l{ width:100%;height:100%;pointer-events:all}
/*#def-right{ width:78%; margin-top:1rem; height:100%;pointer-events:none; float:right;position:absolute; bottom:0rem; }*/
.def-divwidthr{width:calc(76% - 2rem); text-align:left; height:30%; position: fixed; bottom:0rem; right:2rem;}
.def-divrtable1{width:calc(60% - 1.2rem); height: 100%;position: absolute;bottom: 0.5rem; left: 0rem; pointer-events:all; clear:both;}
.def-divrtable2{width: 40%;height: 100%;position: absolute;bottom: 0.5rem; right: 0rem;pointer-events:all; clear:both;}
.def-divrtable2-c{width:100%; height:100%}
/*defaut菜单*/
.def-rl ul a{ text-decoration:none;}
.def-rl ul a li{ width:90%; height:3.47rem; line-height:3.47rem; cursor:pointer; border-bottom:#1a303b 0.1rem solid; margin:0.46rem auto; text-align:left; text-decoration:none;}
.def-rl ul li{width: 90%; cursor: pointer;margin: 0.5rem auto;text-decoration: none;height: auto;}
.def-rl ul li span{ width: 100%;
height: 3rem;
line-height: 3rem;
text-align: left;
font-size: 1.4rem;
font-weight: bold;
color: #FFF;
padding-left: 1rem;
margin:0.3rem;}
.def-rl ul a li { text-decoration:none; color:#0be7ca; font-size:1.4rem;}
.def-rl ul a li i{ margin: 0 2rem;}
.def-rl ul a li:hover {
color:#FFF;
background: -webkit-linear-gradient(0deg, rgba(179,249,249,0.2), rgba(255,255,255,0.3)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(0deg, rgba(179,249,249,0.2), rgba(255,255,255,0.3)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(0deg, rgba(179,249,249,0.2), rgba(255,255,255,0.3)); /* Firefox 3.6 - 15 */
background: linear-gradient(0deg, #35FAFF20, #35FAFF30 ); /* 标准的语法 */
border-bottom: 0.1rem solid #6fffde;
}
/*仪表*/
.def-ryb ul{height:100%;}
.def-ryb ul li{ width:90%;cursor:pointer; margin:0.5rem auto; text-decoration:none; height:auto;}
.def-ryb ul li span{ width:100%; height:3rem; line-height:3rem; text-align:left; font-size:1.4rem; font-weight:bold; color:#FFF; padding-left:1rem;}
.def-ryb ul li div{ height:auto; position:relative; min-height:6rem; text-align:center; margin:0rem 0rem;}
.def-ybp{ width:100%; height:30%;padding:0rem; margin:0rem;position:relative; margin:0 auto;}
.def-ybp div{ width:100%; height:100%;}
.def-ybp span{width:30%; font-size:1.4rem; font-weight:inherit; height:1.4rem; line-height:1.4rem; padding:0rem; margin:0rem;}
.def-ybp1{ width:30%; height:30%;padding:0rem; margin:0rem;position:relative; float:left}
.def-ybp1 div{ width:100%; height:100%;}
.def-ybp1 span{width:30%; font-size:1.4rem; font-weight:inherit; height:1.4rem; line-height:1.4rem; padding:0rem; margin:0rem;}
.def-ybp2{ width:30%; height:30%;padding:0rem; margin:0rem;position:relative; float:right;}
.def-ybp2 div{ width:100%; height:100%;}
.def-ybp2 span{width:30%; font-size:1.4rem; font-weight:inherit; height:1.4rem; line-height:1.4rem; padding:0rem; margin:0rem;}
.def-ybp3{ width:30%; height:30%;padding:0rem; margin:0rem;position:relative; float:left; left:10%;}
.def-ybp3 div{ width:100%; height:100%;}
.def-ybp3 span{width:30%; font-size:1.4rem; font-weight:inherit; height:1.4rem; line-height:1.4rem; padding:0rem; margin:0rem;}
.def-ybp4{ width:30%; height:30%;padding:0rem; margin:0rem;position:relative; float:right; right:10%;}
.def-ybp4 div{ width:100%; height:100%;}
.def-ybp4 span{width:30%; font-size:1.4rem; font-weight:inherit; height:1.4rem; line-height:1.4rem; padding:0rem; margin:0rem;}
.def-ybp5{width:8rem;;height:8rem;padding:0rem; margin:calc(50% - 2rem) 0 0 calc(50% - 4rem);position:absolute;}
/*人力*/
.def-rlzy{width:100%; height:auto;line-height:4rem; text-align:center;}
.def-rlzy ul li{ width:90%; height:2.5rem; line-height:2.5rem; cursor:pointer; margin:0.5rem auto; text-align:left; color:#FFF;}
.def-rlzy ul li span{ width:100%; height:2.5rem; line-height:2.5rem; text-align:left; font-size:1.6rem; font-weight:bold; color:#FFF; padding-left:1rem;}
.ryuan{ width:33%; height:2.5rem; line-height:2.5rem; text-align:left; font-size:1.2rem; color:#FFF; padding-left:0.5rem; float:left;}
.yyantiao{width:36%; height:1rem; float:left; padding-left:0.5rem; padding-top:1rem;}
/*内容渐变*/
.jianbian {
background: -webkit-linear-gradient(135deg, #4eb4a230, #5EE8CF60); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(135deg, #AEEAE990, #5EE8CF60); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(135deg, #AEEAE990, #5EE8CF60); /* Firefox 3.6 - 15 */
background: linear-gradient(135deg, #AEEAE990, #5EE8CF60); /* 标准的语法 */
}
.bjianbian{
background-color:#29555230;
border:0.1rem solid #215251;
border-image: -webkit-linear-gradient(#b2fbeb,#215251) 10 20;
border-image: -moz-linear-gradient(#b2fbeb,#215251) 10 20;
border-image: linear-gradient(#b2fbeb,#215251) 10 20;
}
/*框角相对线*/
.bordercx {
position:absolute;
margin-top: 0rem;
padding: 0rem;
/* border: 0.1rem solid #0be7ca;*/
}
.bordercx span.border-span {
display: block;
position: absolute;
width:0.8rem;
height: 0.8rem;
}
.bordercx span.top-left {
top: -0.2rem;
left:-0.2rem;
border-top: 0.2rem solid #0be7ca;
border-left: 0.2rem solid #0be7ca;
}
.bordercx span.top-right {
top:-0.2rem;
right:-0.2rem;
border-top:0.2rem solid #0be7ca;
border-right: 0.2rem solid #0be7ca;
}
.bordercx span.bottom-left {
bottom: -0.2rem;
left: -0.2rem;
border-bottom:0.2rem solid #0be7ca;
border-left:0.2rem solid #0be7ca;
}
.bordercx span.bottom-right {
bottom: -0.2rem;
right: -0.2rem;
border-bottom:0.2rem solid #0be7ca;
border-right:0.2rem solid #0be7ca;
}
.bordercx span.top-left {
top: -0.2rem;
left:-0.2rem;
border-top:0.2rem solid #0be7ca;
border-left:0.2rem solid #0be7ca;
}
.bordercx span.top-right {
top:-0.2rem;
right:-0.2rem;
border-top: 0.2rem solid #0be7ca;
border-right:0.2rem solid #0be7ca;
}
.bordercx span.bottom-left {
bottom: -0.2rem;
left: -0.2rem;
border-bottom:0.2rem solid #0be7ca;
border-left:0.2rem solid #0be7ca;
}
.bordercx span.bottom-right {
bottom: -0.2rem;
right: -0.2rem;
border-bottom: 0.2rem solid #0be7ca;
border-right: 0.2rem solid #0be7ca;
}
/*框角线绝对*/
.borderc {
position: relative;
margin-top: 0rem;
padding: 0rem;
/* border: 0.1rem solid #0be7ca;*/
}
.borderc span.border-span {
display: block;
position: absolute;
width:0.8rem;
height: 0.8rem;
}
.borderc span.top-left {
top: -0.2rem;
left:-0.2rem;
border-top: 0.2rem solid #0be7ca;
border-left: 0.2rem solid #0be7ca;
}
.borderc span.top-right {
top:-0.2rem;
right:-0.2rem;
border-top:0.2rem solid #0be7ca;
border-right: 0.2rem solid #0be7ca;
}
.borderc span.bottom-left {
bottom: -0.2rem;
left: -0.2rem;
border-bottom:0.2rem solid #0be7ca;
border-left:0.2rem solid #0be7ca;
}
.borderc span.bottom-right {
bottom: -0.2rem;
right: -0.2rem;
border-bottom:0.2rem solid #0be7ca;
border-right:0.2rem solid #0be7ca;
}
.borderc span.top-left {
top: -0.2rem;
left:-0.2rem;
border-top:0.2rem solid #0be7ca;
border-left:0.2rem solid #0be7ca;
}
.borderc span.top-right {
top:-0.2rem;
right:-0.2rem;
border-top: 0.2rem solid #0be7ca;
border-right:0.2rem solid #0be7ca;
}
.borderc span.bottom-left {
bottom: -0.2rem;
left: -0.2rem;
border-bottom:0.2rem solid #0be7ca;
border-left:0.2rem solid #0be7ca;
}
.borderc span.bottom-right {
bottom: -0.2rem;
right: -0.2rem;
border-bottom: 0.2rem solid #0be7ca;
border-right: 0.2rem solid #0be7ca;
}
.borderjb{
border-bottom:1px solid;
border-image: -webkit-linear-gradient(to left, #08262f , #4faaa2 , #08262f)1 20 1;
border-image: -moz-linear-gradient(to left, #08262f , #4faaa2 , #08262f)1 20 1;
border-image: linear-gradient(to left, #08262f , #4faaa2 , #08262f)1 20 1;
}
/*数据表*/
.leftbox {
width: 48%;
height: 100%;
float: left;
}
.midline {
width: 4%;
height: 90%;
float: left;
}
.midline .topline {
height: 40%;
width: 0.2rem;
background: linear-gradient(to top, #02ccce, #02181e);
margin: auto;
margin-top: auto;
margin-top: 3.8rem;
}
.midline .bottomline {
height: 40%;
width: 0.2rem;
background: linear-gradient(to top, #02181e, #02ccce);
margin: auto;
}
.rightbox {
width: 48%;
height: 100%;
float: right;
padding:4% 0px;
}
.inlinechart {
width: 95%;
height: 25%;
padding-left:5%;
}
.inlinechart p {
margin: 0;
width: 70%;
height:100%;
float: left;
color: #999;
font-size: 1.4rem;
display:flex;
/*text-align:center;*/
align-items:center;
/*justify-content:center;*/
}
.inlinechart div {
width: 30%;
height: 100%;
float: right;
}
.jindu-div {
color: #02ccce;
height:10%;
width: 100%;
font-size: 1.4rem;
margin: 1.571% auto;
display:table-cell;
vertical-align:middle;
float: left;
}
.jindu-div .span1 {
float: left;
width: 5rem;
text-align: center;
}
.jindu-div .span2 {
margin-left: 1rem;
float: left;
}
.jindu-div .jindu {
width: 50%;
float: left;
height: 2.4rem;
}
.jindu-div .jindu .jindu-i {
float: left;
width: 1.6rem;
height: 1rem;
background: #254971;
margin-right: 0.4rem;
position: relative;
top: 0.2rem;
}
.jindu-i-light {
background: linear-gradient(to right, #186eadb3, #20e7ff) !important;
}
.jindu-all {
background: #254971;
height: 1.2rem;
position: relative;
width: 97%;
}
.jindu-light {
height: 1.2rem;
width: 70%;
background: red;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
background: linear-gradient(to right, #186eadb3, #20e7ff) !important;
}
.title-p {
text-align: center;
margin: 0;
color: #02ccce;
font-size: 1.2rem;
}
/*index top */
.index-top-m{width:15%; height:4.8rem; line-height:4.8rem;}
.index-top-m ul li{width:100%; font-size:1.4rem; color:#FFF; margin-left:1%; float:left;}
.index-top-m a{ text-decoration:none; }
.index-top-m i{font-size:1.4rem;}
.index-top-m select{font-size:1.2rem; border:solid 0.1rem #0be7ca;; color:#0be7ca; background:none;outline:none; border-radius:20%;}
.index-top-m select option{color:#002340;}
.color3{color:#0be7ca;}
.index-top-mid{ float:left; width:30%; background-color:rgba(4,31,42,0.3); background:url(../images/bgtou.png)no-repeat; background-size:100% 100%; padding:0.6rem;}
.index-top-mid ul{ padding:1rem;}
.index-top-mid ul li{ width:19.9%; text-align:center; float:left; height:5.8rem; color:#FFF;}
.index-top-mid ul li span a{text-decoration:none; color:#FFF;}
.index-top-mid ul li span a:hover{color:#FC0;}
.index-top-mid ul li div{ height:70%;}
/*index-right */
.index-top-r{width:calc(50% - 22.5rem);height:4.8rem;line-height:4.8rem; }
.index-top-r ul{ margin-top:1.2rem;}
.index-top-r ul li{ color:#FFF; font-size:1.4rem; margin-right:1%; float:right;}
.index-top-r ul li a{ color:#FFF; text-decoration:none;}
.index-top-r ul li span{ font-size:1.2rem; height:2rem; line-height:2rem; text-align:center; padding:0rem 0.5rem; width:auto; border:#099 1px solid; border-radius:0.3rem; display:block;}
.redborder{border:#F00 1px solid; border-radius:0.3rem; color:#F00;}
.index-top-r ul li div{ font-size:1.2rem; height:2rem; line-height:2rem; text-align:center; }
/*index -left*/
#index-left{ width:23%; /* height:calc(100% - 0rem);*/ height:100%; float:left; /*margin-top:5.3rem;*/}
.index-rt ul li{ width:90%; height:3.47rem; line-height:3.47rem; margin:0.26rem auto; text-align:left;}
.index-rt ul li b{ width:100%; height:3.3rem; line-height:3.3rem; text-align:left; font-size:1.4rem; font-weight:bold; color:#FFF; padding-left:1rem;}
.index-rt ul li p{ width:16.6666%; height:3.47rem; line-height:3.47rem; text-align:left; font-size:1.2rem; color:#FFF; float:left; overflow:hidden;}
.index-left-l{ width:100%; height:100%;pointer-events:all}
.index-divwidth{width:100%; text-align:left; margin:0rem 0rem 0rem 1rem; height:100%;}
/*分析表表*/
.index-ryb ul{height:100%;}
.index-ryb ul li{ width:90%;cursor:pointer; margin:0.5rem auto; text-decoration:none; height:auto;}
.index-ryb ul li span{ width:100%; height:3rem; line-height:3rem; text-align:left; font-size:1.4rem; font-weight:bold; color:#FFF; padding-left:1rem;}
/*인력성과분석*/
.index-rl ul { text-decoration:none;}
.index-rl ul li{ width:92%; height:3.47rem; line-height:3.47rem; cursor:pointer; border-bottom:#1a303b 0.1rem solid; margin:0.46rem auto; text-align:left; text-decoration:none;}
.index-rl ul li span{ width:100%; height:3.3rem; line-height:3.3rem; text-align:left; font-size:1.4rem; font-weight:bold; color:#FFF; padding-left:1rem;}
.index-rl ul li p {
width: 20%;
height: 3.47rem;
line-height: 3.47rem;
text-align: left;
font-size: 1.2rem;
color: #FFF;
float: left;
overflow: hidden;
text-align:center;
}
.index-rl-bg{ background:#66666680;}
.index-rl ul li a p:hover {
color: #FFF;
background: -webkit-linear-gradient(0deg, rgba(179, 249, 249, 0.2), rgba(255, 255, 255, 0.3));
/* Safari 5.1 - 6.0 */
background: -o-linear-gradient(0deg, rgba(179, 249, 249, 0.2), rgba(255, 255, 255, 0.3));
/* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(0deg, rgba(179, 249, 249, 0.2), rgba(255, 255, 255, 0.3));
/* Firefox 3.6 - 15 */
background: linear-gradient(0deg, #35FAFF20, #35FAFF30);
/* 标准的语法 */
border-bottom: 0.1rem solid #6fffde;
}
.tbgblue {
background: rgba(4, 31, 42, 0.8) !important;
}
/*index-right*/
#index-right{ width:23%; /* height:calc(100% - 0rem);*/ height:100%; float:right; /*margin-top:5.3rem; */margin-right:1rem;}
.index-rr ul li{ width:90%; height:3.47rem; line-height:3.47rem; margin:0.26rem auto; text-align:left;}
.index-rr ul li b{ width:100%; height:3.3rem; line-height:3.3rem; text-align:left; font-size:1.4rem; font-weight:bold; color:#FFF; padding-left:1rem;}
.index-rr ul li p{ width:25%; height:3.47rem; line-height:3.47rem; text-align:left; font-size:1.2rem; color:#FFF; float:left; overflow:hidden;}
.index-right-l{ width:100%; height:100%;pointer-events:all}
.index-divwidthr{width:100%; text-align:left; height:100%;}
/*分析表表*/
.index-ryb ul{height:100%;}
.index-ryb ul li{ width:90%;cursor:pointer; margin:0.5rem auto; text-decoration:none; height:auto;}
.index-ryb ul li span{ width:100%; height:2rem; line-height:2rem; text-align:left; font-size:1.4rem; font-weight:bold; color:#FFF; padding-left:1rem;}
/*인력성과분석*/
.index-rg ul { text-decoration:none;}
.index-rg ul li{ width:92%; height:3.47rem; line-height:3.47rem; cursor:pointer; border-bottom:#1a303b 0.1rem solid; margin:0.46rem auto; text-align:left; text-decoration:none;}
.index-rg ul li b{ width:100%; height:3.3rem; line-height:3.3rem; text-align:left; font-size:1.4rem; font-weight:bold; color:#FFF; }
.index-rg ul li p{ width:25%; height:3.47rem; line-height:3.47rem; text-align:left; font-size:1.2rem; color:#FFF; float:left; overflow:hidden; }
.index-rg ul li p span {color:#FFF; width:calc(100% - 0.4rem); height:3.47rem; background:#CCC;display:block; text-align:center; border-left:#FFF 0.2rem solid;border-right:#FFF 0.2rem solid; }
.index-rg ul li p span a{ color:#FFF; text-decoration:none; text-align:center; }
.index-rg ul li p span:hover {
color:#FFF;
background: -webkit-linear-gradient(0deg, rgba(179,249,249,0.2), rgba(255,255,255,0.3)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(0deg, rgba(179,249,249,0.2), rgba(255,255,255,0.3)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(0deg, rgba(179,249,249,0.2), rgba(255,255,255,0.3)); /* Firefox 3.6 - 15 */
background: linear-gradient(0deg, #35FAFF20, #35FAFF30 ); /* 标准的语法 */
border-bottom: 0.1rem solid #6fffde;
}
/*2019311新增*/
#alldevice {
width: 30%;
height: 100%;
float: left;
background: #6fecdc;
border-radius: 50%;
position: relative;
}
#alldevice span{
font-size: 2.4rem;
top: 2rem;
position: absolute;
margin: 0;
padding: 0;
text-align: center;
}
#alldevice font{
font-size: 1.2rem;
top: 5rem;
position: absolute;
margin: 0;
padding: 0;
text-align: center;
display: block;
width: 100%;
color: #fff;
}
#devicenumchart {
height: 100%;
width: 66%;
float: left;
}
#jindu {
width: 45%;
height: 100%;
float: left;
}
.iotchart2 {
height: 15rem !important;
}
#iotline {
width: 55%;
height: 100%;
float: left;
}
.jindu-div2 {
color: #02ccce;
float: left;
width: 100%;
}
.jindu-div2 .span1 {
width: 3rem;
text-align: left;
font-size: 1rem;
padding: 0;
float: left;
font-weight: 500;
margin-right: 0.4rem;
}
.jindu-div2 .span2 {
width: 2rem;
font-size: 1.2rem;
padding: 0;
float: left;
font-weight: 500;
margin-right: 0.2rem;
color: #6fecdc;
}
.jindu-div2 .jindu {
width: 100%;
height: 1rem;
float: left;
position: relative;
top: 0rem;
}
.jindu-div2 .jindu .jindu-i {
float: left;
width: 1.4rem;
height: 0.5rem;
background: #254971;
margin-right: 0.3rem;
position: relative;
top: 0.1rem;
}
.jindu-i-light {
background: linear-gradient(to right, #186eadb3, #20e7ff) !important;
}
.jindu-all {
background: #254971;
height: 1rem;
position: relative;
width: 100%;
border-radius: 0.5rem;
}
.jindu-light {
height: 1rem;
width: 73%;
background: red;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
background: linear-gradient(to right, #6fecdc, #5f8aed) !important;
}
.iotchart3 {
width: 100%;
height: 20rem !important;
}
.iotchart3 div {
width: 100%;
height: 100%;
}
/*ff_PC.css移植过来的*/
/*菜单*/
.nav{
pointer-events:all;
margin:1rem 1rem 1rem 1rem;
width: 22.5rem;
min-height:100%;
height: auto;
}
.pls-ffmue {
width:22.5rem;
height:3.6rem;
line-height:3.6rem;
}
.pls-ffmue ul li {
width: 100%;
height: 3.6rem;
line-height: 3.6rem;
color: #82bcae;
cursor: pointer;
background: rgba(3,30,37,0.8);
border-bottom:#1e4e4f60 0.1rem solid;
border-top:#1e4e4f60 0.1rem solid;
box-sizing: border-box;
}
.pls-ffmue ul li a span {
width:50%; text-align:center;height:3.6rem; line-height:3.6rem;
}
.pls-ffmue ul li a {
color: #82bcae; text-decoration:none;
}
.pls-ffmue ul li i {
width:20%; text-align:right;height:3.6rem; line-height:3.6rem;
}
/*子菜单*/
.pls-ffmue li ul,
.pls-ffmue li ul li ul {
position: absolute;
height: auto;
width:22.5rem;
padding: 0;
margin: 0;
opacity: 0;
visibility: hidden;
transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-webkit-transition: all 300ms linear;
z-index: 1000;
/* == */
left:23.5rem;
/* top: 62rem;*/
/* == */
}
.pls-ffmue li ul:before {
content: "";
position: absolute;
top: 1.2rem;
left: -0.9rem;
border-right: 0.6rem solid #b3f6ed;
border-bottom: 0.6rem solid transparent;
border-top: 0.6rem solid transparent;
}
.pls-ffmue li:hover > ul,
.pls-ffmue li ul li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
/* top: 62rem;*/
left:23.5rem;
}
.pls-ffmue ul li ul li {
text-indent:0.3rem;
margin:0.3rem 0;
}
.pls-ffmue ul li ul li i{color:#FC0; margin-right:2.0rem;}
/*菜单*/
.pls-ffmue-ffmue{width:22.5rem; min-height:10.0rem; height:auto; line-height:3.6rem; margin-top:2.0rem;}
.pls-ffmue-ffmue ul li span {
width:50%; text-align:center;height:3.6rem; line-height:3.6rem;
}
.pls-ffmue-ffmue ul li a {
color: #82bcae; text-decoration:none;
}
.pls-ffmue-ffmue ul li a:hover{
color: #F00; text-decoration:none;
}
.pls-ffmue-ffmue ul li i {
width:20%; text-align:right;height:3.6rem; line-height:3.6rem;
}
.pls-ffmue-ffmue ul li {
width: 100%;
height: 3.6rem;
line-height: 3.6rem;
color: #82bcae;
cursor: pointer;
background: rgba(3,30,37,0.6);
/* border-bottom:#1e4e4f 0.1rem solid;
border-top:#1e4e4f 0.1rem solid;*/
margin:0.3rem 0;
}
/*子菜单*/
.pls-ffmue-ffmue li ul,
.pls-ffmue-ffmue li ul li ul {
position: absolute;
height: auto;
width: 22.5rem;
padding: 0;
margin: 0;
opacity: 0;
visibility: hidden;
transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-webkit-transition: all 300ms linear;
z-index: 1000;
/* == */
left:23.5rem;
/* top: 62rem;*/
/* == */
}
.pls-ffmue-ffmue li ul:before {
content: "";
position: absolute;
top: 1.2rem;
left: -0.9rem;
border-right: 0.6rem solid #b3f6ed;
border-bottom: 0.6rem solid transparent;
border-top: 0.6rem solid transparent;
}
.pls-ffmue-ffmue li:hover > ul,
.pls-ffmue-ffmue li ul li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
/* top: 62rem;*/
left:23.5rem;
}
.pls-ffmue-ffmue ul li ul li {
text-indent:3.0rem;
}
.pls-ffmue-ffmue ul li ul li i{margin-right:2.0rem;}
.pls-ffmue ul li:hover, .pls-ffmue-ffmue ul li:hover {
background: -webkit-linear-gradient(90deg, rgba(179,249,249,0.2), rgba(255,255,255,0.3)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(90deg, rgba(179,249,249,0.2), rgba(255,255,255,0.3)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(90deg, rgba(179,249,249,0.2), rgba(255,255,255,0.3)); /* Firefox 3.6 - 15 */
background: linear-gradient(90deg, rgba(179,249,249,0.2), rgba(255,255,255,0.3)); /* 标准的语法 */
border-top: 0.1rem solid #8ac5b790;
border-bottom: 0.1rem solid #6fffde50;
}
.i-kuang{margin-right:0.5rem; padding:0.2rem; width:6.0rem; height:6.0rem; background-color:#74F0FA50; color:#9F9;}
/*防非内容页*/
.pls-top-box{
width: 100%;
top: 0rem;
height:auto;
}
.pls-top-box li{
width: 100%;
top: 0rem;
height:auto;
text-align:center;
}
.pls-top-box li span{
width: 50%;
top: 0rem;
height:auto;
}
.pls-bodycontent {
width:100%;
height:auto;
line-height:4.2rem;
}
.pls-bodycontent ul li {
width: 100%;
height: 4.2rem;
line-height: 4.2rem;
cursor: pointer;
border-bottom:#1e4e4f60 0.1rem solid;
border-top:#1e4e4f60 0.1rem solid;
margin:5rem 0;
}
.pls-bodycontent ul li a span {
width:40%; text-align:center; height:4.2rem; line-height:4.2rem;
}
.pls-bodycontent ul li a {
color: #82bcae; text-decoration:none;
}
.pls-bodycontent ul li i {
width:10%; text-align:center;height:4.2rem; line-height:4.2rem;
}
.pls-bodycontent ul li:hover {
background: -webkit-linear-gradient(90deg, rgba(179,249,249,0.2), rgba(255,255,255,0.3)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(90deg, rgba(179,249,249,0.2), rgba(255,255,255,0.3)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(90deg, rgba(179,249,249,0.2), rgba(255,255,255,0.3)); /* Firefox 3.6 - 15 */
background: linear-gradient(90deg, rgba(179,249,249,0.2), rgba(255,255,255,0.3)); /* 标准的语法 */
border-top: 0.1rem solid #8ac5b790;
border-bottom: 0.1rem solid #6fffde50;
}
/*监控*/
.pls-bodyjiankong {
width:100%;
height:auto;
line-height:3.6rem;
}
.pls-bodyjiankong ul {
width:100%;
height:auto;
line-height:3.6rem;
text-align:center;
}
.pls-bodyjiankong ul li {
width:40%; height:3.6rem; line-height:3.6rem; border-radius:20%; border:#666 0.1rem solid; margin:4%; text-align:center; cursor: pointer;
}
.pls-bodyjiankong ul li a {
color: #82bcae; text-decoration:none;
}
/*.pls-bodyjiankong ul li i {
width:10%; text-align:center;height:42rem; line-height:42rem;
}*/
.pls-bodyjiankong ul li:hover {
background: -webkit-linear-gradient(90deg, rgba(179,249,249,0.2), rgba(255,255,255,0.3)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(90deg, rgba(179,249,249,0.2), rgba(255,255,255,0.3)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(90deg, rgba(179,249,249,0.2), rgba(255,255,255,0.3)); /* Firefox 3.6 - 15 */
background: linear-gradient(90deg, rgba(179,249,249,0.2), rgba(255,255,255,0.3)); /* 标准的语法 */
border-top: 0.1rem solid #8ac5b790;
border-bottom: 0.1rem solid #6fffde50;
}
/*防非内容渐变*/
.jianbian {
background: -webkit-linear-gradient(135deg, #4eb4a230, #5EE8CF60); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(135deg, #AEEAE990, #5EE8CF60); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(135deg, #AEEAE990, #5EE8CF60); /* Firefox 3.6 - 15 */
background: linear-gradient(135deg, #0BE7CA, #91E0B199); /* 标准的语法 */
}
.jianbianc {
background: -webkit-linear-gradient(90deg, rgba(179,249,249,0.6), rgba(255,255,255,0.0)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(90deg, rgba(179,249,249,0.6), rgba(255,255,255,0.0)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(90deg, rgba(179,249,249,0.6), rgba(255,255,255,0.0)); /* Firefox 3.6 - 15 */
background: linear-gradient(90deg, rgba(179,249,249,0.6), rgba(255,255,255,0.0)); /* 标准的语法 */
}
.jianbianc_1 {
background: -webkit-linear-gradient(45deg, rgba(179,249,249,0.1), rgba(255,255,255,0.0)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(90deg, rgba(179,249,249,0.1), rgba(255,255,255,0.0)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(90deg, rgba(179,249,249,0.1), rgba(255,255,255,0.0)); /* Firefox 3.6 - 15 */
background: linear-gradient(90deg, rgba(179,249,249,0.1), rgba(255,255,255,0.0)); /* 标准的语法 */
}
.bjianbian{
background-color:#29555260;
border:0.1rem solid #215251;
border-image: -webkit-linear-gradient(#b2fbeb,#215251) 20 50;
border-image: -moz-linear-gradient(#b2fbeb,#215251) 20 50;
border-image: linear-gradient(#b2fbeb,#215251) 20 50;
}
/*2019312防非首页面*/
.right-box{
width: 27%;
height: auto;
position: fixed;
right: 0;
padding-left: 2.6rem;
padding-right: 2rem;
box-sizing: border-box;
top: 7.5rem;
pointer-events:all
}
.right-box .box{
width: 100%;
height: 100%;
background: rgba(3,30,37,0.8);
}
.newtitle {
color: #fff;
font-size: 1.4rem;
font-weight: 700;
width: 70%;
background: #092233;
border-top-right-radius: 1rem;
margin: 1.2rem;
padding: 0.1rem;
}
.newtitle i {
color: #3ae4f8;
}
.yjbjul li {
border-top: #1e4e4f60 0.1rem solid;
margin: 0!important;
width: 100%!important;
height: 4.1rem!important;
line-height: 4.2rem!important;
}
.yjbjul li .span1 {
float: left;
width: 40%;
height: 100%;
color: #0be6c9;
text-align: left;
font-size: 1.2rem;
text-align: center;
box-sizing: border-box;
}
.yjbjul li .span2 {
float: left;
width: 20%;
height: 100%;
color: #0be6c9;
text-align: center;
font-size: 1.2rem;
}
.yjbjul li .span3 {
float: left;
width: 20%;
height: 100%;
color: #0be6c9;
text-align: center;
font-size: 1.2rem;
}
.li-shen {
/* background: #12121299; */
}
.li-qian {
background: #0be7ca1a;
}
.jindu-div3 {
color: #02ccce;
float: left;
width: 100%;
margin-bottom: 0.2rem;
}
.jindu-div3 .span1 {
width: 10rem;
text-align: left;
font-size: 1.2rem;
padding: 0;
/*float: left;*/
font-weight: 500;
margin-right: 0.4rem;
margin-left: 2rem;
}
.jindu-div3 .jindu {
width: 60%;
height: 2rem;
float: left;
position: relative;
}
.jindu-div3 .jindu .jindu-all {
background: #254971;
height: 1.4rem;
position: relative;
width: 100%;
border-radius: 0.5rem;
}
.jindu-div3 .jindu .jindu-all {
background: #254971;
height: 1.4rem;
position: relative;
width: 100%;
border-radius: 0.5rem;
}
.jindu-div3 .jindu .jindu-all .jindu-light {
height: 1.4rem;
}
.floordevice li {
float: left;
width: 20%!important;
padding: 0.2rem!important;
box-sizing: border-box!important;
margin-bottom: 0rem!important;
font-size: 1rem!important;
line-height: 2.47rem !important;
height: auto !important;
}
.floordevice li div span {
width: 100%;
display: inline-block;
height: 2.2rem;
color: #fff;
margin-bottom: 0.2rem;
text-align: center;
line-height: 2.2rem;
font-size: 1.2rem;
background-color: rgba(26, 152, 133, 0.78);
}
.floordevice li div font {
width: 100%;
display: inline-block;
height: 2.2rem;
color: #fff;
text-align: center;
line-height: 2.2rem;
font-size: 1.2rem;
background-color: rgba(26, 152, 133, 0.78);
}
.bottom-box {
/*position: fixed;*/
min-height:20rem;
height:auto;
width: 74%;
margin:1rem;
pointer-events:all;
position:fixed;
bottom:0rem;
}
.floatbox {
height: 100%;
width: 32%;
float: left;
margin-right:1.0%;
/*box-sizing: border-box;*/
}
/*.boxcontent{ min-height:16rem; height:auto;}*/
/* .floatbox .boxinline {
height: 100%;
width: 100%;
box-sizing: border-box;
}*/
/*人物设备*/
.index-ffm ul { text-decoration:none;}
.index-ffm ul li{ width:92%; height:3.47rem; line-height:3.47rem; cursor:pointer; border-bottom:#1a303b 0.1rem solid; margin:0.46rem auto; text-align:left; text-decoration:none;}
.index-ffm ul li span{ width:100%; height:3.3rem; line-height:3.3rem; text-align:left; font-size:1.4rem; font-weight:bold; color:#FFF; padding-left:1rem;}
.index-ffm ul li p {
width: 25%;
height: 3.47rem;
line-height: 3.47rem;
text-align: left;
font-size: 1.2rem;
color: #FFF;
float: left;
overflow: hidden;
text-align:center;
}
/*RYK*/
.ryk-box{
overflow: hidden;
box-sizing: border-box;
padding-top: 2rem;
}
.pone-envsystem {
pointer-events:all;
width: 23.5rem;
/* border: 1px solid #0d4443; */
border: 0.1rem solid;
/*padding: 1rem;*/
float: left;
background-color: #031014;
margin-left: 1rem;
border-image: -webkit-linear-gradient(135deg, #0be7ca 10%, #134B54 50%, #0be7ca 100%) 10;
border-image: -webkit-linear-gradient(135deg, #0be7ca 10%, #134B54 50%, #0be7ca 100%) 10;
opacity: 0.8;
/*background: linear-gradient(135deg, transparent 1.5rem, #082433 0);*/
}
.pone-callc {
text-align: center;
}
/* 환경통제 */
.pone-top {
display: flex;
justify-content: space-between;
height: 6rem;
line-height: 6rem;
}
.envir-linfo {
color: #fff;
font-size: 1.5rem;
font-weight: bold;
}
.left-sys {
margin-right: 1rem;
}
.po-seticon {
margin-right: 1rem;
width: 2.2rem;
height: 2.2rem;
font-size: 2rem;
display: inline-block;
position: relative;
top: 0.34rem;
left: 0.4rem;
}
.detail-rinfo {
color: #0be7ca;
margin-right: 2.5rem;
text-align: center;
}
.pone-callinfo {
width: 90%;
height: 6rem;
line-height: 6rem;
color: #0be7ca;
font-size: 1.5rem;
border-top: 0.1rem solid;
border-bottom: 0.1rem solid;
border-image: -webkit-linear-gradient(left, #031014 0%, #0be7ca 50%, #031014 100%) 10;
border-image: -moz-linear-gradient(left, #031014 0%, #0be7ca 50%, #031014 100%) 10;
border-image: linear-gradient(left, #031014 0%, #0be7ca 50%, #031014 100%) 10;
text-align: center;
display: inline-block;
}
.c-info {
margin-right: 2.5rem;
}
.left-calli {
float: left;
margin-top: 2.1rem;
color: #fc5a6d;
margin-left: 1rem;
}
.set-icon {
margin-right: 0.5rem;
}
.right-call {
float: right;
margin-top: 2.1rem;
margin-right: 1.0rem;
}
.right-picon {
float: right;
margin-top: 1.8rem;
margin-right: -2.5rem;
}
.pageone-setinfo {
margin-top: 1.5rem;
}
.p-allinfo {
text-align: center;
}
.setinfo-title,
.control-title {
font-size: 1.4rem;
color: #FFF;
margin: 1rem;
width: 70%;
/* 右上角-切割角 */
background: linear-gradient(225deg, transparent 5px, #082433 0);
height: 2.2rem;
line-height: 2.2rem;
}
.shouzhi{
cursor: pointer;
}
.po-one {
height: 5rem;
line-height: 5rem;
color: #0be7ca;
font-size: 1.5rem;
border-top: 0.1rem solid;
border-bottom: 0.1rem solid;
border-image: -webkit-linear-gradient(left, #031014 0%, #0be7ca 50%, #031014 100%) 2;
border-image: -moz-linear-gradient(left, #031014 0%, #0be7ca 50%, #031014 100%) 10;
border-image: linear-gradient(left, #031014 0%, #0be7ca 50%, #031014 100%) 10;
text-align: center;
margin-top: 0.5rem;
width: 70%;
display: inline-block;
}
.po-two {
height: 5rem;
line-height: 5rem;
color: #0be7ca;
font-size: 1.5rem;
/* border-top: 1px solid; */
border-bottom: 0.1rem solid;
border-image: -webkit-linear-gradient(left, #031014 0%, #0be7ca 50%, #031014 100%) 2;
border-image: -moz-linear-gradient(left, #031014 0%, #0be7ca 50%, #031014 100%) 10;
border-image: linear-gradient(left, #031014 0%, #0be7ca 50%, #031014 100%) 10;
text-align: center;
margin-top: 0.5rem;
width: 70%;
display: inline-block;
}
.pageone-controlinfo {
margin-top: 2rem;
}
/* 监控信息 */
.all-av {
width: 90%;
display: flex;
flex-wrap: wrap;
margin: 2rem;
}
/* 单个设备信息 */
.av-item {
width: 29%;
height: 5.5rem;
/* //background-color: #74ed7e33;*/
color: #ffffff;
font-size: 1rem;
text-align: center;
box-sizing: border-box;
margin: 2%;
}
.av-item p{
line-height: 2.4rem;
box-sizing: border-box;
padding-left: 0.2rem;
margin-bottom: 0.1rem;
background-color: #59cdd14d;
}
.video-item {
/*margin: 10px 0;*/
}
.video-title a{ text-decoration:none; color:#FFF;}
.video-title a:hover{ text-decoration:none; color:#F60;}
.equip-item {
margin-right: 0.4rem;
}
/* ========== 右边饼图+进度条*/
.visual-right2 {
width: 29%;
border: 0.1rem solid;
float: right;
margin-right: 1rem;
background-color: #031014cc;
border-image: -webkit-linear-gradient(135deg, #0be7ca 10%, #134B54 50%, #0be7ca 100%) 10;
/* border-image: -webkit-linear-gradient(135deg, #0be7ca 10%, #134B54 50%, #0be7ca 100%) 10;*/
padding: 10px;
/* text-align: center; */
/* background-color: #031014; */
/* opacity: 0.5; */
}
.arm-icon {
color: #0be7ca;
font-size: 2rem;
float: left;
margin-top: 0.5rem;
margin-left: 2rem;
}
.building-top select {
border: 1px solid #0be7ca;
opacity: 0.8;
background-color: #031318;
color: #0be7ca;
border-radius: 0.5rem;
width: 21%;
height: 3rem;
padding-left: 5%;
margin-left: 1rem;
}
/* 饼图 */
.pie-main {
margin: 5rem 0;
text-align: center;
}
.pie-item {
width: 30%;
display: inline-block
}
.pie-citemc {
width: 100%;
height: 7rem;
display: inline-block;
}
.show-info {
color: #FFF;
}
/* 进度条 */
.progress-main {
margin-left: 2rem;
}
/* 通风量 */
.pass-qwind {
width: 100%;
}
.wind-m {
margin-top: 5rem;
}
.nopass-title {
color: #7a7e80;
margin-bottom: 1rem;
font-size: 1.3rem;
}
.win-num {
color: #6fe473;
}
.ptit-num {
color: #7a7e80;
float: right;
margin-right: 8rem;
}
.pass-wind {
width: 80%;
height: 1rem;
background-color: #042828;
border-radius: 0.5rem;
display: inline-block;
padding-top: 0.2rem;
}
.pass-wnum {
height: 0.8rem;
background-color: #6fe473;
border-radius: 0.5rem;
}
.pass-info {
width: 10%;
display: inline-block;
color: #62d543;
margin-left: 0.5rem;
}
.po-co2num,
.po-nh3num {
background-color: #35d2dc;
}
.w-num {
width: 60%;
}
.air-num {
width: 50%;
}
.po-co2num {
width: 50%;
}
.po-nh3num {
width: 70%;
}
/* 空气质量 */
.air-content {
margin-top: 5rem;
}
.pass-p2wind {
width: 80%;
display: inline-block;
}
.air-item {
width: 1rem;
height: 1rem;
background-color: #042828;
display: inline-block;
}
.air-initem {
background-color: #02ccce;
}
.air-info {
width: 10%;
display: inline-block;
color: #fff;
}
.co2-c,
.nh3-c {
margin-top: 2rem;
}
.nh3-c {
margin-bottom: 4rem;
}
.co2-info,
.nh3-info {
width: 10%;
display: inline-block;
color: #35d2dc;
margin-left: 0.5rem;
}
.btn-div{
box-sizing: border-box;
padding: 0rem 1rem;
}
.btn{
display: inline-block;
width: 8rem;
line-height: 2.4rem;
text-align: center;
border-radius: 4px;
color: #02ccce;
border: 2px solid #02ccce;
cursor: pointer;
margin-right: 0.8rem;
margin-left: 0.6rem;
}
a{text-decoration:none;}
.scgl-div{
width: 100%;
height: 6rem;
padding-left: 0.5rem;
box-sizing: border-box;
margin-bottom: 0.8rem;
}
.scgl-div-left{
width: 70%;
float: left;
height: 100%;
}
.scgl-div-right{
/*width: 8rem;*/
float: right;
position: relative;
bottom: 0.4rem;
/*left: 1rem;*/
}
.scgl-div-left-name{
width: 30%;
border: 1px solid #6ab1b3;
box-shadow: 0px 0px 5px 3px #44cdd1b3;
float: left;
background: #283c4a;
box-sizing: border-box;
}
.scgl-div-left-name p{
color: #36cdc9;
line-height: 2.4;
height: 2.4rem;
}
.scgl-div-left-name a{
font-size: 1.6rem;
padding-left: 0.4rem;
font-weight: 700;
margin-right: 0.8rem;
}
.scgl-div-left-name span{
color: #fff;
}
.jzyy_ps{
position: relative;
top: 0.6rem;
}
.jzyy_mg{
margin-bottom: 0.6rem !important;
}
.scgl-div-left-name span{
font-size: 1rem;
display: inline-block;
height: 2.4rem;
line-height: 2.4rem;
float: left;
}
.scgl-div-left-name i{
color: #36cdc9;
line-height: 2.4rem;
font-size: 1.2rem;
float: left;
height: 2.4rem;
margin-left: 0.4rem;
margin-right: 0.2rem;
position: relative;
top: 0.1rem;
}
.scgl-div-left-num{
width: 65%;
float: left;
}
.scgl-div-left-num p{
width: 100%;
background: #16313c;
line-height: 2rem;
height: 2rem;
border: 1px solid #eee;
border-image-outset: 0;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-image: -webkit-linear-gradient(135deg, #0be7ca 10%, #134B54 50%, #0be7ca 100%) 10;
font-size: 1rem;
padding-left: 0.6rem;
margin-left: 0.6rem;
box-sizing: border-box;
margin-top: 0.1rem;
margin-bottom: 0.7rem;
box-shadow: 1px 0px 3px 2px #44cdd1b3;
}
.scgl-div-left-num p span{
color: #999;
}
.scgl-div-left-num p font{
color: #fff;
}
/*CSS进度条百分比*/
.aloading {
width: 6rem;
height: 6rem;
position: relative;
}
.jzyy-p{
color: #fff;
width: 8rem;
text-align: center;
font-size: 1rem;
line-height: 2.4rem;
position: relative;
right: 0.7rem;
}
.jjwy-height{
height: 8rem!important;
}
.aloading .progress {
position: absolute;
width: 4.8rem;
height: 4.8rem;
background-color: #020d10;
border-radius: 50%;
left: 0.6rem;
top: 0.6rem;
line-height: 4.4rem;
text-align: center;
color: #fff;
}
.left,
.right {
width: 3rem;
height: 6rem;
overflow: hidden;
position: relative;
float: left;
background-color: #3b454a;
}
.left {
border-radius: 6rem 0 0 6rem;
}
.right {
border-radius: 0 6rem 6rem 0;
}
.left:after,
.right:after {
content: "";
position: absolute;
display: block;
width: 3rem;
height: 6rem;
background-color: white;
border-radius: 6rem 0 0 6em;
background: linear-gradient(135deg, #0BE7CA, #91E0B199);
}
.right:after {
content: "";
position: absolute;
display: block;
border-radius: 0 6rem 6rem 0;
}
.left:after {
transform-origin: right center;
}
.right:after {
transform-origin: left center;
transform: rotateZ(45deg);
}
.sjkz-div{
width: 100%;
height: 9rem;
box-sizing: border-box;
padding-left: 2rem;
}
.sjkz-div .sjkz-div-left{
width: 40%;
height: 100%;
float: left;
box-sizing: border-box;
}
.sjkz-div-left-box1{
width: 100%;
height: 2rem;
position: relative;
}
.sjkz-div-left-box1 img{
width: 1.6rem;
position: absolute;
left: -1.8rem;
top: 0.2rem;
}
.sjkz-div-left-box1 span{
color: #999;
display: inline-block;
line-height: 2rem;
margin-right: 0.4rem;
height: 2rem;
}
.sjkz-div-left-box2{width: 100%;height: 3rem;position: relative;
}
.sjkz-div-left-box2 span{font-size: 2.4rem;font-weight: 700;}
.sjkz-div-left-box3{width: 100%;height: 4rem;position: relative;}
.sjkz-div-left-box3 span{ color: #999; margin-right: 0.4rem;}
.sjkz-div-left-box3 font{color: #fff;}
.sjkz-div-right{width: 60%;height: 100%;float: left;
}
/*设备颜色*/
.zhengchang{color: #3ab4a9;}
.alert{color: #e9384a !important;}
.wendu{color: #3ab4a9;}
.fengsu{color: #3149ff;}
.shidu{color: #42ceff;}
.tongfengliang{color: #5c9d59;}
.CO2{color: #dbff4e;}
.N2{color: #ffc062;}
.yaqiang{color: #fb71c7;}
/*default 主页圈*/
.def-aloading {
width: 6rem;
height: 6rem;
position: relative;
}
.def-aloading .def-progress {
position: absolute;
width: 4.8rem;
height: 4.8rem;
background-color: #020d10;
border-radius: 50%;
left: 0.6rem;
top: 0.6rem;
line-height: 4.4rem;
text-align: center;
color: #fff;
}
.def-left,
.def-right {
width: 3rem;
height: 6rem;
overflow: hidden;
position: relative;
float: left;
background-color: #3b454a;
}
.def-left {
border-radius: 6rem 0 0 6rem;
}
.def-right {
border-radius: 0 6rem 6rem 0;
}
.def-left:after,
.def-right:after {
content: "";
position: absolute;
display: block;
width: 3rem;
height: 6rem;
background-color: white;
border-radius: 6rem 0 0 6em;
background: linear-gradient(135deg, #0BE7CA, #91E0B199);
}
.def-right:after {
content: "";
position: absolute;
display: block;
border-radius: 0 6rem 6rem 0;
}
.def-left:after {
transform-origin: right center;
}
.def-right:after {
transform-origin: left center;
transform: rotateZ(45deg);
}
.progress {
position: absolute;
width: 4.8rem;
height: 4.8rem;
background-color: #020d10;
border-radius: 50%;
left: 0.6rem;
top: 0.6rem;
line-height: 4.4rem;
text-align: center;
color: #fff;
}
.scgl-div-right .loading{height:6rem; }
.boxcontentb{height:23rem; color:#FFF; }
.boxcontent{ min-height:23rem; height:auto; cursor:pointer; text-align:center;}
.boxcontent img{width:76%;}
/*人物设备*/
.index-ffm ul { text-decoration:none;}
.index-ffm ul li{ width:92%; height:3.2rem; line-height:3.2rem; cursor:pointer; border-bottom:#1a303b 0.1rem solid; margin:0.26rem auto; text-align:left; text-decoration:none;}
.index-ffm ul li span{ width:100%; height:3.0rem; line-height:3.0rem; text-align:left; font-size:1.4rem; font-weight:bold; color:#FFF; padding-left:1rem;}
.index-ffm ul li p {
width: 25%;
height: 3.2rem;
line-height: 3.2rem;
text-align: left;
font-size: 1.2rem;
color: #FFF;
float: left;
overflow: hidden;
text-align:center;
}
.p-allinfo font{
display: inline-block;
width: 50%;
text-align: left;
}
.inlinebox{
width: 100%;
height: 100%;
border: 0.1rem solid;
float: right;
padding: 4px;
background-color: #031014;
border-image: -webkit-linear-gradient(135deg, #0be7ca 10%, #134B54 50%, #0be7ca 100%) 10;
opacity: 0.8;
}
.visual-right3{
width: 20%!important;box-sizing: border-box;margin-right: 0!important;border: none;background: none;
}
.visual-right4{
width: 100%!important;box-sizing: border-box;margin-right: 0!important;border: none;background: none;padding-bottom: 2px!important;
}
.zt-style{
width: 8rem;
height: 8rem;
padding: 0rem;
margin: calc(50% - 0rem) 0 0 calc(50% - 1.5rem);
position: absolute;
color: #fff;
font-size: 2.2rem;
font-weight: 700;
}
#spbf{
display: none;
width: 656px;
height: 393px;
left: 50%;
margin-left: -320px;
position: absolute;
top: 50%;
margin-top: -160px;
background: #000204;
border: 1px solid #4d8079;
pointer-events: all;
border-top: none;
}
.gbvedio{
display: none;
margin: 0;
line-height: 48px;
text-align: right;
width: 658px;
height: 46px;
left: 50%;
margin-left: -320px;
position: absolute;
top: 50%;
margin-top: -206px;
box-sizing: border-box;
pointer-events: all;
background: #0c252c;
border: 1px solid #4d8079;
border-bottom: none;
}
.bf-btn{
display: inline-block;
width: 80px;
font-size: 15px;
height: 32px;
line-height: 33px;
text-align: center;
color: #fff;
margin-right: 20px;
position: relative;
bottom: 3px;
box-shadow: 1px 1px 1px #000204;
background: linear-gradient(135deg, #57b6cf, #91E0B199);
cursor: pointer;
}
/*营养*/
.yy-ffmue {
width:23.5rem;
height:3.6rem;
line-height:3.6rem;
}
.yy-ffmue ul li {
width: 100%;
height: 3.6rem;
line-height: 3.6rem;
color: #0be7ca;
cursor: pointer;
/*background: rgba(3,30,37,0.8);*/
border-bottom:#1e4e4f60 0.1rem solid;
border-top:#1e4e4f60 0.1rem solid;
box-sizing: border-box;
}
.yy-ffmue ul li a span {
width:50%; text-align:center;height:3.6rem; line-height:3.6rem;
}
.yy-ffmue ul li a {
color: #82bcae; text-decoration:none;
}
.yy-ffmue ul li i {
width:20%; text-align:right;height:3.6rem; line-height:3.6rem;
}
/*子菜单*/
.yy-ffmue li ul,
.yy-ffmue li ul li ul {
position: absolute;
height: auto;
width:23.5rem;
padding: 0;
margin: 0;
opacity: 0;
visibility: hidden;
transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-webkit-transition: all 300ms linear;
z-index: 1000;
/* == */
left:25.5rem;
/* top: 62rem;*/
/* == */
}
.yy-ffmue li ul:before {
content: "";
position: absolute;
top: 1.2rem;
left: -0.9rem;
border-right: 0.6rem solid #b3f6ed;
border-bottom: 0.6rem solid transparent;
border-top: 0.6rem solid transparent;
}
.yy-ffmue li:hover > ul,
.yy-ffmue li ul li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
top: 9rem;
left:25.5rem;
color:#F00;
background: rgba(3,30,37,0.8);
}
.yy-ffmue ul li ul li {
text-indent:0.3rem;
margin:0;
}
.yy-ffmue ul li ul li i{color:#FC0; margin-right:2.0rem;}