/* reg */
#content{ height:578px;}

#reg_right{width:560px; height:300px;float:left; font-size:14px;}

#reg_left .lefttop{background:url(../images/138do_reg.png) 0px 0px no-repeat; height:14px;}
#reg_left .leftbm{background:url(../images/138do_reg.png) 0px -15px no-repeat; height:14px;}
#reg_left .leftm{ height:60px;width:556px; margin-top:20px;}

#reg_left .title_f{ font-size:14px; position:relative;margin-left:10px;top:16px; }

#log_in{ width:746px; height:440px;vertical-align:top;}
#log_in li{ width:550px; height:33px;float:left; font-size:14px;}
#log_in li span{ font-size:12px;}
#log_in .left_in{ text-align:right;width:100px;}
#log_in .top_in{ padding-top:30px;}
#log_in .top_in2{_position:relative;_top:5px;}
#log_in .mz{margin-top:5px;}
#log_in .intext{ width:260px; height:28px; border:1px solid #cccccc; font-size:14px;line-height:28px;}
#log_in .stext{ width:70px; height:28px; border:1px solid #cccccc; font-size:14px;line-height:28px;}
#log_in .btn{width:167px; height:33px; cursor:pointer;background:url(../images/138do_reg.png) 0 -55px no-repeat; border:none}
#log_in .xieyi{ padding-top:10px; padding-left:26px;}
#log_in .jian{ height:25px;}


#yzm .tu{ float:left; position:absolute;padding-top:1px; width:75px;}

