.ul-left{
	list-style: none;
	margin: 0;
	margin-top: 20px;
}

.clearfloat{
	overflow: hidden;
	zoom:1;
}

.normal span{
	font-size: 14px;
	font-weight: 550;
	color: #646464;
	padding-left: 5px;
}

.sub-ul-left{
	list-style: none;
	margin: 0;
}

.sub-ul-left li{
	line-height: 28px;
	height: 30px;
	padding-left: 50px;
	color:#666666;
	cursor: pointer;
	margin-top: 2px;
}

.sub-ul-left li:HOVER, .sub-ul-left li.active{
	background: #cccccc;
	color: #333;
}

.sub-ul-left{
	display: none;
}

.sub-ul-left.active{
	display: block;
}

/*
ÒµÎñ
*/
.header{
	height: 60px;
/* 	background: url("../../../image/iot/headerbg.png") center ; */
	background: url("../../../image/iot/bg.png") center ;
	background-size: 100%;
}

.title{
	color: #0e3a6a;
    line-height: 60px;
    margin-left: 30px;
    font-size: 20px;
    font-weight: 700;
}

.header .ul li{
	float: left;
	text-decoration: none;
	list-style: none;
	height: 60px;
    line-height: 60px;
    cursor: pointer;
    min-width: 75px;
    padding:0 5px;
    text-align: center;
}

.right-container{
	margin-left: 200px;
}

.header .ul span{
	color: white;
}

.header .ul li:ACTIVE ,.header .ul li:HOVER {
	background:  #0e3a6a;
}

.left-container{
	width: 200px;
	background: #f1f1f1;
}

.my-scene{
/* 	background: url("../../../image/iot/downarrow.png") left center no-repeat; */
/* 	display: inline-block; */
/* 	background-size: 13px; */
	cursor: pointer;
}

.app-container {
    padding: 20px;
    margin: 8px;
    background: white;
    border-radius: 10px;
}

body{
	background: #e5e5e5;
}

.realtime-icon{
/* 	background: url("../../../image/iot/icon.png") left center no-repeat; */
}