html{
	width: 100%;
	background-color: #F1F1F1;
}
/*没有权限样式*/
.user-areawrapper .layout
{
    height:450px;
}
.noright
{
    width:40%;
    margin:0 auto;
    text-align:center;
     border:1px solid #F55608;
}
.noright .title
{
    height:30px;
    background-color:#dddddd;
     border-bottom:1px solid #F55608;
   
}
.noright .body
{
    height:80px;
    line-height:80px;
    font-size:24px;
    
}
.noright .body i
{
    color:#ff0000;
    margin-right:.5em;
    font-size:20px;
}
.noright .bottom
{
     border-top:1px solid #F55608;
    text-align:left;
    color:Blue;
    font-weight:600;
    padding:.5em;
}

/*首页面样式*/
.headNav{
	width: 880px;
	margin: 0 auto;
	
}
.headNav .message
{
    float:right;
    position:relative;
    top:-5em;
    right:-10em;
    width:50px;
    border-radius:50px;
    text-align:center;
    background:#fff;
    border:1px solid #ddd;
    
    
}

.headNav .message i
{
    font-size:32px;
    padding-left:5px;
}
.headNav .message .bandage
{
  min-width: 10px;
padding: 0 3px;
top: -5px;
left:35px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 10px;
color: #fff;
position: absolute;'display: none;
height:15px;
background: #fe7f7f;
text-align: center
}
.headNav .warning
{
     float:right;
    position:relative;
    top:-5em;
    right:-12em;
    width:50px;
    border-radius:50px;
    text-align:center;
    background:#fff;
    border:1px solid #ddd;
}
.headNav .warning i
{
    font-size:32px;
    
}
.headNav .ksh
{
     float:right;
    position:relative;
    top:-5em;
    right:-11em;
    width:50px;
    border-radius:50px;
    text-align:center;
    background:#fff;
    border:1px solid #ddd;
}
.headNav .ksh i
{
    font-size:32px;
    
}
header{
	width: 100%;
	min-width: 920px;
	height: 75px;
	background-color: #FFFFFF;
	border-bottom:1px solid #F55608;
}
header .leftlogo
{
  position: relative;
	top: 8px;
	left: -8%;
	float: left; 
	max-width:150px; 
}
header img{
	
}
header span
{
   
	position: relative;
left:.2em;
color:#F55608;
font-weight:900;
}
.navList{
  	margin-left: 170px;
	width: 720px;
	height: 75px;
	line-height: 75px;
	font-size: 16px;
	color: #333333;
}
.navList li{
	float: left;
	height: 75px;
	padding: 0 12px;
	cursor: pointer;
}
.navSelected{
	background-color: #F55608;
	color: #FFFFFF;
}
.navUnselected{
	background-color: #FFFFFF;
	color: #333333;
}
.mainContent{
	width: 900px;
	min-height: 500px;
	margin: 0 auto;
}
.mainContent .leftform
{
    float:left;
    width:30%;
}
.mainContent .rightform
{
   
    width:65%;
    height:500px;
    border:1px solid #ddd;
    border-radius:5px;
    margin-left:35%;
    margin-top:1.2em;
}
.mainContent .rightform .leftlifts
{
    float:left;
    width:44%;
    margin-left:.2em;
    
    height:100%;
}
.mainContent .rightform .buttons
{
    float:left;
    width:10%;
    border:1px solid #fff;
    height:100%;
    text-align:center;
    vertical-align:middle;
    
  
}
.mainContent .rightform .buttons A
{
    margin-top:300%;
    display:block;
    color:#F55608;
}
.mainContent .rightform .rightlifts
{
    float:right;
    width:39%;  
   overflow:auto;
    
}
.indexBg{
	background: url(../images/indexbackgroud.jpg) no-repeat left;
	background-position: 45px;
}
.mainContent > ul{
	width: 220px;
	height: 280px;
	position: relative;
	top: 50px;
	left: 45px;
}
.mainContent > ul >li{
	height: 40px;
	width: 100%;
	text-align: left;
	line-height: 40px;
	font-size: 13px;
	color: #666666;
}
/*首页面样式更改*/
.index{
	width: 810px;
	height: 360px;
	position: relative;
	top: 50px;
	left: 35px;
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
}
.index p{
	position: relative;
	top: 25px;
}
.index td{
	cursor: pointer;
}
.index .user{
	background-color: #fa3b32;
}
.index .liftManage{
	background-color: #a7cb71;
}
.index .messageCenter{
	background-color: #516ecb;
}
.index .powerManage{
	background-color: #2faea7;
}
.index .mbManage{
	background-color: #db3330;
}
.index .inverterParameter{
	background-color: #fea700;
}

