﻿.w_1200 { width: 1200px; margin: 0 auto; }

    .form-row { margin-bottom: 20px; }
        .form-row::after, .form-row::before { display: table; content: ""; box-sizing: border-box; }
        .form-row::after { clear: both; }
        /*.form-row{overflow:hidden;}*/
    .form-label, .form-input, .form-checkbox-radio { min-height: 32px; line-height: 32px; position:relative;}
        .form-label label .required { color: #d60000; vertical-align: middle; }
        .form-label label { display: block; color: #6C6C6C; text-align: right; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; }
    .form-input { position: relative; }
        .form-input input { border: 1px solid #cdcdcd; height: 30px; line-height: 30px; margin: 0; padding: 0; vertical-align: middle; }
    .form-checkbox-radio input[type="radio"] { margin-top: 0; }
    .form-checkbox-radio input[type="checkbox"], .form-checkbox-radio input[type="radio"] { display: inline-block; height: 20px; margin: 1px 3px 0 0; padding: 0; width: 16px; }
    .form-checkbox-radio label { display: inline-block; color: #6C6C6C; height: 20px; line-height: 20px; padding: 0 10px 0 0; }
    input[type="radio"], input[type="checkbox"], label { vertical-align: middle; }

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 { float: left; min-height: 1px; padding-right: 5px; padding-left: 5px; }
    .col-md-1 { width: 8.333333333333332%; }
    .col-md-2 { width: 16.666666666666664%; }
    .col-md-3 { width: 25%; }
    .col-md-4 { width: 33.33333333333333%; }
    .col-md-5 { width: 41.66666666666667%; }
    .col-md-6 { width: 50%; }
    .col-md-7 { width: 58.333333333333336%; }
    .col-md-8 { width: 66.66666666666666%; }
    .col-md-9 { width: 75%; }
    .col-md-10 { width: 83.33333333333334%; }
    .col-md-11 { width: 91.66666666666666%; }
    .col-md-12 { width: 100%; text-indent: 5px; }


    body { background: #f6f6f6; }
    .reg .highlight { color: #258ed6; }
    .reg textarea { min-height: 100px; border: 1px solid #cdcdcd; }
    .login_head { /*width:1200px;*/  background: #fff; border-bottom: 1px solid #E3E6E8; }
    .login_head_nav { height: 34px; line-height: 34px; background: #F5F5F5; }
        .login_head_nav li { display: inline-block; float: left; }
            .login_head_nav li a { padding: 0 10px; display: inline-block; }
            .login_head_nav li::after { content: '|'; }
            .login_head_nav li:last-child::after { content: ''; }

    .login_head img { width: 105px; height: 129px; }

    .reg_content { padding: 50px 0; }
    .reg_content_step1,
    .reg_content_step3 { width: 550px; margin: 0 auto; }
    .reg_content_step3 { text-align: center; }
    .reg_content_step2,
    .reg_content_step3 { display: none; }

    .reg_l { float: left; width: 550px; }
    .reg_c { float: left; width: 140px; height: 400px; background: url("../images/login/reg_c.png") no-repeat center center; }
    .reg_r { float: left; margin: 120px auto 0 auto; width: 400px; }

    .error_tip { position: absolute; background: #000; color: #fff; top: -27px; right: 0; height: 22px; line-height: 22px; padding: 0 5px; display: none; }
        .error_tip i { position: absolute; background: url("../images/login/error_jt.png") no-repeat; width: 6px; height: 5px; right: 15px; bottom: -5px; }
    .pass_secure { margin-top: 10px; }
        .pass_secure li { float: left; width: 33%; margin-right: 1px; height: 18px; line-height: 18px; color: #fff; background: #EAEAEA; text-align: center; }
            .pass_secure li:last-child { margin-right: 0; width: 33.33%; float: right; }
            .pass_secure li.curr { background: #F67B00; }
    .reg_verify_code .error_tip { top: -27px; right: 175px; }
    .reg_verify_code img { margin-left: 5px; height: 32px; }
    .reg_verify_code a { color: #3441DE; }
    .verify_btn { height: 32px; line-height: 32px; display: inline-block; }
    .reg_code { background: #f5f5f5; border: 1px solid #d9d9d9; color: #555; padding: 0 20px; }
    .reg_box { margin-top: 40px; border: 1px solid #e3e6e8; background: #fff; }

    .reg_steps { height: 46px; border-bottom: 2px solid #e6e6e6; position: relative; }
        .reg_steps ul { width: 750px; margin: 0 auto; }
            .reg_steps ul li.active { color: #3e3e3e; border-bottom: 2px solid #0171C5; }
            .reg_steps ul li { display: inline-block; float: left; min-width: 170px; padding-left: 70px; height: 46px; line-height: 46px; font-size: 16px; font-weight: 700; color: #999; }
                .reg_steps ul li i { display: inline-block; zoom: 1; *display: inline; margin-right: 5px; width: 24px; height: 24px; background: #0171C5; border-radius: 50%; text-align: center; font-style: normal; line-height: 24px; font-size: 14px; font-weight: 700; color: #FFF; }

    .reg_content { padding: 50px 0; }
    .reg_content_step1,
    .reg_content_step3 { width: 550px; margin: 0 auto; }
    .reg_content_step3 { text-align: center; }
    .reg_content_step2,
    .reg_content_step3 { display: none; }

    .reg_l { float: left; width: 550px; }
    .reg_c { float: left; width: 140px; height: 400px; background: url("../images/login/reg_c.png") no-repeat center center; }
    .reg_r { float: left; margin: 120px auto 0 auto; width: 400px; }

    .error_tip { position: absolute; background: #000; color: #fff; top: -55px; right: 0; height: 22px; line-height: 22px; padding: 0 5px; display: none; }
        .error_tip i { position: absolute; background: url("../images/login/error_jt.png") no-repeat; width: 6px; height: 5px; right: 15px; bottom: -5px; }
    .pass_secure { margin-top: 10px; }
        .pass_secure li { float: left; width: 33%; margin-right: 1px; height: 18px; line-height: 18px; color: #fff; background: #EAEAEA; text-align: center; }
            .pass_secure li:last-child { margin-right: 0; width: 33.33%; float: right; }
            .pass_secure li.curr { background: #F67B00; }
    .reg_verify_code .error_tip { top: -55px; right: 248px; }
    .reg_verify_code img { margin-left: 5px; height: 32px; }
    .reg_verify_code a { color: #3441DE; }
    .verify_btn { height: 32px; line-height: 32px; display: inline-block; }

    .login_btn { width: 100%; }
        .login_btn a { display: block; color: #fff; }
    .login_footer { line-height: 40px; text-align: center; }

    .reg_r .upload { margin-top: 20px; width: 120px; height: 35px; line-height: 35px; display: inline-block; font-size: 16px; color: #666; text-align: center; background: #f5f5f5; }