@charset "utf-8";
/* CSS Document */
/*
 * author : towne;
 * date : 2015-2-3;
 *
 */
/* login_reg */
.login_reg {
    padding: 60px 0;
}

.login_l {
    width: 606px;
    height: 377px;
    float: left;
}

.login_l img {
    width: 100%;
    height: 100%;
}

.login_r {
    height: 375px;
    float: right;
    border: 1px solid #e7e7e7;
    background-color: #ffffff;
    margin-right: 274px;
}

.dialog h2 {
    width: 100%;
    height: 46px;
    font: normal normal 20px/60px "Microsoft Yahei";
    background-color: #ffffff;
    text-align: center;
}

/*忘记密码*/
.forget_step1 {
    width: 100%;
    height: 100px;
    background: url(../images/forget.png) no-repeat center 0px;
}

.forget_step2 {
    width: 100%;
    height: 100px;
    background: url(../images/forget.png) no-repeat center -100px;
}

.forget_step3 {
    width: 100%;
    height: 100px;
    background: url(../images/forget.png) no-repeat center -200px;
}

.forget_step4 {
    width: 100%;
    height: 100px;
    background: url(../images/forget.png) no-repeat center -300px;
}

.forgetLay {
    background: #fff;
    padding: 40px 0px;
}

.forget_step1Main {
    width: 600px;
    margin: 20px auto;
    height: 300px;
}

.forLab {
    width: 200px;
    float: left;
    padding-top: 30px;
}

.forLab label {
    display: block;
    text-align: right;
    height: 50px;
    font: 18px/50px 'Microsoft Yahei';
    color: #828282;
}

.forPhone {
    display: block;
    font: 24px/30px 'Microsoft Yahei';
    color: #cc0000;
    height: 30px;
    padding-top: 17px;
}

.forImg {
    position: absolute;
    top: 0px;
    left: 5px;
}

.forget_step2Main {
    width: 320px;
    margin: 10px auto;
}

.forWin {
    padding: 80px 0px;
    padding-left: 50px;
}

.forWin b {
    font: 30px 'Microsoft Yahei';
    color: #6d6d6d;
}

.forWin p {
    font: 16px 'Microsoft Yahei';
    color: #6d6d6d;
}

.forget_word {
    font: 12px 'Microsoft Yahei';
    color: #3667a5;
    position: absolute;
    left: 55px;
    width: 100px;
}

/*add 2015-4-15*/
#backup:hover {
    text-decoration: underline;
}

/*弹出框样式*/
/*请填写专属理财师*/
.ui-upbox.reg-winbind {
    width: 506px;
    height: 380px;
    background: #eee;
}

.ui-upbox.regwin {
    width: 506px;
    height: 380px;
    background: #eee;
}

.ui-upbox.login-changeUser {
    width: 506px;
    height: 400px;
    background: #eee;
}

.reg-box {
    padding: 0px 90px;
    text-align: left;
    background: #fff;
    padding-bottom: 10px;
}

.reg-winbind img, .regwin img, .login-changeUser img {
    vertical-align: middle;
    margin-right: 10px;
}

.reg-winbind h2, .regwin h2, .login-changeUser h2 {
    padding-top: 35px;
    text-align: center;
    font-size: 24px;
    color: #6a6a6a;
    padding-bottom: 10px;
}

.reg-winbind p.regfont01, .login-changeUser p.regfont01 {
    font-size: 14px;
    color: #6a6a6a;
    text-align: center;
}

.regfont01 {
    font-size: 14px;
    color: #6a6a6a;
}

.reginp {
    padding: 10px 0;
}

.reginp input {
    width: 320px;
    height: 42px;
    border: 1px solid #d3d3d3;
    font-size: 14px;
    color: #6a6a6a;
    padding-left: 10px;
    line-height: 42px \9;
    _line-height: 44px;
    overflow: hidden;
    outline: none;
    vertical-align: middle;
}

.reginp input:focus {
    border: 1px solid #77bd48;
}

.reginp input.warn {
    border: 1px solid red;
}

.regBtn a {
    display: inline-block;
    width: 150px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 18px;
}

.regBtn .ui-confirmbtn {
    color: #fff;
    background: #cc0000;
}

.regBtn .ui-confirmbtn:hover {
    background: #f07575;
}

.regBtn .ui-confirmbtn.hover {
    background: #f07575;
}

.regBtn .ui-confirmbtn.over {
    background: #d2d2d2;
}

.regBtn .ui-nobtn {
    margin-left: 20px;
    background: #f1f1f1;
    color: #5e5e5e;
}

.regBtn .ui-nobtn:hover {
    background: #b1b1b1;
}

.reg-gray {
    text-align: left;
    background: #eee;
    padding: 20px 65px 0px 65px;
}

.reg-gray h4 {
    font-size: 14px;
    color: #7c7c7c;
    padding-bottom: 10px;
}

.reg-gray p {
    font-size: 12px;
    color: #939393;
    line-height: 22px;
}

.reg-gray p em {
    color: #eb4646;
}

.login-gray {
    text-align: left;
    background: #eee;
    padding: 15px 65px 0px 65px;
}

.login-gray h4 {
    font-size: 14px;
    color: #7c7c7c;
    padding-bottom: 5px;
}

.login-gray p {
    font-size: 12px;
    color: #939393;
    line-height: 22px;
}

.login-gray p em {
    color: #eb4646;
}

.blankH {
    height: 20px;
}

/**/
.reg-warn {
    color: red;
    padding-bottom: 10px;
}

.login-box {
    padding: 0px 68px;
    background: #fff;
    padding-bottom: 10px;
}

.login-user {
    margin-bottom: 25px;
    padding: 5px 0;
}

.login-user li {
    width: 103px;
    height: 103px;
    float: left;
    position: relative;
    cursor: pointer;
}

.login-user li i {
    width: 103px;
    height: 103px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../images/reset/login-nomal.png) no-repeat;
    z-index: 2;
}

.login-user li i.act {
    background: url(../images/reset/login-act.png) no-repeat;
}

.login-user li img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.login-user li p {
    text-align: center;
    position: absolute;
    left: 0px;
    bottom: -20px;
    width: 100%;
}

.login-user li.blank30 {
    width: 30px;
    height: 103px;
}

.login-changeUser h2.loginFont {
    padding-top: 25px;
    text-align: center;
    font-size: 24px;
    color: #6a6a6a;
}

.login-changeUser h2 em {
    color: #eb4646;
}

.login-user.login-user-only {
    margin-left: 130px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.login-user.login-user-two {
    margin-left: 65px;
}