@charset "utf-8";
/* 颜色 **/
@white: #fff;
@black:#000;

@gray:#727272;
@gray1:#e2e2e2;
@gray2:#bebebe;
@gray3:#fafafa;
@gray4:#b4b4b4;
@gray5:#e0e0e0;
@gray6:#eee;
@gray7:#ccc;
@gray8:#bcbcbc; 
@gray9:#ddd;
@blue:#0f88eb;
@blue2:#ecf4fe;
@blue3:#f3f8ff;
@blue4:#0075d5;
@blue5:#3586ff;
@blue6:#f5f8fa;
@red:#dc0000;
@red2:#cd0000;
@red3:#f6522c;
@green:#7cca7c;
@green2:#3ca000;
@orange:#ffbc73;
@orange2:#fe8300;






@black1:#444;

@wathet:#cae9ff;


/*字体定义*/
@size12:12px;
@size14:14px;
@size16:16px;
@size18:18px;
@size20:20px;
@size22:22px;
@size24:24px;
@size26:26px;
@size28:28px;
@size30:30px;
@size32:32px;

*,html *{padding:0; margin:0;  outline: none; }
body{font: @size14 "微软雅黑","Microsoft Yahei","冬青黑体简体中文 w3","黑体","宋体", Verdana, Tahoma, Lucida Grande, Arial, sans-serif; background-size:100% auto;  background:@white; color:@black;}
@media screen and (max-width:360px){
body{font: @size14 "微软雅黑","Microsoft Yahei","冬青黑体简体中文 w3","黑体","宋体", Verdana, Tahoma, Lucida Grande, Arial, sans-serif; background-size:100% auto; }
}
.panel-body{font: @size14 "微软雅黑","Microsoft Yahei","冬青黑体简体中文 w3","黑体","宋体", Verdana, Tahoma, Lucida Grande, Arial, sans-serif; background-size:100% auto; }
/*动画效果*/
.transition{-moz-transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; transition:all 300ms ease-in;}

ul,li,ul li,ol,ol li{list-style:none; padding:0; margin:0;}
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed;}


.radius50{border-radius:50%;}/*圆角*/  
.radius4{border-radius:4px;}/*圆角4*/
.radius5{border-radius:5px;}/*圆角5*/
.pointer{cursor:pointer}/*手型*/

/*给所有的A标签设置一个颜色的动画，底部下划线的动画，透明度，一但有hover效果，就会有动画效果*/
a{text-decoration: none!important; color:@gray; /* blr:expression(this.onFocus=this.blur());for IE */ }
a:hover,a:visited,a:active {text-decoration:none; color:@gray;}
a:focus { outline: none; } /* for Firefox */
.clear{clear:both; width:0; height:0; line-height:0; overfllow:hidden;}
.row{margin-left:0; margin-right:0;}
.red{color:red;}
.porint{cursor:pointer;}
.porintnone{cursor:default;}
label{font-weight:normal;  }


.blue{color:@blue;}
.blue:hover{color:@blue;}
.blue:visited{color:@blue;}

.btn{padding:5px 30px; font-size:14px; outline:none!important; box-shadow:0 0 0!important;}
.btn:hover,.btn:focus,.btn:active{outline:none!important; box-shadow:none;}

.btn.small{padding:2px 6px;}
.btn.mapleftbtn{width:90px!important;height:34px;padding:0!important;text-align:center;line-height:32px;overflow:hidden;}

.btn-blue{background:@blue; color:@white; }
.btn-blue:hover,.btn-blue:focus,.btn-blue:active{color:@white;}

.btn-white{padding:2px 16px; background:@white; border:@blue solid 1px; color:@blue!important; border-radius:20px; }
.btn-white:hover,.btn-white:focus,.btn-white:active{color:@blue;}

.btn-gray{background:@gray7; color:@white; border:@gray solid 1px; color:@gray;}
.btn-gray:hover,.btn-gray:focus,.btn-gray:active{color:@white;}

.btn-green{background:@green; color:@white;  border:@green solid 1px;  }
.btn-green:hover,.btn-green:focus,.btn-green:active{color:@white;}
.btn-green.btn-empty{color:@green; }
.btn-green.btn-empty:hover,.btn-green.btn-empty:focus,.btn-green.btn-empty:active{color:@green;}

