@charset "utf-8";

html,
body {
    height: 100%;
    font-size: 13px;
    font-family: "Microsoft Yahei";
}
a{text-decoration:none; color: #ec5c5c}
li{list-style:none;}
img{border:0;vertical-align:middle;}
p{word-wrap:break-word;}

.left{float:left;}
.right{float:right;}
.clearx{clear:both;}
.clear{zoom:1;}
.clear:after{content:"";clear:both;display:block;height:0;overflow:hidden;}
.over{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cu{cursor:pointer;}
.layout{width:1200px;margin:0 auto;}
.mr{margin-right: 0;}
.br{border-right: 0;}

.login{
	width: 100%;
	height: 100%;
	background: url(images/back.jpg) no-repeat center;
}
.login_wrap{
	width: 1200px;
	height: 700px;
	margin:0 auto;
	position: relative;
}
.login_wrap .logo{
	width: 233px;
	height: 72px;
	display: block;
	position: absolute;
    top: 42px;
    left: 70px;
	background: url(images/logo.png) no-repeat center;
}

.login_wrap .login_box{
	width: 395px;
	height: 442px;
	position: absolute;
    top: 200px;
    right: 116px;
	background-color: rgba(255,255,255,0.75);
}
.login_wrap .login_box .login_head{
	width: 100%;
	height: 58px;
	border-bottom: 2px solid #fff;
}
.login_wrap .login_box .login_head>ul>li>a{
	float: left;
	font-size: 18px;
	color: #333;
	display: block;
	width: 195px;
	height: 58px;
	text-align: center;
	line-height: 58px;
	cursor: pointer;
}
.login_wrap .login_box .login_head>ul>li.active a{
	color: #ec5c5c;
	border-bottom: 2px solid #ec5c5c;
}

.login_wrap .login_box .login_body{
	width: 302px;
	height: 318px;
	margin:0 auto;
	margin-top: 30px;
}
.login_wrap .login_box .login_body .lb_name{
	width: 302px;
	height: 53px;
	margin-bottom: 17px;
}
.login_wrap .login_box .login_body .lb_password{
	width: 302px;
	height: 53px;
	margin-bottom: 17px;
}
.login_wrap .login_box .login_body .lb_name span{
	width: 53px;
	height: 53px;
	display: block;
	float: left;
	background:#ec5c5c url(images/login_07.png) no-repeat center;
} 
.login_wrap .login_box .login_body .lb_password span{
	width: 53px;
	height: 53px;
	display: block;
	float: left;
	background:#ec5c5c url(images/login_10.png) no-repeat center;
}
.login_wrap .login_box .login_body .lb_name input{
	width: 249px;
	height: 53px;
	float: left;
	border:0;
	outline: 0;
	font-size: 14px;
	text-indent: 10px;
}

.login_wrap .login_box .login_body .lb_password input{
	width: 249px;
	height: 53px;
	float: left;
	border:0;
	outline: 0;
	font-size: 14px;
	text-indent: 10px;
}

.login_wrap .login_box .login_body .lb_test{
	width: 302px;
	height: 53px;
	margin-bottom: 32px;
}
.login_wrap .login_box .login_body .lb_test span{
	width: 50px;
	height: 23px;
	background: #ccc;
	margin-left: 10px;
	float: left;
	margin-top: 15px;
}
.login_wrap .login_box .login_body .lb_test input{
	width: 190px;
	height: 53px;
	border: 0;
	outline: none;
	float: left;
	text-indent: 10px;
}
.login_wrap .login_box .login_body button{
	width: 302px;
	height: 56px;
	border-radius: 3px;
	/*background: #c2c2c2;*/
    background:#ec5c5c;
	color: white;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	border: 0;
	margin-bottom: 17px;
}
.u-key-wrap{
	width: 100%;
	text-align: center;
	position: relative;
	margin-bottom: 15px;
}
.u-key-wrap button.c1{
	background: #c4c4c4;
}
.login_wrap .login_box .login_body a{
	font-size: 14px;
	float: right;
}
.login_wrap .login_box .login_body a:hover{
	text-decoration: underline;
	color: white;
}

.u-key-wrap>p{
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.login_wrap .login_box .login_body>button.c1{
	background: #ec5c5c;
}