/*选择电梯页面*/
.normalBox{
	margin-top: 25px;
}
.titleName{
	padding-left: 15px;
	font-size: 13px;
	color: #999999;
}
.contentBox{
	width: 900px;
	height: 490px;
	margin-top: 25px;
}
.selectTerm{
	width: 290px;
	height: 100%;
	float: left;
}
.dataBox{
	width: 570px;
	height: 100%;
	float: right;
	position: relative;
}
.secondTitle{
	font-size: 15px;
	color: #666666;
	padding:0 0 10px 15px;
	border-bottom: 2px solid #999999;
}
.selectTerm > ul{
	height: 190px;
	padding: 15px;
}
.selectTerm > ul > li{
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #999999;
}
.selectTerm > ul span{
	position: relative;
	left: -5px;
}
.selectTerm > ul input{
	width: 185px;
	padding: 5.5px 0 5.5px 5px;
	margin-top: 10px;
	background-color: #FFFFFF;
	float: right;
}
.searchBtn{
	width: 185px;
	padding-left: 5px;
	height: 40px;
	line-height: 40px;
	margin: 10px 15px 0 0;
	float: right;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
	border-radius: 2px;
	background-color: #f65608;
	cursor: pointer;
}
.addLiftBtn{
	width: 185px;
	height: 39px;
	background: url(../images/addLift.png) no-repeat center;
	text-align: center;
	line-height: 39px;
	font-size: 16px;
	color: #FFFFFF;
	position: relative;
	left: 0;
	top: 25px;
	cursor: pointer;
}
.listTitle{
	width: 564px;
	height: 21px;
	background: url(../images/listTitle.png) no-repeat center;
	margin-top: 45px;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 21px;
}
.listTitle > li{
	float: left;
	height: 21px;
	text-align: center;
}
.listTitle > li:first-child{
	width: 200px;
}
.secondIterm{
	width: 100px;
}
.thirdIterm{
	width: 90px;
}
.lastIterm{
	width: 84px;
	cursor: pointer;
}
.dataTable{
	width: 564px;
	min-height: 345px;
	font-size: 12px;
	overflow-x: hidden;
	overflow-y: auto;
}
.dataTable > ul{
	width: 564px;
	height: 15px;
}
.dataTable > ul:first-child{
	margin-top: 5px;
}
.dataTable > ul:nth-child(even){
	background-color: #FFFFFF;
}
.dataTable > ul > li{
	float: left;
	height: 15px;
	line-height: 15px;
	text-align: center;
}
.dataTable > ul > li:first-child{
	width: 200px;
	text-align: left;
}
.selectLift >ul > li:first-child{
	cursor: pointer;
}
.whiteBg{
	background-color: #FFFFFF;
}
/*浏览电梯*/
.lookContent{
	min-height: 350px;
}
.lookBox{
	width: 900px;
	height: 250px;
	margin-top: 50px;
	text-align: center;
}
.lookBox > ul{
	width: 100%;
	height: 100%;
}
.lookBox > ul > li{
	width: 300px;
	height: 100%;
	float: left;
}
.liftType{
	margin: 50px auto 30px auto;
	font-size: 14px;
}
.red{
	color: #ff7360;
}
.lookFooter{
	margin: 180px auto 245px auto;
}
.lookEnter{
	width: 900px;
	height: auto;
	margin: 60px auto 0 auto;
}
.enterTitle{
	font-size: 15px;
	margin: 0px 0 35px 20px;
}
.lookEnter > ul{
	width: 885;
	margin-left: 15px;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
}
.lookEnter > ul > li{
	width: 20%;
	height: 30px;
	float: left;
	text-align: left;
}
.lookEnter > ul > li > span{
	padding-right: 10px;
}
.enterTitleBg{
	width: 900px;
	height: 26px;
	margin: 5px 15px;
	background: url(../images/powerBg.png) repeat-x;
	color: #FFFFFF;
	line-height: 26px;
	text-align: center;
}
.enterTitleBg > p{
	float: left;
}
.t1{
	width: 60px;
}
.t2{
	width: 160px;
}
.t3{
	width: 130px;
}
.t4{
	width: 75px;
}
.t5{
	width: 50px;
}
.t6{
	width: 100px;
}
.t7{
	width: 90px;
}
.t8{
	width: 115px;
}
.t9{
	width: 120px;
}
.enterList{
	width: 900px;
	height: auto;
	margin-left: 15px;
}
.enterList > ul{
	width: 900px;
	height: 26px;
	text-align: center;
	line-height: 26px;
}
.enterList > ul > li{
	height: 26px;
	float: left;
}
.enterList > ul > li.t1 >img{
	margin-top: -3px;
}
.protectFooter{
	margin: 160px auto 245px auto;
}
/*故障记录*/
.lookBox > ul > li .detail{
	font-size: 13px;
	color: #666666;
}
.faultLeft > ul{
	height: 290px;
}
.selectTerm > ul select, .selectTerm > ul input{
	color: #666666;
}
.selectTerm > ul .div1{
	width: 190px;
	height: 32px;
	float: right;
	margin-top: 5px;
	background:url(../images/downArrow.png) #fff no-repeat 170px;
}
.selectTerm > ul .div2{
	width: 190px;
	height: 32px;
	overflow: hidden;
}
.selectTerm > ul .small1{
	width: 110px;
	height: 32px;
	float: right;
	margin-top: 5px;
	background:url(../images/downArrow.png) #fff no-repeat 90px;
	margin-right: 80px;
}
.selectTerm > ul .small2{
	width: 90px;
	overflow: hidden;
}
.selectTerm > ul select{
	width: 210px;
	padding: 5.5px 0 5.5px 5px;
	margin-top: -20px;
}
#faultNo{
	width: 130px;
	margin-right: 80px;
}
.fault{
	width: 680px;
}
.faultTitle{
	margin-top: 20px;
	background: none;
	width: 595px;
	height: 32px;
	line-height: 32px;
	background-color: #ff5004;
}
.faultTitle >li.one{
	width: 80px;
}
.faultTitle > li{
	height: 32px;
}
 .six, .seven{
	width: 35px;
	line-height: 15px;
}
 .four{
	width: 90px;
}
.five{
	width: 110px;
}
.eight{
	width: 120px;
}
.faultTable{
	width: 595px;
	height: 275px;
	overflow: hidden;
}
.faultTable > ul{
	width: 595px;
	height: 30px;
}
.faultTable > ul > li > input{
	float: left;
	position: relative;
	top: 6px;
}
.faultTable > ul > li >p{
	float: right;
	width: 60px;
}
.faultTable > ul > li.one{
	width: 80px;
}
.faultTable > ul > li.two, .faultTable > ul > li.six, .faultTable > ul > li.seven, .faultTable > ul > li.eight{
	line-height: 30px;
}
/*维保记录*/
.proTectBox{
	width: 430px;
	height: 250px;
	margin: 50px auto;
	text-align: center;
}
.proTectBox > ul{
	width: 100%;
	height: 100%;
}
.proTectBox > ul > li{
	width: 215px;	
	height: 100%;
	float: left;
}
.nowRecord{
	width: 485px;
	height: 240px;
	margin: 0 auto 125px auto;
	background-color: #e2e2e2;
}
.nowRecord > ul{
	width: 440px;
	height: 205px;
	position: relative;
	top: 17px;
}
.nowRecord > ul >li{
	width: 204px;
	height: 204px;
	border: 1px solid #930418;
	margin-left: 14px;
	float: left;
	position: relative;
}
.nowRecord > ul > li > span{
	position: absolute;
	left: 50%;
	bottom: 5px;
	margin-left: -48px;
}
.nowRecord > ul > li > .proTectNum{
	margin-left: -9px;
}
.protectIterm{
	width: 150px;
	height: 150px;
	text-align: center;
	background-color: #930418;
	font-size: 30px;
	word-break: break-all;
	color: #FFFFFF;
	margin:27px auto;
}
.protectIterm > p{
	width: 130px;
	height: 70px;
	padding: 40px 0;
	margin: 10px;
	text-align: center;
}
/*系统设置*/
.managePart{
	width: 825px;
	height: 360px;
	margin: 70px auto 50px auto;
	position: relative;
	color: #FFFFFF;
	font-size: 16px;
}
.systemFooter{
	margin: 50px auto 245px auto;
}
.managePart a:link{ 
	color:#FFFFFF;
}
.managePart a:hover{ 
	color:#FFFFFF;
	cursor: pointer;
}
.managePart a:visited{
	color:#FFFFFF;
}
.managePart img{
	margin: 37px auto 30px auto;
}
#msgManage img{
	margin: 117px auto 30px auto;
}
#userManage{
	width: 275px;
	height: 180px;
	background-color: #fa3b32;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}
