物联网平台 +Web 组态
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

411 lines
6.8 KiB

/* */
.bigBox {
width: 100%;
height: 100%;
position: absolute;
padding-top: 4px;
overflow: hidden;
background: rgba(11, 18, 46, 1);
}
article {
position: absolute;
width: 100%;
height: 94.45%;
top: 9.6%;
}
.top {
position: absolute;
width: 100%;
height: 5.55%;
background: url(../image/bigBox.png) no-repeat;
background-size: 105% 100%;
text-align: center;
}
.top p{
position: absolute;
right: 30px;
color: #fff;
top: 5px;
font-size: 16px;
}
.top span {
color: #00f7ff;
font-size: 26px;
/* position: absolute;
left: 38.14%; */
}
.leftOneBoxa{
position: absolute;
top: 0;
left: 2.67%;
width: 19.24%;
height: 21.55%;
}
.leftOneBox {
width: 100%;
height: 100%;
background: url(../image/leftOne.png) no-repeat;
background-size: 100% 100%;
}
.leftOneBoxnum{
color: rgb(255, 255, 255);
position: absolute;
left: 31.6%;
top: 62%;
width: 60px;
text-align: center;
}
.leftTwoBox {
position: absolute;
left: 2.67%;
top: 24.25%;
width: 19.24%;
height: 29.62%;
background: url(../image/leftTwo.png) no-repeat;
background-size: 100% 100%;
}
.leftThreeBox {
left: 2.67%;
position: absolute;
top: 56%;
width: 19.24%;
height: 37.77%;
background: url(../image/leftThree.png) no-repeat;
background-size: 100% 100%;
}
.middenTopBox {
position: absolute;
width: 52.96%;
height: 61.70%;
background: url(../image/middenTop.png) no-repeat;
background-size: 100% 100%;
left: 23.67%;
}
.middenBottomBox {
position: absolute;
width: 52.96%;
height: 29.22%;
background: url(../image/middenBottom.png) no-repeat;
background-size: 100% 100%;
left: 23.67%;
top: 64.17%;
}
.rightOneBoxa{
position: absolute;
width: 19.24%;
height: 20.55%;
/*background: url(../image/leftOne.png) no-repeat;
background-size: 100% 100%;*/
right: 2.67%;
}
.rightOneBox {
width: 100%;
height:100%;
background: url(../image/leftOne.png) no-repeat;
background-size: 100% 100%;
}
.rightOneBoxnum{
color: rgb(255, 255, 255);
position: absolute;
right: 43.6%;
top: 62%;
width: 60px;
text-align: center;
}
.rightTwoBox {
position: absolute;
top: 24.25%;
width: 19.24%;
height: 29.62%;
background: url(../image/leftTwo.png) no-repeat;
background-size: 100% 100%;
right: 2.67%;
}
.rightThreeBox {
position: absolute;
top: 56%;
width: 19.24%;
height: 37.77%;
background: url(../image/leftThree.png) no-repeat;
background-size: 100% 100%;
right: 2.67%;
}
.carousel {
width: 100%;
height: 100%;
}
.rigTitle {
text-align: center;
position: relative;
top: 4%;
}
.rigTitle img {
width: 28px;
}
.rigTitle span {
display: inline-block;
color: #00f7ff;
font-size: 16px;
position: relative;
top: 3px;
}
.rigLine {
position: relative;
top: 3%;
}
.rigLine img {
width: 100%;
}
.rightTwoBox ul {
margin-top: 5%;
display: block;
color: red;
max-height: 175px;
padding-right: 4%;
overflow-y: auto;
margin-right: 10px;
overflow: hidden;
padding-left: 15px;
}
.rightTwoBox ul li {
line-height: 25px;
}
.middenTitle {
text-align: center;
position: relative;
top: 4%;
background: #0E4AE0;
height: 33px;
line-height: 32px;
}
.middenTitle img {
width: 28px;
}
.middenTitle span {
display: inline-block;
color: #eee;
font-size: 16px;
}
.middenBottomBox table {
width: 100%;
}
.middenBottomBox table th {
text-align: center;
line-height: 25px;
border: 1px solid #0E4AE0;
font-weight: 200;
}
.middenBottomBox table thead {
color: #00f7ff;
border-top: 0px;
}
.middenBottomBox table thead th {
border-top: 0px;
}
.middenBottomBox table tbody th {
color: #eee;
}
.middenboox {
width: 55%;
position: absolute;
top: 10%;
left: 5%;
}
.middenBottomBoxChil{
width: 30%;
position: absolute;
top: 19%;
right: 5%;
height: 80%;
}
.middenBottomBox table tbody th button {
width: 55px;
height: 20px;
font-size: 12px;
color: #eee;
line-height: 0px;
border-radius: 3px;
outline: none;
border: 0px;
font-weight: 200;
}
.alesm {
background: #C23531;
}
.histo {
background: #2897C4;
}
.zuty {
background: #36791A;
}
.fa-3x {
position: relative;
top: 40%;
opacity: 0.3;
}
.carousel-indicators {
bottom: 14%;
}
.leftThreeBoxa {
width: 100%;
height: 100%;
}
.carousel-inner {
height: 100%;
}
.carousel-inner>.item {
width: 100%;
height: 100%;
}
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track-piece {}
/* 婵犲﹥鑹炬慨鈺佄i敓锟� */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
cursor: pointer;
}
/* 婵犲﹥鑹炬慨鈺呭级閳╁啰鎷ㄩ柛褝鎷� */
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #404040;
background: rgba(64, 64, 64, 0.85);
/*-webkit-box-shadow: inset 0 0 6px rgba(77,76,75,1);*/
}
::-webkit-scrollbar-thumb:horizontal {
width: 6px;
border-radius: 10px;
cursor: pointer;
}
::-webkit-scrollbar-thumb:vertical {
width: 6px;
border-radius: 10px;
cursor: pointer;
}
.boxChilden{
max-height:185px;
overflow-y: auto;
}
@media screen and (min-width: 768px) {
.carousel-indicators {
bottom: 14%;
}
.rightTwoBox ul li {
line-height: 30px;
}
}
@media screen and (max-width: 1610px) {
.boxChilden{
max-height:157px;
overflow-y: auto;
}
}
.ybox ul li{
display: block;
/* box-shadow: 0 0 40px rgba(0,0,0,0.2) inset; */
text-decoration: initial;
margin-bottom: 5px;
}
.ybox{
width: 100%;
height: 70.22%;
overflow: hidden;
margin: 20px auto;
padding: 5px;
}
.ybox ul li{
margin-bottom: 5px;
}
.carousel-indicators li{
margin-left: 2%;
}
.myCarousela{
text-align: center;
margin-top: 26%;
color: red;
font-size: 16px;
}
.myCarouselac{
text-align: center;
margin-top: 40%;
color: red;
font-size: 16px;
}
.rigTitleOnline{
z-index: 2;
top: -3%;
left: 27%;
position: absolute;
}
.middenboox tbody tr:hover tr{
background: red;
cursor: pointer;
}
table tbody tr:nth-child(even) {
background-color: transparent;
}
.sensorStyle{
float: left;
border: 1px dashed #d9d9d9;
width:46%;
padding: 5px;border-radius:3px;margin: 0 5px 3px 0;
}
.BMap_cpyCtrl .BMap_noprint .anchorBL{
display: none !important;
}
.anchorBL{
display: none !important;
}
.BMapLabel{
border: none !important;
background-color: transparent !important;
color:white !important;
}