@charset "utf-8";

/*登录*/
.container{
	padding: 0 !important;
	width: 100% ;
	position: relative;
	min-height: 540px;
}
.login-logo-img, .login-cont{
	width: 1200px;
    margin: 0 auto;
}

/*头部*/
header, header .login-logo-img{
	height: 96px;
	line-height: 96px;
}

/*内容区域*/
.login-cont{
	position: relative;
}
.login-cont-text{
	background-color: #fff;
	border-radius: 4px;
	width: 400px;
	position: absolute;
	top: 108px;
	right: 0;
}
.login-cont .login-cont-img{
	padding-top: 88px;
}
.login-cont .login-cont-text{
	padding: 36px;
}
.login-cont .login-cont-text ul li.login-cont-text-title{
	margin-bottom: 24px;
}
.login-cont .login-cont-text ul li h3{
	font-size: 30px;
}
.login-cont .login-cont-text ul li.login-cont-text-input{
	position: relative;
}
.login-cont .login-cont-text ul li.login-cont-text-input input, .login-cont .login-cont-text ul li.login-cont-text-code input{
	height: 42px;
	border-radius: 2px;
	border: 1px solid #ccc;
    padding-left: 40px;
    width: 100%;
    font-size: 14px;
}
.login-cont .login-cont-text ul li.login-cont-text-input i{
	position: absolute;
	display: block;
	left: 12px;
	top: 2px;
	font-size: 20px;
}
.login-cont .login-cont-text ul li.login-cont-text-passWord{
	margin-top: 10px;
	margin-bottom: 10px;
}
.login-cont .login-cont-text ul li.login-cont-text-passWord i{
	font-size: 22px;
}
.login-cont .login-cont-text ul li.login-cont-text-text label{
	font-size: 12px;
}
.login-cont .login-cont-text ul li.login-cont-text-text input{
	position: relative;
	top: 3px;
}
.login-cont .login-cont-text ul li.login-cont-text-btn{
	margin-top: 32px;
}
.login-cont .login-cont-text ul li.login-cont-text-btn button{
	width: 100%;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	background-color: #ff5858;
	color: #fff;
	border-radius: 2px;
}
.login-cont .login-cont-text ul li.login-cont-text-btn button:hover{
	background-color: #ee4c4c;
}
.login-cont .login-cont-text ul li.login-cont-text-btn-link{
	overflow: hidden;
	margin-top: 10px;
}
.login-cont .login-cont-text ul li.login-cont-text-btn-link .login-cont-text-btn-link-reg{
	float: left;
}
.login-cont .login-cont-text ul li.login-cont-text-btn-link .login-cont-text-btn-link-forget{
	float: right;
}
.login-cont .login-cont-text ul li.login-cont-text-btn-link a:hover{
	color: #FD001A !important;
}
.login-bg{
	position: absolute;
	top: 0;
	left: 0;
    right: 0;
    bottom: 0;
    background: url(/moot_img_2.0/login-bg.png) no-repeat center center;
    background-size: 100% 100%;
}
.login-cont .login-cont-text ul li.login-cont-text-code{
	position: relative;
}
 .login-cont-text-code-input .login-cont-text-code-input-btn{
 	background-color: #F5F5F5;
 	text-align: left;
 }
.login-cont-img-cha{
	width: 340px;
	height: 176px;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}
.login-cont-code-img{
	padding: 10px;
	border: 1px solid #ddd;
	background-color: #fff;
	position: absolute;
	top: 42px;
	z-index: 15;
}
.login-cont-code-img.active{
	display: none;
}
.login-cont-code-img .login-cont-img-text{
	position: absolute;
	top: 4px;
}
.login-cont-text-message{
	display: flex;
	height: 40px;
	background-color: #fceded;
	border: 1px solid #f3d0d0;
	line-height: 40px;
	padding: 6px 16px;
	margin-bottom: 4px;
}
.login-cont-text-message.active{
	display: none;
}
.login-cont-text-message p{
	position: relative;
	top: 3px;
	left: 6px;
}





/*尾部--改变颜色*/
footer{
	background-color: #fff;
}
.foot-copyRight{
	background-color: #fff;
	border-top: 1px solid #ddd;
}
.foot-cont-left-slogan ul{
	border-color: #e5e5e5;
}
.foot-cont-left-menu ul li a:hover{
	color: #FD001A !important;
}



/*注册*/
.login-cont .login-cont-text ul li.login-cont-text-code{
	position: relative;
}
.login-cont .login-cont-text ul li.login-cont-text-text{
	margin-top: 4px;
}
.login-cont .login-cont-text ul li.login-cont-text-code input{
	width: 50%;
}
.login-cont .login-cont-text ul li.login-cont-text-code i{
	font-size: 20px;
	display: block;
	position: absolute;
	left: 12px;
	top: 2px;
}
.login-cont-text-code-send{
	font-size: 14px;
	color: #FD001A;
	position: absolute;
	right: 8px;
	top: 8px;
	cursor: pointer;
}
.login-cont-text-code-send.active{
	color: #aaa;
	cursor: no-drop;
	cursor: not-allowed;
}
.reg-cont-img{
	padding-left: 128px;
}
.regs{
	background-color: #709efc;
}


/*验证成功*/
.login-cont-code-success{
	position: absolute;
	top: 11px;
	left: 40px;
	display: none;
	overflow: hidden;
}
.login-cont-code-success svg{
	position: relative;
	top: 5px;
	margin-right: 8px;
}
.login-cont-code-success.active{
	display: block;
}
.login-cont-code-success svg, .login-cont-code-success p{
	float: left;
}