/*common.css*/
*{
	font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
	box-sizing: border-box;
}
body,html{
	height: 100%;
}
.pad_left{
	padding-left: 0;
}
.pad_right{
	padding-right: 0;
}
.row{
	margin-left: 0;
	margin-right: 0;
}
.login_header h4,.login_header span,footer,.login_check span{
	color: #FFFFFF;
}
.login_header span,footer,.login_check span{
	font-size: 12px;
}
/*登录顶部的样式*/
.login_header{
	padding: 15px;
	height: 10%;
}
.login_header h4{
	display: inline;
}
h5{
	color: #FFFFFF;
}
.login_header img{
	width: 40px;
}
.login_header div:last-child{
	text-align: right;
}
.login_content{
	width: 100%;
	height: 85%;
	padding-top:9% ;
}
/*中间的上边部分*/
.content_up{
	height: 70%;
	padding: 0 0 20px 0;
}
.login_img{
	width: 100%;
	max-height: 220px;
}
.login_label{
	position: absolute;
	top: 1px;
	left: 15px;
	width: 45px;
	height: 32px;
	line-height: 30px;
	text-align: center;
	background: #515454;
	color: #fff;
	border: solid 1px #515454;
	border-radius: 17px 0 0 17px;
}
.login_label +input{
	border-radius: 17px;
	border: solid 1px #515454;
	text-indent: 50px;
}
#user:focus{
	border: solid 1px #515454;
}
#password:focus{
	border: solid 1px #0AAAB8;
}
.login_pass{
	background: #0aaab8;
	border: solid 1px #0aaab8;
}
.login_pass + input{
	border: solid 1px #0aaab8;
}
.form-control{
	padding: 0;
}
.login{
	width: 100%;
	height: 34px;
	color: #fff;
	background: #0AAAB8;
	font-size: 12px;
	border: none;
	border-radius: 17px;
}
.login:hover{
	opacity: 0.7;
	color: #fff;
}
.login_check{
	padding-left: 20px;
}
.login_check span{
    position: relative;
    top: -3px;
    left: 5px;
}
.login_form{
	padding-top: 40px;
	padding-left: 70px;
}
.form-group{
	margin-bottom: 5px;
}
/*复选框的美化*/
.check-box {
  	height: 14px;
  	width: 14px;
  	background-color: #fff;
  	border: 2px solid #fff;
  	border-radius: 2px;
  	position: relative;
  	display: inline-block;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
  	box-sizing: border-box;
  	cursor: pointer;
}
.check-box::before, .check-box::after {
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
  	box-sizing: border-box;
  	position: absolute;
  	height: 0;
  	width: 2px;
  	background-color:#85B9ED;
  	display: inline-block;
  	-moz-transform-origin: left top;
  	-ms-transform-origin: left top;
  	-o-transform-origin: left top;
  	-webkit-transform-origin: left top;
  	transform-origin: left top;
  	border-radius: 5px;
  	content: ' ';
}
.check-box::before {
  	top: 9px;
  	left: 4px;
  	-moz-transform: rotate(-135deg);
  	-ms-transform: rotate(-135deg);
  	-o-transform: rotate(-135deg);
  	-webkit-transform: rotate(-135deg);
  	transform: rotate(-135deg);
}
.check-box::after {
  	top: 5px;
  	left: -1px;
  	-moz-transform: rotate(-45deg);
  	-ms-transform: rotate(-45deg);
  	-o-transform: rotate(-45deg);
  	-webkit-transform: rotate(-45deg);
  	transform: rotate(-45deg);
}
input[type=checkbox]:checked + .check-box,
.check-box.checked {
  	border-color: #fff;
  	background:#fff;
}
input[type=checkbox]:checked + .check-box::after,
.check-box.checked::after {
  	height: 6px;
}
input[type=checkbox]:checked + .check-box::before,
.check-box.checked::before {
  	height: 10px;
}
.checkbox label{
	padding-left: 10px;
	min-height: 0;
}
/*中间的下边部分*/
.content_down{
	height: 30%;
	background: #ffffff;
	padding-top: 25px; 
}
.content_down >div:first-child{
	text-align: right;
}
.content_down ul{
	list-style: none;
	padding-left: 0;
}
.content_down ul li{
	float: left;
	width: 90px;
	margin-right: 5px;
	font-size: 12px;
	color: #27393a;
	padding: 5px 0;
}
.content_down h5{
	color: #27393a;
	font-weight: bold;
}
.content_down>div:nth-child(2) ul{
	border-right: solid 1px #515454;
	height: 70px;
	margin-top: -20px;
	padding-top: 20px;
}
.content_down>div:nth-child(4){
	padding-left: 3%;
}
/*登录的底部样式*/
footer{
	position: relative;
	bottom: 0;
	width: 100%;
	text-align: center;
}
footer p{
	padding-top: 10px;
}
/*登录界面的自适应*/
@media only screen and (max-width: 992px) {
	.login_content{
		padding-top:0 ;
	}
}
@media only screen and (max-width: 946px) {
	.content_down>div:nth-child(2) ul{
		height: 100px;
	}
}
@media only screen and (max-width: 766px) {
	.login_header div:last-child{
		text-align: left;
	}
	.content_up,.content_down,.login_content{
		height: auto;
	}
	.content_up{
		padding-top: 50px;
	}
	.login_header h5{
		display: inline-block !important; 
	}
	.service span:last-child{
		display: inline !important;
	}
	.login_header img{
		width: 35px !important;
	}
}
@media only screen and (max-width: 660px) {
	.content_down>div:nth-child(2) ul{
		height: 150px;
	}
	.content_down{
		padding-top: 7px;	
	}
}