body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, a, blockquote, th,table,td,tr{margin: 0;padding: 0; font-family: Arial,"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Helvetica,sans-serif}
input{font-size:16px;}
body{background-color:#E8E7E7; min-width:1200px;}
a{ font-family:"微软雅黑";text-decoration:none; font-size:12px;color:#969696}
a:hover { color:#FF0000}
a:hover, a:focus{
    text-decoration: none;
}
img{border:0;}
/**/
button{
    outline:none;
    border:0;
    -webkit-appearance: none;
}
button[disabled]{
    background: #f1f1f1;
}
.input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
    background-color: #fff !important;
}
.header{
    height: 260px;
    width: 100%;
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
}
.con-row{
    min-height: 430px;
}
.logo{
    display: block;
    margin: 40px auto auto auto;
}
.company-name{
    color: #FFFFFF;
    text-align: center;
    font-size: 24px;
    margin-top: 30px;
}
.content input[type = text]:focus,.content input[type = password]:focus{
    border: 1px solid #fb2510;
}
.slogan{
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
}
.form-title{
    text-align: center;
    color: #58666e;
    font-size: 16px;
    margin-bottom: 30px;
}
.content{
    width: 450px;
    margin: auto;
    padding-top: 30px;
}
.next-step,.update,.register-ok{
    width: 100%;
    height: 45px;
    background: #fb5210;
    border: none;
    outline: none;
    border-radius: 4px;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    text-align: center;
    line-height: 45px;
}
.register-ok:hover{
    color: #FFFFFF;
    text-decoration: none;
}
.remember-font{
    color: #58666E;
    text-decoration: none;
}
.remember-font:hover{
    color: #58666E;
    text-decoration: none;
}
.login-block{
    position:relative;
}
.next-step:hover,.update:hover{
    text-decoration: none;
    color: #FFFFFF;
}
.recognition-code,.account-name,.phone,.verification-code,.password,.sure_password,.invitation-code,.province,.city,.company,.industry,.picture-code{
    border: 1px solid #dee5e7;
    width:450px;
    *width:365px;
    box-sizing: border-box;
    border-radius: 4px;
    height: 45px;
    line-height: 45px;
    padding-left: 85px;
    font-size: 14px;
    outline: none;
}

.placeholder{
    height: 35px
}
.placeholder p{
    margin-bottom: 0;
    line-height: 35px;
    color: #C6C6C6;
    font-size: 12px;
}
.placeholder p i{
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url('img/icon.png') no-repeat;
    background-position: 0px 0px;
    position: relative;
    top:3px;
    margin-right: 8px;
}
.province , .city,.industry{
    width: 220px;
    cursor: pointer;
    line-height: 45px;
    color: #999999;
    font-size: 14px;
}
.industry{
    width: 450px;
    cursor: pointer;
    line-height: 45px;
    color: #999999;
    font-size: 14px;
}

.open-dropdown .dropmenu{
    display: block;
}
.dropdown i{
    width: 20px;
    height: 20px;
    display: block;
    background: url("../../images/register/icon.png") no-repeat;
    background-position: -156px -32px;
    position: absolute;
    right: 12px;
    top:11px;
}
.dropdown.open-dropdown i{
    width: 20px;
    height: 20px;
    display: block;
    background: url("../../images/register/icon_hover.png") no-repeat;
    background-position: -156px -32px;
    position: absolute;
    right: 12px;
    top:11px;
}
.dropmenu{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100px;
    width: 100%;
    border: 1px solid #cfdadd;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px 1px #f0f0f0;
    -moz-box-shadow: 0 0 1px 1px #f0f0f0;
    box-shadow: 0 0 1px 1px #f0f0f0;
    z-index: 22;
    max-height: 200px;
    overflow-y: auto;
}
.dropmenu-item{
    padding: 0 10px;
    line-height: 35px;
    cursor: pointer;
    white-space: nowrap;
    list-style-type: none;
    color: #999999;
}
.dropmenu-item:hover{
    background: #F0F0F0;
}
.recognition-code:focus,.account-name:focus,.picture-code:focus,.verification-code:focus,.phone:focus{
    border: 1px solid #fb5210;
}
.add-focus{
    border: 1px solid #fb5210;
}
.warn{
    height: 30px;
    line-height: 30px;
}
.warn-info{
    color: #fb5210;
    margin-bottom: 0px;
}
.input-name{
    width: 64px;
    border-right: 1px solid #F0F0F0;
    position:absolute;
    top:13px;
    left: 10px;
    color: #999999;
    font-size: 14px;
}

.code,.verification-code-btn{
    width: 120px;
    color: #4F4F4F;
    height: 43px;
    *height: 45px;
    line-height: 43px;
    *line-height: 45px;
    position: absolute;
    text-align: center;
    right: 1px;
    *right: -1px;
    top: 1px;
    *top: 2px;
    border-top-right-radius:4px ;
    border-bottom-right-radius:4px ;
    cursor: pointer;
}
.code img{
    border-top-right-radius:4px ;
    border-bottom-right-radius:4px ;
    position: relative;
    top: -1px;
    *top: 0px;
}
.recognition-code-box{
    /*display: none;*/
}
.verification-code-btn{
    background: #FFF2F2;
}
.eyes{
    position: absolute;
    top:11px;
    right: 15px;
    cursor: pointer;
}
.eyes i{
    display: inline-block;
    width: 25px;
    height: 16px;
    vertical-align: text-top;
    /*margin-right: 8px;*/
    background-image: url('img/eye.png');
    background-repeat: no-repeat ;
    background-position: -28px 0;
}
.eyes.open i{
    display: inline-block;
    width: 25px;
    height: 16px;
    vertical-align: text-top;
    /*margin-right: 8px;*/
    background-image: url('img/eye.png');
    background-repeat: no-repeat ;
    background-position: 0 0;
}
.footer{
    position: inherit;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 70px;
    font-size: 12px;
    color: #999;
    text-align: center;
    background: #fcfcfc;
}
.footer p{
    margin-top: 20px;
    margin-bottom: 0;
}
.login-block.m-b-sm{
    margin-bottom: 35px !important;
}
.m-t-lg{
    margin-top: 30px;
}
.info{
    color: #58666e;
    font-size: 14px;
    float: right;
    margin-bottom: 0px;
}
.info a{
    font-size: 14px;
    color: red;
}
.info a:hover{
    color: red;
}
.void_code{
    height: 45px;
}
.void_code p {
    margin-top: 5px;
}
.f-r{
    float: right;
}
.f-l{
    float: left;
}
.to-login,.to-find-pwd{
    font-size: 14px;
    color: #fb5210;
}
.to-find-pwd{
    margin-top: 0px;
    display: inline-block;
}
.to-login:hover,.to-find-pwd:hover{
    text-decoration: none;
    color:#fb5210;
}
.to-login:active,.to-find-pwd:active{
    text-decoration: none;
    color:#fb5210;
}
.type-title{
    font-size: 14px;
    color: #58666e;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 15px;
}
.verification_prompt{
    /*position: absolute;*/
    /*right: -161px;*/
    /*top: 3px;*/
}
.verification_show{
    width: 360px;
    line-height: 35px;
    height: 35px;
    position: absolute;
    right: -376px;
    top: 3px;
}
.success{
    color: #008000;
}
.error{
    line-height: 18px;
    display: inline-block;
    color: #fb2510;
}
.error span{
    margin-left: 5px;
}
.error i{
    display: inline-block;
    width: 19px;
    height: 19px;
    vertical-align: text-top;
    /*margin-right: 8px;*/
    background-image: url('img/prompt.png');
    background-repeat: no-repeat ;
}

.verification_success{
    position: absolute;
    width: 200px;
    right: -210px;
    top:10px;
    display: block;
}
.verification_success i{
    display: inline-block;
    width: 19px;
    height: 19px;
    vertical-align: text-top;
    /*margin-right: 8px;*/
    background-image: url('img/prompt.png');
    background-repeat: no-repeat ;
    background-position: -29px 0px;
}
.base_box{
    // display: none;
}
#success{
    color: #4DD119;
}
.back-icon{
    background: url("../../images/register/icon.png") no-repeat;
    background-position: 2px 2px;
}
.remember{
    display: inline-block;
    width: 19px;
    height: 19px;
    background-position: -63px -35px;
    position: relative;
    top:8px;
    cursor: pointer;
}
.speech-verification{
    background: #fff;
    color: red;
    height: 30px;
}
.speech-verification[disabled]{
    background: #fff;
}
.add-remember{
    background: url("../../images/register/icon_hover.png") no-repeat;
    background-position:-63px -35px;
}
.remember-font,.remember-font a{
    margin-left: 5px;
    font-size: 14px;
    color: #58666e;
}
.remember-font a{
    margin-left: 0px;
}
.remember-font a{
    color: #fb2510;
}
.remember-font a:hover{
    color: #fb2510;
    text-decoration: underline;
}

.m-b-none{
    margin-bottom: 0px;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccc;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ccc;
}
.register_ok{
    width: 55px;
    height: 55px;
    background: url("../../images/register/icon.png") no-repeat;
    background-position:-147px -81px;
    position: relative;
    top: 12px;
}
.register-info{
    margin-left: 10px;
}
.register-info h4{
    color: #58666E;
    font-size: 24px;
    margin-bottom: 15px;
}
.register-info p{
    color: #58666E;
    font-size: 14px;
}
.replace-logo{
    display: inline-block;
    max-width: 346px;
    height: 86px;
    background: #FFFFFF;
    padding: 15px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.replace-logo img {
    max-height: 100%;
}
.to-register a{
    width: 100%;
    height: 45px;
    border: 1px solid #999999;
    outline: none;
    border-radius: 4px;
    margin-top: 15px;
    display: block;
    color: #999999;
    font-size: 14px;
    text-align: center;
    line-height: 45px;
}
.to-register a:hover{
    color: #fb5210;
    border: 1px solid #fb5210;
    text-decoration: none;
}
input[type="text"]:disabled{
    background: #ffffff;
}


/*找回密码*/
#account-list ul{
    margin-bottom: 0;
    padding: 20px 0 0 0 ;
    max-height: 500px;overflow: auto;
}
#account-list ul li{
    list-style: none;
    padding: 20px;
    border: 1px solid #EFEFEF;
    margin: 0px  30px;
    margin-bottom: 10px;
}
#account-list ul li:hover{
      border: 1px solid #FF854E;
      background-color: #FFFBF7;
}
#account-list ul li a{
    overflow: hidden;
}
#account-list ul li i{
    display: block;
    width: 12px;
    height: 20px;
    background: url('img/icon-1.png') no-repeat center;
    background-position: -74px -10px;
}
#account-list ul li:hover i{
    background-position: -110px -10px;
}
.manager-icon{
    width: 40px;
    height: 40px;
    background: url("img/icon-1.png") no-repeat center;
    background-position: 0px -0px;
    margin-top: 4px;
}
.client-icon{
    width: 49px;
    height: 51px;
    background: url("img/help_icon.png") no-repeat center;
    background-position: -66px -85px;
    margin-top: 4px;
}
.manager,.client{
    margin-left: 15px;
    vertical-align: bottom;
}
.modal-account{
    margin: 0;
    font-size: 18px;
    color: #FB5210;
}
.modal-account-type{
    margin: 5px 0 10px 0;
    font-size: 14px;
    color: #888;
    font-weight: 500;
}
.modal.in .modal-dialog{
    z-index: 22222222222222 !important;
}