﻿@charset "UTF-8";
/**注册标题**/
.reg-title {
	height:35px;
	padding:10px 5px 0;
	line-height:35px;
	border-bottom:1px solid #DDD;
}
.reg-title strong {
	float:left;
	font-size:18px;
	color:#151515;
}
.reg-title span {
	float:right;
	color:#151515;
}
.reg-title em { color:#BABABA; }
/**注册表单**/
.reg-form {
	float:left;
	
	margin-top:30px;
	min-height:400px;
	width:700px;
	
}


.reg-form dd .code { width:80px; }
.reg-form dd img {
	float:left;
	height:30px;
	margin-right:10px;
	cursor:pointer;
}
.reg-form dd em {
	float:left;
	line-height:30px;
}
/**.reg-tab**/
.reg-tab {
	height:54px;
	padding:20px 0 10px 190px;
}
.reg-tab li {
	float:left;
	margin-right:10px;
	cursor:pointer;
}
.reg-tab li.focus { cursor:default; }
.reg-tab li span {
	float:left;
	width:168px;
	height:54px;
	line-height:20;
	overflow:hidden;
	background-image:url(../images/background/mr_tab.gif);
	background-repeat:no-repeat;
}
.mr-email { background-position:0 0; }
.mr-mobile { background-position:-175px 0; }
.focus .mr-email { background-position:0 -60px; }
.focus .mr-mobile { background-position:-175px -60px; }

/**找回密码 方式**/
.password-type {
	position:relative;
	overflow:hidden;
	margin:-60px 0 -80px;
	_zoom:1;
}
.password-type li {
	position:relative;
	top:-1px;
	border-top:1px solid #EEE;
	padding:20px 5px;
	line-height:20px;
}
.password-type li strong {
	display:block;
	color:#000;
}
.password-type li span {
	display:block;
	color:#999;
}
.password-type li .button {
	position:absolute;
	top:25px;
	left:235px;
	margin:0;
}
/*邮件找回密码*/
.email-send {
	position:relative;
	width:380px;
	margin:50px auto;
	padding-left:70px;
}
.email-send h3 {
	font-size:14px;
	line-height:40px;
}
.email-send h3 i {
	position:absolute;
	top:10px;
	left:0;
	width:58px;
	height:38px;
	overflow:hidden;
	background:url(../images/register/ico_email.gif) no-repeat 0 0;
}
.email-send dl {
	padding:5px 0;
	color:#999;
}
/*找回密码成功、错误提示*/
.password-suc,
.password-err {
	position:relative;
	width:210px;
	padding-left:60px;
	margin:100px auto;
}
.password-suc h3,
.password-err h3 { font-size:14px; }
.password-suc h3 i,
.password-err h3 i {
	position:absolute;
	top:3px;
	left:0;
	width:46px;
	height:48px;
	overflow:hidden;
	background:url(../images/register/ico_suc.gif) no-repeat 0 0;
}
.password-suc .con,
.password-err .con { color:#999; }
.password-err { width:300px; padding-left:100px; }
.password-err h3 i { top:0;left:0;width:80px;height:83px;background:url(../images/register/ico_err.gif) no-repeat 0 0; }
/*底部按钮*/
.bottom-button {
	padding:10px 0;
	overflow:hidden;
	_zoom:1;
}
/**手机验证**/
.mobile-validate-text {
	padding:0 140px 0 250px;
	background:url(../images/register/ico_l_mobile.gif) no-repeat 125px 0;
}
.mobile-validate-text strong { font-size:14px; }
.mobile-validate-text i { color:#69AA35; }
.mobile-validate-text b { color:#F60; }
.mobile-validate-text em { color:#999; }
/**手机注册**/
.reg-form .mobile-reg {
	position:relative;
	height:326px;
	padding:10px 0 0 0;
	overflow:visible;
	background:url(../images/register/mobile_reg.jpg) no-repeat 10px 10px;
}

.mobile-reg dl{
        position:relative;
        height:260px;
        left: 215px;
        width: 510px;
        padding-top: 55px;
}

.mobile-reg dt {
	width:100px;
}
.mobile-reg dd {
	position:relative;
	width:410px;
        height: auto;
}
.mobile-reg label {
	position:absolute;
	top:5px;
	left:0;
	padding:0 8px;
	line-height:30px;
	color:#999;
	cursor:text;
}
.mobile-reg dd img{
        height: 54px;
        width: 171px;
        margin: 10px 40px 0 0;
}
.mobile-reg dd em { 
        width: 100%;
        color:#999;
}
.mobile-reg dd .text { width:180px; }
.mobile-reg .checkbox{
        top: 0;
        left: 10px;
        cursor: pointer;
}
.mobile-reg .form-checkbox{
    height: 30px;    
}
.form-checkbox input{
    width: 13px;
    height: 13px;
    position: absolute;
    top: 9px;
    left: 0;
}
/*软键盘*/
.dial-icon {
	position:absolute;
	top:5px;
	left:171px;
	width:20px;
	height:20px;
	line-height:10;
	overflow:hidden;
	background:url(../images/register/ico_num_box.gif) no-repeat 0 -20px;
	cursor:pointer;
}
.dial-wrap {
	position:absolute;
	top:-92px;
	left:410px;
	width:172px;
	height:150px;
}
.dial-wrap .arrow {
	position:absolute;
	left:76px;
	bottom:-20px;
	width:0;
	height:0;
	overflow:hidden;
	border:10px solid;
	border-color:#1063B0 transparent transparent;
	_border-color:#1063B0 pink pink;
	_filter:chroma(color=pink);
}
.dial-box {
	width:172px;
	height:150px;
	overflow:hidden;
	border-radius:6px;
	background:#1063B0;
	box-shadow:0 2px 8px rgba(0, 0, 0, 0.5);
}
.dial-box ul {
	width:174px;
	height:152px;
	margin:-1px;
	overflow:hidden;
}
.dial-box li {
	float:left;
	width:56px;
	height:36px;
	border:1px solid;
	border-color:#2171BA #2171BA #0E569A #0E569A;
}
.dial-box a {
	float:left;
	width:56px;
	height:36px;
	line-height:36px;
	text-align:center;
	font-size:16px;
	color:#FFF;
}
.dial-box a:hover {
	text-decoration:none;
	color:#FFF;
	background-color:#2B2B2B;
	background:-webkit-linear-gradient(top, #313131, #202020 100%);
	background:-moz-linear-gradient(top, #313131, #202020 100%);
	background:-o-linear-gradient(top, #313131, #202020 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#313131', endColorstr='#202020');
}
.dial-box a b {
	display:block;
	width:26px;
	height:16px;
	margin:10px auto 0;
	line-height:10;
	overflow:hidden;
	background-image:url(../images/register/ico_num_box.gif);
	background-repeat:no-repeat;
}
.dial-clear { background-position:0 0; }
.dial-delete { background-position:-26px 0; }

.login-button button,
.login-button .button {
	float:left;
	width:130px;
	height:40px;
	border:0 none;
	border-radius:2px;
	background:url(../images/background/button.png?v=1) no-repeat 0px -1px;
}
.login-button button:hover {
	background-position:0 -42px;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
}
.login-button button:active {
	background-position:0 -83px;
}
.login-button .button {
	margin-left:70px;
	width:85px;
	line-height:20;
	overflow:hidden;
	background-position:-131px 0;
}
.login-button .button:hover {
	background-position:-131px -41px;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
}
.login-button .button:active {
	background-position:-133px -83px;
}
/*注册描述信息*/
.reg-form .reg-desc {
        color: #666;
        position: relative;
        position: relative;
        left:0px;
	overflow:hidden;
	_zoom:1;
}
.reg-desc dt {
        color: #666;
	float:left;
	width:100%;
	height:22px;
	margin:0;
	padding:0;
	line-height:22px;
	font-size:12px;
        text-align: left;
}
.reg-desc dd {
	float:left;
	width:575px;
	height:auto;
	line-height:22px;
	margin:0;
	padding:0;
}
/**/

/*对话框*/
.dialog-box {
	position:absolute;
	width:400px;
	border:1px solid #888;
	background:#FFF;
	box-shadow:0 1px 10px rgba(0, 0, 0, 0.4);
}
/*对话框 标题*/
.dialog-title {
	position:relative;
	height:30px;
	padding:0 10px;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	color:#515B65;
	background:#FFF url(../images/register/title_bg_x.png) repeat-x 0 0;
}
.dialog-handle {
	position:absolute;
	top:10px;
	right:10px;
}
.dialog-handle a {
	float:left;
	margin-left:7px;
	width:11px;
	height:10px;
	line-height:10;
	overflow:hidden;
	background-image:url(../images/register/ico_dialog_handle.gif);
	background-repeat:no-repeat;
}
.diag-close:hover { background-position:0 -10px; }
.diag-maximize { background-position:-12px 0; }
.diag-maximize:hover { background-position:-12px -10px; }
.diag-return { background-position:-24px 0; }
.diag-return:hover { background-position:-24px -10px; }
.diag-minimize { background-position:-36px 0; }
.diag-minimize:hover { background-position:-36px -10px; }
/*对话框 底部*/
.dialog-bottom {
	height:30px;
	padding:10px;
	overflow:hidden;
}
.dialog-bottom .con,
.dialog-status {
	float:right;
	line-height:30px;
	color:#666;
}
.dialog-bottom .button {
	float:left;
	margin-left:10px;
}
.dialog-bottom input,
.dialog-bottom label { float:left; }
.dialog-bottom input {
	position:relative;
	top:9px;
*top:4px;
	_top:5px;
	margin-right:3px;
}
.dialog-status { float:left; }
.dialog-status .button { margin:0 10px 0 0; }
/**/

/*提示文字*/
.hint-text {
	position:relative;
	height:26px;
	padding:0 10px 0 24px;
	line-height:27px;
	overflow:hidden;
	color:#8A806D;
	border:1px solid #E4DEC1;
	background:#FFF7D4;
}
.hint-text i,
.popup-hint i {
	position:absolute;
	top:7px;
	left:8px;
	width:12px;
	height:12px;
	background:url(../images/register/ico_hint.gif) no-repeat 0 -60px;
}
/*帐号确认*/
.acc-confirm {
	position:relative;
	width:310px;
	margin:auto;
	padding-top:5px;
}
.acc-confirm dt {
	height:27px;
	padding-left:60px;
	line-height:27px;
	font-size:14px;
	font-weight:bold;
}
.acc-confirm dd {
	position:relative;
	height:30px;
	padding:5px 0;
	line-height:30px;
}
.acc-confirm label {
	float:left;
	width:60px;
	height:30px;
	line-height:30px;
	text-align:right;
}
.acc-confirm .text {
	float:left;
	width:175px;
}
.acc-confirm .code {
	width:60px;
	margin-right:10px;
}
.acc-confirm img {
	float:left;
	height:30px;
	margin-right:10px;
}
/*悬浮提示*/
.popup-hint,
.popup-hint b {
	background-image:url(../images/popup_hint.gif);
	background-repeat:no-repeat;
}
.popup-hint {
	position:absolute;
	top:-26px;
	left:60px;
	height:31px;
	padding:0 8px 0 24px;
	line-height:28px;
	color:#8A806D;
	background-position:0 0;
}
.popup-hint i { top:8px; }
.popup-hint b {
	position:absolute;
	top:0;
	right:0;
	_right:-1px;
	width:5px;
	height:28px;
	overflow:hidden;
	background-position:right top;
}

/*找回帐号*/
.account-type{
        margin: -60px 0 0;
}
.account-type li{
        border-bottom: 1px solid #eee;
        border-top: none;
        padding: 5px;
        top:0;
}
.account-type .info{
        line-height: 40px;
}
.account-type .info b{
        color: #000;
}
.account-type .info span{
        display: inline;
        color: #ff0000;
}
.account-type li .button{
        left:330px;
        top: 10px;
}

/*为什么手机注册*/

.reg-mobile-desc{
        width: 960px;
        float: left;
        margin-top: 20px;
        
}
.reg-mobile-desc h3,
.reg-mobile-desc h3 span,
.reg-mobile-desc li{
        background-image:url(../images/register/reg-mobile-desc.png);
        background-repeat:no-repeat;
}
.reg-mobile-desc h3{
        background-position: 0 -40px;
        background-repeat: repeat-x;
        margin: 20px 0;
}
.reg-mobile-desc h3 span{
        background-position: 0 0;
        display: block;
        width: 165px;
        height: 25px;
        line-height: 12;
        overflow: hidden;
        margin: 0 auto;
}
.reg-mobile-desc li{
        color: #999;
        width: 248px;
        height: 22px;
        overflow: hidden;
        float: left;
        padding: 33px 10px 10px 62px;
        margin-bottom: 30px;
}
.reg-mobile-desc li.rmd-01{
        background-position: 0 -80px;
}
.reg-mobile-desc li.rmd-02{
        background-position: 0 -160px;
}
.reg-mobile-desc li.rmd-03{
        background-position: 0 -240px;
}
.reg-mobile-desc li.rmd-04{
        background-position: 0 -320px;
}
.reg-mobile-desc li.rmd-05{
        background-position: 0 -400px;
}
.reg-mobile-desc li.rmd-06{
        background-position: 0 -480px;
}

/*手机注册成功*/
.reg-mobile-succ{
        height: 560px;
        position: relative;
}
.reg-mobile-succ .advantage{
        position: absolute;
        top: 125px;
        left: 115px;
        width: 400px;
}
.advantage li{
        background-image:url(../images/register/reg-mobile-desc.png);
        background-repeat:no-repeat;
        color: #999;
        height: 52px;
        line-height: 18px;
        float: left;        
        width: 270px;
        overflow: hidden;
        padding: 18px 0 0 130px;
}
.advantage li.adva-01{
        background-position: 0 -560px;
}
.advantage li.adva-02{
        background-position: 0 -640px;
}
.advantage li.adva-03{
        background-position: 0 -720px;
}
.advantage li strong{
        color: #555;
        display: block;
}
.reg-mobile-succ .succ-area{
        position: absolute;
        left: 520px;
        top: 60px;
        width: 430px;
        height: 163px;
        padding:100px 50px;
	background:url(../images/register/mr_vline.png) no-repeat left center;
	_background:none;
}
.reg-mobile-succ .succ-area h3{
        background:url(../images/register/reg-succ-text.png) no-repeat;
        width: 270px;
        height: 54px;
        line-height: 12;
        overflow: hidden;
        display: block;
}
.reg-mobile-succ .btn-succ{
        background: url(../images/register/reg-mobile-btn.png) no-repeat 0 0;
        display: block;
        height: 40px;
        width: 110px;
        overflow: hidden;
        line-height: 12;
        margin: 20px 0;
}
.reg-mobile-succ .btn-succ:hover{
        background-position: 0 -40px;
}
.reg-mobile-succ .btn-succ:active{
        background-position: 0 -80px;
}

/*合作网站帐号登录*/
.login-link {
	float:right;
	width:300px;
	padding:20px 0 50px 22px;
	background:url(../images/register/mr_vline.png) no-repeat left center;
	_background:none;
}
.login-link h3 {
	height:40px;
	line-height:40px;
	
	font-weight:normal;
	border-bottom:1px solid #eee;
}
.login-link dl {color:#888;font-size:12px;margin-top:10px;padding:5px 0 0; }
.login-link dt {
	margin-bottom:10px;
	line-height:20px;
}
.login-link dd {
	
	line-height:25px;
	margin-bottom:5px;
}
.btn-login {
	display:block;
	width:100px;
	height:40px;
	margin:auto;
	background-position:0 0;
}
.btn-login:hover { background-position:0 -42px; }
.btn-login:active { background-position:0 -84px; }