#liftManage{
	width: 275px;
	height: 180px;
	background-color: #a7cb71;
	position: absolute;
	top: 0;
	left: 275px;
	text-align: center;
}
#powerManage{
	width: 275px;
	height: 180px;
	background-color: #2faea7;
	position: absolute;
	top: 180px;
	left: 0;
	text-align: center;
}
#mbManage{
	width: 275px;
	height: 180px;
	background-color: #db3330;
	position: absolute;
	top: 180px;
	left: 275px;
	text-align: center;
}
#msgManage{
	width: 275px;
	height: 360px;
	background-color: #fea700;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
}
/*主板管理*/
.manageBox{
	width: 900px;
	height: 655px;
	margin: 25px auto 10px auto;
}
.dataList .listTitle{
	width: 885px;
	margin-top: 15px;
	background: url(../images/listTitle.png) repeat-x;
}
.dataList .listTitle{
	text-align: center;
}
.dataList .listTitle .title1{
	width: 210px;
	text-align: left;	
	margin-left: 20px;
}
.title2{
	width: 105px;
}
.title3{
	width: 155px;
}
.title4{
	width: 170px;
}
.title5{
	width: 140px;
}
.title6{
	width: 85px;
}
.dataList .dataTable{
	width: 885px;
	'height: 575px;
	position: relative;
}
.dataList .dataTable > ul{
	width: 885px;
	height: 15px;
}
.dataList .dataTable > ul >li:first-child{
	width: 230px;
	height: 15px;
}
.deleteRow{
	cursor: pointer;
}
.mainFooter{
	margin: 20px auto 30px auto;
}
/*电梯信息类别>单台浏览*/
.singleBox{
	width: 890px;
	height: 605px;
	padding-left: 10px;
	margin: 25px auto 185px auto;
}
.backTitle{
	padding: 0;
	border-bottom: 1px solid #999999;
}
.nameIp{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	color: #666666;
}
.parameterBox{
	width: 858px;
	height: 50px;
	margin: 10px auto;
	font-size: 14px;
}
.parameterBox > li{
	float: left;
	width: 77px;
	height: 50px;
	text-align: center;
}
.statusBox{
	width: 680px;
	height: 40px;
	margin: 10px auto;
	font-size: 14px;
}
.statusBox > li{
	float: left;
	width: 170px;
	height: 40px;
	text-align: center;
}
.floorBox{
	width: 635px;
	
	margin: 20px auto 0 auto;
	position: relative;
}
.floorNo{
	width: 100px;
	height: 270px;
	position: absolute;
	bottom: 0;
	left: 0;
	border: 1px solid #2FAEA7;
}
.floorCenter{
	width: 290px;
	height: 400px;
	position: absolute;
	bottom: 0;
	left: 150px;
	border: 1px solid #2FAEA7;
}
.floorDirection{
	width: 165px;
	height: 380px;
	position: absolute;
	bottom: 0;
	right: 0;
	border: 1px solid #2FAEA7;
}
.NormalButton {
  width: 25px;
  height: 25px;
  cursor: hand;
  background-image: url('../images/current01.gif');
}
.HighLightButton {
  width: 25px;
  height: 25px;
  background-image: url('../images/currentred.gif');
}
.UpCallButton {
  width: 25px;
  height: 25px;
  cursor: hand;
  background-image: url('../images/UpCall.png');
  background-repeat: no-repeat;
}
.DownCallButton {
  width: 25px;
  height: 25px;
  cursor: hand;
  background-image: url('../images/DownCall.png');
  background-repeat: no-repeat;
}
.ElvDir {
  width: 20px;
  height: 30px;
  background-color: #000000;
}
.ElvDoor {
  background-image: url('../images/Door.gif');
  background-repeat: no-repeat;
  width: 222px;
  height: 327px;
}