物联网平台 +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.

173 lines
3.4 KiB

2 years ago
.index_theLeft ul {
width: 100%;
padding: 0px;
margin: 0px;
overflow: auto;
}
.index_theLeft li {
list-style: none;
text-align: center;
position: relative;
padding: 15px 0;
border-bottom: 1px solid #f9f9f9;
cursor: pointer;
}
.index_theLeft li.active , .index_theLeft li:HOVER{
background: #f9f9f9;
}
.index_theLeft li span,.index_theLeft li h5{
text-align: center;
color: #333;
}
.mapContainer{
height: 550px;width:100%;
}
.app-container{
background: #f2f2f2;width: 100%;border-top:1px solid #ecf0f5;
}
.sceneList-info{
margin-left:5px;
margin-right:15px;
margin-top: 15px;
}
.info-box:hover {
box-shadow: 0 0 20px rgba(0,191,241,.3);
background-position-y: 30%;
}
.dashboard-menu a{
display: inline-block;
}
.info-box {
position: relative;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
.info-box {
display: block;
min-height: 90px;
background: #fff;
width: 100%;
box-shadow: 0 1px 1px rgba(0,0,0,.1);
border-radius: 2px;
margin-bottom: 15px;
}
.info-box .info-box-icon {
float: none;
width: 80px;
display: inline-block;
background-color: transparent;
color: #19bbff;
}
.info-box-icon {
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
display: block;
float: left;
height: 90px;
width: 90px;
text-align: center;
font-size: 45px;
line-height: 90px;
background: rgba(0,0,0,.2);
}
.info-box .icon-device {
background: url(../../../image/oss/iot/cloud.png);
width: 58px;
height: 58px;
display: block;
margin: 15px 0 0 10px;
}
.info-box .icon-device-1 {
background: url(../../../image/oss/iot/c1.png) center no-repeat;
width: 80px;
height: 121px;
display: block;
/* background-size: 114%; */
}
.info-box .icon-device-2 {
background: url(../../../image/oss/iot/c2.png) center no-repeat;
width: 80px;
height: 121px;
display: block;
/* background-size: 114%; */
}
.info-box .icon-device-3 {
background: url(../../../image/oss/iot/c3.png) center no-repeat;
width: 80px;
height: 121px;
display: block;
/* background-size: 114%; */
}
.info-box .icon-device-4 {
background: url(../../../image/oss/iot/c4.png) center no-repeat;
width: 80px;
height: 121px;
display: block;
/* background-size: 114%; */
}
.info-box .icon-device-5 {
background: url(../../../image/oss/iot/c5.png) center no-repeat;
width: 80px;
height: 121px;
display: block;
/* background-size: 114%; */
}
.info-box .icon-device-6 {
background: url(../../../image/oss/iot/c6.png) center no-repeat;
width: 80px;
height: 121px;
display: block;
/* background-size: 114%; */
}
.info-box .icon-device-7 {
background: url(../../../image/oss/iot/c7.png) center no-repeat;
width: 80px;
height: 121px;
display: block;
/* background-size: 114%; */
}
.info-box .icon-device-8 {
background: url(../../../image/oss/iot/c8.png) center no-repeat;
width: 80px;
height: 121px;
display: block;
/* background-size: 114%; */
}
.info-box .intro{
display: block;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color:#19bbff;
padding-bottom: 10px;
}
.info-box .num{
font-size: 32px;
color:#337ab7;
padding-top: 10px;
}