﻿body {
	background: url("images/login_bg_m1.jpg") no-repeat center top
}
.center {
	position: absolute;
	width: 500px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -250px;
	background: white;
	}
.wrap {
	width: 100%;
	padding-bottom: 50px
}
.wrap .reg_wrap {
	width: 980px;
	margin: 0 auto
}
.wrap .reg_wrap .head {
	padding-top: 40px;
	padding-bottom: 30px;
	display: block
}
.wrap .reg_wrap .head .reg_logo {
	display: inline-block;
	background: url("images/register_logo.png") no-repeat;
	width: 157px;
	height: 56px;
	margin-right: 25px
}
.wrap .reg_wrap .head .welcome_txt {
	display: inline-block;
	background: url("images/welcome_txt.png") no-repeat;
	width: 336px;
	height: 50px
}
.wrap .reg_wrap .main {
*zoom:1;
	background: rgba(255, 255, 255, 0.71);;
	padding-top: 40px;
	padding-right: 50px;
	padding-left: 80px
}
.wrap .reg_wrap .main:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0
}
.wrap .reg_wrap .main .ad_wrap {
	float: left
}
.wrap .reg_wrap .main .login_form {
	float: right;
	width: 350px;
	margin-right: 0px
}
.wrap .reg_wrap .main .login_form .msg_error {
	color: #ff7800;
	font-size: 10px;
	line-height: 15px
}
.wrap .reg_wrap .main .login_form .pw_safe {
	margin-top: 8px;
	height: 22px
}
.wrap .reg_wrap .main .login_form .pw_safe .txt {
	float: left;
	width: 58px;
	color: #999
}
.wrap .reg_wrap .main .login_form .pw_strength {
	float: left;
	width: 129px;
	background-color: #ccc;
	height: 14px;
	position: relative
}
.wrap .reg_wrap .main .login_form .pw_strength span {
	color: #fff;
	display: inline;
	float: left;
	height: 14px;
	line-height: 14px;
	text-align: center;
	width: 42px;
	border-right: 1px solid #FFF
}
.wrap .reg_wrap .main .login_form .pw_strength span:hover {
	color: #fff
}
.wrap .reg_wrap .main .login_form .pw_strength_color {
	background: #ff7800
}
.wrap .reg_wrap .main .login_form .get_code {
	width: 170px;
	height: 34px;
	line-height: 34px;
	float: left;
	display: block;
	text-align: center;
	cursor: pointer;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	color: #666
}
.wrap .reg_wrap .main .login_form .tel_icon {
	background: url("images/login_icon-4.png") no-repeat;
	display: inline-block;
	width: 25px;
	height: 25px;
	position: absolute;
	background-position: -75px 0;
	top: 6px;
	left: 5px
}
.wrap .reg_wrap .main .login_form .user_icon {
	background: url("images/login_icon-4.png") no-repeat;
	display: inline-block;
	width: 25px;
	height: 25px;
	position: absolute;
	background-position: 0 0;
	top: 6px;
	left: 5px
}
.wrap .reg_wrap .main .login_form .email_icon {
	background: url("images/login_icon-4.png") no-repeat;
	display: inline-block;
	width: 27px;
	height: 26px;
	position: absolute;
	background-position: -100px 0;
	top: 9px;
	left: 5px
}
.wrap .reg_wrap .main .login_form .pwd_icon {
	background: url("images/login_icon-4.png") no-repeat;
	display: inline-block;
	width: 25px;
	height: 25px;
	position: absolute;
	background-position: -25px 0;
	top: 5px;
	left: 5px
}
.wrap .reg_wrap .main .login_form .code_icon {
	background: url("images/login_icon-4.png") no-repeat;
	display: inline-block;
	width: 25px;
	height: 25px;
	position: absolute;
	background-position: -50px 0;
	top: 5px;
	left: 4px
}
.wrap .reg_wrap .main .login_form .reload_icon {
	background: url("images/login_icon-4.png") no-repeat;
	display: inline-block;
	width: 25px;
	height: 25px;
	position: absolute;
	background-position: 0 -25px;
	top: 5px;
	right: -30px
}
.wrap .reg_wrap .main .login_form .code_img {
	width: 92px;
	height: 36px;
	display: inline-block;
	position: absolute;
	top: 1px;
	right: 95px;
	cursor: pointer
}
.wrap .reg_wrap .main .login_form .msg_err {
	background: url("images/login_icon-4.png") no-repeat;
	display: inline-block;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 6px;
	right: -30px;
	background-position: -25px -25px
}
.wrap .reg_wrap .main .login_form .codeImage {
	display: inline-block;
	border-right: 1px solid #ddd
}
.wrap .reg_wrap .main .login_form h4 {
	color: #ff7800;
	font-size: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
	
}
.wrap .reg_wrap .main .login_form h4 a {
	color: #ff7800;
	text-decoration: underline;
	float: right;
	font-weight: normal;
	padding-right: 3px
}
.wrap .reg_wrap .main .login_form .login_list {
	min-height: 68px
}
.wrap .reg_wrap .main .login_form .login_list p {
	line-height: 30px
}
.wrap .reg_wrap .main .login_form .login_list .login_box {
	position: relative
}
.wrap .reg_wrap .main .login_form .login_list .login_txt {
	width: 280px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #ddd;
	color: #999;
	padding-left: 35px;  background: #fff;
}
.wrap .reg_wrap .main .login_form .login_list .login_txt:focus {
	border-color: #ff7800
}
.wrap .reg_wrap .main .login_form .login_list .enter_code {
	width: 122px;
	float: left;
	margin-right: 10px;
	padding-left: 10px
}
.wrap .reg_wrap .main .login_form .login_list .red_border {
	border: 1px solid #ff7800
}
.wrap .reg_wrap .main .login_form .verifcode, .wrap .reg_wrap .main .login_form .confpass {
	display: none
}
.wrap .reg_wrap .main .login_form .checkImage {
	position: absolute;
	right: 1px;
	top: 1px
}
.wrap .reg_wrap .main .login_form .checkImage img {
	cursor: pointer
}
.wrap .reg_wrap .main .login_form .checkImage .refresh {
	background: url("images/login_icon-4.png") no-repeat center;
	border-left: 1px solid #ddd;
	height: 36px;
	width: 36px;
	display: inline-block;
*zoom:1;
*display:inline;
	cursor: pointer
}
.wrap .reg_wrap .main .login_form .loginErrorMessage {
	margin-bottom: 12px;
	color: #ff7800
}
.wrap .reg_wrap .main .login_form .login_btn_wrap .login_btn {
	color: #fff;
	display: block;
	font-size: 16px;
	text-align: center;
	border: 0;
	width: 320px;
	height: 46px;
	background: #ff7800;
	line-height: 46px;
	cursor: pointer
}
.wrap .reg_wrap .main .login_form .login_btn_wrap .login_btn:hover {
	color: #fff
}
.wrap .reg_wrap .main .login_form .remember {
	float: left;
	padding-right: 16px;
	cursor: pointer;
	line-height: 30px
}
.wrap .reg_wrap .main .login_form .agree_reg {
padding-top: 12px;
padding-bottom: 20px;
color: #999;
border-bottom: 1px dotted #ccc;
}
.wrap .reg_wrap .main .login_form .remember input {
	vertical-align: middle\9
}
.wrap .reg_wrap .main .login_form .forget_pwd {
	line-height: 30px;
	border-bottom: 1px dotted #ccc;
	text-decoration: underline;
	padding-bottom: 5px
}
.wrap .reg_wrap .main .login_form .forget_pwd a {
	text-decoration: underline;
	color: #ff7800
}
.wrap .reg_wrap .main .login_form .agree_reg {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	color: #999;
	border-bottom: 1px dotted #ccc
}
.wrap .reg_wrap .main .login_form .agree_reg a {
	color: #ff7800;
	text-decoration: underline
}
.wrap .reg_wrap .main .login_form .fast_login h4 {
	padding-top: 20px;
	padding-bottom: 15px;
	font-size: 14px;
	font-weight: normal
}
.wrap .reg_wrap .main .login_form .fast_login .fast_way {
*zoom:1;
	padding-bottom: 20px
}
.wrap .reg_wrap .main .login_form .fast_login .fast_way:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0
}
.wrap .reg_wrap .main .login_form .fast_login .fast_way a {
	float: left;
	width: 100px;
	height: 35px;
	background: url("images/login_fast_new.png") no-repeat
}
.wrap .reg_wrap .main .login_form .fast_login .fast_way a.qq_way {
	background-position: 0 -120px
}
.wrap .reg_wrap .main .login_form .fast_login .fast_way a.sina_way {
	background-position: 0 -160px;
	margin-left: 10px;
	margin-right: 10px
}
.wrap .reg_wrap .main .login_form .fast_login .fast_way a.weixin_way {
	background-position: 0 -200px
}
.wrap .reg_wrap .main .login_form .more_way_wrap {
*zoom:1;
	line-height: 26px
}
.wrap .reg_wrap .main .login_form .more_way_wrap:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0
}
.wrap .reg_wrap .main .login_form .more_way_wrap h4 {
	float: left;
	margin-right: 10px;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 2px;
	cursor: pointer
}
.wrap .reg_wrap .main .login_form .more_way_wrap .more_way {
*zoom:1;
	float: left
}
.wrap .reg_wrap .main .login_form .more_way_wrap .more_way:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0
}
.wrap .reg_wrap .main .login_form .more_way_wrap .more_way a {
	background: url("images/login_icon-4_1.png") no-repeat;
	display: inline-block;
	width: 25px;
	height: 25px;
	float: left;
	margin-right: 7px;
	vertical-align: middle
}
.wrap .reg_wrap .main .login_form .more_way_wrap .more_way a.txweibo {
	background-position: -125px -25px
}
.wrap .reg_wrap .main .login_form .more_way_wrap .more_way a.douban {
	background-position: -100px -25px
}
.wrap .reg_wrap .main .login_form .more_way_wrap .more_way a.renren {
	background-position: -150px -25px
}
.wrap .reg_wrap .main .login_form .more_way_wrap .more_way a.baidu {
	background-position: -75px -25px
}
.wrap .reg_wrap .main .login_form .notice {
	background: url("images/notice_m.png") no-repeat 0 center;
	line-height: 30px;
	color: #999;
	padding-left: 22px;
	margin-bottom: 15px
}
.wrap .reg_wrap .main .login_form .notice a {
	color: #ff7800;
	text-decoration: underline
}
.footer {
	margin-top: 0;
	border-top: 0;
	background-color: transparent
}
.header {
width: 950px;
margin-left: auto;
margin-right: auto;
padding-top: 28px;
padding-bottom: 28px;
}
.flowStep {
padding-top: 20px;
padding-bottom: 40px;
border-bottom: 1px dotted #bfbfbf;
}
.flowStep p { font-size:14px; color:#ff7800
}