.ok{ width:18px; height:20px;background:url(../images/138do_reg.png) 0 -171px no-repeat; padding-right:5px;}
.err{width:18px; height:20px;background:url(../images/138do_reg.png) right -171px no-repeat;padding-right:2px; margin-right:4px;}
.tips{width:18px; height:20px;background:url(../images/138do_reg.png) 0 -195px no-repeat; padding-right:5px;}
.gri{ color:#999999;}
.red{ color:#ff0000;}
.gre{ color:#339900;}
.xing{ color:#ff0000;font-size:16px;position:relative;top:2px;font-family:"Verdana";font-weight:bold;}

#reg_right .rtop{background:url(../images/138do_reg.png) 0px -33px no-repeat; height:11px;}
#reg_right .rbm{background:url(../images/138do_reg.png) right -40px no-repeat; height:11px;}
#reg_right .rm{ height:85px;}
#reg_right .rm img{margin-top:60px; margin-left:90px;}
#reg_right .rm li{height:15px; padding-left:20px; padding-top:15px;_padding-top:10px;}

/*#line{border-bottom:1px solid #D3131B; height:1px;}*/

/* share to */
.share{background:url(../images/reg_icon.png) no-repeat;width:38px;cursor:pointer;height:20px; line-height:20px; padding-left:20px;padding-top:1px;}
.share_to{background-position:0px -92px;}
.share_sina{background-position:0px -144px}
.share_kaixin001{background-position:0px -193px}
.share_renren{background-position:0px -59px}
.share_qzone{background-position:0px -108px}
.share_51{background-position:0px -160px}
.share_qq{background-position:0px -126px}


/* reg_ok */
#content_ok{ height:518px;}

#reg_left .title_ok{ font-size:27px; font-family:"????"; font-weight:bold; position:relative;top:14px; }
#reg_left .dui{background:url(../images/138do_reg.png) 0px -130px no-repeat; width:45px; height:35px; margin-left:220px;position:relative;top:2px;}
#reg_left .cuo{background:url(../images/138do_reg.png) right -130px no-repeat; width:45px; height:35px; margin-left:220px;position:relative;top:2px; }
#ok_in{ width:746px; height:440px;vertical-align:top;border-left:1px solid #ff9966;border-right:1px solid #ff9966;}
#ok_in li{ width:600px; height:40px;float:left; font-size:14px;padding-left:96px;}
#ok_in .top_in{ padding-top:40px;}
#ok_in .titleok{ font-size:16px; font-family:"????"; font-weight:bold;}
#ok_in .btnyh{width:88px; height:33px; cursor:pointer;background:url(../images/138do_reg.png) 0 -93px no-repeat; border:none}
#ok_in .btnmy{width:139px; height:33px; cursor:pointer;background:url(../images/138do_reg.png) right -56px no-repeat; border:none}

/* login */



#login_in li{ width:330px; height:29px;float:left; font-size:14px;}
#login_in li span{ font-size:12px;}
#login_in .lifx{ width:430px; height:20px; font-size:14px;margin-left:30px;}
#login_in .left_in{ text-align: center;width:120px;}
/* #login_in .top_in{ padding-top:10px;} */
#login_in .top_in2{_position:relative;_top:5px;}
#login_in .mz{margin-top:5px;}


#login_in .btn{width:167px; height:33px; cursor:pointer;background:url(../images/138do_reg.png) 0 -55px no-repeat; border:none}
#login_in .xieyi{ padding-top:10px; padding-left:26px;}
#login_in .jian{ height:15px;}



#login_in .nopass{padding-left:30px}
#line2{border-top:1px solid #cccccc; height:33px; width:410px;margin-left:20px;margin-right:20px;}
.login-header-warp,.login-content,.login-box{
	width: 1200px;
	margin: 0 auto;
}
.login-content-warp{
	background: url(../images/login-bg.jpg) no-repeat;
	height: 620px;
	border-top:1px solid #e9e9e9;
}
.login-box{
	position: relative;
}
.login-header-warp{
	padding:28px 0; 
}
.login-header-warp:after,.login-item:after,
.yzm-warp:after,.login-mark-item:after,.other-login-content:after,.find-password-header-warp:after{
	content: '';
    display: block;
    height: 0px;
    clear: both;
}
.login-header-warp .logo,.login-header-warp .title{
	float: left;
}
.login-header-warp .logo{
	width:246px;
	height: 56px;
	margin-right: 20px;
}
.login-header-warp .logo img{
	width:246px;
	height: 56px;
	
}
.login-header-warp .title{
	font-size: 26px;
	color:#666666;
	line-height: 47px;
	padding-left: 20px;
	border-left:1px solid #d2d2d2;
	margin-top:11px; 

}

.login-content{
	position: absolute;
	top:33px;
	right:0px;
	width: 321px;
    height: 441px;
	background-color:#fff;
	padding:68px 58px 45px 58px; 
}
.reg-content{
    height: 441px;

}
.login-content-top{
	line-height: 22px;
}
.login-content-top .title{
	font-size: 22px;
	color:#353535;

}
.login-content-top .reg-link{
	font-size: 14px;
	color:#888989;


}
.login-content-top .reg-link a{
	color:#4b2240;
}
.login-from{
	clear: both;
	padding-top: 25px;
}

.reg-from{
	clear: both;
	padding-top: 27px;
}
.login-item{
	position: relative;
	border:1px solid #ddd;
	margin-bottom: 20px;
}
.top_in{
	position: relative;
	margin-bottom: 10px;
}

.login-item>.icon,.login-item input,.login-item .icon-warp{

	float:left;

}
.login-item>.icon ,.login-item .icon-warp{
	width:42px;
	height: 22px;
	border-right:1px solid #e9e9e9;
	margin: 8px 0px;
}
.login-item.phone>.icon{
	background-position: 13px -201px;
}
.login-item.password>.icon{
	background-position: 13px -231px;
}
.login-item.invite>.icon{
	background-position: 13px -448px;
}
.login-item.qq>.icon{
	width: 18px;
	height: 19px;
	background-position:-116px -606px;
	border-right: 0px solid #e9e9e9;
    margin: 0px;
   	margin-left: 14px;
    margin-top: 1px;
}
.login-item  input{
	width:263px;
	height: 38px; 
	border:none;
	padding-left: 13px;

}
.login-item  input:focus {
	outline:none;
	border: 0px solid #CCCCCC;
	background:#fff;
}
.yzm-warp{
	margin-bottom:20px; 
	position: relative;
}
.yzm-warp input, .yzm-warp img{
	float: left;
}
.yzm-warp input,.smsyz-warp input{
	width:173px;
	height: 38px;
	border:1px solid #ddd;
	padding-left: 13px;


}
.yzm-warp img{
	width:117px;
	height: 38px;
	border:1px solid #dddddd;
	margin-left:14px; 
}
.login-mark-item{
	margin-bottom:36px; 
	font-size: 14px;
	line-height: 14px;
}
.login-mark-item a{
	color:#888989;
}
.login-mark-item a:hover{
	color:#4b2240;
}
.checkbox-warp .no-check,.checkbox-warp .check-text,.checkbox-warp .checked{
	float: left;
}
.checkbox-warp .check-text{
	cursor:pointer;
	color:#888989;
	margin-left: 11px;

}
.checkbox-warp .no-check{
	width:12px;
	height:12px;
	border: 1px solid #d2d2d2;
	border-radius: 1px;

}
.login-content .submit-btn{
	background-color:#db9c5a;
	color:#fff;
	height: 42px;
	width:321px;
	border:0px;
	font-size: 16px;
	margin-bottom: 48px;

}
.login-content .submit-btn:hover{
	background-color:#d29656;

}
.other-login-header{
	position: relative;
	border-top:1px solid #e9e9e9; 
	text-align: center;
	width:321px;

}
.other-login-header .title{
	color:#888989;
	font-size: 14px;
	position: absolute;
	left: 50%;
	margin-left: -48px;
	top:-10px;
	background-color:#fff;
	width: 96px;
	text-align: center;
}
.other-login-content a{
	color:#888989;
	font-size: 12px;
	line-height: 28px;
}
.other-login-content .icon{
	width:28px;
	height:28px;
	margin-right: 8px;
	float: left;
}

.other-login-content .qqLoginBtn .icon{
	background-position: 0px -267px; 
}
.other-login-content .singnaLoginBtn .icon{
	background-position: 0px -308px; 
}
.other-login-content .qqLoginBtn:hover .icon{
	background-position: 0px -350px; 
}
.other-login-content .singnaLoginBtn:hover .icon{
	background-position: 0px -389px; 
}
.other-login-content .qqLoginBtn:hover,.other-login-content .singnaLoginBtn:hover{
	color:#353535;
}

.other-login-content{
	padding-left: 62px;
	padding-right: 59px;
	padding-top: 28px;
}
.smsyz-warp{
	margin-bottom: 20px;
	position:relative;
}
.smsyz-warp a{
	float: right;
	height: 40px;
	width: 119px;
	background-color:#f7f7f7;
	color:#888989; 
	font-size: 14px;
	line-height: 40px;
	text-align: center;
}
.smsyz-warp a:hover{
	color:#e54a4a;
}
.reg-content{
	padding-top: 52px;
}
.reg-content-warp{
	height: 620px;
	background-size: 100% 640px;
}
.reg-content .submit-btn{
	margin-top: 16px;
}
.find-password-warp{
	 border-top: 1px solid #e9e9e9;
	 padding-top: 79px;
}
.find-password-warp .round-border{
	width: 32px;
	height: 32px;
	border: 1px solid #4b2240;
	border-radius: 50%; 
	position: relative;
	margin: 0 auto;
}
.round-solid{
	position: absolute;
	top: 0px;
	left:0px;
	background-color:#4b2240; 
}
.find-password-warp{
	width:1200px;
	margin: 0 auto;
}
.find-password-content-form{
	width: 321px;
	margin:0 auto; 
	padding-bottom: 100px;
}
.find-password-content {
    width: 571px;
    margin: 0 auto;
    padding-bottom: 20px;
}
.yellow-btn{
	width: 321px;
	border: 0px;
	color:#fff;
	background-color:#db9c5a; 
	height: 42px;
	font-size: 16px;
	margin-top:20px; 
}
.find-password-header-warp{
	margin-bottom:54px; 

}
.find-password-header-warp .icon{
	width:121px;
	height: 10px;
	background-position:-70px -708px; 
	margin-left:14px;
	margin-right:23px; 
	margin-top:12px; 

}
.round-warp, .find-password-header-warp .icon{
	float: left;
}

.round-warp .title{
	font-size: 14px;
	color:#4b2240;
	margin-top:9px; 

}
.round-warp .round-item{
	position: absolute;
	top: 0px;
	left:0px;
	font-size: 16px;
	width:26px;
	height:26px;
	line-height: 26px;
	text-align: center;
	border-radius: 50%; 
	margin-top:3px;
	margin-left:3px;
	color:#4b2240;


}
.round-warp.this-current .round-item{
	background-color:#4b2240; 
	color:#fff;

}
.round-warp.this-current .title{
	color:#4b2240;
	font-weight: 600;

}
.find-password-header-warp{
	padding-left: 36px;
	padding-right: 36px;

}

.round-warp{
	text-align: center;
}
.other-tip{
	color:#888989;
	font-size: 12px;
	margin-top:20px; 
	text-align: center;
}
.success-info-warp{
	text-align: center;
	padding-top: 27px;
}
.alter-password-img{
	width: 205px;
}
.success-info-warp .text{
	color:#353535;
	font-size: 18px;
	margin-top:30px; 
	margin-bottom:30px; 
}
.success-info-warp .return-btn{
	width:98px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	margin: 0 auto;
	border:1px solid #e54a4a;
	border-radius: 1px;
	display: block;
	color:#e54a4a;
	font-size: 14px;

}