@charset "UTF-8";
#header {
    background: #f7f7f7;
    padding: 20px 15%;
    height: 100px;
    border-bottom: 3px solid #fd8f25;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    color: black;
}

button:disabled {
    color: #f38f36;
}

@media screen and (max-width: 768px) {
    #header {
        padding: 10px 15px !important;
    }
}

#header .header-content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 768px) {
    #header a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media screen and (max-width: 768px) and (max-width: 767px) {
    #header a .header_logo {
        height: 30px;
        width: auto;
    }
}

@media screen and (max-width: 768px) {
    #header a .header_logo_text {
        margin-left: 10px;
    }
}

@media screen and (max-width: 768px) and (max-width: 767px) {
    #header a .header_logo_text {
        height: 18px;
        width: auto;
    }
}

@media screen and (max-width: 768px) {
    .welcome {
        font-size: 12px !important;
    }
}

.welcome {
    font-size: 16px;
    font-weight: 600;
    line-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .welcome {
        line-height: 40px !important;
    }
}

#section .container {
    width: 70%;
    margin: auto;
    border-radius: 3px;
    margin-top: 40px;
    margin-bottom: 80px;
    padding-bottom: 40px;
}

@media screen and (max-width: 767px) {
    #section #login_container {
        border: none;
    }
    #section #login_container .login_img {
        display: none;
    }
    #section #login_container .login_title {
        display: none;
    }
    #section #login_container .input_label {
        width: 20%;
        text-align: right;
        margin: 0;
        padding: 0 10px 0 0;
    }
    #section #login_container .remember_div {
        margin-left: 5%;
    }
    #section #login_container .login_div {
        margin-left: 5%;
        padding-right: 3%;
        margin-bottom: 10px;
    }
    #section #login_container .register_div {
        margin-left: 5%;
        padding-right: 3%;
    }
    #section #login_container .flex_container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 3%;
    }
    #section #login_container .flex_item_width_full {
        width: 100%;
    }
    #section #login_container .flex_item_1 {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    #section #login_container input[type="checkbox"] {
        margin: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    #section #login_container input[type="checkbox"] {
        margin: 0;
    }
    #section #login_container .login_type {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
    #section #login_container .remember_div {
        margin-left: 5.33333%;
    }
    #section #login_container .login_div {
        margin-left: 5.33333%;
        margin-right: 8.33333%;
        margin-bottom: 10px;
    }
    #section #login_container .register_div {
        margin-left: 5.33333%;
        margin-right: 8.33333%;
    }
    #section #login_container .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    #section #login_container .register_content {
        padding: 0 0;
    }
    #section #login_container .login_form_div {
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (max-width: 1365px) {
    #section #login_container {
        padding: 0;
        width: 90%;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    body {
        overflow-x: hidden;
    }
}

#section .login_title {
    padding: 15px 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 40px;
    border-bottom: 1px solid #ededed;
}

#section .login_title_content {
    font-size: 16px;
    font-weight: 600;
}

@media screen and (max-width: 1500px) {
    #section .control-label {
        font-size: 12px;
        width: 33%;
    }
    #section .form-control {
        font-size: 12px;
        padding: 5px 10px;
    }
    
    .xinyong{
        white-space: nowrap;
    }
}

.login_title_content:before {
    content: '|';
    font-size: 16px;
    display: inline-block;
    margin-right: 10px;
    padding-bottom: 2px;
    vertical-align: bottom;
    color: #f38f36;
}

#section .login_type {
    border: 1px solid #ededed;
    padding: 5px 20px;
}

#section .login_type_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    padding: 20px 0;
    text-align: center;
    margin-bottom: 25px;
}

#section .login_type_title a {
    font-size: 15px;
    padding-bottom: 10px;
    color: #232323;
}

#section .login_type_title a:hover {
    text-decoration: none;
}

#section .login_type_title a:active,
#section .login_type_title a.active {
    color: #fd8f25;
    border-bottom: 2px solid #fd8f25;
    text-decoration: none;
}