.findPwdForm {
padding-top: 40px;
padding-left: 75px;
padding-right: 75px;
}
.findPwdForm .item {
margin-bottom: 20px;
}
.findPwdForm label {
float: left;
line-height: 32px;
width: 90px;
text-align: right;
}
.findPwdForm .item input {
height: 30px;
line-height: 30px;
font-size: 12px;
color: #999;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 0 10px;
border: 1px solid #ccc;
}
.findPwdForm .username {
width: 210px;
}
.findPwdForm .item .submit:hover {
color: #fff;
}
.findPwdForm .item .submit {
background: #ff7800;
cursor: pointer;
border: 0;
color: #fff;
margin-left: 90px;
width: 80px;
}

.phonecode{background-color:#f5f5f5;border:1px solid #ddd;color:#666;cursor:pointer;display:block;float:left;height:34px;line-height:34px;text-align:center;width:170px}


/*找回登录密码*/
.find{width:624px;margin:40px auto 0 auto;overflow:hidden;}
.find h2{font-size:24px;text-align:center;margin-bottom:45px; line-height:34px;}
.find .head{height:65px;width:624px;margin:0 auto 55px auto;}
.find .head img{height:65px;width:624px;}
.find .text{width:320px;height:24px;line-height:24px;padding:12px 10px;border:1px solid #D9D9D9;outline:none;color:#999;font-size:18px;}
.find .select{height:30px;line-height:30px;border:1px solid #D9D9D9;color:#999;font-size:18px;}
.find ul{width:340px;margin:0 auto;}
.find ul li{margin-bottom:20px;}
.find .pic01{border:1px solid #d9d9d9;width:340px;}
.find .pic01 .text{border:none;width:210px;background:none;float:left;}
.find .pic01 .pic02{float:right;height:50px;}
.find .pic01 .pic02 img{vertical-align:middle; margin-top:10px; margin-right:10px;}
.find .next{display:block;color:#FFF;font-size:26px;width:100%;background:#FF6699;height:50px;line-height:50px;text-align:center; border:0px;}
/*find02*/
.find .main{display:block;color:#FFF;font-size:26px;width:100%;background:#FF6699;height:50px;line-height:50px;text-align:center;}
/*find03*/
.find .pic01 .pic03{text-align:center;float:left;width:107px;height:40px;border-left:1px solid #ddd;margin-top:5px;line-height:40px;font-size:16px;}
.find .pic01 .pic03 a{color:#999;}
/*find04*/
.find .pass01{margin-right:30px;display:inline-block;color:#FFF;font-size:26px;width:156px;background:#D9D9D9;height:50px;line-height:50px;text-align:center;}
.find .pass01:hover,.find .pass01.cur{background:#008E3C}
.find .last01{width:700px;}
/*find05*/
.find05 p{margin-bottom:100px;text-align:center;font-size:22px;}
.find05 .back{display:block;color:#FFF;font-size:26px;width:326px;background:#008E3C;height:50px;line-height:50px;text-align:center;margin:0 auto;}

.get_password{}
.get_password h1{font-weight:bold;color:#666;font-size:16px}
.get_password .step{padding:30px; text-align:center}
.get_password .form{padding:0px 0;width:440px;margin:0 auto;font-size:14px;color:#666}
.get_password .form dt{width:62px;float:left; padding:10px 0;text-align:right; line-height:24px;clear:both}
.get_password .form dd{float:left;width:330px;padding:10px 0; line-height:24px;}
.get_password .form .text1{height:33px;background:#fff;border:1px solid #ccc;color:#666}
.get_password .form .select{height:33px;background:#fff;border:1px solid #ccc;color:#666; font-size:12px;}
.get_password .form .user_input{width:210px;}
.get_password .form .captcha_input{width:85px;margin-right:15px;}
.get_password .form .forget_get_btn{background:#FF6699;padding:5px 15px;color:#fff;cursor:pointer;border:0px;}
.get_password .form2 {width:450px; margin:0px auto}
.get_password .form2 dt{width:125px;}
.get_password .form2 dd{width:305px;}
.get_password .form3{width:auto; text-align:center; line-height:30px;}
.get_password .form3 .re_send{color:#0070d0;}
.get_password .form4{width:530px;}
.get_password .form4 .tit{font-size:16px; text-align:center}
.get_password .form4 .tit .green{color:#308913}
.get_password .form4 dt{width:120px;}
.get_password .form4 dd{width:400px;}
.get_password .form4 .text_password{width:210px;}
.get_password .form4 dd .pass_1{}
.get_password .form4 dd .pass_1 .pass_level{display:block;font-size:12px;padding-top:3px;}
.get_password .form4 dd .pass_1 .pass_level em{font-style:normal; line-height:20px; float:left}
.get_password .form4 dd .pass_1 .pass_level .checkIntensityTable{ float:left}
.get_password .form4 dd .pass_1 .pass_level .level1{width:152px; vertical-align:middle;height:14px;background:url(images/password_level.jpg) no-repeat;display:inline-block}
.get_password .form4 dd .pass_1 .pass_level .level2{width:152px; vertical-align:middle;height:14px;background:url(images/password_level.jpg) no-repeat 0 -14px;display:inline-block}
.get_password .form4 dd .pass_1 .pass_level .level3{width:152px; vertical-align:middle;height:14px;background:url(images/password_level.jpg) no-repeat 0 -28px;display:inline-block}
.get_password .form4 dd label.info{font-size:12px; color:#666}



.get_password .form5{width:auto; text-align:center;width:505px;}
.get_password .form5 .tit{padding-left:50px;height:42px;font-size:16px;color:#308913; line-height:42px;background:url(images/get_pass_success.jpg) no-repeat;display:inline-block}
.get_password .form5 .continue{padding-left:100px; text-align:left;margin-top:10px;}
.get_password .form5 .continue a{background:#efefef;border:1px solid #ccc;padding:5px 10px; display:inline-block;font-size:12px}
.get_password .form5 dl{padding-top:70px; text-align:left;padding-left:100px;}

.get_password .phonecode{background-color:#f5f5f5;border:1px solid #ddd;color:#666;cursor:pointer;display:block;float:left;height:34px;line-height:34px;text-align:center;width:170px}
