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
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;
|
||
|
}
|