.btn-orange{background:#f69450; color:@white;  border:@orange solid 1px;  }
.btn-orange:hover,.btn-orange:focus,.btn-orange:active{color:@white;}
.btn-orange.btn-empty{color:@orange;  }
.btn-orange.btn-empty:hover,.btn-orange.btn-empty:focus,.btn-orange.btn-empty:active{color:@orange;}

.btn-darkgray{background:@gray8; color:@white;  border:@gray8 solid 1px;  }
.btn-darkgray:hover,.btn-darkgray:focus,.btn-darkgray:active{color:@white;}
.btn-darkgray.btn-empty{color:@gray8;}
.btn-darkgray.btn-empty:hover,.btn-darkgray.btn-empty:focus,.btn-darkgray.btn-empty:active{color:@gray8;}

.btn-empty{background:@white;}

/*显示不完用省略号代替*/
.dots{ overflow:hidden; white-space:nowrap;  text-overflow:ellipsis;}
/*
icon
*/
.icon{display:inline; height:0; line-height:0; font-size:0; padding:10px; background:url(../images/icon.png) left top no-repeat;}
//关
.icon.shut{background-position:left top; padding:6px;}
//搜索
.icon.search{background-position:left -30px; padding:10px;}
//关闭白色按钮
.icon.closewhite{background-position:left -60px; padding:15px;}

//地址
.icon.address{background-position:-30px top; padding:9px 7px;}
//返回
.icon.address2{background-position:-30px -30px; padding:9px 7px;}
//返回
.icon.back{background-position:-30px -60px; padding:8px 5px;}

//退出
.icon.quit{background-position:-60px top; padding:6px;}
//分享
.icon.share{background-position:-60px -30px; padding:11px 10px;}
//皮肤
.icon.themes{background-position:-60px -60px; padding:9px 11px;}

//退出
.icon.circle{background-position:-90px top;}

//重置
.icon.reset{background-position:-90px -60px;padding:9px 7px;}

.box{border:@gray4 solid 1px;}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn{background:@gray7;}


/*强制换行*/
.break-word{word-break:break-all;}
.break-word-keep{word-break:keep-all;}
/*左右居中
top:距上
bottom:距下
*/
.margin-center(@top, @bottom){ margin:@top auto @bottom auto; }

/*只读*/
.read-only{background-color:@blue6 !important;}

/*
*easyui 插件 star
---------------------------------------------------------------------------------*/

/*弹出窗*/
.window-mask{background:@black; opacity:0.3;}
.window-shadow{display:none; opacity:0;}

.window{box-shadow:0 0 0 ;  border-radius:6px!important;  z-index:99999; padding:0!important; border:0!important; background: none;
	.messager-body{height:auto!important; border-radius:6px; text-align:center; line-height:16px; padding:40px 10px!important; background:rgba(0, 0, 0, 0.5); color:#fff; border:none;}
}
.messager-window{ padding:0;border:none; box-shadow:0 2px 8px RGB(0, 0, 0, 0.3); .fixed; top:40%!important; left:50%!important; margin:0 0 0 -150px;
	.panel-header{opacity:0; width:100%!important; display: none;}
	.messager-body {height:auto!important; border:none; text-align:center;  line-height:16px; padding:40px 10px!important;width:100%!important; font-size:@size14;   border-radius:0px; border-top-left-radius: 6px; border-top-right-radius: 6px;  background:rgba(255, 255, 255, 1); color:#000;
		.messager-icon{display:none; opacity:0;}
	}
	.messager-button{border:none; border-top:@gray5 solid 1px; text-align:center; padding:0; margin:0; width:100%!important; border-radius:0; top:0!important;
		.l-btn-small{border:none; width:50%; margin:0!important; height:48px; line-height:48px;
			span{height:48px; line-height:48px; font-size:@size14;}
			&:hover{background:@white;}
		}
		.l-btn-small:last-child:first-child{width:100%;}
		.l-btn-small:nth-child(2){border-left:@gray5 solid 1px;}
	}
}
/*模态框*/
// .modal-body{
// 	.apartList{height:32px; line-height:32px; margin:19px 0;
// 		.form-label{width:120px; float:left;}
// 		.form-label.paddingdiv{margin-left:38px;}
// 		.controlBox{width:190px; float:left;}
// 		.controlBox.large{width:490px;}
		
// 	}
// 	.gdContList{line-height:110%; margin:19px 0;
// 		div{margin:10px 0;}
// 	}
// }
.modal-content{border-radius:6px;
	.modal-header{background:#eee; border-top-left-radius:6px; border-top-right-radius:6px;}
	.modal-footer{text-align:center;}
}
.modal-content.tip-modal{
	.modal-header{background:#fff; border-bottom:none;}
	.modal-body{
		.tip-info{font-size:@size20;color:@black;padding-top:35px;}
		.tip-label{font-size:@size14;color:@gray;padding-top:10px;padding-bottom:35px;}
		.tip-label-image{font-size:@size14;color:@gray;padding-top:30px;padding-bottom:35px;
			.tip-pad{padding-top:25px;}
		}
		.tip-btn{padding-bottom:20px;}
	}
}

.modal{
	/*.form-group{.relative;}*/
	.help-block{.absolute; line-height:100%; font-size:12px; margin-top:2px;}
}
.modal-dialog{width: 400px; margin: 40px auto;}
.modal-dialog.unitaddmodalnew{width: 800px; margin: 40px auto;
	.immobilization.modal-box{width:768px;}
}
.modal-dialog.uploadmodal{width: 430px;}
.modal-dialog.deptedit{width: 680px;
	.immobilization.modal-box{width:628px;
		.form-list .form-group.modal-group{width:490px;}
	}
}
.modal-dialog.chargecode{width: 542px;}
.modal-dialog.chargeover{width:372px;}
.modal-dialog.expctrl{width:560px;}
.bs-example-modal-sm{
	.modal-dialog{width:450px; margin: 40px auto;}
}
.modal-dialog.auditmodal{width:680px;
	.modal-body{max-height:540px;overflow: auto;overflow-x: hidden;padding:0 15px;}
	.auditinfobox{margin-bottom:15px;height:24px;
		.auditinfotitle{padding-right:10px;.break-word;line-height:24px;}
		.auditinfovalue{padding-left:10px;.break-word;line-height:24px;}
	}
	.auditinfobox:first-child{margin-top:15px;}
}
/*下拉框*/
.textbox{width:200px; height:38px; line-height: 38px; border:none; border-bottom: @gray5 solid 1px; box-shadow:none; border-radius: 0; }
.textbox:focus{box-shadow: none;}
.combo-arrow{background:url(../images/combo_arrow.png) center no-repeat;}

/*树开下拉菜单*/
ul.tree{font-size:14px;}
ul.tree .tree-node{height:30px; border-bottom:@gray2 solid 1px!important;}
ul.tree .tree-node .tree-icon{display:none;}
ul.tree .tree-node .tree-title{font-size:14px; height:30px; line-height:30px;}
ul.tree .tree-node .tree-hit{margin-top:6px;}
ul.tree .tree-node .tree-indent{background:none;}

.textbox.combo{width:100%!important; 
	.textbox-text.validatebox-text.validatebox-readonly{width:100%!important; height:38px!important; line-height:38px!important; padding-left:9px;}
	.textbox-addon-right{height:36px!important;
		.textbox-icon{margin-top:4px; height:26px!important;}
	}
	.combo-arrow:hover{background-color:@white!important;}
}
.combo-panel{padding:0; height:auto!important; max-height:200px!important;
	.combobox-item{line-height:30px; padding:0 9px; .dots; .pointer; }
}

/*
*easyui 插件 end
---------------------------------------------------------------------------------*/

/*
*Bootstrap 插件 star
---------------------------------------------------------------------------------*/
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding:0; margin:0;}
.form-control{height:38px; border:none; border-bottom: @gray5 solid 1px; box-shadow:none; border-radius: 0; padding:6px 0;  }
.form-control:focus{box-shadow: none;}
.dropdown-menu{border-color:@gray5;}
/*
*Bootstrap 插件 end
---------------------------------------------------------------------------------*/


/*
*表单 star
---------------------------------------------------------------------------------*/
/*隐藏的input框*/
.faultHide{z-index:-1; position:absolute; opacity: 0; left:0; top:0; height:10px; margin-top:5px; border:none!important;}

input.form-control,.has-success .form-control,.has-success .form-control:focus{box-shadow:none!important;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background:@white;}
textarea.form-control{height:auto; min-height:38px; line-height:20px;}
.form-box{
	//数据行
	.form-list{margin-bottom:30px;
		.control-label{ bottom: 0; width:133px; line-height:38px;  padding-top:0; text-align: left!important; color:@gray; margin-right:17px;  .break-word-keep; }
		.control-label.break-keep{line-height: 18px;}
		.control-label:before{.absolute; left:-10px; width:6px; height:38px; line-height: 38px; float:left; border-radius:50%; overflow:hidden;  margin: 0;  content:''; color: @white; }
		//必填
		.control-label.must:before{.absolute; left:-10px; width:6px; height:38px; line-height: 38px;  float:left; border-radius:50%; overflow:hidden;  margin: 0;  content:'*';  color: red; }
		
		.form-group{width:200px; height:38px; padding-right:100px; .relative; 
			.suffix{.absolute; top:9px; right:0; width:90px;  line-height:20px; text-align: left;  background:@white;}
			.suffix.modal-suf{width:30px;}
		}
		.form-group.remark-group{height:auto;}
		.form-group.modal-group{width:248px; padding-right:0;}
		.form-group.modal-group.has-suf{padding-right:40px;}
	}
	.form-list.speborder{padding-top:60px;margin-top:60px;border-top:1px solid @gray6;}
	//按钮行
	.button-box{border-top:@gray5 solid 1px; padding-top:40px; clear:left;}
	.modal-btn-box{border-top:@gray5 solid 1px;padding-top:21px;padding-bottom:0;margin-top:20px;}
	.control-label{width:96px; text-align: left!important; line-height: 38px; color:@gray; margin-right:17px;.break-word-keep;}
	//提示说明行
	.hint-text{color:@gray2; padding-top:9px;}

}
//仅展示的行、左侧占位、点击跳转
.view-label{width:800px; height:38px; line-height: 38px; padding-top:0; text-align: left!important; color:@black;left:-15px;}
.view-label.userinfo{width:auto;padding-left:17px;}
.plac-label{width:162px;}
.view-tip-label{width:800px; padding-top:0; text-align: left!important; color:#bebebe;}
.link-tip{color:@blue4;}
.link-tip:hover{color:@blue4;}
//单列表单
.form-horizontal.one{
	.control-label{width:160px; }
	.form-group{width:400px; }
	.form-group.spethree{ width:240px;padding-right:0;margin:0 20px 0 0; }
	.form-group.kedit{width:800px; }
	.hint-text{width:440px;.break-word-keep;}
	.hint-text.large-hint{width:730px;}
}
//双列表单
.form-horizontal.two{
	.form-list{float:left; width:50%;}
	.control-label{width:120px; }
	.form-group{width:400px; }
}
//机组用窄版双列表单
.form-horizontal.smalltwo{
	.form-list{float:left; width:50%;}
	.control-label{width:143px; }
	.form-group{width:218px; padding-right:20px; 
		.suffix{width:25px;}
	}
}

//验证失败
.help-block{.absolute; font-size: 10px; color:@red; }
.has-error .form-control{border-bottom: @gray5 solid 1px;}
.has-error .form-control:focus{border-bottom: @blue solid 1px;}

//验证成功
.has-success .form-control{border-bottom: @gray5 solid 1px;}
.has-success .form-control:focus{border-bottom: @blue solid 1px;}

/*
*图片居中的父级
*/
.img-center-smallbox{height:18px;width:18px;position:inherit;margin-top:11px;border:1px solid @gray5;}
.img-center-largebox{height:92px;width:92px;position:inherit;margin-top:11px;border:1px solid @gray5;}
.img-center-headbox{height:90px;width:90px;position:inherit;margin-top:11px;}

/*
*特殊，自适应内容宽度
*/
.auto-width{width:auto;}

/*
*验证提示位置的特殊处理 图片上传用提示
*/
.verify-sm{width:60px;left:-16px;}
.verify-sm .help-block{margin-top:26px;}
.verify-lg{width:90px;left:-16px;}
.verify-lg .help-block{margin-top:5px;}

/*并列组件的验证*/
.has-success.juxtapose .help-block{color:#dc0000;}

/*
*表单 end
---------------------------------------------------------------------------------*/


 
/*
*定高定宽图片（包括文字等内容）绝对居中  star
*注：相对父级浮动，父级必须设置高度，建议设置overflow:auto来防止内容越界溢出
---------------------------------------------------------------------------------*/
.absolute-center{
	margin:auto;  
  	position:absolute;
  	top:0; 
  	left:0; 
  	bottom:0; 
  	right:0;
}
/*
*定高定宽图片（包括文字等内容）绝对居中  end
---------------------------------------------------------------------------------*/




/* top效果 */
.act-gotop{position:fixed;_position:absolute;bottom:212px; right:0; width:48px; height:48px; line-height:48px; display:none; text-align:center; cursor:pointer; color:@white; font-weight:normal; font-size:@size12; 
	.glyphicon{font-size: @size20;top:5px; color:@white;}
}

/*
*登录star
*--------------------------------------------------------------*/
.logo-inner{width:300px; background:@white; .relative; z-index:8; margin:150px auto 0 auto; border-radius:5px; box-shadow:0 0 1px @white; text-align:center;
	.form-list{.relative;
		.imagecode{.absolute; right:0; bottom:4px;}
	}
	.log-box{margin-bottom:20px;
		img{max-width:230px;max-height:100px;width:auto;height:auto;}
		.company-name{font-size:20px;color:#000000;text-align:center;margin:20px auto;}
	}
	.form-horizontal{margin:30 30px 0 30px;}
	.handle-account{margin:0 0 20px 0;
		.text-right{text-align:right;}
		.text-left{text-align:left;}
		a{color:@blue}
	}
	.log-in{padding:0;
		.btn.btn-blue{padding:7px 28px; font-size:18px;border-radius:5px;}
		.btn-blue{background-color:@blue;color:@white;}
	}
	.no-account{margin-top:15px;
		a{color:@blue}
	} 
	.passwordtext{.absolute; left:0; top:17px;  width: 100%; height:0; line-height: 0!important;
		span{display: block; width:0; height: 0; line-height: 0!important; border:#555 solid 2px; border-radius: 50%; float: left; margin-left: 3px;}
	}
}
/*
*登录end
*--------------------------------------------------------------*/

/*
*登录界面下载浮动start
*--------------------------------------------------------------*/
.login-download-box{width:108px;padding:10px;background-color:#eef2f5;position:absolute;right:0;top:50%;margin-top:-142px;
	.qrcode-box{width:88px;height:88px;}
	.qrcode-text{font-size:@size12;color:@black;}
}
/*
*登录界面下载浮动end
*--------------------------------------------------------------*/

/*
*注册start
*--------------------------------------------------------------*/
.registe{width:100%; margin:0; 
	.content-box{width:300px; margin:0 auto 0 auto;padding-top:0px;
		.logo{text-align:center;padding:26px 0;
			img{max-width:230px;max-height:100px;width:auto;height:auto;}
		}
		.welcome{font-size:20px;color:#000000;text-align:center;margin:0 auto 20px;
			.note{color:@gray2;font-size:14px;margin-top:10px;}
		}
		.register-type{font-size:14px; color:#000000;text-align:center;margin-bottom:25px;height:35px;line-height:35px;
			.different-type{border-bottom:1px solid @gray5;}
			.select{color:@blue;border-bottom:2px solid @blue;}
			.different-type:hover,.different-type:focus{cursor:pointer;}
		}		
		.input-box{
			.single-input{margin-bottom:30px;
				.form-control{padding-left:0;}
				.get-code{height:38px;line-height:28px;padding-right:0;border-bottom:1px solid @gray5;width:100%;}
				.blue-color{color:@blue;}
				.gray-color{color:@gray2;}
				.second-countdown{line-height:38px;color:@blue;text-align:center;border-bottom:1px solid @gray5;}
			}
			.first-input{margin-top:30px;}
		}
		.registe-btn{border-radius:5px;height:40px;line-height:30px;font-size:14px;margin-top:20px;}
		.argument{margin-top:20px;font-size:12px;color:#000000;text-align:center;}
		.had-account{margin-top:5px;font-size:12px;color:#000000;text-align:center;}
	}
}	
.input-box.codelogin{
	.single-input{margin-bottom:30px;
		.form-control{padding-left:0;}
		.get-code{height:38px;line-height:28px;padding-right:0;border-bottom:1px solid @gray5;width:100%;}
		.blue-color{color:@blue;}
		.gray-color{color:@gray2;}
		.second-countdown{line-height:38px;color:@blue;text-align:center;border-bottom:1px solid @gray5;}
	}
	.first-input{margin-top:30px;}
}
.argument.codelogin{margin-top:20px;font-size:12px;color:#000000;text-align:center;}
/*
*注册end
*--------------------------------------------------------------*/

/*
*注册成功start
*--------------------------------------------------------------*/
.register-success{width:100%;margin:0;padding:0;
	.content-box{width:300px;margin:0 auto;
		.img-box{width:100px;height:100px;margin:0 auto;
			img{width:100px;height:100px;}
		}
		.img-box.h5{width:70px;height:70px;
			img{width:70px;height:70px;}
		}
		.text{text-align:center;font-size:20px;color:#000000;margin-top:20px;}
		.you-can{text-align:center;margin-top:60px;line-height:30px;
			a{color:@blue;}
		}
		.no-email{
			span{color:@blue;}
			span:focus,span:hover{cursor:pointer;}
		}
	}
}
/*
*注册成功end
*--------------------------------------------------------------*/

/*
*服务协议start
*--------------------------------------------------------------*/
.service-argument{
	.content-header{height:50px; line-height:50px;  background:@gray3; border-bottom:solid 1px @gray1;
		.logo-box{width:94px; padding-top:14px;}
		.topNav{line-height:38px; padding-left:150px; font-weight:400; font-size:14px;flaot:left; text-align: center;margin-top:-33px;text-align:left;}
	}
	.content-box{width:1200px;margin:0 auto;padding:20px 40px 0 40px;color:@black;
		.title{font-size:@size20;margin:40px auto;text-align:center;}
		.text{
			.single-list{font-size:@size14;margin-bottom:40px;line-height:30px;}
		}
	}
	.content-box.h5{width:100%;padding:20px 10px 0 10px;
		.title{margin:20px auto;}
	}
}
/*
*服务协议end
*--------------------------------------------------------------*/

/*
*公共邀请start
*--------------------------------------------------------------*/
.public-invite{
	.public-invite-box{width:300px;margin:0 auto;
		.logo{padding:26px 0;
			img{max-width:230px; max-height:100px;}
		}
		.company-smallname-invite{color:@gray2;margin-bottom:32px;}
		.company-name{margin-bottom:20px; font-size:@size20; color:@black;}
		.loginin-tip{padding-top:75px;margin-top:55px;border-top:1px solid @gray5;}
	}
	.public-invite-box.h5{width:100%;padding:0 25px;
		img{max-width:172px; max-height:75px;}
		.company-smallname-invite{margin-bottom:16px;}
		.company-name{margin-bottom:30px;}
		.company-invite-code{width:245px;height:42px;background:url(../images/invitecodeback.png) left no-repeat;background-size: 245px 42px;margin:0 auto;line-height:44px;color:@orange2;font-size:@size18;}
		.invite-line{margin-top:40px;padding-top:40px;border-top:1px solid @gray5;}
		.download-btn{height:50px;line-height:40px;font-size:@size16;}
		.invite-overtip{color:@gray2;margin-top:15px;}
	}
}
/*
*公共邀请end
*--------------------------------------------------------------*/

/*
*手机邀请/成功start
*--------------------------------------------------------------*/
.phone-invite{
	.phone-invite-box{width:300px;margin:0 auto;
		.img-box{padding:20px 0;
			img{max-width:230px; max-height:100px;}
		}
		.phone-invite-title{font-size:@size20;color:@black;margin-top:15px;}
		.phone-invite-tip{color:@gray2;margin-top:5px;padding-bottom:20px;}
		.input-box{
			.single-input{margin-bottom:30px;
				.form-control{padding-left:0;}
			}
			.first-input{margin-top:30px;}
		}
		.registe-btn{border-radius:5px;height:40px;line-height:30px;font-size:14px;margin-top:20px;}
		.argument{margin-top:20px;font-size:12px;color:#000000;text-align:center;
			a{color:@blue;}
		}
	}
	.phone-invite-box.h5{width:100%;padding:0 25px;
		img{max-width:172px; max-height:75px;}
	}
	.phone-invite-success-box{width:300px;margin:0 auto;
		.logo{padding:20px 0;
			img{width:100px; height:100px;}
		}
		.phone-invite-success-tip{color:@black;font-size:@size20;margin-bottom:50px;}
		.phone-invite-login-tip{color:@black}
	}
	.phone-invite-success-box.h5{width:100%;padding:0 25px;
		img{width:70px; height:70px;}
		.phone-invite-app-tip{color:@black;margin-top:40px;padding:40px 0 20px 0;border-top:1px solid @gray5;}
		.download-btn{height:50px;line-height:40px;font-size:@size16;}
	}
}
/*
*手机邀请/成功end
*--------------------------------------------------------------*/

/*
*已有账号邀请start
*--------------------------------------------------------------*/
.have-account-invite{
	.have-account-box{width:400px;margin:0 auto;
		.logo{padding:20px 0;
			img{max-width:230px; max-height:100px;}
		}
		.have-account-success-title{color:@black;font-size:@size20;}
		.have-account-success-tip{color:@gray2;margin-top:30px;}
		.have-account-success-account-tip{color:@black;margin-top:60px;padding-top:60px;border-top:1px solid @gray5;}
		.have-account-success-account{color:@orange2;}
	}
	.have-account-box.h5{width:100%;padding:0 25px;
		img{max-width:172px; max-height:75px;}
		.have-account-success-account-tip{padding-top:50px;margin-top:0;border:none;}
		.have-account-success-account-tip.orange{color:@orange2;}
		.have-account-success-noapp-tip{color:@black;margin-top:50px;padding:50px 0 20px 0;border-top:1px solid @gray5;}
		.download-btn{height:50px;line-height:40px;font-size:@size16;}
	}
}
/*
*已有账号邀请end
*--------------------------------------------------------------*/

/*
*链接失效、404/500start
*--------------------------------------------------------------*/
.link-failure{
	.link-failure-box{width:400px;margin:0 auto;
		.logo{padding:20px 0;
			img{width:100px; height:100px;}
		}
		.link-failure-title{font-size:@size20;color:@black;}
	}
	.link-failure-box.h5{width:100%;padding:0 25px;
		img{max-width:70px; max-height:70px;}
	}
	.link-unknow-box{
		.logo{margin-bottom:43px;
			img{width:276px; height:278px;}
		}
		.link-unknow-title{font-size:@size18;color:@black;margin-bottom:40px;}
		.link-unknow-btn{width:90px;padding:7px 0;}
	}
	.link-unknow-box.h5{
		.logo{margin-bottom:43px;
			img{width:138px; height:139px;}
		}
	}
}
/*
*链接失效end
*--------------------------------------------------------------*/

/*
*app下载start
*--------------------------------------------------------------*/
.pda-download{background:url(../images/downloadback.png) left no-repeat;background-size:100% 100%;height:100%;
	.pda-download-box{
		.img-box{padding:0 0 20px 0;
			img{width:64px;height:64px;}
		}
		.down-title{font-size:@size30;color:@white;}
		.down-box{
			.ios-box{width:130px;margin-top:60px;margin-right:154px;
				.ios-box-img{margin-left:20px;margin-top:20px;}
				.ios-box-text{font-size:@size20;color:@white;margin-top:20px;}
			}
			.line-box{width:1px;height:170px;margin-top:70px;background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,0));}
			.and-box{width:140px;margin-top:60px;margin-left:144px;
				.and-box-img{margin-right:20px;margin-top:20px;}
				.and-box-text{font-size:@size20;color:@white;margin-top:20px;}
			}
		}
	}
	.pda-download-box.h5{width:100%;padding:0 25px;margin:0;
		.img-box{padding:0 0 20px 0;
			img{width:57px;height:57px;}
		}
		.down-title{font-size:27px;margin-bottom:110px;}
		.phone-down-box{width:172px;height:46px;border:1px solid @white;border-radius:8px;margin:0 auto;margin-top:34px;
			.ios-img{width:55px;line-height:44px;
				img{width:16px;height:20px;}
			}
			.ios-text{width:115px;line-height:44px;color:@white;font-size:15px;}
			.and-img{width:55px;line-height:44px;
				img{width:18px;height:20px;}
			}
			.and-text{width:115px;line-height:44px;color:@white;font-size:15px;}
		}
	}
}
.wx-tip-box{position:fixed;background-color:rgba(0,0,0,0.8);left:0;top:0;width:100%;height:100%;
	img{width:290px;height:189px;margin:15px 45px 0 0;}
}
/*
*app下载end
*--------------------------------------------------------------*/

/*
*找回密码start
*--------------------------------------------------------------*/
.find-password{
	.content-box{width:420px; margin:0 auto; padding-top:20px; color:@black;
		.logo{text-align:center;padding:26px 0;width:300px;margin:0 auto;
			img{max-width:230px; max-height:100px; width:auto; height:auto;}
		}
		.company-name{margin:0 auto 20px; text-align:center; font-size:@size20; color:@black;}
		.text{color:@gray; font-size:@size14; margin:40px auto;text-align:center;}
		.step{width:420px; margin:0 auto 20px auto;
			.step-text{font-size:@size12; 
				.single-step{color:@gray2;}
				.single-step.two{padding-left:20px;}
				.single-step.three{padding-right:13px;}
				.now-step{color:@blue;}
				.forth-step{padding-right:13px}
			}
		}
		.process{margin:10px auto;width:420px;
			.pull-left{float:left;}
			.circle{height:17px; width:17px; border-radius:50px;color:@white;background-color:@gray7;text-align:center;font-size:@size12;}
			.now{background-color:@blue;}
			.line{height:1px; width:101px;background-color:@gray7;margin:7px 3px;}
			.first{margin-left:15px;}
			.four{margin-right:15px;}
			.third-line{width:70px;}
		}
		.input-box{width:300px;margin:0 auto;
			.line-pad{height:46px;margin:25px auto;}
			input.form-control{border-radius:0; border-width:0; border-bottom-width:1px; box-shadow:none!important; height:42px; background:none; }
			input:-webkit-autofill {
				-webkit-box-shadow: 0 0 0px 1000px white inset;
				-webkit-text-fill-color: #333;
			}
			.no-border{border:none;}
			.bottom-border{border-bottom:1px solid @gray7;}
			.get-code{height:80px;line-height:35px;padding-right:0;color:@blue;}
			.second-countDown{line-height:38px;color:@blue;text-align:center;}
			.email-notice{text-align:center;margin-top:30px;line-height:30px;
				a{color:@blue}
			}
			.new-password{margin:0 auto 30px auto;}
		}
		.next-step{width:300px;margin:0 auto;
			.btn.btn-blue{padding:7px 28px; font-size:18px;}
			.btn-blue{background-color:@blue;color:@white;}
		}
		.phone-second-step{
			.has-send{height:38px;line-height:38px;}
			.line-pad{margin:0 auto 30px auto;}
		}
		.return-login{text-align:center;padding-top:20px;margin:0 auto;
			a{color:@blue;}
		}
	}
}
/*
*找回密码end
*--------------------------------------------------------------*/


/*信息修改start
---------------------------------------------------------------------------------*/
.modify-user-info{width:100%;margin:0;padding:0;
	.content-box{width:300px; margin:60px auto 0px;
		.top-text{font-size:20px;color:#000000;text-align:left;margin:0 auto 60px auto;
			a{color:@blue;font-size:14px;margin-top:10px;}
		}
		.modify-type{font-size:14px; color:#000000;text-align:center;margin-bottom:25px;height:35px;line-height:35px;
			.different-type{border-bottom:1px solid @gray5;}
			.select{color:@blue;border-bottom:2px solid @blue;}
			.different-type:hover,.different-type:focus{cursor:pointer;}
		}
		.input-box{
			.single-input{margin-bottom:30px;
				.form-control{padding-left:0;}
				.get-code{height:38px;line-height:28px;padding-right:0;border-bottom:1px solid @gray5;width:100%;}
				.blue-color{color:@blue;}
				.gray-color{color:@gray2;}
				.second-countdown{line-height:38px;color:@blue;text-align:center;border-bottom:1px solid @gray5;}
			}
			.read-only{background-color:@blue6;margin-bottom:0;}
			.first-input{margin-top:30px;}
		}
		.registe-btn{border-radius:5px;height:40px;line-height:30px;font-size:14px;margin-top:20px;}
		.argumentt{margin-top:20px;font-size:12px;color:#000000;text-align:center;}
		.had-account{margin-top:5px;font-size:12px;color:#000000;text-align:center;}
		.img-box{width:100px;height:100px;margin:0 auto;
			img{width:100px;height:100px;}
		}
		.text{text-align:center;font-size:20px;color:#000000;margin-top:20px;}
		.you-can{text-align:center;margin-top:60px;line-height:30px;
			a{color:@blue;}
		}
	}
	.content-box.spe-success{width:700px;}
	.content-box.h5{width:100%;padding:0 15px;
		.you-can{margin-top:30px;padding-top:30px;border-top:1px solid @gray5;}
	}
}
/*
*信息修改 end
*--------------------------------------------------------------*/

/*首页无数据start
---------------------------------------------------------------------------------*/
.home-no-data{margin:0;padding:0;width:100%;padding-top:70px;text-align:center;
	.welcome-text{font-size:@size16;color:@gray;margin-bottom:10px;}
	.explain{margin:20px auto;color:@blue;font-size:@size30;}
	.dividing-line{width:90px;margin:0 auto 5px auto;background-color:@gray5;height:1px;}
	.check-video{border-radius:8px;background-color:@blue;font-size:@size12;color:@white;margin:15px auto;width:145px;height:25px;line-height:25px;}
	.check-video:focus,.check-video:hover{cursor:pointer;}
	.two-step{width:820px;margin:0 auto 85px auto;
		.circle{width:200px;height:200px;margin:0 auto;border-radius:50%;overflow:hidden;
			img{width:100%;height:auto;}
		}
		.text{font-size:@size20;color:@black;width:200px;margin:20px auto 0 auto;height:30px;
			.step{background-color:@blue;color:@white;font-size:@size16;height:30px;width:30px;line-height:30px;margin-right:10px;border-radius:50%;margin-left:5px;}
			.note{height:30px;line-height:30px;}
			a,u{color:@blue;}
			u:hover,u:focus{cursor:pointer;}
		}
		.arrow{z-index:3;.absolute;left:50%;top:385px;}
	}
	
	
}
/*
*首页无数据 end
*--------------------------------------------------------------*/

/*
*结构框架 star
*--------------------------------------------------------------*/
body.bgbody{}
.wrapper{width:100%; margin:0 auto;}
.wrapper.unit-group{min-width:1200px;}
header{height:51px; line-height:50px;  background:@gray3; border-bottom:solid 1px @gray1; 
	.header-center{.relative; min-width: 1000px;}
	.logo-box{.absolute; left:0;  width:400px; height:50px; line-height: 50px; vertical-align: middle;  overflow:hidden; .dots;
		.logo{max-width:96px;max-height:30px; vertical-align: middle; margin-right:17px;margin-bottom:5px; }
		.logo.mainlogo{max-width:109px;margin-right:60px;margin-bottom:0;}
	}
	.logo-box.main-box{width:300px;}
	.top-nav{width:100%; line-height:38px;  padding:6px 150px 0 297px; margin: 0 auto; text-align: center; 
		ul{overflow: hidden;}
		li{display:inline-block; .relative; margin:0 38px;
			a{display:inline-block;  color:@black; .relative; cursor:pointer;}
			a:hover{color:@blue;}
		}
		li.active a{color:@blue;}
		li.active a:after{.absolute; bottom: 0; left: 0; height:0; line-height: 0;  content:''; width: 100%; border:2px solid @blue; border-radius: 4px;  }
	}
	.top-nav.unit-group{padding-right:50px;padding-top:16px;
		.alarm-point{position:absolute; border-radius:50%;background:#dc0000;width:6px;height:6px;right:0;margin-top:10px;margin-right:-10px;}
	}
	.btn-group{.absolute; top:0; right:0; width:150px;}
	.avatar-box{.relative; padding-top:6px; 
		.text{border-right:#d0f0ee solid 1px; height:24px; line-height:24px; margin-top:4px; margin-right:12px; padding-right:12px; font-size:@size14;}
		.text.mycollect{border-right:none;}
		.user-box{position:ralative; cursor:pointer; .relative; width:150px; height:36px; line-height:36px; text-align:right; padding-right:18px; .dots;
			.avatar{ width:32px;height:32px; .radius50; margin:0 8px 0; padding:0;  }
			.caret{position:absolute; color:@gray4; top:19px; right:0; margin:0;}
		}
		.mycollect{cursor:pointer;}
		.icon{vertical-align:middle;}
		.dropdown-menu{position:absolute; right:0; top:40px; z-index:10; 
			.userInfo{background:@white; color:@gray; font-size:@size12; overflow:hidden; 
				dt{line-height:28px; padding:0 20px; color:@black;}
				dd{border-bottom:@gray3 solid 1px; line-height:32px; }
				dd a{color:@black; display:block; .pointer;
					&:hover{background:@blue3; color:@blue4;}
				}
				dd.active a{background:@blue3; color:@blue4;}
				dd:last-child{border:none;}
			}
		}
	}
}
.content{overflow:hidden; margin-top:30px;}
.frame-box{min-width:1200px;  margin:0 auto; padding-top:20px;}
.frame-box.unit-group{min-width:1200px;}
.immobilization{width:1000px; margin:40px auto 0 auto;}
.immobilization.walletpage{width:1120px;}
.immobilization.chargepage{width:500px;}
.immobilization.modal-box{width:368px;
	.control-label{width:120px;}
}

.footer{ width: 100%; height:56px; line-height: 56px; margin:44px auto 0 auto; text-align: center; font-size:12px; 
	.copyright{ color:@gray2;padding-right:0;
		.dropup{margin-left:20px;}
		a{color:@gray2;}
		span{ color:@gray2;}
		.lang-change{font-size:@size12;color:@gray2;
			span{font-size:@size12;color:@gray2;padding-left:10px;}
		}
		.lang-select-box{width:116px;min-width:116px;height:92px;position:absolute;padding:0;background-color:@white;border:1px solid @gray5;z-index:99998;
			.change-one-box{height:30px;line-height:29px;padding-left:10px;border-bottom:1px solid @gray5;
				.change-one-text{font-size:@size12;color:@gray2;}
			}
			.change-one-box.select{
				.change-one-text{color:@blue4;}
			}
			.change-one-box:last-child{border:none;}
		}
	}
}


/*按钮*/
.button-box{padding:0 11px 20px 11px; overflow:hidden; margin-top:30px;
	.btn{margin-right:14px;}
	.gridSearch{float:right; width:168px; background:url(../images/search.png) 18px center no-repeat; text-indent:42px;}
	.map{float:right;
		.address{vertical-align: middle; margin-right:4px;}
	}
}

/*
*结构框架 end
*--------------------------------------------------------------*/



/*左边菜单 star
---------------------------------------------------------------------------------*/
/*左边的菜单*/
.menu{width:100%; position:static; border:none; padding:0; margin:0;}
.menu li i{margin:0 1px 0 4px;  padding:12px;  cursor:pointer;}
.menu li .textBox{height:40px; display:block; line-height:40px; .dots; 
	.text{color:@gray5;  cursor:pointer;}
	.dropup{vertical-align:middle; background:url(../images/arrows.png) left -24px no-repeat;}
}

/*关闭状态*/
.menu li.closed .textBox{
	.dropup{background-position:left top;}
}

/*一、二级*/
.menu li .textBox.blue.active{background:@blue;
	.text{color:@white;}
	.dropup{background-position:-24px -24px;}
}
/*一、二关闭状态*/
.menu li.closed .textBox.blue.active{
	.dropup{background-position:-24px top;}
}


/*三级后*/
.menu li ul li ul li .textBox.wathet.active{background:@wathet;
	.text{color:@gray5;}
}



.menu li .add{margin-top:14px;}
.menu li .sub{margin-top:19px;}
.menu li .blacktrumpet{margin-top:13px;}
.menu li ul{display:block;}
.menu li.closed ul{display:none;}
.menu li ul li i{margin-left:19px;}
.menu li ul li ul li i{margin-left:36px;}
.menu li ul li ul li ul li i{margin-left:53px;}
.menu li ul li ul li ul li ul li i{margin-left:70px;}
.menu li ul li ul li ul li ul li ul li i{margin-left:87px;}
.menu li ul li ul li ul li ul li ul li ul li i{margin-left:104px;}
.menu li ul li ul li ul li ul li ul li ul li ul li i{margin-left:121px;}
.menu li ul li ul li ul li ul li ul li ul li ul li ul li i{margin-left:138px;}
.menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li i{margin-left:155px;}
.menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li i{margin-left:172px;}


/*
*左边菜单 end
*--------------------------------------------------------------*/

//面包屑导航
.crumb{padding:0; background:none; margin-bottom:30px;
	li{display:inline; padding-right:34px; }
	.active{color:@black; font-size:20px;}
	.page-jumps{font-size:14px; .pointer;}

}


/*类别 star
---------------------------------------------------------------------------------*/
.tabwrap{ max-width:100%; overflow:hidden;}
/*tabbox*/
.tabbox{line-height:24px; width:100%; overflow:hidden;  margin:10px 0;
	li{display:inline-block; float:right; .transition;  margin-right:20px;
		a{display:inline-block; padding:0 17px; color:@blue; background:@white; border:@blue solid 1px; border-radius:20px; background-size:1px 20px; .pointer;}
	}
	li.active{
		a{color:@white; background:@blue;}
	}
	
}

/*类别 end
---------------------------------------------------------------------------------*/





/*表格 star
--------------------------------------------------------------------------------------------------------------------------*/
.table-box{margin:0 auto;  
	.datagrid.panel{box-shadow:none; border:none!important; border-radius:0!important; margin-bottom:0; padding:0;
		.panel-body{padding:0; border:none;
			.datagrid-view{
				.datagrid-view1{ border:none; 
					.datagrid-header-check,.datagrid-cell-check{height:20px; line-height:20px; margin-top:-2px;}
					.datagrid-body .datagrid-btable{width:100%;}
					.datagrid-header-inner .datagrid-htable{
						td:last-child{border-right:none!important;}
					}
				}
				.datagrid-view2{border:none!important;}
			}
		}
	}
	/*头部*/
	.datagrid-header{background:none; border-bottom:@gray5 solid 1px;
		.datagrid-header-inner{border:none; }
		.datagrid-header-inner .datagrid-htable{padding:0; background:none; border-radius:0;
			.datagrid-header-row td{border:none;  font-size:@size14; color:textcolor3;
				 	.datagrid-cell{font-size:@size14; overflow:hidden!important;  text-overflow:ellipsis!important; white-space:nowrap!important; padding:26px 9px;
				 		span{font-size:14px; color:@gray; font-weight:normal;}
					 }
			}
			td:last-child{}
			.datagrid-header-row,.datagrid-header-row td.datagrid-header-over{background:none!important;}
		}
	}
	/*内容*/
	.datagrid-body{margin:0 auto;
		td{border:none; border-bottom:@gray6 solid 1px;  color:@black; font-size:@size14;}
		.datagrid-btable{font-size:@size14; color:@black;
			.datagrid-row .datagrid-cell{font-size:@size14; overflow:hidden; text-overflow:ellipsis; white-space:nowrap!important; padding:26px 9px;
				.blue{color:@blue4; margin:0 20px 0 0;}
				.blue:last-child{margin-right:0;}
				.icon{overflow:hidden; margin-right:16px;  cursor:pointer;}
				.icon.small{margin-right:5px;}
				a:hover{color:@blue;}
				.clickLabel:hover{color:@blue;}
			}
		}
		
	}
	.datagrid-view2{
		/*.datagrid-btable tr td:last-child{ border-right:@gray2 solid 1px!important;}*/
	}
	.datagrid-view1{
		.datagrid-btable tr td{border-right:none!important;}
	}
	/*鼠标hover效果*/
	.datagrid-row-over,.datagrid-header td.datagrid-header-over{background:@blue3; cursor: default;}
	.datagrid-row-over td{ color: #444; cursor: default; background:@blue3;}
	/*选中效果*/
	.datagrid-row.datagrid-row-checked.datagrid-row-selected{background:#fff;}
}

/*表格暂无数据提示*/
.nodataHint{ text-align:center; width:100%;line-height:40px; color:@gray; background:white; border:@gray3 solid 1px; margin-top:-1px; border-top:none; .relative; padding-top:20px;}
//表格上面的工具行
.datagrid-tools{padding:20px 10px; 
	.frame-title{color:@black; font-size:20px; line-height:20px;}
	.tools{line-height:26px;
		.tools-list{display: inline;.relative;padding-right:30px; margin-right: 30px; .pointer;  
			span{color:@gray;}
			&:hover span{color:@blue4!important;}
			&:after{.absolute; top: 6px; right: 0; width:0px; height:12px; line-height: 12px;  content:''; border-right:1px solid @gray5;}
			&:last-child{margin-right:0;}
			&:last-child:after{display: none;}
		}
		
		//搜索
		.grid-search{width:18px; height:24px; padding:0; border:@white solid 1px; box-shadow: 0; background:@white url(../images/search.png) right center no-repeat; color:@blue4; border-radius: 20px; .transition;}
		.grid-search.focus{width:174px; height:24px; padding:0 26px 0 18px; border:@blue3 solid 1px; background:@blue3 url(../images/searchFocus.png) right center no-repeat; color:@blue4; border-radius: 20px; }
		
		//新搜索框
		.grid-search-new{width:260px; height:24px; padding:0 15px; border:none; box-shadow: 0; border-radius: 12px; background:#f5f8ff;}
		.grid-search-new.searchblack{background:#24273E;}
		.grid-search-new.searchblack.searchimg{background:#24273E url(../images/searchFocus.png) 96% 50% no-repeat;}
		.grid-search-new.search{padding:0 15px 0 22px; background:#f5f8ff url(../images/search.png) 5px center no-repeat;}

		.grid-search-new::placeholder{color: #727272;}
		.grid-search-new::-webkit-input-placeholder{color: #727272;}
		.grid-search-new::-moz-placeholder{color: #727272;}
		.grid-search-new::-ms-input-placeholder{color: #727272;}

		.grid-search-new.searchblack::placeholder{color: #fff;}
		.grid-search-new.searchblack::-webkit-input-placeholder{color: #fff;}
		.grid-search-new.searchblack::-moz-placeholder{color: #fff;}
		.grid-search-new.searchblack::-ms-input-placeholder{color: #fff;}
	}
	//排序
	.grid-sort{
		.sort-list{height:32px; line-height:32px; border-bottom:@gray5 solid 1px; text-align: center;
			&.active{color:@blue4;}
			&:last-child{border-bottom:none;}
		}
	}
	//筛选
	.filtrate-box{padding:20px;   left:-100px;
		&.two{min-width: 260px;}
		&.three{min-width: 360px;left:-220px;}
		&.four{min-width: 460px; left:-300px;}
		.filtrate-title{color:@gray; font-weight: normal; margin-top:22px;}
		.filtrate-inner{line-height:34px;  border-bottom:@gray5 solid 1px; padding:6px 0 20px 0;
			.filtrate-list{display:inline-block; padding:0 30px; background:@blue3; margin:8px 10px 8px 0; border-radius: 6px; vertical-align: middle; 
				.shut{display:none;}
			}
			.filtrate-list.active{background:@blue; color:@white; padding:0 17px 0 20px;
				.shut{.relative;  display:inline; top:-4px;  line-height:12px;  margin-left:20px; }
				.shut:before{.absolute; top: 0px; left: -10px; width:0px; height:12px; line-height: 12px;  content:''; border-right:1px solid @white;}
			}
			.filtrate-list:last-child{margin-right:0;}
		}
		.filtrate-title:first-child{margin-top:0;}
		.filtrate-inner:last-child{border-bottom:none; padding-bottom:6px; }
	}
}
/*表格 end
--------------------------------------------------------------------------------------------------------------------------*/

/*表格提示*/
.datagrid-tip{padding: 16px 0 0 0; background:none;
	.gridtip-inner{width:100%; line-height:20px; border:@gray9 solid 1px; background:@white; padding:10px; border-radius: 3px;  cursor:pointer;.break-word;}
	.triangleBox{ position: absolute; top:0; left:0; width:40px; height:17px; overflow:hidden; z-index: 99; overflow:hidden;
		.triangle{ width:20px; height:20px;  margin:10px auto; border:@gray9 solid 1px; transform: rotate(45deg); -webkit-transform:rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg); -ms-transform: rotate(45deg);background:@white;}
	}
}

/*分页效果*/
div.paging{overflow:hidden;clear:left;text-align:center; 
	.paddingInner{line-height:34px;margin:60px auto 0 auto;
		a,span.current{border:@gray6 solid 1px; background:@white; line-height:28px; padding:2px 8px; margin:5px 6px; color:@gray; text-shadow:0 1px 0 rgba(238,237,237,0.8);text-decoration:none; cursor:pointer;}
		span.current{background:@blue2; border-color:@blue2; color:@blue; }
		span:first-child{padding-right:5px; color:@gray;}
	}
}



/*图表统计 star
----------------------------------------------------------------------------------*/
.statistics{margin:40px auto 60px auto;}
.chart-box{.relative; 
	.chart-title{line-height:100%; color:@black; font-size:20px; margin-bottom:24px;}
	.tabbox{.absolute; right:0; top:0; text-align: right;}
	.alarm-empty{.absolute; left: 0; top:180px; width: 100%; text-align: center;}
}

.canvasjs-chart-credit {
   display: none;
}
 selector{
     display: none;
 }
/*图表统计 end
----------------------------------------------------------------------------------*/

/*成员邀请 start
----------------------------------------------------------------------------------*/
.invite-box{padding:40px 0;}
.invite-box.invite-border{border-bottom:1px solid @gray5;}

.invite-title{font-size:@size20;color:@black;width:100%;}
.invite-tip{font-size:@size14;color:#999;width:100%;padding-top:5px;margin-bottom:20px;}
.invite-link{font-size:@size14;color:@blue4!important;padding:10px 20px;background-color:@blue6;}

.invite-input-box{padding:0 45px 0 15px;
	.invite-role-select{width:140px;}
}
.invite-input-box.small{width:200px;}
.invite-deleteimg-box{height:38px;padding:8px 0 0 15px;}
.invite-addone{font-size:@size14;color:@blue4;margin:38px 0 5px 0;}
/*成员邀请 end
----------------------------------------------------------------------------------*/

/*成员详情 start
----------------------------------------------------------------------------------*/
.meminfo-box{padding:40px 0;
	.meminfo-imgbox{width:160px;}
	.meminfo-titlebox{
		
	}
	.meminfo-h{font-size:@size20;color:@black;}
	.meminfo-title{font-size:@size14;color:@black;width:100%;padding:5px 0;}
	.meminfo-tip{font-size:@size14;color:@gray;width:100%;padding-top:5px;}
	.meminfo-delete{width:100%;
		span{font-size:@size14;color:@blue4;}
	}
	.meminfo-raidobox{padding:5px 0;
		.role-remark{line-height:21px;font-size:@size14;color:#999;}
	}
}
.meminfo-box.meminfo-border{border-bottom:1px solid @gray5;}
.meminfo-img{width:90px;height:90px;.radius50;padding:0;}
/*成员详情 end
----------------------------------------------------------------------------------*/
/*企业设置 start
----------------------------------------------------------------------------------*/
.company-set-labelheight{line-height:34px;}
.company-set-title{width:114px;.company-set-labelheight}
.company-set-password{color:@blue4;.company-set-labelheight}
.company-set-invitelabel{width:auto;.company-set-labelheight}
.company-set-invite{width:150px;height:24px;line-height:24px;background:url(../images/inviteback.png) left top no-repeat;color:@orange2;margin:5px 0 0 20px;}
.company-set-viewbottom{border-bottom:1px solid @gray6;padding-bottom:50px;margin-bottom:60px;}
/*企业设置 end
----------------------------------------------------------------------------------*/
/*机组详情 start
----------------------------------------------------------------------------------*/
.unitinfo-topbox{border-bottom:1px solid @gray5;padding:10px 0 55px 0;
	.unitinfo-imgbox{width:160px;height:120px;margin-right:80px;}
	.unitinfo-lablebox{width:544px;padding:0 80px 0 0;
		.unitinfo-name{font-size:@size24;color:@black;}
		.unitinfo-labeltitle{width:70px;line-height:30px;}
		.unitinfo-labelinfo{padding-left:14px;width:380px;line-height:30px;}
		.unitinfo-auditinfo{width:450px;
			.auditimg{margin:-4px 5px 0 5px;}
			.audittiptext{text-decoration:underline;cursor:pointer;color:#0075d5;}
			.auditemptytiptext{color:#ff6600;}
		}
		.toptitle{padding-top:20px;}
	}
	.unitinfo-alarmbox{width:215px;
		.unitinfo-editbox{width:105px;color:@blue4;}
		.unitinfo-alarminfobox{width:215px;margin-top:10px;border:1px solid @gray5;padding:15px 0;
			.unitinfo-statusbox{width:106px;padding:0 25px;}
			.unitinfo-linebox{width:1px;margin-top:5px;height:40px;border-left:1px solid @gray5;}
			.unitinfo-numbox{width:106px;padding:0 25px;}
			
			.unitinfo-smalltip{font-size:@size12;color:#666;}
			.unitinfo-statustip{font-size:@size24;}
			.unitinfo-unittip{font-size:@size12;color:@black;}
			.unitinfo-redtip{font-size:@size24;color:@red;}
		}
		.unitinfo-tipbtn{width:215px;height:40px;line-height:40px;}
	}
}
.unitinfo-controlbox{margin:5px auto;padding:5px 10px;color:@blue4;}
.unitinfo-bottombox{
	.unitinfo-viewgroup{padding:30px 0 0 0;
		.unitinfo-titlegroup{width:160px;font-size:@size20;}
		.unitinfo-infogroup{width:840px;
			.unitinfo-viewlabel{width:160px;min-height:36px; line-height:18px; margin-bottom: 10px;}
			.unitinfo-viewinfo{width:260px;min-height:36px; line-height:18px; padding-right:20px;.break-word;
				.auditimg{margin:-4px 5px 0 5px;}
				.audittiptext{text-decoration:underline;cursor:pointer;color:#0075d5;}
				.auditemptytiptext{color:#ff6600;}
			}
		}
	}
	.unitinfo-viewgroup.borderbox{border-bottom:1px solid @gray5;}
}
/*机组详情 end
----------------------------------------------------------------------------------*/

/*导入*/
.daoruListBox{
	.daorulist{line-height:100%; margin:20px 0;
		.btn{margin:0 6px;}
	}
	.daoruResult{background:#f9f9f9; width:400px; padding:0 20px 20px 20px;
		.title{line-height:38px;}
	}
	.daoruResult.success{ color:#000; font-size:16px;
		.resultBox{overflow:hidden;
			.resultImg{width:60px; height:60px; line-height:60px; float:left; background:#1f714a url(../images/excel.jpg) center no-repeat;}
			.resultText{overflow:hidden; width:274px; float:left; margin-left:20px;
				.resultName{line-height:30px;}
				.resultCont{color:#666;  font-size:14px;}
			}
		}
	}
	.daoruResult.failure{
		.title{color:#f00; }
	}
}

/*四方向重置margin*/
.margin-top-none{margin-top:0!important;}
.margin-right-none{margin-right:0!important;}
.margin-bottom-none{margin-bottom:0!important;}
.margin-left-none{margin-left:0!important;}
/*四方向重置padding*/
.pad-top-none{padding-top:0!important;}
.pad-right-none{padding-right:0!important;}
.pad-bottom-none{padding-bottom:0!important;}
.pad-left-none{padding-left:0!important;}
/*四方向重置border*/
.border-top-none{border-top:none!important;}
.border-right-none{border-right:none!important;}
.border-bottom-none{border-bottom:none!important;}
.border-left-none{border-left:none!important;}



/* 机组信息-实时信息 框架  star
--------------------------------------------------------------------------------------------
*/
.unit-status:before{ width:0px; height:0px; line-height: 0px; float:left; border-radius:50%; overflow:hidden; border:@gray solid 3px; margin:6px 6px 0 0;  content:'';  }
//运行状态
.unit-status.unitrun .status{color:@green2;}
.unit-status.unitrun:before{ border-color: @green2;}
//离线状态
.unit-status.hostoffline .status{color:@gray2;}
.unit-status.hostoffline:before{ border-color: @gray2;}
//停机状态
.unit-status.unitstop .status{color:@orange2;}
.unit-status.unitstop:before{ border-color: @orange2;}


//header
.monitor-header{height: 70px; 
	.unit-top-left{height: auto;  line-height: 100%; font-size: 17px; padding-top:14px;width:315px;
		.unit-status{font-size: 14px; margin-top:5px;
			.icon{vertical-align:middle; margin:0 8px 0 24px;}
		}

	}
	.top-nav{padding-top:20px;}
}

.monitor-box{
	/*title*/
	.monitor-title{padding:7px 0 0 3px; font-size:16px; color:@black; height:16px; line-height:16px; margin-left:14px;
		.ctrl-status{margin-left:10px;padding:0 10px;border:1px solid #e6eefa;color:#3586ff;border-radius:12px;background:#e6eefa;font-size:14px;}
	}
	/*盒子*/
	.monitor-border{border:1px solid @gray9; padding:23px 6px; margin:-1px 0 0 -1px; float:left;}
	/*input框*/
	.form-control{ border-radius:0;border:@blue5 solid 1px; text-align:center;background:transparent; color:@white; }
}

.monitor-box{width:1200px; margin:0 auto;  overflow:hidden;   color:#585a60;
	.titlemargin{ margin-left:10px;margin-top:5px;margin-bottom:5px; }
	.yibiaopan-box{display: none;}
	/*综合显示*/
	.zhxs-box{ margin:28px auto; 
		.yibiaopan{ height:112px; margin-top:100px; .relative; padding:0; 
				.zhizhen{.absolute; margin:0; width:94px; height:7px; line-height:7px; overflow:hidden; 
				transform: rotate(0deg); 
				-ms-transform:rotate(0deg); 	/* IE 9 */
				-moz-transform:rotate(0deg); 	/* Firefox */
				-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
				-o-transform:rotate(0deg); 	/* Opera */
				.transition;
				 -webkit-transform-origin: right center;
				  -moz-transform-origin: right center;
				  -o-transform-origin: right center;
				  -ms-transform-origin: right center;
				  transform-origin: right center;
					}
				.fdj-value{.absolute; width: 100%; text-align:center; top:112px;  line-height:24px; font-size:@size20;}
				.zuixiaozhi{.absolute; width: 100%; text-align:left; top:95px;  line-height:100%; font-size:12px;color:#999b9e;}
				.zuidazhi{.absolute; width: 100%; text-align:right; top:95px;  line-height:100%; font-size:12px;color:#999b9e;}
				.fdjdw{.absolute; width: 100%; text-align:center; top:138px;  line-height:100%; font-size:12px;}
				.fdjname{.absolute; width: 100%; text-align:center; top:160px;  line-height:100%; font-size:14px;}
			}
			.chongdian{margin-left:0px;}
			.right-box{width:150px; font-size:10px; letter-spacing:0px; text-align:center; overflow:hidden; padding-top:20px;
				.shuju{width:50px; margin:0; text-align:center; }
				.shuju.lowspe{width:125px;}
				.shuju.speother{width:60px; }
				.shuju.specenter{width:60px; }
				.shuju .text-value{padding:0;  height:28px; margin-top:14px; color:#585a60;}
				.shuju .text-value.double-line{padding-top:0px!important; line-height: 100%; overflow: hidden; }
				.shuju .zhi{width:20px; height:160px; margin:0 auto; margin-bottom:10px; .relative; padding:0;}
				.shuju .zhi .bg-value{position:absolute; width:16px; left:1px; bottom:1px;  height:0%; max-height:99%; .transition;
					background-image:-webkit-linear-gradient(to top, @blue5, @blue5);
					background-image:linear-gradient(to top,@blue5,@blue5);
				}
				.shuju .zhi .bg-value.dangerous2{
					background-image:-webkit-linear-gradient(to top, #f6522c, #f6522c);
					background-image:linear-gradient(to top,#f6522c,#f6522c);
				}
				.shuju .zhi .bg-value.dangerous{
					background-image:-webkit-linear-gradient(to top, #f6522c, #f6522c);
					background-image:linear-gradient(to top,#f6522c,#f6522c);
				}
				.shuju .tubiao{backgroud:pink; width:28px; height:30px; margin:0 auto;}
				.shuju .tubiao.airlabel{width:125px; height:30px; margin:0 auto;}
				.shuju .tubiao .icon{margin:0 auto;}
			}
			.right-box.spe{width:180px;

			}
			.dianya{ margin:18px 0 0 17px; line-height:20px; width:180px;
				.zhi{width:90px; height:20px; margin:0 7px 10px 6px; .relative; padding:0;}
				.zhi .bg-value{position:absolute; width:0%; left:1px; bottom:1px;  height:16px; max-width:98%;
					background-image:-webkit-linear-gradient(to right, @blue5, @blue5);
					background-image:linear-gradient(to right,@blue5,@blue5);
				}
				.zhi .bg-value.dangerous{
					background-image:-webkit-linear-gradient(to right, #f6522c, #f6522c);
					background-image:linear-gradient(to right,#f6522c,#f6522c);
				}
			}
			.topline{
				.zhi .bg-value.dangerous{
					background-image:-webkit-linear-gradient(to top, #f6522c, #f6522c);
					background-image:linear-gradient(to top,#f6522c,#f6522c);
				}
			}
			.input-box{ margin:30px 0 28px 17px; line-height:28px;  color:#585a60;
			}
			.speleft{margin:31px 0 0 5px;
				.zhi.dcleft{margin-right:4px;}
				.zhi.sleft{margin-right:0px;}
				.speright{margin-left:8px!important;}
			}
			
		.fadongji{width:410px; height: 400px; overflow: hidden; margin-left:0;padding-bottom:40px;
			.yibiaopan{width:185px; height:157px;  background: url(../images/jizhu/white/yibiaopan.png) center top no-repeat; background-size: 100% auto; margin-left:10px;}
			.zhizhen{ left:-1px; top:88px;}
			.speleft{}
		}
		.fuzai{width:381px; height: 400px; overflow: hidden;
			.dianya{width:160px;}
			.dianya.waterpump{width:100%;}
			.yibiaopan{width:185px; margin-left:20px; height:142px; background: url(../images/jizhu/white/yibiaopan.png) center top no-repeat;  background-size: 100% auto; 
				.zhizhen{ left:-1px; top:88px;
					transform: rotate(0deg); 
					-ms-transform:rotate(0deg); 	/* IE 9 */
					-moz-transform:rotate(0deg); 	/* Firefox */
					-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
					-o-transform:rotate(0deg); 	/* Opera */
				}
			}
			
			.syqy-value-text{margin-left:48px;}
			// .fdj-value{margin-top:112px;}
		}
		.fuzai.waterpumpbox{width:411px;
			.right-box{width:180px;
				.shuju{width:60px;
					.tubiao{width:60px;}
				}
			}
		}
		.fuzai.atlsair{width:586px;
			.yibiaopan{margin-left:70px;}
			.right-box{margin-left:100px;width:180px;
				.shuju{width:60px;
					.tubiao{width:50px;height:80px;}
				}
			}
		}
		.fadian{width:205px; height: 400px; overflow: hidden;margin-left:0;
			.right-box{margin:0 auto;}
			.syqy-value-text{margin-left:25px;}
			.spe-mar{margin-left:0!important;}
		}
		.fadian.atlsair{
			.right-box{width:180px;
				.shuju{width:60px;
					.tubiao{width:50px;height:80px;}
				}
			}
		}
		.shidian{width:206px; height: 400px; overflow: hidden;
			.right-box{margin:0 auto;}
			.syqy-value-text{margin-left:25px;}
			.spe-mar{margin-left:0!important;}
		}
		.shidian.waterpumpbox{width:381px;
			.right-box{width:250px;}
		}
		.kongzhiqi{width:100%; margin-left:0;
			.anniu{width:86px; height:110px; .absolute; left:3px;
				.tishi{.absolute; top:0; right:0; width:14px; height:14px; .radius50; background:rgba(153,153,153,0.3);  box-shadow:inset 0 0 5px rgba(250,250,250,0.3); .transition;}
				.tishi.red{ background:rgba(53,134,255,1); box-shadow:none;}
				.icon-bg{width:58px; height:58px; margin-left:4px; .radius50; background: @blue5; /*box-shadow:0 0 10px rgba(246,243,255,0.1);*/ .absolute; left:0; top:2px; }
				.icon-box{width:58px; height:58px; line-height:56px; .radius50; /*border:#0c8d94 solid 1px; background:rgba(0,206,204,0.1); box-shadow:inset 0 0 10px rgba(246,243,255,0.35);*/ text-align:center;}
				.text{width:66px; font-size:@size14; line-height:100%; text-align:center; margin-top:70px; padding:0;}
				.text p{padding:0; margin:0;}
			}
			.anniu.normal{position:relative;margin-right:10px;
				.tishi{.absolute; width:14px; height:14px; .radius50; background:rgba(153,153,153,0.3);  box-shadow:inset 0 0 5px rgba(250,250,250,0.3); .transition;}
				.tishi.red{ background:rgba(53,134,255,1); box-shadow:none;}
				.icon-bg{position:static;width:58px; height:58px; margin-left:4px; .radius50; background: @blue5; /*box-shadow:0 0 10px rgba(246,243,255,0.1);*/  }
				.icon-box{width:58px; height:58px; line-height:56px; .radius50; /*border:#0c8d94 solid 1px; background:rgba(0,206,204,0.1); box-shadow:inset 0 0 10px rgba(246,243,255,0.35);*/ text-align:center;}
				.text{width:66px; font-size:@size14; line-height:100%; text-align:center; margin-top:10px!important; padding:0;}
			}
			.anniu.airpresslight{width:60px; height:80px;
				.tishi{top:50%;right:50%;margin-top:-12px;margin-right:-7px;}
			}
			.airpress-box{width:100%;height:160px;margin:60px 0 0 0;.relative;
				.anniu{margin-right:20px;}
				/*.zidong{left:0;top:40px;}
				.shoudong{left:80px;top:40px;}
				.tingji{left:180px;top:40px;}
				.kaiguan{left:300px;top:40px;}
				.daizai{left:420px;top:40px;}
				.fuwei{left:540px;top:40px;}*/
			}
			.button-box{width:476px; height:240px; margin:40px 0 0 0; .relative;
				.zidong{/*left:0; top:0;*/}
				.shoudong{/*left:120px; top:0;*/}
				.tingji{/*left:0; top:113px;*/
					.icon-bg{background: @red3;top:9px;}
					.text{margin-top:80px;}
				}
				.kaiguan{/*left:120px; top:113px;*/
					.icon-bg{background: #3e9b34; top:9px;}
					.text{margin-top:80px;}
				}
				.guan{/*left:240px; top:0;*/}
				.fuwei{/*left:240px; top:113px;*/
					.icon-bg{background: #ff8f2b; top:9px;}
					.text{margin-top:80px;}
				}
			}
			.liuchengBox{width:664px; height:240px; margin-top:50px; .relative;
				/*顶部的图片*/
				.top-img{.absolute; z-index:10;width:67px;height:55px;}
				.top-img-left{left:0; top:0;}
				.top-img-mid{left:297px; top:0;}
				.top-img-right{right:0; top:0;}
				/*
				.top-img-left{left:0; top:0;background: url(../images/jizhu/white/stateLeftOff.png) left center no-repeat;}
				.top-img-mid{left:297px; top:0;background: url(../images/jizhu/white/stateMidOff.png) left center no-repeat;}
				.top-img-right{right:0; top:0;background: url(../images/jizhu/white/stateRightOff.png) left center no-repeat;}
				.top-img-left.light{background: url(../images/jizhu/white/stateLeftOn.png) left center no-repeat;}
				.top-img-mid.light{background: url(../images/jizhu/white/stateMidOn.png) left center no-repeat;}
				.top-img-right.light{background: url(../images/jizhu/white/stateRightOn.png) left center no-repeat;}
				*/
				
				/*下面的线条*/
				.xiantiao{background:#8c9096; .absolute;}
				.xiantiao.highlight{background:#3586ff;}
				/*竖线*/
				.xiantiaos{width:3px; .absolute; }
				/*横线*/
				.xiantiaoh{height:3px;}
				/*圆点*/
				.dot{width:10px; height:10px; .radius50; background:#8c9096; .absolute; .transition;  z-index:9;} 
				.dot.highlight{background:#3586ff;}
				/*状态4*/
				.state-box{width:605px; height:69px; .absolute; top:60px; left:28px;
					.dot{ z-index:9;}
				}
				.state1-box{
					.dot1{left:1px; bottom:20px;}
					.dot2{left:177px; bottom:20px;}
					.dot3{left:298px; bottom:18px;}
					.dot4{right:1px; bottom:20px;}
					.xiantiao1{height:45px; left:2px; top:0;}
					.xiantiao2{width:285px; left:2px; bottom:21px;}
					.xiantiao3{width:30px; left:287px; bottom:21px;
								transform: rotate(-45deg); 
								-ms-transform:rotate(-45deg); 	/* IE 9 */
								-moz-transform:rotate(-45deg); 	/* Firefox */
								-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
								-o-transform:rotate(-45deg); 	/* Opera */
								.transition;
							    -webkit-transform-origin: left bottom;
							    -moz-transform-origin: left bottom;
							    -o-transform-origin: left bottom;
							    -ms-transform-origin: left bottom;
							    transform-origin: left bottom;
				    }
				    .xiantiao4{width:109px; left:195px; bottom:21px; border-right:none;}
				    .xiantiao5{height:45px; left:301px; top:0;}
				    .xiantiao6{width:109px; left:304px; bottom:21px; border-left:none;}
				    .xiantiao8{width:285px; right:2px; bottom:21px;}
				    .xiantiao9{height:45px; right:2px; top:0;}
				}
				.state2-box{
					.dot1{left:1px; bottom:20px;}
					.dot2{left:148px; bottom:18px;}
					.dot3{left:448px; bottom:18px;}
					.dot4{right:1px; bottom:20px;}
					.xiantiao1{height:45px; left:2px; top:0;}
					.xiantiao2{width:136px; left:2px; bottom:21px;}
					.xiantiao3{width:30px; left:138px; bottom:21px;
								transform: rotate(-45deg); 
								-ms-transform:rotate(-45deg); 	/* IE 9 */
								-moz-transform:rotate(-45deg); 	/* Firefox */
								-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
								-o-transform:rotate(-45deg); 	/* Opera */
								.transition;
							    -webkit-transform-origin: left bottom;
							    -moz-transform-origin: left bottom;
							    -o-transform-origin: left bottom;
							    -ms-transform-origin: left bottom;
							    transform-origin: left bottom;
				    }
				    .xiantiao4{width:136px; left:168px; bottom:21px; border-right:none;}
				    .xiantiao5{height:45px; left:301px; top:0;}
				    .xiantiao6{width:136px; left:304px; bottom:21px; border-left:none;}
				    .xiantiao7{width:30px; left:437px; bottom:21px; z-index:9; 
				    			transform: rotate(45deg); 
								-ms-transform:rotate(45deg); 	/* IE 9 */
								-moz-transform:rotate(45deg); 	/* Firefox */
								-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
								-o-transform:rotate(45deg); 	/* Opera */
				    			 .transition;
							    -webkit-transform-origin: right bottom;
							    -moz-transform-origin: right bottom;
							    -o-transform-origin: right bottom;
							    -ms-transform-origin: right bottom;
							    transform-origin: right bottom;
				    }
				    .xiantiao8{width:136px; right:2px; bottom:21px;}
				    .xiantiao9{height:45px; right:2px; top:0;}
				    
				}
				/*灯塔 8灯（默认）*/
				.light-house{.absolute;left:0;
					.singlelight{width:70px;height:70px;border-radius:12px;.absolute;background: rgba(180,188,194,.14) url(../images/jizhu/black/lightOff.png) center center no-repeat;}
					.singlelight.light{background: rgba(180,188,194,.14) url(../images/jizhu/black/lightOn.png) center center no-repeat;}
					
					.singlelight:first-child{left:15px;}
					.singlelight:nth-child(2){left:95px;}
					.singlelight:nth-child(3){left:175px;}
					.singlelight:nth-child(4){left:255px;}
					.singlelight:nth-child(5){left:335px;}
					.singlelight:nth-child(6){left:415px;}
					.singlelight:nth-child(7){left:495px;}
					.singlelight:nth-child(8){left:575px;}
				}
				/*灯塔 4灯*/
				.light-house.fourlight{width:340px;left:161px;}
				/*开关合闸*/
				.xiantiao.brake{
			    	transform: rotate(0); 
					-ms-transform:rotate(0); 	/* IE 9 */
					-moz-transform:rotate(0); 	/* Firefox */
					-webkit-transform:rotate(0); /* Safari 和 Chrome */
					-o-transform:rotate(0); 	/* Opera */
			    }
				.kaiguan{left:120px; top:113px;
					
					.kaiguanclick.open{border-radius:24px;background-color:#4cd864;height:48px;width:80px;padding-top:2px;margin-top:16px;
						div{width:44px;height:44px;border-radius:22px;background-color:#ffffff;margin-left:33px;}
					}
					.kaiguanclick.down{border-radius:24px;background-color:#ffffff;height:48px;width:80px;margin-top:16px;border:#e6e6e6 solid 3px;
						div{width:42px;height:42px;border-radius:21px;background-color:#ffffff;border:#e6e6e6 solid 2px;margin-left:0;}
					}
				}
				.kaiguan1,.kaiguan5{left:131px; top:120px;width:100px;
					.icon-bg{left:21px;}
					.text{margin-left:0;margin-top:70px;width:100%;}
				}
				.kaiguan1.only,.kaiguan2.only,.kaiguan3.only,.kaiguan4.only,.kaiguan5.only,.kaiguan6.only{left:281px;}
				.kaiguan2,.kaiguan6{left:431px; top:120px;width:100px;
					.icon-bg{left:21px;}
					.text{margin-left:0;margin-top:70px;width:100%;}
				}
				.kaiguan3{left:131px; top:0px;width:100px;
					.icon-bg{left:21px;}
					.text{margin-left:0;margin-top:70px;width:100%;}
				}
				.kaiguan4{left:431px; top:0px;width:100px;
					.icon-bg{left:21px;}
					.text{margin-left:0;margin-top:70px;width:100%;}
				}
			}
		}
	}
	// 无市电的时候
	.noshidian{
		.fadongji{width: 500px;
			.yibiaopan{margin-left: 70px;}
			.dianya{margin-left: 55px;}
		}
		.fuzai{width:441px;
			.yibiaopan{margin-left: 70px;}
			.dianya{margin-left: 45px;}
		}
		.fadian{width: 260px;}
	}
}
.monitor-box.airpress-box{width:791px;}
//加载动画
.dataloading{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:99999;top:0;
	.loadingimgbox{margin:0 auto;width:32px;height:100%;
		.loadingimg{width:32px;height:32px;position:fixed;top:48%;}
	}
}
//皮肤
.unin-themes{.fixed; right: 0; bottom: 161px;  z-index: 9999;  width: 48px; height: 48px; line-height: 48px;  text-align: center;}

//分享
.share-box{.fixed; right: 0; bottom: 112px;  z-index: 9999;
	.share-box-inner{width: 48px; height: 48px; line-height: 48px; text-align: center;  .pointer;}
	.icon{vertical-align: middle;}
	.share-code{left:-236px; top:-216px; width: 236px; height: 264px;  padding-top:44px;
		.code-box{width: 124px; height: 124px; margin:0 auto;}
		.code-text{line-height: 16px; text-align: center; margin-top:20px;}
		.sjx{.absolute; right:-12px; bottom:18px; width: 0;height:0;line-height:0;overflow:hidden;border-width:12px 0px 12px 12px;border-style:solid;border-color:transparent transparent transparent @white;/*透明  透明 透明 绿*/}
	}
}
.share-box.open .thome-button{background:rgba(45,200,255,1);}
//右下角的几个按钮
.thome-button{ background:rgba(0,0,0,.7);}
.thome-button:hover{background:rgba(45,200,255,1);}
//发电信息
.power-info{.fixed; bottom:0; right:0; width:100%;  padding:24px 0;  background:rgba(0,0,0,.7); .transition; color:@white;z-index:88888;
	dl{height:60px; overflow: hidden; text-align: center; width:1200px; margin:0 auto;
		dt{float:left; width:20%; font-size: 24px;  line-height: 60px; font-weight: normal;}
		dd{float:left; width:23%; height:60px;  .relative;
			p{margin:0; padding:0;}
			.info-value{color:@blue5; font-size: 24px; line-height: 34px;}
			.info-text{color:@white; font-size: 14px; line-height: 26px;}
		}
		dd span{font-size:@size14;}
		dd span.closewhite{font-size:0;}
		dd:after{ .absolute; right:0; top:10px; width:0px; height:40px; line-height: 40px;  overflow:hidden; border:none; border-right:@white solid 1px; content:'';  }
		dd:last-child{width:11%; .pointer;  padding-top:15px;
		}
		dd:last-child:after{display: none;}
	}
}
.power-info.airpressBox{
	dl{
		dd{width:30%;}
		dd:last-child{width:11%; }
	}
}
.power-info:hover{background:rgba(0,0,0,.7); }
//右边的小图
.power-info-small{.fixed; bottom:0; right:0; width:48px; height:110px;  .transition;  background:rgba(0,0,0,.7); opacity: 1; color:@white; text-align: center; .pointer;  padding:0 10px;
	p.back-dom{padding:16px 0;}
}
.power-info-small.airpressBox{padding:0;}
.power-info.conceal{width:0;}
.power-info-small.conceal{opacity: 0;}
//右边的详细信息按钮
.data-info-small{.fixed; bottom:162px; right:0; width:48px; height:48px;  .transition;  background:rgba(15,136,235,1); opacity: 1; color:@white; text-align: center; .pointer;  padding:7px 10px; line-height:16px;
	
}




//最左边的一级菜单
.sidebar{.fixed; left:40px; top:131px; width: 140px; float: left; background:@blue6; 
	li{height: 40px; line-height: 40px; color: #010101; padding-left:18px; .pointer;}
	li.active{background: @blue; color: @white;}
}
//最左边的二级菜单
.sidebar2{position: absolute;width: 210px; margin-left:160px;  border: @gray5 solid 1px; 
	dt{height: 40px; line-height: 40px; background:@blue6;  color: #010101; padding-left:18px;  font-weight: normal;}
	dd{ line-height: 26px; color: @black; margin:20px auto; padding-left:18px; padding-right:15px; .pointer;
		.icon{vertical-align: middle; margin-right: 9px;}
	}
	dd.active{
		.icon.circle{background-position: -90px -30px;}
	}
}
/*详细数据*/
.monitor-table-box{padding-bottom:400px;}
.monitor-table{width: 100%;  padding-top:1px;
	.latest-time{color: #999; font-size: 12px; line-height: 20px; margin-bottom: 20px;}
	.unit-table{width: 100%; border:@gray5 solid 1px; color:@black; margin-top:-1px;
		th,td{ border:@gray5 solid 1px; text-align: left; padding-left:22px;}
		th{background: @blue6;  height: 50px; font-weight: normal;}
		th.nonerightline{ border-right:1px solid rgba(40, 39, 64, 0.5);}
		td{ height: 60px; vertical-align: middle;
			.imgurl{vertical-align: middle;}
			.td-value{display: inline;}
		}
	}
	//可编程输出口
	.unit-status-dot{width:16px; height:16px!important; line-height: 16px!important; overflow: hidden; padding:0; border-radius: 50%;}
	.unit-status-dot.no{background: #989b9d;}
	.unit-status-dot.yes{background: #3e9b35;}
	//
	.unit-status-jingji{width: 100%; height: 100%;}
	.unit-status-jingji.no{background: url(../images/jizhu/io201.png) left center no-repeat;}
	.unit-status-jingji.yes{background: url(../images/jizhu/io202.png) left center no-repeat;}
	//可编程
	.unit-status-bianc{width: 100%; height: 100%;}
	.unit-status-bianc.no{background: url(../images/jizhu/io301.png) left center no-repeat;}
	.unit-status-bianc.yes{background: url(../images/jizhu/io302.png) left center no-repeat;}
}
/*历史数据*/
.lssj-right{width:100%; padding-left:390px;  padding-top:1px;
	.lsborder{border:1px solid @gray5;}
	.date-box{height:40px; width:100%; line-height:40px; padding:0; text-align:center; margin:0 auto; float:none;background:@blue6; }
	.date-box div{cursor:pointer;}
	.date-box div:nth-child(2){cursor:text;}
	.date-box .WdateFmtErr{color:@black;font-weight:normal;}
	.abs-box{position:absolute;margin-left:3px;margin-top:-2px;}
	.table-title{padding-left:18px;margin:40px 0;
		.title-tip-img{position:absolute;height:14px;border:2px solid #417eec;border-radius:4px;margin-top:4px;margin-right:10px;}
		.title-tip{padding-left:10px;}
	}
	.lssj-table{height:300px;width:100%;}
	.lssj-chart-box{padding:0 30px 30px 30px;}
	/*时间选择变更样式*/
	.time-select-box{position:absolute;top:40px;width:456px;padding:0;
		.fbox{width:91px;border-right:1px solid @gray5;}
		.ebox{width:90px;}
		.item-border{border-bottom:1px solid @gray5;cursor:pointer!important;}
		.item-border.last{border-bottom:none;}
		.item-border.check{background:rgba(53,134,255,.8); color:@white;}
		//不可选
		.item-border.noclick{color:#8c9096; background: #eee; }
	}
	.time-select-box.ftime{left:-185px;}
	.time-select-box.etime{left:-240px;}
}
/*报警信息*/
.now-alarm-box{color:#727272;border-bottom:1px solid #e0e0e0;padding:30px 9px;
	.alarm-text{color:@red3;}
}

.return-error{width: 100%; padding: 200px 0; text-align: center; background: rgba(36,39,62,.5); color: @white;}

// 报警界面
.alarm-box{position: relative; padding-top:0;}
// 报警类别前面的点及颜色
.type-name:before{display: block; position: absolute; top:1px; left:0; content:''; width: 12px; height: 12px; line-height: 12px;  border-radius: 50%;}
//报警 
.typestatus0:before{background:#dc0000;}
//警告
.typestatus1:before{background:#fe8200;}
//指示
.typestatus2:before{background:#fff100;}
// 其他
.typestatus3:before{background:#ccad7f;}

.alarm-left{width:264px; float: left; min-height:100%; position: relative; z-index: 100; border:#545447 solid 1px; border-left:none; border-bottom:none;
	.alarm-type{
		dt{height: 40px; line-height: 40px; color: #2ec9ff; background: #303249; padding-left: 20px;}
		.alarm-list{padding:16px 0 16px 20px; background:rgba(36,39,62,.5); .pointer;
			.type-name{color: @white; position: relative; padding-left:23px; line-height: 14px; }
			.alarm-time{ padding-left:23px; line-height: 14px; margin-top:8px; font-size: 12px; color: #83878e;}
		}
		.alarm-list.active{background:#0f88eb; color: @white!important;
			.alarm-time{color:@white;}
		}
	}
}
.alarm-center{width: 100%; padding-left:264px; position:absolute; z-index: 90; height: 90%; border-top:#545447 solid 1px;
	.alarm-inner{margin:0 40px 0 26px; padding-top:10px;
		// .chart-title{height: 60px; line-height: 60px; color: @white; font-size: 16px;}
		// 报警信息显示
		.alarm-info{background: #3e454c; border:#49444c solid 1px; padding:20px;
			.type-name{color: @white; position: relative; padding-left:23px; line-height: 14px;}
			.right-time{color: #83878e;
				.time-text{margin-left:26px;}
			}
		}
		// 参数过滤
		.filtration{color: #585a60;  padding:20px 0;
			.right-img{margin:0 0 0 18px;.pointer; }
			.fullScreen{display: block; width: 26px; float: right; height:26px; background:url(../images/jizhu/fullScreen.png) no-repeat; background-position: 1px top;}
			.fullScreen.active{background-position: 1px -30px;}
			.alarm-time-type{position: relative;
				.button-alarm{line-height: 34px; background: #3e454c; color: #40aff6; padding:0 10px;}
				.dropdown-menu{background: #373d45; border-radius: 0; padding:0; border:none; width:100%; min-width: 100px;
					li{height: 34px; line-height: 34px;  color: #40aff6; margin:0; padding:0 10px; cursor: pointer; }
					li.active{background:#40aff6; color: @white;}
				}
			}
			.alarm-time-explain{line-height: 34px; padding-left:10px; position: relative;}
		}
		// 统计图
		.alarm-chart{height: 400px;}
	}
	.nodata-all{text-align: center; margin:0 40px 0 26px; padding-top:10px; font-size: 20px; padding:100px 0; color:#c8c8c8; height: 100%; line-height: 100%; display: none;}
}
.alarm-center.nodata{
	.alarm-inner{display: none;}
	.nodata-all{display: block;}
}
// 全屏
.alarm-center.fulll-screen{padding-left: 0;}

.alarm-center.fixed{ position:fixed; top:0;}
// 报警信息的弹出层
.alarm-pop{background: #24273e; left: 0; top:0; width: 100%; position:absolute; padding:0 20px;  z-index: 900;  overflow: auto;overflow-x: hidden; .transition;
	&.fixed{position:fixed; top:0;}
	dl{
		dt{color:#2ec9ff; font-weight: normal; height: 30px; line-height: 40px; margin-bottom: 12px;}
		dd{color: #bebebe; overflow: hidden;
			label{width: 150px; float: left; margin-bottom: 4px; 
				.icheckbox_square-grey{margin-right: 10px;}
				.disabled{color:pink;}
			}
		}
	}
	.alarmbutton-box{text-align: center; padding:20px;
		.btn{margin:0 10px; .pointer;}
	}
}


/* 机组信息-实时信息  end
--------------------------------------------------------------------------------------------
*/

/* 机组信息-实时信息 深色  star
--------------------------------------------------------------------------------------------
*/
body.unit-black{background:#000 url(../images/jizhu/bg_body.jpg) left top no-repeat; background-size: 100% 100%; background-attachment:fixed;
	//统一的背景
	.thome_bg{ background: rgba(40,39,64,.5);}
	//header
	.monitor-header{background: rgba(36,39,62,.5);color:@white; border-color: #2a292e;
		.top-nav li a{color:@gray2;}
		.top-nav  li.active a{color:#2ec9ff;}
		.top-nav  li.active a:after{border-color:#2ec9ff;}
	}

	//综合显示
	.monitor-box{color:#fff;
		/*title*/
		.monitor-title{color:@white;
			.ctrl-status{border:1px solid #514a56;color:#2ec9ff;background:#3e454c;}
		}
		/*盒子*/
		
		.monitor-border{border-color: #272730; .thome_bg;}
		/*input框*/
		.form-control{ border:none;  background: #3e454c;}
		// .shuju .form-control{width:16px!important;}
		// .dianya .form-control{height:16px!important;}
		.dianya .text-value{color:@white;}
		.zhxs-box{
			.dianya .zhi .bg-value{height: 100%; left:0; top:0;max-width:100%;
				background-image:-webkit-linear-gradient(to right, #2d90ff, #2dc8ff);
				background-image:linear-gradient(to right,#2d90ff,#2dc8ff);
			}
			//柱状图颜色
			.right-box .shuju .text-value{color:@white;}
			//柱状图背景颜色
			.right-box .shuju .zhi .bg-value{width:100%; left:0; max-height:100%; bottom:0; background-image:-webkit-linear-gradient(to top, #2d90ff, #2dc8ff);
	  		background-image:linear-gradient(to top,#2d90ff, #2dc8ff);}

	  		//横向
	  		.dianya .zhi .bg-value.dangerous{
				background: #2d90ff; 
				background: -moz-linear-gradient(left, #2d90ff 1%, #2dc8ff 65%, #ffb72d 85%, #fc502b 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(left, #2d90ff 1%,#2dc8ff 65%,#ffb72d 85%,#fc502b 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right, #2d90ff 1%,#2dc8ff 65%,#ffb72d 85%,#fc502b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d90ff', endColorstr='#fc502b',GradientType=1 ); /* IE6-9 */
	  		}
	  		//纵向
	  		.right-box .shuju .zhi .bg-value.dangerous{
				background: #2d90ff; 
				background: -moz-linear-gradient(bottom, #2d90ff 1%, #2dc8ff 65%, #ffb72d 85%, #fc502b 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(bottom, #2d90ff 1%,#2dc8ff 65%,#ffb72d 85%,#fc502b 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to top, #2d90ff 1%,#2dc8ff 65%,#ffb72d 85%,#fc502b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d90ff', endColorstr='#fc502b',GradientType=1 ); /* IE6-9 */
	  		}
	  		//纵向
	  		.right-box .shuju .zhi .bg-value.dangerous2{
				background: #2d90ff; 
				background: -moz-linear-gradient(top, #ffb72d 15%, #fc502b 85%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top, #ffb72d 15%,#fc502b 85%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom, #ffb72d 15%,#fc502b 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc502b', endColorstr='#ffb72d',GradientType=1 ); /* IE6-9 */
	  		}
	  		//文字颜色
	  		.input-box{color: @white;}
	  		//.input-box .speright,.input-box .syqy-value-text{color: #585a60;}
			//按钮
			.kongzhiqi .anniu .icon-bg{background-image:-webkit-linear-gradient(to top, #2d90ff, #2dc8ff);
			 background-image:linear-gradient(to top,#2d90ff, #2dc8ff);}
			 //停止
			.kongzhiqi .anniu.tingji .icon-bg{background-image:-webkit-linear-gradient(to top, #f03820, #ff552d);
			 background-image:linear-gradient(to top,#f03820, #ff552d);}
			 //启动
			 .kongzhiqi .anniu.kaiguan .icon-bg{background-image:-webkit-linear-gradient(to top, #09731a, #3e9b35);
			 background-image:linear-gradient(to top,#09731a, #3e9b35);}
			 //锁机
			 .kongzhiqi .anniu.suoji .icon-bg{background-image:-webkit-linear-gradient(to top, #ff782b, #ffa12b);
			 background-image:linear-gradient(to top,#ff782b, #ffa12b);}
			 //解锁
			 .kongzhiqi .anniu.jiesuo .icon-bg{background-image:-webkit-linear-gradient(to top, #09731a, #3e9b35);
			 background-image:linear-gradient(to top,#09731a, #3e9b35);}
			 //复位
			 .kongzhiqi .anniu.fuwei .icon-bg{background-image:-webkit-linear-gradient(to top, #ff782b, #ffa12b);
			 background-image:linear-gradient(to top,#ff782b, #ffa12b);}

			 //控制器右边的线条
			.kongzhiqi .liuchengBox{
				.top-img.jz{background: url(../images/jizhu/black/stateLeftOff.png) left center no-repeat;}
				.top-img.fz{background: url(../images/jizhu/black/stateMidOff.png) left center no-repeat;}
				.top-img.sd{background: url(../images/jizhu/black/stateRightOff.png) left center no-repeat;}
				.top-img.mp{background: url(../images/jizhu/black/stateMpOff.png) left center no-repeat;}
				.top-img.jz.light{background: url(../images/jizhu/black/stateLeftOn.png) left center no-repeat;}
				.top-img.fz.light{background: url(../images/jizhu/black/stateMidOn.png) left center no-repeat;}
				.top-img.sd.light{background: url(../images/jizhu/black/stateRightOn.png) left center no-repeat;}
				.top-img.mp.light{background: url(../images/jizhu/black/stateMpOn.png) left center no-repeat;}
				/*顶部的图片
				.top-img-left{background: url(../images/jizhu/black/stateLeftOff.png) left center no-repeat;}
				.top-img-mid{background: url(../images/jizhu/black/stateMidOff.png) left center no-repeat;}
				.top-img-right{background: url(../images/jizhu/black/stateRightOff.png) left center no-repeat;}
				.top-img-left.light{background: url(../images/jizhu/black/stateLeftOn.png) left center no-repeat;}
				.top-img-mid.light{background: url(../images/jizhu/black/stateMidOn.png) left center no-repeat;}
				.top-img-right.light{background: url(../images/jizhu/black/stateRightOn.png) left center no-repeat;}
				*/
				
				.xiantiao{background:#b4bcc2;}
				.xiantiao.highlight{background:#2dadff;}
				
				.dot{background:#b4bcc2;}
				.dot.highlight{background:#2dadff;}
			}
			//去掉表盘背景
			.fadongji .yibiaopan{background: none;}
			.yibiaopan .zhizhen{width: 109px; height: 16px; top:82px; left:-19px;}
			//负载
			 .fuzai .yibiaopan{background: none;}
			 .fuzai .fdj-value{margin-top:0;}
		}
		.yibiaopan-box{ width:185px; height:90px; .relative; display: block; overflow: hidden;}
		//表盘
		.biaopanbg{ width:185px; height:185px; .absolute; top:0; /*overflow: hidden;*/
			transform: rotate(0deg); 
			-ms-transform:rotate(0deg); 	/* IE 9 */
			-moz-transform:rotate(0deg); 	/* Firefox */
			-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
			-o-transform:rotate(0deg); 	/* Opera */
			
			.biaopanyuan{width: 195px; height: 95px; overflow: hidden;}
			.biaopanbian{ width:185px; height:185px; border-radius: 50%; .relative; background: #2d90ff;  border: #3e454c solid 1px;
				.biaopanbian2{.absolute; left:15px; top:15px; width:151px; height:151px; border-radius: 50%; background: #1e1e2f;}
			}
			.biaopanbian.dangerous{ 
				background: #2d90ff; /* Old browsers */
				background: -moz-linear-gradient(left, #2d90ff 1%, #2dc8ff 65%, #ffb72d 86%, #fc502b 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(left, #2d90ff 1%,#2dc8ff 65%,#ffb72d 86%,#fc502b 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right, #2d90ff 1%,#2dc8ff 65%,#ffb72d 86%,#fc502b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d90ff', endColorstr='#fc502b',GradientType=1 ); /* IE6-9 */
				}
		}
		.biaopanbg.dongtai .biaopanbian{background: #3e454c;}

	}
	//右下菜的几个按钮
	.thome-button{ background:rgba(62,69,76,.8);}
	.thome-button:hover{background:rgba(45,200,255,1);}
	.power-info:hover{background:rgba(62,69,76,.8); }
	//详细数据
	.back-monitor{ margin-bottom:10px;
		a{color: #2ec9ff;}
	}
	.sidebar li{color: @white;}
	.sidebar li.active{background: #2ec9ff;}
	.unit-table{color: @white;
		*{border-color: #3d4047;}
		tr th{.thome_bg; color: #83878e;}
	}
	
	.icon.circle{background-position: -120px top;}
	.sidebar2 dd.active .icon.circle{background-position: -120px -30px;}
	.lssj-right .lsborder{border-color: #3d4047; color: @white;}
	.lssj-right .date-box{.thome_bg;}

	.table-box{
		.panel{background: none;}
		.panel-body{background: none;}
		.datagrid-view{.thome_bg; }
		.datagrid-header{border-color: #3d4047; }
		.datagrid-header .datagrid-header-inner .datagrid-htable .datagrid-header-row td .datagrid-cell span{border-color:#3d4047;  background: rgba(36,39,62,.5); color: #83878e;}
		.datagrid-body td{border-color:#3d4047; color:@white;}

		/*鼠标hover效果*/
		.datagrid-row-over,.datagrid-header td.datagrid-header-over{background:rgba(62,69,76,.8); cursor: default;}
		.datagrid-row-over td{ color: @white; cursor: default;background:rgba(62,69,76,.8); }
		/*选中效果*/
		.datagrid-row.datagrid-row-checked.datagrid-row-selected{.thome_bg;}

		.datagrid-body .datagrid-btable .datagrid-row .datagrid-cell .blue{color:#2ec9ff;}
		
	}
	/*表格暂无数据提示*/
	.nodataHint{ .thome_bg; border-color:#3d4047; border: none;}
	.now-alarm-box{ border-color:#3d4047;   background: rgba(36,39,62,.5); }
	//报警
	.crumb{color: @white;}
	.crumb .active{color: @white;}
	.lssj-right .time-select-box .item-border{}
	.lssj-right .time-select-box .item-border.check{background: @gray;}
	/*历史数据*/
	.sidebar2{border-color: #3d4047;
		dt{.thome_bg; color: @white; }
		dd{color: @white;}
	}
	.lssj-right{
		/*时间选择变更样式*/
		.time-select-box{background: rgba(62,69,76,.8); border-color:#1d1d2b;
			.fbox{border-color:#1d1d2b;}
			.item-border{color:@white; border-color:#1d1d2b;}
			.item-border.check{background-color:#30adda;}
			//不可选
			.item-border.noclick{background: #4d555e; color: #8e8e8e;}
		}
	}
	.latest-time{color:#83878e;}
}

/* 机组信息-实时信息 深色  end
--------------------------------------------------------------------------------------------
*/





/* 机组信息-实时信息H5  star
--------------------------------------------------------------------------------------------
*/
.bodyh5{background: #f2f2f2; font-size: 7px;
	.box1 {width: 50%;padding-bottom: 100%;float: left;background: #123;}
.box2 {width: 50%;padding-bottom: 25%;float: right;background: #234;}
.box3 {width: 50%;padding-bottom: 25%;float: right;background: #345;}

	/*实时信息的H5页面5.6% 左右的间距 */
	.top-nav-h5{width: 100%; background: @white; margin:0 auto; padding: 0;  height: 50px; line-height: 50px; border-bottom: @gray1 solid 1px; overflow: hidden;
		li{display: block; float: left; width: 33.33%; height: 50px; line-height: 50px; text-align: center; 
			a{font-size: 14px; color:@black;}
		 }
		 li.active a{color:@blue5;}
	 }
	 .wrapper{background: @white;}
	 //二级菜单
	 .sidebar{.relative; width:100%; height: 50px; line-height: 50px; background: @white; overflow: hidden;
	 	li{width:25%; height: 50px; line-height: 50px; float: left; padding:0; .relative; text-align: center;}
	 	li.active{background: @white; color:@blue5;}
	 	li.active:before{.absolute; left:0; bottom:0; width: 100%; height:2px; line-height: 2px; border-radius: 2px; background:@blue5;  content:'';  }
	 }
	 //表格
	 .monitor-table{width: 88.8%; padding:0; margin:10px auto; background: @white;}
}

/* 机组信息-实时信息H5  end
--------------------------------------------------------------------------------------------
*/


/*地图 star
----------------------------------------------------------------------------------*/
//文字标签的样式
#map{
	//label.BMapLabel{display:block!important;  border:none!important; color:@white; text-align: center; font-size: 14px!important; background:none!important; }
	//百度地图自定义控件
	.anchorBR{.relative; right:0!important;
		li{width:24px; height:24px; line-height: 24px; margin:9px 12px 9px 0; text-align: center; color:@black; background:white;  border-radius: 50%; box-shadow: 0 0 10px 5px #c4c2c2; .pointer; }
		li:hover{color:@blue;}
	}
	//google地图自定义控件
	#anchorBRgoogle{
		li{width:24px; height:24px; line-height: 24px; margin:9px 12px 9px 0; text-align: center; color:@black; background:white;  border-radius: 50%; box-shadow: 0 0 10px 5px #c4c2c2; .pointer; }
		li:hover{color:@blue;}
	}
}

//左边的搜索与数据
.map-left{.fixed; left:10px; top:10px; width:330px; height:auto; 
	//搜索
	.unit-search{height:40px; margin-bottom:10px;  box-shadow: 0px 3px 2px 0px rgba(0,0,0,.15); .relative;
		.unit-search-input{width: 272px; height: 40px; line-height: 40px; border:none; padding:0 40px 0 8px;}
		.unit-search-delbox{position:absolute;width:38px;height:40px;margin-top:-38px;margin-left:234px;background:url(../images/mapimage/btn_del.png) no-repeat center center;.porint;}
		.btn-blue{.absolute; right:0; top:0;  width:58px; height: 40px; line-height: 38px; border-radius: 0; padding:0;
			span{vertical-align: middle;}
		}
	}
	
	//列表
	.unit-map-info{ padding:0; background:@white; overflow: auto;  overflow-x: hidden;  box-shadow: 0px 3px 2px 0px rgba(0,0,0,.15);  .relative;
		.nuit-title{width:100%;  height:40px; line-height:40px;  background:#f5f8fa; padding-left:20px; margin-bottom: 14px;}
	}
	//列表动画
	.tablist{.transition; .relative;  left:0; }
	.tablist.excursion{.absolute; }

	.list-box{max-height: 100%; 
		.list{margin-bottom:14px; line-height: 18px; .pointer; padding-left:20px; border-bottom:#e0e0e0 solid 1px; padding-bottom: 14px;
			.info{width:100%;}
			.unit-name{}
			.unit-status{color:@gray; margin:10px 0;}
			.unit-status .status{padding:1px 8px; border-radius: 4px;}
			//报警数量
			.unit-status .alarm{color:#dc0000; margin-left:10px; background:#faeae6; padding:1px 8px; border-radius: 4px;}

			.address{color:@gray; .dots }
		}
		.list:last-child{border:none;}
	}
	//详情
	.tab-info{.transition; .relative; top:0; left:0; width:100%;  padding:0;
		.info-title{width:100%;  height:40px; line-height:40px;  background:#f5f8fa; padding:0 20px; .pointer;}
		.info-info-inner{padding:20px;}
		.unit-detail{margin-bottom: 7px;
			.info-name{font-size: 20px; line-height: 24px; margin-bottom: 10px;}
			.info-address{font-size: 14px; line-height: 18px; margin-bottom: 10px; color:#727272;}
		
			.unit-status{color:@gray; margin:10px 0;}
			.unit-status .status{padding:1px 8px; border-radius: 4px;}
			//报警数量
			.unit-status .alarm{color:#dc0000; margin-left:10px; background:#faeae6; padding:1px 8px; border-radius: 4px;}
		}
		.button-box{padding:0; margin-bottom: 20px;
			.btn{width: 124px; margin:0; padding:6px 12px}
		}
		.info-img{
			img{width: 100%;}
		}
	}
	.tab-info.excursion{.absolute; left:340px; }
	.unit-status:before{display: none; margin:0;}

	//运行状态
	.unit-status.unitrun .status{color:#3ca000; background:#e2fae4;}
	//离线状态
	.unit-status.hostoffline .status{color:#585a60; background:#eee;}
	//停机状态
	.unit-status.unitstop .status{color:#fe8200; background:#fdeddd;}
	
}
// 右上角的百度/谷歌的切换
.toggle-box{.absolute; top:10px; right:12px; width: 370px; color:#333;
	.toggle-refresh{position: absolute; right: 132px; width: 127px; min-width: 88px;  height: 48px; line-height: 48px; background: @white;  text-align: center; .porint; border-radius:12px;}
	//.toggle-unit{position:absolute; right:115px;  width: 140px;  min-width: 140px; max-width: 140px; height: 34px; line-height: 34px; background: @white;  text-align: center; .porint;
		//.dropdown-menu{width:140px; min-width: 140px; max-width: 140px; text-align: center;}
	//}
	.toggle-map{position: absolute; right: 0; width: 127px; min-width: 88px;  height: 48px; line-height: 48px; background: @white;  text-align: center; .porint; border-radius:12px;
		.dropdown-menu{width:110px; min-width: 110px; max-width: 110px; text-align: center;}
		li{.pointer;}
		li.active,li:hover{color:@blue;}
	}
	.sort-inner{
		li{.pointer;}
		li.active,li:hover{color:@blue;}
	}
	//报警按钮
	.toggle-alarmBtn{width:108px; height:48px; line-height:48px; position:absolute; right:264px; text-align:center; z-index:10; background:#fff; box-shadow:0px 2px 10px rgba(0, 0, 0, 0.3); border-radius:12px; font-weight:300!important; font-size:16px!important; color:#333333!important; cursor:pointer; border:none;
		.alarmCheckImg{margin-right:10px; margin-top:-2px;}
	}
	.toggle-alarmBtn.check{background:#3586FF; font-weight:normal!important; color:#FFFFFF!important;}
	//状态查询按钮组
	.toggle-statusBox{width:353px; height:48px; position:absolute; right:377px; text-align:center; z-index:10; border-radius:12px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3); overflow:hidden;
		.statusBtnLine{float:left; width:1px; height:48px; background:#9D9D9D;}
		.statusBtnLine.check{background:#FFFFFF;}
		.statusBtn{float:left; width:117px; height:48px; line-height:48px; cursor:pointer; border:none; background:#fff; font-weight:300!important; font-size:16px!important; color:#333333!important;
			.statusCheckImg{margin-left:10px; margin-top:-2px;}
		}
		.statusBtn.check{background:#3586FF; font-weight:normal!important; color:#FFFFFF!important;}
	}
}
.toggle-box.active{right: 243px;}

//返回按钮
.quit-button{.absolute; top:0; right:0; z-index: 99; background: @white; display:block; width: 230px;  height:64px; line-height: 64px; border-bottom:@gray5 solid 1px; color:@blue4; font-size: 14px; text-align: center; .pointer;
	.quit{vertical-align:middle; margin-right:20px;}
}

//机组右边的条件
.map-unit{.absolute; right:0; top:0;  z-index: 98; width:230px; background: @white; box-shadow: 0 -2px 15px 2px #c4c2c2;
	.unit-button-box{text-align: center; margin:104px auto 50px auto;
		.btn{margin:0 2px;}
	}
	.chart-box{text-align: center;
		.chart-title{ font-size: 14px; margin:40px 0 0 0;}
	}
}



/*地图 end
----------------------------------------------------------------------------------*/



/*物联金融*/
.financialInfo-box{background: @white; min-height: 100%;
	.financialInfo{width: 100%; .relative; margin-top:-2rem;
		.info-img{width: 100%;}
		.info-list{.absolute; width: 100%; height:2rem; color: @white; text-align: right;  font-size: 18px;
			.text{padding-top:10%; display: block; color: @white; width:89.333%; margin:0 auto;
				.info-icon{margin-right:8px;}
				.info-border{width:128px; margin-top:0.1rem;}
			}
		}
		.info-list1{top:20px; right:0.53%; width:70%; 
			.info-icon{width: 23px;}
		}
		.info-list2{top:22%; text-align: left;
			.info-icon{width:25px}
		}
		.info-list3{top:54%; right:0.53%; width:60%; 
			.info-icon{width:23.5px;}
		}
	}
	.contact{padding-left:20px; padding-bottom: 50px; margin-top:-49px;
		.contact-title{color: #8c9096; width: 60%; font-size: 12px; height:60px; line-height:120%; .relative; padding-top:20px; margin-bottom:18px;}
		.contact-title:before{.absolute; left:0; top:0; width:23px; height:6px; line-height:6px;  overflow:hidden;   content:''; background: #4cb4ec; color: #4cb4ec;}
		.contact-list{display: block; width: 100%; height: 32px; line-height: 32px; color: #000; font-size: 14px;
			.list-icon{width: 23px; margin-right: 10px;}
			.name{display: inline-block; min-width:110px; }
		}
	}
}

.editjizhu{padding-bottom: 20px;}

/*常见问题*/
.helpinfo-box{margin-top:20px;
	.helpinfo-leftbox{width:262px;position:absolute;border:1px solid #ddd;padding-bottom:50px;
		.helpinfo-lefttoptip{font-size:20px;line-height:26px;height:88px;border-bottom:1px solid #eee;padding-top:30px;
			img{width:26px;height:26px;margin-right:15px;}
		}
		.helptypeinfo-box{min-height:50px;padding:17px 20px 18px 20px;line-height:14px;border-bottom:1px solid #eee;}
		.helptypeinfo-box.noborder{border-bottom:none;}
		.helptypeinfo-box.check{color:#fff;background-color:#417eec;}
		.helptypeinfo-box.check .helptypeinfo-boxtext:hover{color:#fff;}
		.helptypeinfo-boxtext{.break-word;}
		.helptypeinfo-boxtext:hover{color:#0075d5;}
	}
	.helpinfo-rightbox{padding-left:280px;
		.helpinfo-rightinbox{width:100%;border:1px solid #ddd;padding:19px 50px;min-height:112px;
			.helplist-box{border-bottom:1px solid #eee;line-height:14px;padding:27px 0 28px 0;}
			.helplist-boxtext{.break-word;}
			.helplist-boxtext:hover{color:#0075d5;}
		}
	}
	.helpinfo-titlebox{font-size:20px;padding:15px 0 34px 0;border-bottom:1px solid #eee;margin-bottom:30px;}
	.helpinfo-remarkbox{overflow:hidden;}
}
/*常见问题H5*/
.help-infobox{padding:2rem 2rem}
.help-title{padding-bottom:2rem;border-bottom:1px solid #e0e0e0;margin-bottom:2rem;font-size:1.7rem;}
.help-remark img{width:100%;}

/*数据 编辑*/
.editleftlight{border-left:2px solid #2ec9ff!important;}
.editrightlight{border-right:2px solid #2ec9ff!important;}
.edittoplight{border-top:2px solid #2ec9ff!important;}
.editbottomlight{border-bottom:2px solid #2ec9ff!important;}

.editinput{position:absolute;width:100%;left:0;top:0;height:100%;background: rgba(40,39,64,0);border: 0px;outline:none;padding-left:22px;}
.listleftimg{margin-right:15px;}
.changeview{width:100%;height:20px;}

/*部门编辑界面*/
.menu-edit-mainbox{
	.menu-edit-lefttree-box{float:left;width:100%;
		.lefttree-mainbox{margin-right:404px;border:1px solid #d6d6d6;
			.menu-title{height:35px;border-bottom:1px solid #d6d6d6;padding:0 10px;line-height:34px;}
		}
	}
	.menu-edit-rightedit-box{position:relative;float:right;width:384px;margin-left:-384px;border:1px solid #d6d6d6;padding:20px;
		.input-box{margin-top:20px;
			.input-info{width:100%;height:32px;border:1px solid #ccc;border-radius:6px;padding:0 10px;line-height:30px;}
		}
		.add-box{height:36px;width:100%;border:1px solid #4688f1;text-align:center;line-height:32px;color:#4688f1;border-radius:8px;margin-top:20px;}
		.save-box{height:36px;width:80px;background:#4688f1;color:#fff;line-height:36px;text-align:center;border-radius:8px;margin-top:20px;}
	}
}
/*部门树整体css*/
.menu-mainlist{
	.menuaddclick{.porint;}
	.menuaddclick:hover{color:#0075d5;}
	.menu-info-mainbox{min-height:40px;
		.clickmenu-left-mainbox{float:left;width:100%;padding-left:15px;
			.clickmenu-left-box{margin-right:150px;padding-left:210px;}
			.clickmenu-left-box.noeditmenu{margin-right:0;}
			.clickmenu-left-box.left1{padding-left:14px;}
			.clickmenu-left-box.left2{padding-left:28px;}
			.clickmenu-left-box.left3{padding-left:42px;}
			.clickmenu-left-box.left4{padding-left:56px;}
			.clickmenu-left-box.left5{padding-left:70px;}
			.clickmenu-left-box.left6{padding-left:84px;}
			.clickmenu-left-box.left7{padding-left:98px;}
			.clickmenu-left-box.left8{padding-left:112px;}
			.clickmenu-left-box.left9{padding-left:126px;}
			.clickmenu-left-box.left10{padding-left:140px;}
			.clickmenu-left-box.left11{padding-left:154px;}
			.clickmenu-left-box.left12{padding-left:168px;}
			.clickmenu-left-box.left13{padding-left:182px;}
			.clickmenu-left-box.left14{padding-left:196px;}
		}
		.clickmenu-right-mainbox{position:relative;float:right;width:150px;height:40px;margin-left:-150px;padding-top:13px;
			.colbtn{padding-left:16px;.porint}
			.colbtn.nosort{cursor:default;}
		}
		.open-box{float:left;height:20px;margin:10px 0;width:20px;padding-left:5px;position:relative;margin-right:-20px;
			.open-click-tip{width:10px;height:20px;color:#b4b4b4;font-size:10px;line-height:20px;transition:all 0.1s ease-in;}
			.open-click-tip.rotate{transform:rotate(90deg);}
		}
		.open-box:hover{
			.open-click-tip{color:#4688f1;}
		}
		.menu-text-info{float:left;width:100%;
			.menu-text-info-box{margin:10px 0 10px 20px;}
		}
	}
	/*因为前面要多pad10所以后面的pad都加10*/
	.menu-info-mainbox.defaultleft{padding-left:206px;}
	.menu-info-mainbox.defaultleft.left1{padding-left:24px;}
	.menu-info-mainbox.defaultleft.left2{padding-left:38px;}
	.menu-info-mainbox.defaultleft.left3{padding-left:52px;}
	.menu-info-mainbox.defaultleft.left4{padding-left:66px;}
	.menu-info-mainbox.defaultleft.left5{padding-left:80px;}
	.menu-info-mainbox.defaultleft.left6{padding-left:94px;}
	.menu-info-mainbox.defaultleft.left7{padding-left:108px;}
	.menu-info-mainbox.defaultleft.left8{padding-left:122px;}
	.menu-info-mainbox.defaultleft.left9{padding-left:136px;}
	.menu-info-mainbox.defaultleft.left10{padding-left:150px;}
	.menu-info-mainbox.defaultleft.left11{padding-left:164px;}
	.menu-info-mainbox.defaultleft.left12{padding-left:178px;}
	.menu-info-mainbox.defaultleft.left13{padding-left:192px;}
	
	.menu-info-mainbox.deptclickbox{padding:0 10px;}
	.menu-info-mainbox.deptclickbox:hover{color:#0075d5;}
	.menu-info-mainbox.deptclickbox.deptcheck{color:@white;background:#417eec;
		.open-click-tip{color:@white;}
		.open-box:hover{
			.open-click-tip{color:@white;}
		}
	}
	.menu-info-mainbox.deptclickbox.deptcheck:hover{color:@white;}
	
	.menu-info-mainbox.topinfo{padding-left:15px;}
}

/*成员列表新左右结构*/
.listpage-leftbox{position:relative;float:left;}
.listpage-leftbox.userpage{width:242px;margin-right:-242px;border:1px solid #ddd;
	.depttreetitle{height:40px;line-height:40px;text-align:center;background:#eaeaea;}
}
.listpage-rightbox{float:left;width:100%;
	.userpagerightbox{margin-left:260px;border:1px solid #ddd;padding:20px;}
}

/*控制按钮子集界面*/
.expctrlbox{max-height:402px;overflow:scroll;overflow-x:hidden;overflow-y:auto;
	.expctrlbtn{height:62px;width:62px;border-radius:50%;background:#f4f4f4;position:relative;margin:0 auto;
		box-shadow:0 2px 2px 1px rgba(0,0,0,0.25);
		-webkit-box-shadow:0 2px 2px 1px rgba(0,0,0,0.25);
        -moz-box-shadow:0 2px 2px 1px rgba(0,0,0,0.25);
        -o-box-shadow:0 2px 2px 1px rgba(0,0,0,0.25);
        
		background: -webkit-linear-gradient(rgba(255,255,255,0.1),rgba(0,0,0,0.1)); /* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(rgba(255,255,255,0.1),rgba(0,0,0,0.1)); /* Opera 11.1 - 12.0 */
  		background: -moz-linear-gradient(rgba(255,255,255,0.1),rgba(0,0,0,0.1)); /* Firefox 3.6 - 15 */
  		background: linear-gradient(rgba(255,255,255,0.1),rgba(0,0,0,0.1)); /* 标准的语法 */
		.expctrlimg{max-height:36px;max-width:36px;}
	}
	.expctrlbtn.checkctrl{
		background: -webkit-linear-gradient(#2dc3ff , #2d93ff); /* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(#2dc3ff, #2d93ff); /* Opera 11.1 - 12.0 */
  		background: -moz-linear-gradient(#2dc3ff, #2d93ff); /* Firefox 3.6 - 15 */
  		background: linear-gradient(#2dc3ff , #2d93ff); /* 标准的语法 */
  	}
	.expctrlbottip{margin:12px 0 30px 0;}
}

/*并机详情界面*/
.parallel_mainbox{width:100%;min-width:1280px;background:#181a2a;
	.main_top_box{height:82px;border-bottom:2px solid #b4bcc2;line-height:80px;
		.main_paraname{position:absolute;font-size:18px;color:#fff;padding-left:40px;width:400px;overflow:hidden;}
		.main_totalnum{font-size:20px;color:#2ec9ff;padding-left:500px;}
	}
	.parallel_box{width:100%;min-width:1280px;padding:0 40px;
		.unit_nodata_box{height:60px;color:#fff;font-size:20px;line-height:60px;}
		.parallel_info{width:200px;float:left;
			.top_link{height:182px;
				.top_line{width:2px;background:#b4bcc2;margin:0 auto;}
				.top_line.top{height:44px;}
				.top_line.mid{height:22px;}
				.top_line.mid.open{transform:rotate(-30deg);transform-origin:center bottom;}
				.top_line.bot{height:38px;}
				.top_dot{width:10px;height:10px;background:#b4bcc2;margin:0 auto;border-radius:50%;}
				.top_circle{width:58px;height:58px;background:#2daeff;margin:0 auto;border-radius:50%;font-size:20px;color:#fff;line-height:58px;}
				.top_status_img{width:38px;height:34px;position:relative;margin-top:-164px;background:url(../images/jizhu/parallel/link_on.png) left center no-repeat;}
				.top_status_img.open{width:38px;height:34px;position:relative;margin-top:-164px;background:url(../images/jizhu/parallel/link_off.png) left center no-repeat;}
			}
			.status_tip{margin-top:17px;padding:0 10px;
				div{color:#b1b4be;line-height:24px;}
			}
			.unit_dial_info{margin:40px 0 35px 0;
				.dial_show_box{width:180px;height:90px;overflow:hidden;margin:0 auto;
					.blue_dial{width:180px;height:180px;background:#2d90ff;border-radius:50%;}
					.blue_dial.dangerous{ 
						background: #2d90ff; /* Old browsers */
						background: -moz-linear-gradient(left, #2d90ff 1%, #2dc8ff 65%, #ffb72d 86%, #fc502b 100%); /* FF3.6-15 */
						background: -webkit-linear-gradient(left, #2d90ff 1%,#2dc8ff 65%,#ffb72d 86%,#fc502b 100%); /* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(to right, #2d90ff 1%,#2dc8ff 65%,#ffb72d 86%,#fc502b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d90ff', endColorstr='#fc502b',GradientType=1 ); /* IE6-9 */
					}
					.gray_dial_box{width:180px;height:180px;
						.gray_dial{width:180px;height:90px;background:#3e454c;border:1px solid #3e454c;border-radius:180px 180px 0 0;position:relative;margin-top:-180px;}
					}
					.center_marker{width:148px;height:148px;background:#181a2a;border-radius:50%;position:relative;margin-top:-163px;margin-left:17px;}
				}
				.pointer_box{width:200px;height:108px;overflow:hidden;margin:0 auto;position:relative;margin-top:-100px;
					.pointer_img{width:200px;height:200px;background:url(../images/jizhu/black/zhizhen.png) left center no-repeat;}
				}
				.rated_box{width:200px;padding:0 10px;font-size:16px;color:#585a60;}
				.actual_box{width:200px;padding:0 10px;position:relative;margin-top:-10px;color:#fff;
					.act_value{font-size:20px;}
					.act_unit{font-size:12px;}
				}
			}
			.unit_data_info{font-size:12px;color:#b1b4be;line-height:24px;
				
			}
			.unit_status_info{width:180px;height:60px;border:1px solid #46404d;background:#393d45;margin:30px auto 0 auto;color:#989b9d;line-height:28px;
				.unit_status_unitname{height:28px;overflow:hidden;}
				.unit_status_name.offline{color:@gray2;}
				.unit_status_name.stop{color:@orange2;}
				.unit_status_name.online{color:@green2;}
			}
			.unit_view_btnbox{padding:2px 0 10px 0;
				.unit_view_btn{width:180px;height:48px;background:#58a1f5;color:#fff;font-size:16px;line-height:48px;margin:0 auto;}
			}
		}
	}
}
.download-app{position: fixed; left:0; bottom: 0; z-index: 9999; width: 100%; height: 50px; line-height: 50px; text-align: center; color: #8c9096;  background:#1d2436; box-shadow:0 0 3px rgba(0, 0, 0, .3);
	.btn{margin-left: 12.5px; border-radius: 2.5px; color: #fff;padding:5px 10px;}
}

/*我的钱包界面*/
.walletpage .moneyBox{float:left;width:290px;height:240px;border:1px solid #e0e0e0;padding:35px 0;}
.walletpage .staticBox{float:left;width:810px;height:240px;border:1px solid #e0e0e0;margin-left:20px;
	.titleviewBox{padding:30px 30px 0 30px;}
}
.walletpage{ 
	.serviceItemBox{float:left;width:212px;height:383px;margin-right:15px;box-shadow:0px 3px 16px 0px rgba(0,0,0,0.1);border-radius:4px;padding-bottom:20px;
		.serviceItemTitle{height:88px;line-height:88px;margin-bottom:15px;font-size:18px;color:#010101;background:url(../images/walletimage/item_bg.png) left top no-repeat;}
		.serviceInfoLabel{font-size:12px;line-height:24px;color:#727272;}
		
		.serviceExpireLabel{color:#dc0000;font-size:12px;margin-top:13px;}
	}
	.serviceItemBox.last{margin-right:0;}
}
/*新界面的类型切换*/
.typechangeBox{padding:10px 30px 0 30px;font-size:12px;color:#727272;
	.typechangeItem{margin:0 24px;cursor:pointer;}
	.typechangeItem.check{color:#0075d5;}
}
.modal-dialog.xufeimodal{width:332px;
	.modal-body{padding:0;}
}
.modal-dialog.autoxufeimodal{width:332px;
	.modal-body{padding:0;}
}
.modal-dialog.equipmodal{width:442px;
	.modal-body{padding:0;}
}
.newSearchSelectPanel{position:absolute;width:260px;right:0;background:#fff;z-index:999;max-height:160px;border:1px solid #ddd;overflow:hidden;overflow-x:hidden;overflow-y:auto;
	.selectPanel{height:30px;line-height:30px;background:#fff;padding:0 10px;cursor:pointer;}
	.selectPanel.check{background:#e0ecf9;}
	.selectPanel:hover{background:#e0ecf9;}
}
.newSearchSelectPanel.tmtbox{width:490px;
	
}

/*并机选择框*/
.doubleCheckBox{
	.halfCheckBox{float:left;width:50%;
		.checkBorderBox{border:1px solid #e0e0e0;height:637px;padding:20px;
			.searchBox{height:30px;margin-bottom:5px;}
			
			.dataBox{height:595px;overflow:hidden;overflow-y:auto;overflow-x:hidden;
				.dataCheckItemBox{margin-top:20px;
					.unitImgBox{width:100px;height:75px;display:inline-block;margin-right:10px;position:relative;vertical-align:middle;background:#dcdadb;}
					.unitInfoBox{display:inline-block;width:210px;height:75px;vertical-align:middle;overflow:hidden;}
					.checkDeleteBox{display:inline-block;width:20px;height:20px;vertical-align:middle;background:#dc0000;border-radius:50%;color:#fff;line-height:18px;cursor:pointer;}
					
					.userInfoBox{width:210px;display:inline-block;vertical-align:middle;padding-left:5px;}
				}
				.dataCheckItemBox.rightbox:first-child{margin:0;}
			}
			.dataBox.withSearch{height:560px;}
		}
		.checkBorderBox.modalpage{height:360px;
			.dataBox{height:318px;}
			.dataBox.withSearch{height:283px;}
		}
	}
}
.modal-dialog.sharemodal{width:642px;
	.modal-body{padding:20px;}
}
/*充值联系方式*/
.customerserviceBox{position:fixed;right:5px;width:60px;height:60px;background:url(../images/walletimage/customer.png) center center no-repeat;
	.popoverBox{position:absolute;width:283px;margin-left:-283px;padding:18px 10px 18px 18px;display:none;
		.popoverPanel{background:#fff;width:255px;padding:20px;box-shadow:0px 0px 18px 2px rgba(118,118,118,0.2);border-radius:4px;}
		.popoverTrip{position:absolute;right:6px;width:8px;height:8px;border-style:solid;border-width:4px;border-color:transparent #fff #fff transparent;transform: rotate(-45deg);}
	}
	.popovercalhPanel{position:absolute;width:255px;margin-left:500px;}
}
.customerserviceBox:hover{background:url(../images/walletimage/customer_hover.png) center center no-repeat;
	.popoverBox{display:block;}
}
/*云猫升级modal*/
.modal-dialog.tmtupdate{width:514px;
	.modal-body{padding:0;border-top:1px solid #e0e0e0;
		.tmtupdatebox{
			.tmtupdateinfobox{padding:30px 40px;
				.tmtupdatestatusimgbox{float:left;width:120px;}
				.tmtupdatestatuslabelbox{float:left;width:312px;padding-left:30px;margin:12px 0;}
			}
			.tmtupdatebtn{height:60px;line-height:59px;width:100%;border-top:1px solid #e0e0e0;color:#0075d5;font-size:16px;.porint;}
			.tmtupdateovertip{font-size:16px;color:#ff6000;margin:0 0 40px 190px;padding-right:40px;}
			.tmtupdatingtipbox{margin:0 0 40px 190px;padding-right:40px;
				.tmtupdatinglabel{font-size:16px;color:#ff6000;}
				.tmtupdatingtip{line-height:24px;margin-top:10px;}
			}
		}
	}
}

/*充油折扣*/
.discountDeleteBtn{width:20px;height:20px;line-height:20px;border-radius:50%;background:#ff0000;color:#fff;text-align:center;position:absolute;right:0;top:0;margin-top:9px;cursor:pointer;}

/*小于1400px的屏幕
---------------------------------------------------------------------------------*/
@media screen and (min-width: 1331px) {
	body >.wrapper{min-height: 750px;}
}
/*小于1330px的屏幕
---------------------------------------------------------------------------------*/
@media screen and (max-width: 1330px) {
	body >.wrapper{min-height: 650px;}
}

/*小于1024px的屏幕
---------------------------------------------------------------------------------*/
@media screen and (max-width:1024px) {
	/*注册成功*/
	.register-success{padding-top:150px;
		.content-box{
			.you-can{font-size:14px;line-height:normal;}
			.text{font-size:18px;}
			.argument{font-size:14px;}
			.input-box{margin-top:60px;}
			.registe-btn{margin-top:60px;border-radius:3px;height:50px;font-size:16px;}
		}
	}
body >.wrapper{min-height: 550px;}
	
}

/*特殊*/
.icon-bg.img-bg{background:none!important;
	img{width:58px;height:58px;}
}