Iot/lpro/build/lpro-0.3.9.1/css/oss/iot/head.css

.header {
	width: 100%;
	position: fixed;
	z-index: 499;
	min-width: 1200px;
	left: 0;
}

.header .logo {
	width: 260px;
	height: 70px;
	display: inline-block;
	background: url(../../../image/oss/iot/logo2.png) center no-repeat;
	background-size: 92%;
}

body a {
	font-size: 14px;
	text-decoration: none !important;
	color: #19bbff;
}

body {
	font-family: 'Microsoft YaHei', sans-serif;
}

.header .header-detail {
    height: 70px;
    width: 100%;
    background: rgba(255,255,255,.9);
}

.header .menuList {
    float: left;
    margin-right: 260px;
    height: 100%;
    white-space: nowrap;
}

.header .apart {
    width: 1px;
    height: 35px;
    line-height: 33px;
    margin: 17px 10px;
    display: inline-block;
    background-color: #f0f1f5;
    vertical-align: top;
}

.header .menu {
    position: relative;
    padding: 0 20px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    color: #333;
    font-size: 16px;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

.menu .multi span{
	font-size: 16px;
}
/* .header .menu:VISITED */
.header .menu:hover, .header .menu.active,.header .menu:ACTIVE  {
	color: #18bbfc;
	text-decoration: none !important;
}

.header .menu.multi {
	cursor: pointer;
}

.header .isCN .menu.multi ul {
    position: absolute;
    left: 57%;
    margin-left: -60px;
}

.header .menu.multi ul {
    z-index: 10;
    line-height: 30px;
    border-radius: 2px;
    background-color: #fff;
  /*   box-shadow: 0 0 10px #19bbff; */
  	border:1px solid #19bbff;
    visibility: hidden;
    min-width: 100%;
    text-align: center;
}

ol, ul {
    list-style: none;
}

.header .menu.multi ul li:hover a, .header .menu.multi ul li.sub-active a {
    background-color: #f5f5f5;
    color: #18bbfc;
}

.header .menu.multi ul li a {
    width: 100%;
    height: 100%;
    display: inline-block;
    color: #333;
    font-weight: 400;
    padding: 0 20px;
    box-sizing: border-box;
    line-height: 30px;
    text-decoration: none !important;
}

.header .menu.multi:hover:before {
    display: inline-block;
}
 
 .header .menu.multi:hover ul { 
     visibility: visible; 
 }
 
.header .profile {
     height: 70px;
     line-height: 70px;
     position: absolute;
     right: 0;
     margin-right: 20px;
     padding-left: 30px;
    
     top: 0px;
 }

.header .profile .profile-detail-img {
     width: 50px;
     height: 50px;
 /*     padding: 10px; */
    cursor: pointer;
 } 

 .header .profile .profile-detail-img img {
     width: 50px; 
     height: 50px; 
     border-radius: 50%;
     vertical-align: middle;
 } 
 
 .header .profile .profile-detail {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
}

.border-alarm{
	color:#19bbff ;
	border:0; 
	margin-right: 80px;font-size: 16px;cursor: pointer;
}

.alarm-flag{
	color:#19bbff ;	
	padding-right: 15px;
}

.header .profile .profile-detail-ul {
    position: absolute;
    left: -100px;
    line-height: 35px;
    z-index: 100;
    border: 1px solid #f1f2f3;
    border-radius: 3px;
    text-align: center;
}

.header .isCN .menu.multi ul:before {
    width: 0;
    height: 0;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #19bbff;
    content: '';
    position: absolute;
    top: -15px;
    right: 44px;
}

.header .profile .profile-detail-ul:before {
    width: 0;
    height: 0;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #f0f0f0;
    content: '';
    position: absolute;
    top: -14px;
    right: 17px;
}

.header .profile .profile-detail-ul li.first {
    border-bottom: 1px solid #eef1f6;
    border-radius: 3px 3px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
/*     width: 130px; */
}

.header .profile .profile-detail-ul li.last {
    border-top: 1px solid #eef1f6;
    border-radius: 0 0 3px 3px;
}

.header .profile .profile-detail-ul li a {
    margin: 0;
    width: 100%;
    height: 100%;
    color: #333;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

.header .profile .profile-detail-ul li a:HOVER{
	 background-color: #f5f5f5;
     color: #18bbfc;
}

.header .profile .profile-detail-ul li {
    background-color: #fff;
    width: 150px;
}


.footer{
	position: fixed;
    width: 100%;
    bottom: 0px;
    color: #fff;
    z-index: 1000000;
    background: #333;
    height: 36px;
    line-height: 36px;
}