﻿@charset "UTF-8";

html {
    height:100%;
    overflow-x:hidden;
    overflow-y:auto;
}
body {
    margin:0;
    /*font:12px/1.8 Tahoma, Geneva, '\5B8B\4F53';*/
    font: 12px "微软雅黑",Arial,Helvetica,sans-serif;
}
input,
textarea,
select {
    margin:0;
    padding:0;
    font-size:12px;
    outline:none;
}

body, div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote { padding: 0; margin: 0; }
a {
    text-decoration:none;
    color:#4682D1;
    outline:none;
}
ol, ul { list-style: none; }
li { list-style-type: none; }
a:hover { text-decoration:underline; }
a img { border:none; }
i,
em { font-style:normal; }
b { color:#F60; }
button { cursor:pointer; }
button i { display:none; }
/**/

/*文本 输入框*/
.text {
    width:280px;
    height:20px;
    padding:9px;
    line-height:20px;
    color:#666;
    border:1px solid #D6D6D6;
    border-top-color:#AFAFAF;
    background:#FFF url(../images/register/text.gif?v=1) no-repeat 0 0;
}
.code {
    width:112px;
}
.text-war { border-color:#F63; }
/**/

/*按钮*/
button,
.button {
    display:inline-block;
    height:38px;
    padding:0 20px;
    line-height:39px;
    text-align:center;
    overflow:hidden;
    font-size:16px;
    color:#FFF;
    border:1px solid #427AC7;
    border-radius:2px;
    background-color:#4A88DB;
    background-image:url(../images/register/button_pwd.png?v=1);
    background-repeat:repeat-x;
}
button {
    height:40px;
    *padding:0 5px;
}
.button:hover,
button:hover {
    text-decoration:none;
    background-position:0 -39px;
    box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
}
.button:active,
button:active { background-position:0 -78px; }

/*灰色按钮*/
.btn-gray,
.btn-wrap .btn {
    color:#666;
    text-shadow:0 1px #FFF;
    border-color:#C5C5C5;
    background-color:#EEE;
    background-position:0 -117px;
}
.btn-gray:hover,
.btn-wrap .btn:hover {
    color:#666;
    border-color:#A7A7A7;
    background-position:0 -156px;
    box-shadow: none;
}
.btn-gray:active,
.btn-focus,
.btn-focus:hover,
.btn-wrap .btn:active,
.btn-wrap .focus,
.btn-wrap .focus:hover,
.btn-wrap .btn-focus,
.btn-wrap .btn-focus:hover {
    color:#666;
    border-color:#A7A7A7;
    background-position:0 -195px;
}
/**/
/*无效的按钮*/
.btn-disabled,
.btn-disabled:hover,
.btn-disabled:active,
.btn-wrap .btn-disabled,
.btn-wrap .btn-disabled:hover,
.btn-wrap .btn-disabled:active {
    color:#BABABA;
    text-shadow:none;
    border-color:#C5C5C5;
    background-color:#F5F5F5;
    background-image:none;
    box-shadow: none;
    cursor:default;
}

/*下拉框*/
.select{
    float: left;
    width:200px;
    height:40px;
    padding:9px;
    margin-right: 10px;
    line-height:20px;
    color:#666;
    border:1px solid #D6D6D6;
    border-top-color:#AFAFAF;
    background:#FFF url(../images/register/text.gif?v=1) no-repeat 0 0;
    *margin-top:8px;
}
/**/

/*主体内容 布局垂直居中*/
.container {
    position:absolute;
    left:0;
    width:100%;
}
/**/

/*头部*/
.header {
    width:960px;
    height:50px;
    margin:auto;
    padding:15px 0;
}
.logo {
    float:left;
    padding-left:5px;
}
.logo a {
    float:left;
    width:206px;
    height:50px;
    line-height:10;
    overflow:hidden;
    font-size:14px;
    background:url(../images/register/logo.gif?v=1) no-repeat 0 0;
}
/**/

/*主内容*/
.main {
    position:relative;
    border-top:50px solid #4682D9;
}
.contents {
    position:relative;
    top:-50px;
    z-index:2;
    width:960px;
    margin: 0 auto;
    padding:0 6px;
    background:url(../images/register/password_main.png?v=1) no-repeat 0 0;
}
/**/

/*找回密码*/
.password-title {
    position:relative;
    left:10px;
    width:140px;
    height:50px;
    line-height:20;
    font-size:12px;
    overflow:hidden;
   /* background:url(../images/register/reg_title.gif?v=3) no-repeat 0 -100px;*/
}

/*找回密码*/
.password-title-en {
    position:relative;
    left:10px;
    width:400px;
    height:50px;
    line-height:20;
    font-size:12px;
    overflow:hidden;
    background:url(../images/register/reg_title_EN.gif?v=3) no-repeat 0 -100px;
}
.active-title {
    position:relative;
    left:10px;
    width:140px;
    height:50px;
    line-height:20;
    font-size:12px;
    overflow:hidden;
    background:url(../images/register/reg_title.gif?v=3) no-repeat 0 -150px;
}
.account-appeal-title {
    position:relative;
    left:10px;
    width:140px;
    height:50px;
    line-height:20;
    font-size:12px;
    overflow:hidden;
    background:url(../images/register/reg_title_appeal.gif?v=3) no-repeat 0 0;
}
/*找回帐号*/
.account1-title {
    position:relative;
    left:10px;
    width:140px;
    height:50px;
    line-height:20;
    font-size:12px;
    overflow:hidden;
    background:url(../images/register/reg_title.gif?v=3) no-repeat 0 -200px;
}
.account-title { background-position:0 -150px; }
/**/

/*找回密码 途径*/
.password-type {
    position:relative;
    width:580px;
    padding: 50px 0 0 20px;
    margin:auto;
    zoom: 1;
}
.password-type:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
}
.password-type li {
    position:relative;
    float:left;
    width:190px;
    height:54px;
    margin:0 20px 20px 0;
    padding:8px 0 8px 80px;
    border-radius:4px;
    cursor: pointer;
}
.password-type li:hover {
    background:#EEF5FF;
    background:-webkit-linear-gradient(top, #EEF5FF, #E9F2FF);
    background:-moz-linear-gradient(top, #EEF5FF, #E9F2FF);
    background:-o-linear-gradient(top, #EEF5FF, #E9F2FF);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEF5FF', endColorstr='#E9F2FF');
}
.password-type strong {
    display:block;
    line-height:30px;
    font-size:16px;
}
.password-type span {
    display:block;
    line-height:24px;
    color:#BBB;
}
.password-type em { color:#F60; }
.disabled em { color:#BBB; }
.password-type i {
    position:absolute;
    top:14px;
    left:28px;
    width:42px;
    height:42px;
    background-image:url(../images/register/ico_password_type.gif?v=1);
    background-repeat:no-repeat;
}
.pwd-mobile { background-position:0 0; }
.pwd-question { background-position:-50px 0; }
.pwd-email { background-position:-100px 0; }
.pwd-service { background-position:-150px 0; }
.pwd-appeal-plan { background-position:-200px 0; }
.pwd-account { background-position:-250px 0; }
/**/
 


/*找回密码 人工申诉 20120531 by mingang*/
.appeal,
.appeal-account { height: auto; }
.appeal .pwd-verify {
    padding:30px 20px 0;
    text-align:left;
}
.appeal-title{
    border-bottom: 1px solid #e3e3e3;
    color: #515b65;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
    padding: 0 10px;
}
.appeal-title span{
    color: #999;
    font-size: 12px;
    margin-left: 20px;
}
.appeal-title span em{ color: #FF6600; }
.appeal .verify-form{
    left: 0;
    margin: 0;
    width: 900px;
}
.verify-form dl{zoom:1;}
.verify-form dl:after{
    clear: both;
    content: " ";
    display: block;
    height: 0;
}
.appeal .verify-form dd{
    height: 40px;
    width:700px;
}
.appeal .verify-form dt i{ color: #FF6600; }
.appeal .verify-form .text{ width:300px; }
.appeal .verify-form .upload{
    background-image: url("../images/register/button_appeal.png?v=1");
    background-position: -131px 0;
    border: none;
    box-shadow: none;
    color: #515B65;
    height: 40px;
    padding: 0;
    width: 158px;
}
.appeal .verify-form .upload:hover,
.appeal .verify-form .upload.hover{ background-position: -131px -41px; }
.appeal .verify-form .upload:active{ background-position: -131px -82px; }

.appeal .history-form{ padding: 10px 10px 0; }
.appeal .history-form .hint-text{ margin-bottom: 20px;}
.appeal .history-form dt{ width: 80px; }
.appeal .history-form dd{ float: left; }
.appeal .history-form dd.short{ width: 120px; }
.appeal .history-form dd.date{ width: 150px; }
.appeal .history-form dd.addr{ width: 300px; }
.appeal .history-form dd.short .select{ width:120px; }
.appeal .history-form dd.addr .select{ width:140px; }

.appeal .opt-add-del {
    float: left;
    width: 70px;
    line-height: 40px;
}
.appeal dd.opt-add-del { width: 70px; }
.appeal .opt-add-del a{
    background: url("../images/register/icon_add_del.png?v=1") no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: middle;
    *margin: 10px 0 0 10px;
}
.appeal .opt-add-del .add{ background-position: 0 0; }
.appeal .opt-add-del .del{ background-position: 0 -20px; }
.appeal .opt-add-del .add:hover{ background-position: -20px 0; }
.appeal .opt-add-del .del:hover{ background-position: -20px -20px; }
.appeal .history-form .btn-row{
    height: 40px;
    padding: 20px 0 0 190px;
}
.appeal .hint-text{
    color: #666;
    font-size: 14px;
}
.appeal .hint-text a{ margin-left: 30px;}
.appeal .hint-span{
    color: #999;
    float: left;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
}
.appeal .get-date{
    background: url("../images/register/icon_add_del.png?v=1") no-repeat;
    background-position: -40px 0;
    display: block;
    height: 18px;
    width: 18px;
    position: absolute;
    left: 290px;
    top: 12px;
}
.appeal .get-date:hover{ background-position: -40px -20px; }
.appeal-progress{
    float: left;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
}

 

 

/*找回账号，申诉*/
.appeal-step4{
    color: #999;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    margin: 30px auto 0;
}
.appeal-step4 li{
    float: left;
    font-size: 14px;
    text-align: center;
    width: 200px;
}
.appeal-step4{
    background: url(../images/register/appeal_step4_bg.png) no-repeat;
    width: 400px;
}
.astep-01{ background-position: 0 0;}
.astep-02{ background-position: 0 -40px;}
.astep-03{ background-position: 0 -80px;}
.astep-04{ background-position: 0 -120px;}

.astep-01 .step01,
.astep-02 .step02,
.astep-03 .step03,
.astep-04 .step04 {
    color: #333;
    font-weight: bold;
}




.btn, .btn b, .i, .ii, .frm_tip {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}



.blur, .blur textarea, .blur input {
    color: #666;
    resize: none;
}

/*single*/
.txt {
    display: inline-block;
    *display: inline;
}

.txt input {
    width: 204px;
    height: 22px;
    line-height: 16px!important;
    margin: 0 0 0.2em;
    padding: 3px 3px 1px;
    border: 1px solid #ababab;
    vertical-align: middle;
}

.i{
    width: 16px;
    height: 16px;
    margin-bottom: 0.2em;
    font-size: 0;
    background: url(../images/register/ico10.png) no-repeat;
    vertical-align: middle;
}


.frm {
    margin: 6px 0 0;
}


fieldset {
    margin: -6px 0 0;
}

.frm_sub {
    padding-top: 6px;
}

.frm_tip {
    position: relative;
    visibility: hidden;
    width: 272px;
    margin: 1px 0 -50px 5px;
    vertical-align: top;
}

.frm_tip,
.frm_tip b {
    background: url(../images/register/006.png) no-repeat -272px bottom;
}

.frm_tip b {
    display: block;
    min-height: 14px;
    _height: 14px;
    line-height: 20px;
    padding: 7px 12px 7px 20px;
    color: #666;
    background-position: 0 0;
}

.frm_tip .i {
    position: relative;
    top: 2px;
    display: none;
    margin: 0 0 -16px -20px;
}



.frm_focus .frm_tip,
.frm_err .frm_tip,
.frm_ok .frm_tip {
    visibility: visible;
}

.frm_err .frm_tip b,
.frm_ok .frm_tip b {
    padding-left: 40px;
}

.frm_ok .frm_tip, .frm_ok .frm_tip b {
    background: none;
}

.frm_ok .frm_tip b {
    padding-top: 10px;
    padding-bottom: 0;
}

.frm_ok .frm_tip em {  display: none;}
.frm_ok .frm_tip .i { background-image: url(../images/register/0156.gif);}
.frm_ok .frm_tip .i,
.frm_err .frm_tip .i { display: block;}
.frm_err .frm_tip .i {background-image: url(../images/register/0155.gif);}
.frm_err .frm_tip { background-position: -816px bottom;}
.frm_err .frm_tip b {background-position: -544px 0;color: #f70000;}


.pwlv {
    overflow: hidden;
    width: 149px;
    height: 12px;
    margin: 5px 0 0 100px;
    background: url(../images/register/005.png) no-repeat;
}
.pwlv2 { background-position: 0 -12px;}
.pwlv3 { background-position: 0 -24px;}
.pwlv4 {background-position: 0 -36px;}
.btns {margin-top: 5px;}

.frm_sub_reg .frmc {padding: 8px 0 0;}
.frmc label {width:100px;display:block;float:left;margin-top:3px;}
.frm_sub_reg .inp_sub {
    width: 180px;
    height: 39px;
    border: 0;
    background: url(../images/register/015.png) no-repeat;
    cursor: pointer;
    cursor: hand;
}

.frm_sub_reg .inp_subdis {
    background-position: 0 -39px;
}

.frm_sp .active {
        background-position: 0 -31px;
    }
.regbtn {
 background: url("../images/register/button_reg.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    border-radius: 2px 2px 2px 2px;
    margin-left:60px;
    height: 40px;
    width: 132px;
    cursor:pointer;
}
.regbtn:hover {
        background-position:0 -82px; cursor:pointer 
}
 