.register-box{
    padding:50px 0;
    background-color: #fff;
}
.register-form{
    width: 500px;
    /*float: left;*/
    /*padding-left: 50px;*/
    box-sizing: border-box;
}
.register-add{
    float: left;
    width: 650px;
    margin-left: 50px;
    padding-top: 50px;
}

.form_title{
    position: relative;
    height: 210px;
    background-color: #FFF;
}

.form_title > .line{
    position: absolute;
    width:100%;
    top:120px;
    left:0;
    border-bottom: 5px solid #eee;
    transition:width 0.5s;
}

.form_title .step{
    width:75px;
    height: 75px;
    border-radius: 50%;
    color:#000;
    line-height: 75px;
    position: absolute;
    margin-left: -42px;
    border:6px solid #ccc;
    top:75px;
    background-color: #fff;
}

.form_title .step > .index{
    font-size:30px;
    font-weight: bold;
}

.form_title .step.actived{
    background-color: #9e8042;
    color:#fff;
    transition:background-color 0.5s;
}

.form_title .step p{
    width: 200px;
    text-align: center;
    font-size: 18px;
    white-space: nowrap;
    position: absolute;
    top: -40px;
    left: -60px;
    height: 20px;
    line-height: 20px;
    color: #9e8042;
}

.form_title .step.step1{
    left:25%;
}

.form_title .step.step2{
    left:50%;
}

.form_title .step.step3{
    left:75%;
}


.form_body{

}

.form_body .form_wrap{
    background-color: #fff;
    padding-bottom: 40px;
    padding-top: 51px;
    min-height: 420px;
}

.form_body form{
    width:100%;
    margin:0 auto;
    background-color: #fff;
}

.form_body .form_item{
    margin-bottom: 40px;

}

.form_body .form_item > div.form_label{
    width:22%;
    float: left;
    padding-top: 10px;
    font-size:15px;
    text-align: right;
}

.form_body .form_item > div.form_conponent{
    margin-left: 23%;
    width: 64%;
    box-sizing: border-box;
    text-align: left;
    padding-left: 20px;
}

.form_body .form_item > div.form_conponent > input[type=text],
.form_body .form_item > div.form_conponent > input[type=password],
.form_body .form_item > div.form_conponent > textarea

{
    width:100%;
    height:36px;
    line-height: 36px;
    border-radius: 5px;
    box-sizing: border-box;
    padding:0 10px;
}

.form_body .form_item > div.form_conponent.style2 > input{
    width:158px;
}

.form_body .form_item > div.form_conponent.style2 > .btn{
    width: 100px;
    margin-left: 10px;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    background-color: #9e8042;
    color: #fff;
}

.form_body .form_item > div.form_conponent.style2 > .vcode{
    width: 100px;
    margin-left: 10px;
    height: 35px;
    display: inline-block;
}

.form_body .form_item > div.form_conponent.style2 > .vcode >img{
    width:100%;
    height: 100%;
}
.form_body .form_item > .btn.btn-style2{
    width: 280px;
    height: 42px;
    background-color: #9e8042;
    border-radius: 5px;
    color: #fff;
    font-size: 17px;
    line-height: 42px;
}
.form_body .form_item > .btn.btn-style2.disabled{
    border-bottom: 3px solid #aaa !important;
}


.form_banner{
    background: url("register_banner.png")/*tpa=http://www.huiyuanjinfu.cn/images/register_banner.png*/ no-repeat 50% 50%;
    height:250px;
}

/*
formwrap中一些其他样式
*/

.form_wrap .login_btn{
    font-size:20px;
    color: #f64343;
    line-height: 30px;
}


/*红包*/
.form_wrap > .coupon{
    width:566px;
    height: 399px;
    position: relative;
    margin:30px auto;
}

.form_wrap > .coupon > .coupon_close{
    width:45px;
    height: 45px;
    display: block;
    position: absolute;
    right:55px;
    top:0px;
    background: url("reg_close.png")/*tpa=http://www.huiyuanjinfu.cn/images/reg_close.png*/ no-repeat 0 0;
}

.form_wrap > .coupon > .coupon_get{
    position: absolute;
    width: 300px;
    height: 35px;
    line-height: 35px;
    background-color: #f0dc00;
    border-radius:35px;
    font-size:18px;
    color:#d51c1c;
    bottom:40px;
    margin-left:-150px;
    left:50%;
}

.form_wrap > .coupon > .coupon_value{
    position: absolute;
    width: 100%;
    color:#d51c1c;
    left:0;
    font-size:20px;
    top:85px;
}

.form_wrap > .coupon > .coupon_value > .font_huge{
    font-size:60px !important;
}

