body{
	background: #f7f7f7
}
.registered-top{
	padding: 35px 40px
}
.registered-logo{
	display: inline-block;
	width: 200px;
	height: 70px;
}
.registered-topbtn{
	display: inline-block;
	height: 50px;
	margin-top: 20px;
	background: #dedede;
	line-height: 50px;
	font-size: 14px;
	color: #252527;
	padding: 0 50px
}
.registered-topbtn:hover{
	background: #c52b14;
	color: #fff
}
.registered-box{
	position: fixed;
	left: 50%;
	top: 3%;
	margin-left: -159px;
	width: 318px;
}
.registered-box h1{
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	color: #252527;
	line-height: 36px;
	padding-bottom: 55px
}
.input-box{
	position: relative;
	padding-bottom: 24px;
}
.input-style{
	border:1px #dedede solid;
	width: 292px;
	height: 44px;
	background: #fff;
	line-height: 44px;
	padding: 0 12px;
	font-size: 14px;
	color: #969696
}
.input-style.w182{
	width: 182px
}
.input-btn{
	display: inline-block;
	border:1px #dedede solid;
	background: #f7f7f7;
	height: 44px;
	line-height: 44px;
	width: 100px;
	text-align: center;
	font-size: 14px;
	color: #252527
}
.input-btn.not{
	color: #969696;
	cursor: text;
}
.login-btn{
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: #50586c;
	width: 318px;
	border:0;
}
.login-btn.mt30{
	margin-top: 30px
}
.login-btn.mt20{
	margin-top: 20px
}
.login-btn:hover{
	color: #fff;
	background: #c52b14
}
.wrong-tag{
	position: absolute;
	top: 50px;
	left: 0;
	color: #c52b14;
	font-size: 14px;
	line-height: 18px
}
.wrong-tag span{
	display:block
}
.wrong-tag i{
	display: inline-block;
	vertical-align: top;
	font-size: 22px;
	padding-right: 3px;
	margin-top: 5px
}
.login-topimg{
	text-align: center;
	padding-bottom: 20px
}
.login-remember,
.login-forget{
	display: inline-block;
	line-height: 24px;
	color: #252527;
	position: relative
}
.login-remember .icon{
	display: inline-block;
	width: 24px;
	height: 24px;
	background-position: 0 0;
	margin-right: 8px;
	vertical-align: top;
}
.login-remember.cur .icon{
	background-position: -34px 0
}
.login-remember:hover,
.login-forget:hover{
	color: #c52b14
}
.login-registered{
	text-align:center;
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 100%;
	font-size: 0;
	opacity: 0;
	transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -o-transform: translateY(30px);
    animation: login_fadeInNoTranslate 1s 0.75s forwards;
}
@keyframes login_fadeInNoTranslate {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    -webkit-transform: translateY(0) scale(1);
    -moz-transform: translateY(0) scale(1);
    -o-transform: translateY(0) scale(1);
  }
}
.login-registered .s1{
	display: inline-block;
	height: 50px;
	line-height: 50px;
	padding-right: 15px;
	font-size: 14px
}
.tip-c1,
.tip-c2{
	width:20px;
	height:10px;
	line-height:10px;
	color:#e6cfb8;
	font-size:26px;
	font-family:'Microsoft YaHei';
}
.input-tags{
	position: absolute;
	left: 325px;
	top: 0;
	border:1px #dedede solid;
	padding:0 10px;
	line-height: 44px;
	color: #252527;
	background: #f7f7f7;
	font-size: 14px;
	width: 100%;
	display: none
}
.input-tags .tip-c1,
.input-tags .tip-c2{
	position: absolute;
	top: 16px;
	left: -8px;
	color: #dedede
}
.input-tags .tip-c2{
	left: -6px;
	color: #fff
}
@media screen and (-webkit-device-pixel-ratio: 2){
	.login-remember .icon{
		background-position: 0 0
	}
	.login-remember.cur .icon{
		background-position: -48px 0
	}
}
@media screen and (max-width:1366){
	.registered-box{
		top: 10%
	}
}