#person_form [type='checkbox'],
#company_form [type='checkbox'] {
    zoom: 120%;
}

@media screen and (min-width: 1441px) {
    .form-group {
        margin: 20px 0;
    }
}

.glyphicon {
    padding-right: 40px;
}

@media screen and (max-width: 767px) {
    .glyphicon {
        display: none;
    }
}

.toLogin,
.toRegister {
    font-size: 12px;
    font-weight: normal;
    padding: 3px 10px;
    border: 1px solid #fd8f25;
    border-radius: 4px;
    height: 25px;
    margin-left: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.toLogin {
    background-color: #fd8f25;
    color: #fff;
}

.toRegister {
    color: #fd8f25;
}

.toLogin:hover,
.toLogin.hover {
    color: #fff;
}

.toRegister:hover,
.toRegister.hover {
    color: #fd8f25;
}

.pwd_tip {
    color: #c5c5c5;
    font-size: 13px;
}

.backPwd_img {
    margin-bottom: 10px;
}

.welcome_register {
    font-weight: 600;
    color: #535353;
    margin: 0 25px 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
}

.register_content {
    margin: 10px 5px;
    padding: 10px 10px;
}

.step_tip {
    margin-bottom: 30px;
    position: relative;
}

.step_tip img {
    width: 100%;
}

.step_tip .step_one {
    position: absolute;
    bottom: -25px;
    left: 0;
    font-size: 16px;
    color: #797979;
    z-index: 299;
}

.step_tip .step_two {
    position: absolute;
    bottom: -25px;
    left: 48%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 16px;
    color: #797979;
    z-index: 299;
}

.step_tip .step_three {
    position: absolute;
    bottom: -25px;
    right: 0;
    font-size: 16px;
    color: #797979;
    z-index: 299;
}

.text_orange {
    color: #FD962C !important;
}

.step_react_orange {
    width: 45px;
    height: 45px;
    background: url("../../../../images/login/step_react.png") no-repeat;
    background-size: 100% 100%;
    color: #fff;
    text-align: center;
    line-height: 45px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.step_react_gray {
    width: 45px;
    height: 45px;
    background: url("../../../../images/login/step_react02.png") no-repeat;
    background-size: 100% 100%;
    color: #fff;
    text-align: center;
    line-height: 45px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.connect_line_left {
    width: 40%;
    position: absolute;
    top: 10px;
    left: 30px;
    z-index: 99;
}

.connect_line_right {
    border-bottom: 2px dashed #d2d2d2;
    width: 40%;
    position: absolute;
    top: 10px;
    left: 50%;
    z-index: 99;
}

.border_orange {
    border-bottom: 2px dashed #f38f36;
}

.border_gray {
    border-bottom: 2px dashed #d2d2d2;
}

@media screen and (max-width: 767px) {
    #section .container {
        width: 85%;
    }
    .register_content {
        padding: 0 0;
        border: none;
    }
    .welcome_register {
        margin: 0 0 10px;
    }
    .address div,
    .address label {
        margin-bottom: 15px;
    }
}

#lhr .form-group {
    /*display: -webkit-box;*/
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

#lhr .form-group label {
    text-align: right;
    line-height: 34px;
    padding-left: 0px !important;
    padding-right: 5px !important;
    font-size: 14px;
    color: #333333;
}

#lhr .form-group.foot-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}


/*@media screen and (max-width: 767px) {
	#lhr .form-group label {
	    font-size:10px !important;
	}
}*/

input[type="radio"]+label {
    display: inline-block;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
    font-size: 14px;
    width: 160px;
    height: 25px !important;
    margin-right: 10px;
    border-radius: 15px;
    border: 1px solid #e8e8e7;
    color: #aeaead;
    text-indent: .15em;
    line-height: 25px !important;
    text-align: center !important;
    margin-bottom: 0;
    margin-top: 8px;
}

input[type="radio"]:checked+label {
    background-color: #fff4ec;
    color: #fb913f;
    border: 1px solid #fb913f;
}

input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}