@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    font: 12px "微软雅黑";
}

*:focus {
    outline: none
}

a {
    text-decoration: none
}

img {
    border: none;
}

body {
    background: url(../images/body_bj.jpg);
}

.container {
    width: 1000px;
    margin: 0 auto;
}

.logo {
   /*  padding-top: 20px;
    height: 85px; */
}

.register-box {
    background: #fff;
    padding: 40px 0;
    border-radius: 3px;
}

.register-box form p {
    clear: both;
    height: 56px;
}

.register-box form p span {
    float: left;
    width: 122px;
    padding-right: 8px;
    text-align: right;
    font-size: 14px;
    color: #737373;
    line-height: 35px;
    height: 35px;
}

.register-box form p label {
    float: left;
    line-height: 35px;
    font-size: 14px;
    color: #737373;
    padding-right: 10px;
}

.register-box form p input[type=radio] {
    float: left;
    margin: 12px 3px 0 0;
}

.register-box form p textarea {
    text-indent: 5px;
    width: 259px;
    resize: none;
    -moz-box-shadow: 0 0 2px #D4D4D4 inset;
    -webkit-box-shadow: 0 0 2px #D4D4D4 inset;
    box-shadow: 0 0 2px #D4D4D4 inset;
    border-radius: 3px;
}

.register-box form p input[type=text],.register-box form p input[type=password] {
    float: left;
    border:1px #a9a9a9 solid;
    padding-left: 5px;
    width: 254px;
    height: 35px;
    font-size: 12px;
    line-height: 16px;
    -moz-box-shadow: 0 0 2px #D4D4D4 inset;
    -webkit-box-shadow: 0 0 2px #D4D4D4 inset;
    box-shadow: 0 0 2px #D4D4D4 inset;
    border-radius: 3px;
}
.register-box form{
	position:relative;
}
.register-box form>span.error{
	display:block;
	position:absolute;
	top:-20px;
	color:#f00;
	padding-left:130px;
}
.register-box form p input.verify {
	float:left;
	border: none;
    line-height: 37px;
    width: 75px;
    margin-left: 6px;
    color: #fff;
    border-radius: 3px;
    background: #47b7dc;
}
.register-box form p i{
	line-height:37px;
	margin-left:5px;
	color:#f00;
}
.register-box i.verify{
    margin-left:5px;
    float:left;
}
.register-box i.verify img{
    height:37px;
    cursor: pointer;
}
.register-box form p select {
    font-size: 14px;
    min-width: 80px;
    height: 33px;
    color:#737373;
}

.register-box form p.protocol {
    padding-left: 130px;
    line-height: 35px;
    font-size: 14px;
}

.register-box form p.protocol input[type=checkbox] {
    float: left;
    margin: 12px 3px 0 0;
}

.register-box form p.protocol a {
    font-size: 14px;
    color: #f00
}

.register-box form p.register-btn {
    padding-left: 130px;
}

.register-box form p.register-btn input {
    border: none;
    cursor: pointer;
    width: 198px;
    height: 45px;
    background: url(../images/form_btn1.png) 0 -740px no-repeat
}

.register-box form p.register-btn input:hover {
    background-position: 0 -740px;
}



.register-box form p.register-btns input {
    border: none;
    cursor: pointer;
    width: 198px;
    height: 45px;
    background: url(../images/form_btn1.png) 0 -341px no-repeat
}

.register-box form p.register-btns input:hover {
    background-position: 0 -341px;
}




.register-box .register-box-r {
    padding: 7px 0 0 40px;
    width: 290px;
    height: 309px;
    background: url(../images/form_btn1.png) -240px -331px no-repeat;
}

.register-box .register-box-r p {
    font-size: 14px;
    color: #737373;
    margin-bottom: 10px;
}

.register-box .register-box-r p a {
    font-size: 14px;
    color: #f00;
}

.register-box .register-box-r p.qq-btn a {
    display: block;
    width: 110px;
    height: 33px;
    background: url(../images/form_btn1.png) 0 -435px no-repeat
}

.register-box .register-box-r p.qq-btn a:hover {
    background: url(../images/form_btn1.png) 0 -469px no-repeat;
}
.register-box .register-box-r p.qq-btn a.wx{
    margin-top:10px;
    background-position:-117px -537px;
}
.register-box .register-box-r p.qq-btn a.wx:hover{
    background-position:-117px -572px;
}
.login-box{
    min-height:350px;
}

.forgetpassword-header{
    height:65px;
    text-align: center;
}

.forgetpassword h2{
    margin:30px 50px 30px;
    padding-left:10px;
    font-size: 22px;
    font-weight: 700;
    line-height: 2;
    border-bottom:3px #e5e5e5 solid;
}
.forgetpassword form{
    position: relative;
    padding-left:200px;
}
.forgetpassword form span.error{
    font-size:14px;
    line-height:2;
    color:#f00;
    padding-left:130px;
}
.forgetpassword form  a.btn{
    margin-left:130px;
    width: 190px;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    color: #fff;
    background: #55acef;
    display: block;
    text-align: center;
    border-radius: 3px;
}
.forgetpassword form  b{
    font-weight: bold;
    line-height:35px;
}
.forgetpassword form p i{
    float:left;
    color:#f00;
    line-height:35px;
    margin-right:5px;
}
.forgetpassword  .step{
    display: none;
}


@media screen and (max-width :800px){
	.logo{
		padding:15px 0;
		text-align:center;
	}
	.logo img{
		width:40%;
	}
	.register-box{
		width:100%;
		min-height:auto;
	}
	.register-box>div{
		width:100%;
	}
	.register-box form p{
		min-height:56px;
		height:auto;
	}
	.register-box form p i{
		display:block;
		clear:both;
		text-indent:20%;
	}
	.register-box form p span{
		width:20%;
		box-sizing: border-box;
	}
	.register-box form{
		width:100%;
		padding:0 10px;
		box-sizing: border-box;
	}
	.register-box form p input[type=text], 
	.register-box form p input[type=password]{
		width:70%;
		box-sizing: border-box;
	}
	.register-box form p.protocol{
		padding-left:20%;
		min-height:45px;
	}
	.register-box form p.register-btn{
		padding-left:0;
	}
	.register-box .register-box-r{
		text-align:center;
		clear:both;
		height:auto;
		float:none;
		background:none;
	}
	.register-box .register-box-r p:nth-child(2){
		display:none;
	}
	.register-box .register-box-r p.qq-btn a{
		display:none;
	}
	.register-box form p.register-btn input{
		margin:0 auto;
		display:block;
	}
}