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

398 lines
5.7 KiB

.index_theLeft ul {
width: 100%;
padding: 0px;
margin: 0px;
overflow: auto;
}
.index_theLeft li {
list-style: none;
position: relative;
padding: 15px 0 15px 20px;
border-bottom: 1px solid #f9f9f9;
cursor: pointer;
}
.returnlink {
margin-right: 30px;
cursor: pointer;
color: #18bbfc;
}
.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%;padding-left:170px;
}
.dashboard-menu{
border-top:1px solid #ecf0f5;
}
.app-container{
background: #f2f2f2;width: 100%;border-top:1px solid #ecf0f5;
}
.sceneList-info{
margin-left: 0px;
/* margin-right: 40px; */
padding-top: 10px;
}
h3{
margin: 15px 0;
}
.box-white {
width: 97%;
min-width: 897px;
padding-bottom: 0;
margin: 0 auto;
}
.box {
padding: 10px;
padding-top:1px;
border-left: 1px solid #d2d6de;
border-right: 1px solid #d2d6de;
border-bottom: 1px solid #d2d6de;
}
.box {
border: 0!important;
box-shadow: 0 0 2px 1px rgba(13,5,9,.08)!important;
}
.box {
position: relative;
border-radius: 3px;
background: #fff;
border-top: 3px solid #d2d6de;
/* padding-bottom: 20px; */
width: 100%;
box-shadow: 0 1px 1px rgba(0,0,0,.1);
}
.sensor_detail_title{
padding: 15px 0;
}
.jui-echart{
padding: 10px;
border: 1px solid #dadada;
}
.detail-line{
padding: 3px 0;
}
.video_container{
border: 1px solid #bfbfbf;
padding: 10px;
margin-top: 30px;
border-radius: 5px ;
}
.contains_main {
width: 100%;
height: 100%;
}
.lg-fession-select-style,.lg-fession-input{
width: 120px !important;
}
.contains_top {
width: 100%;
background: #fff;
box-shadow: 0 0 5px 1px #d2d2d2;
border-radius: 4px;
padding-bottom: 20px;
}
.resident_main {
width: 100%;
height: 60px;
padding: 0 10px;
}
.node_top_content {
width: 100%;
height: 50px;
float: left;
border-bottom: 2px solid #0071c6;
}
.node_top_left {
height: 50px;
line-height: 50px;
margin-left: 15px;
float: left;
}
.node_query {
}
.add_node {
float: right;
margin-top: 10px;
margin-right: 10px;
}
.back_button {
float: right;
margin-top: 10px;
margin-right: 30px;
}
.node_top_right {
margin-top: 7px;
margin-right: 10px;
float: right;
}
.node_info {
width: 100%;
padding: 10px;
float: left;
}
.node_info_table {
width: 100%;
height: 100%;
float: left;
}
.node_popup_content {
width: 100%;
padding-top: 20px;
padding-left: 16px;
padding-bottom: 25px;
float: left;
}
.node_popup_bottom {
width: 100%;
height: 50px;
padding-top: 10px;
padding-left: 115px;
float: left;
background: #f5f8fa;
border-top: 1px solid #dadada;
}
.lg-fession-label {
width: 100px;
}
.node_top_right input,select{
margin-right: 10px;
}
.main{
margin: 10px 1% 15px 1%;
}
.center{
overflow: hidden;
zoom:1 ;
margin: 10px 0 5px 0;
}
.play-left{
float: right;
width: 76%;
margin-right:1%;
border: 1px solid #bfbfbf;
border-radius: 4px;
height: 538px;
padding: 10px;
position: relative;
}
.play-right{
float: right;
width: 23%;
border: 1px solid #bfbfbf;
border-radius: 4px;
height: 538px;
}
.bottom{
overflow: hidden;
zoom:1;
}
.arrow-left{
float: left;
}
.video-content{
float: left;
}
.arrow-right{
float: left;
}
.bottom{
border: 1px solid #bfbfbf;
border-radius: 4px;
margin-top: 9px;
padding-bottom: 10px;
}
.video-center{
height: 80px;
vertical-align: middle;
}
.arrow-left{
width: 4%;
text-align: center;
/* height: 80px; */
/* vertical-align: middle; */
margin-top: 27px;
cursor: pointer;
}
.video-content{
width: 92%;
height: 100px;
font-size: 12px;
overflow: hidden;
}
.arrow-right{
width: 4%;
text-align: center;
/* height: 80px; */
/* vertical-align: middle; */
margin-top: 27px;
cursor: pointer;
}
.switch-btn{
width: 90%;
margin: 20px auto;
overflow: hidden;
zoom:1;
}
.info-list{
width: 90%;
margin: 0 auto;
overflow: hidden;
zoom:1;
}
.switch-btn p{
width: 100%;
text-align: center;
float: left;
height: 30px;
line-height: 30px;
cursor: pointer;
}
.switch-btn p.first{
border:1px solid #bfbfbf ;
border-radius: 3px;
}
.switch-btn p.active{
background: #02c0f1;
color: white;
border:1px solid #02c0f1;
}
.list-detail{
margin-bottom: 4px;
overflow:hidden;
zoom:1;
}
.list-detail p{
float: left;
cursor: pointer;
}
.list-detail p.first{
width:12%;
height: 40px;
line-height: 40px;
margin-right: 1%;
background: #f1f1f1;
text-align: center;
border-radius: 3px 0 0 3px;
}
.list-detail p.second{
height: 40px;
line-height: 40px;
background: #f1f1f1;
text-align: center;
padding: 0 15px;
width: 73%;
}
.list-detail p.third{
width: 14%;
height: 40px;
line-height: 40px;
background: #2191ed;
text-align: center;
color: white;
border-radius: 0 3px 3px 0;
}
.list-detail p.third:HOVER{
background: #1c83d9;
}
.list-detail p.third a{
color: white;
display: block;
}
.simple-video{
/* width: 140px; */
width:10%;
height: 100px;
float: left;
/* margin-right: 10px; */
padding:0 5px;
position: relative;
}
.video-img{
background:url(../../../../img/iot/common/bg.jpg) center no-repeat;
background-size:100%;
height: 80px;
}
.simple-video img {
position: absolute;
left: 10px;
bottom: 30px;
cursor: pointer;
}
.list-detail p.second:HOVER ,.list-detail p.second:ACTIVE {
background: #e4e4e4;
}
.list-detail p.second.active{
background: #c0cbd0;
background-size: 8%;
}
.vjs-big-play-button{
display: none !important ;
}
.layer-shade{
position: absolute;
top:0;
left:0;
margin:auto;
z-index:10000;
width: 100%;
background: url(../../../../img/iot/common/play_home.png) center no-repeat;
}