.coupon_slide {
    -webkit-animation-name: coupon_slide-keyframes;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-delay: 0ms;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 0 0;
    animation-name: coupon_slide-keyframes;
    animation-duration: 1000ms;
    animation-delay: 0ms;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    transform-origin: 0 0;
}
@-webkit-keyframes coupon_slide-keyframes {
    0% {-webkit-transform:translate(0px, 0px) scale(1) rotateX(-190deg) rotateY(186deg) rotateZ(0deg) translate(-50%, -50%);}
    4.17% {-webkit-transform:translate(207.7237px, -0.0417px) scale(1) rotateX(-182.0833deg) rotateY(178.25deg) rotateZ(0deg) translate(-50%, -50%);}
    8.33% {-webkit-transform:translate(390.0494px, -0.0833px) scale(1) rotateX(-174.1667deg) rotateY(170.5deg) rotateZ(0deg) translate(-50%, -50%);}
    12.5% {-webkit-transform:translate(549.137px, -0.125px) scale(1) rotateX(-166.25deg) rotateY(162.75deg) rotateZ(0deg) translate(-50%, -50%);}
    16.67% {-webkit-transform:translate(687.0502px, -0.1667px) scale(1) rotateX(-158.3333deg) rotateY(155deg) rotateZ(0deg) translate(-50%, -50%);}
    20.83% {-webkit-transform:translate(805.7569px, -0.2083px) scale(1) rotateX(-150.4167deg) rotateY(147.25deg) rotateZ(0deg) translate(-50%, -50%);}
    25% {-webkit-transform:translate(907.1289px, -0.25px) scale(1) rotateX(-142.5deg) rotateY(139.5deg) rotateZ(0deg) translate(-50%, -50%);}
    29.17% {-webkit-transform:translate(992.9422px, -0.2917px) scale(1) rotateX(-134.5833deg) rotateY(131.75deg) rotateZ(0deg) translate(-50%, -50%);}
    33.33% {-webkit-transform:translate(1064.8765px, -0.3333px) scale(1) rotateX(-126.6667deg) rotateY(124deg) rotateZ(0deg) translate(-50%, -50%);}
    37.5% {-webkit-transform:translate(1124.5159px, -0.375px) scale(1) rotateX(-118.75deg) rotateY(116.25deg) rotateZ(0deg) translate(-50%, -50%);}
    41.67% {-webkit-transform:translate(1173.348px, -0.4167px) scale(1) rotateX(-110.8333deg) rotateY(108.5deg) rotateZ(0deg) translate(-50%, -50%);}
    45.83% {-webkit-transform:translate(1212.765px, -0.4583px) scale(1) rotateX(-102.9167deg) rotateY(100.75deg) rotateZ(0deg) translate(-50%, -50%);}
    50% {-webkit-transform:translate(1244.0625px, -0.5px) scale(1) rotateX(-95deg) rotateY(93deg) rotateZ(0deg) translate(-50%, -50%);}
    54.17% {-webkit-transform:translate(1268.4406px, -0.5417px) scale(1) rotateX(-87.0833deg) rotateY(85.25deg) rotateZ(0deg) translate(-50%, -50%);}
    58.33% {-webkit-transform:translate(1287.0031px, -0.5833px) scale(1) rotateX(-79.1667deg) rotateY(77.5deg) rotateZ(0deg) translate(-50%, -50%);}
    62.5% {-webkit-transform:translate(1300.7581px, -0.625px) scale(1) rotateX(-71.25deg) rotateY(69.75deg) rotateZ(0deg) translate(-50%, -50%);}
    66.67% {-webkit-transform:translate(1310.6173px, -0.6667px) scale(1) rotateX(-63.3333deg) rotateY(62deg) rotateZ(0deg) translate(-50%, -50%);}
    70.83% {-webkit-transform:translate(1317.3968px, -0.7083px) scale(1) rotateX(-55.4167deg) rotateY(54.25deg) rotateZ(0deg) translate(-50%, -50%);}
    75% {-webkit-transform:translate(1321.8164px, -0.75px) scale(1) rotateX(-47.5deg) rotateY(46.5deg) rotateZ(0deg) translate(-50%, -50%);}
    79.17% {-webkit-transform:translate(1324.5002px, -0.7917px) scale(1) rotateX(-39.5833deg) rotateY(38.75deg) rotateZ(0deg) translate(-50%, -50%);}
    83.33% {-webkit-transform:translate(1325.9761px, -0.8333px) scale(1) rotateX(-31.6667deg) rotateY(31deg) rotateZ(0deg) translate(-50%, -50%);}
    87.5% {-webkit-transform:translate(1326.676px, -0.875px) scale(1) rotateX(-23.75deg) rotateY(23.25deg) rotateZ(0deg) translate(-50%, -50%);}
    91.67% {-webkit-transform:translate(1326.936px, -0.9167px) scale(1) rotateX(-15.8333deg) rotateY(15.5deg) rotateZ(0deg) translate(-50%, -50%);}
    95.83% {-webkit-transform:translate(1326.996px, -0.9583px) scale(1) rotateX(-7.9167deg) rotateY(7.75deg) rotateZ(0deg) translate(-50%, -50%);}
    100% {-webkit-transform:translate(1327px, -1px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
}
@keyframes coupon_slide-keyframes {
    0% {transform:translate(0px, 0px) scale(1) rotateX(-190deg) rotateY(186deg) rotateZ(0deg) translate(-50%, -50%);}
    4.17% {transform:translate(207.7237px, -0.0417px) scale(1) rotateX(-182.0833deg) rotateY(178.25deg) rotateZ(0deg) translate(-50%, -50%);}
    8.33% {transform:translate(390.0494px, -0.0833px) scale(1) rotateX(-174.1667deg) rotateY(170.5deg) rotateZ(0deg) translate(-50%, -50%);}
    12.5% {transform:translate(549.137px, -0.125px) scale(1) rotateX(-166.25deg) rotateY(162.75deg) rotateZ(0deg) translate(-50%, -50%);}
    16.67% {transform:translate(687.0502px, -0.1667px) scale(1) rotateX(-158.3333deg) rotateY(155deg) rotateZ(0deg) translate(-50%, -50%);}
    20.83% {transform:translate(805.7569px, -0.2083px) scale(1) rotateX(-150.4167deg) rotateY(147.25deg) rotateZ(0deg) translate(-50%, -50%);}
    25% {transform:translate(907.1289px, -0.25px) scale(1) rotateX(-142.5deg) rotateY(139.5deg) rotateZ(0deg) translate(-50%, -50%);}
    29.17% {transform:translate(992.9422px, -0.2917px) scale(1) rotateX(-134.5833deg) rotateY(131.75deg) rotateZ(0deg) translate(-50%, -50%);}
    33.33% {transform:translate(1064.8765px, -0.3333px) scale(1) rotateX(-126.6667deg) rotateY(124deg) rotateZ(0deg) translate(-50%, -50%);}
    37.5% {transform:translate(1124.5159px, -0.375px) scale(1) rotateX(-118.75deg) rotateY(116.25deg) rotateZ(0deg) translate(-50%, -50%);}
    41.67% {transform:translate(1173.348px, -0.4167px) scale(1) rotateX(-110.8333deg) rotateY(108.5deg) rotateZ(0deg) translate(-50%, -50%);}
    45.83% {transform:translate(1212.765px, -0.4583px) scale(1) rotateX(-102.9167deg) rotateY(100.75deg) rotateZ(0deg) translate(-50%, -50%);}
    50% {transform:translate(1244.0625px, -0.5px) scale(1) rotateX(-95deg) rotateY(93deg) rotateZ(0deg) translate(-50%, -50%);}
    54.17% {transform:translate(1268.4406px, -0.5417px) scale(1) rotateX(-87.0833deg) rotateY(85.25deg) rotateZ(0deg) translate(-50%, -50%);}
    58.33% {transform:translate(1287.0031px, -0.5833px) scale(1) rotateX(-79.1667deg) rotateY(77.5deg) rotateZ(0deg) translate(-50%, -50%);}
    62.5% {transform:translate(1300.7581px, -0.625px) scale(1) rotateX(-71.25deg) rotateY(69.75deg) rotateZ(0deg) translate(-50%, -50%);}
    66.67% {transform:translate(1310.6173px, -0.6667px) scale(1) rotateX(-63.3333deg) rotateY(62deg) rotateZ(0deg) translate(-50%, -50%);}
    70.83% {transform:translate(1317.3968px, -0.7083px) scale(1) rotateX(-55.4167deg) rotateY(54.25deg) rotateZ(0deg) translate(-50%, -50%);}
    75% {transform:translate(1321.8164px, -0.75px) scale(1) rotateX(-47.5deg) rotateY(46.5deg) rotateZ(0deg) translate(-50%, -50%);}
    79.17% {transform:translate(1324.5002px, -0.7917px) scale(1) rotateX(-39.5833deg) rotateY(38.75deg) rotateZ(0deg) translate(-50%, -50%);}
    83.33% {transform:translate(1325.9761px, -0.8333px) scale(1) rotateX(-31.6667deg) rotateY(31deg) rotateZ(0deg) translate(-50%, -50%);}
    87.5% {transform:translate(1326.676px, -0.875px) scale(1) rotateX(-23.75deg) rotateY(23.25deg) rotateZ(0deg) translate(-50%, -50%);}
    91.67% {transform:translate(1326.936px, -0.9167px) scale(1) rotateX(-15.8333deg) rotateY(15.5deg) rotateZ(0deg) translate(-50%, -50%);}
    95.83% {transform:translate(1326.996px, -0.9583px) scale(1) rotateX(-7.9167deg) rotateY(7.75deg) rotateZ(0deg) translate(-50%, -50%);}
    100% {transform:translate(1327px, -1px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);}
}

/*验证码的哪个弹窗*/
.sendRemoteVcode{
    position:absolute;width:680px;height:100px;border:10px solid #ccc;left:50%;top:50%;background-color:#fff;padding:50px 0 10px 0;margin-left:-350px;margin-top:-80px;
}

.sendRemoteVcode .tips_close{
    position:absolute;
    right:-25px;
    top:-25px;
    width:45px;
    height:45px;
    background:url("reg_close-1.png")/*tpa=http://www.huiyuanjinfu.cn/thems/thems_default/user/images/reg_close.png*/ no-repeat 0 0;
}

/*登录*/
.login_sec{
    height: 660px;
    /*background: url('../images/login_bg.png') no-repeat 50% 0;*/
    background: url("login-bg.png")/*tpa=http://www.huiyuanjinfu.cn/images/login-bg.png*/ no-repeat 50% 0;
    /*background-color: #0484c9;*/
    background-size:cover;
}

.login_sec .login_panel{
    position: absolute;
    right: 400px;
    min-height: 360px;
    width: 320px;
    background-color: #fff2ed;
    border-radius: 4px;
    overflow: hidden;
    top: 180px;
}

.login_sec .login_panel > .login_title{
    height: 60px;
    font-size: 20px;
    line-height: 60px;
}
.login_title >a{
    width: 50%;
    float: left;
    color: #888;
    background-color: rgba(225,225,225,0.5);
}

.login_title >a.actived{
    background: transparent;
    color: #555;
}
.login_sec .login_panel > .login_form{
    padding: 0 30px;
    margin-top: 30px;
    padding-bottom: 30px;
}

.login_sec .login_panel > .login_form  .input_form{
    border:1px solid #cccccc;
    border-radius: 3px;
    height:35px;
    margin-bottom: 25px;
    position: relative;
    overflow:hidden;
    box-sizing: border-box;
    -webkit-transition:border-color 0.5s;
    transition:border-color 0.5s;
}

.login_sec .login_panel > .login_form .input_form.focus{
    border-color:#9e8042;
}

.login_sec .login_panel > .login_form  .input_form.invalid{
    border-color:#f64343;
    animation-duration: 100ms;
    animation-iteration-count: 5;
    animation-name: shake-horizontal;
    animation-timing-function: ease-in-out;
}

.error{
    box-shadow:none !important;
    border:none !important;
}

.login_sec .login_panel > .login_form  .input_form > label{
    width:25px;
    display: inline-block;
    height: 100%;
    vertical-align: -webkit-baseline-middle;
}

/*.login_sec .login_panel > .login_form  .input_form > label > .icon{*/
    /*width:20px;*/
    /*height: 20px;*/
    /*background-image: url('../images/login_sprite.png');*/
    /*vertical-align: middle;*/
/*}*/

.login_sec .login_panel > .login_form  .input_form > label > .icon.icon-user{/*用户名图标*/
    background-position: 0 -40px;
}

.login_sec .login_panel > .login_form  .input_form > label > .icon.icon-psw{/*密码图标*/
    background-position: 0 -0px;
}

.login_sec .login_panel > .login_form  .input_form > input{
    width:222px;
    height: 35px;
    border: none;
    line-height:35px;
}




.login_sec .login_panel > .login_form > .login_btn{
    margin-top: 22px;
}

.login_sec .login_panel > .login_form > .login_btn > a.btn{
    background-color: #9e8042;
    display: block;
    color:#fff;
    height:38px;
    line-height: 38px;
    font-size: 16px;
    width: 100%;
    border-radius: 3px;
}

.login_sec .login_panel > .login_form > .goto_register{
    margin-top: 15px;
}

.aside_info{
    margin-top: 36px;
}
/*新加入的验证码*/
.input_form.vcode{
    margin-right:90px;
}

.input_form.vcode > input{
    width:132px !important;
}

.vcodeWrap{
    float:right;
    width:80px;
    height:34px;
    display:block;
}

.vcodeWrap.vCodeBtn{
    background-color:#9e8042;
    line-height:35px;
    color:#fff;
    font-size:12px;
    border-radius:3px;
}

.vcodeWrap > img{
    width:100%;
    height:100%;
}
.login_sec .login_panel > .login_form .input_form > label > .icon.icon-vcode{
    background-position: 0 -60px;
}