.signup_pop{position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 10000;background: rgba(0, 0, 0, 0.3);}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

.info_content{width: 466px;padding-bottom: 54px;position: absolute;top: 50%;left: 50%;margin-left: -215px;margin-top: -294px;}
/*.info_content{background: url(/image/contest/login_bg.png) no-repeat;background-size: 100% 100%;}*/
.info_content{background: #fff;border-radius: 5px;}

.per_info_modal .info_body{padding: 0 50px;padding-top: 55px;;}
.info_content input{height: 54px;}
.info_content input:focus{outline:none !important;}
.name_box .has-feedback input{width: 170px;}
.per_info_modal .form-inline{padding-bottom: 15px;}


.info_title{font-size: 18px; color:#333;text-align: center;margin-bottom: 15px;}
.sign_input{border:none;display: inline-block;width: 308px;margin-left: 30px;}
.icon_nickname{background: url(/image/common/sign-nickname.png) no-repeat;width: 22px;height:22px;vertical-align: middle;display: inline-block; }
.icon_name{background: url(/image/common/sign-name.png) no-repeat;width: 22px;height:22px;vertical-align: middle;display: inline-block; }
.icon_company{background: url(/image/common/sign-company.png) no-repeat;width: 22px;height:22px;vertical-align: middle;display: inline-block; }
.icon_info{background: url(/image/common/sign-info.png) no-repeat;width: 22px;height:22px;vertical-align: middle;display: inline-block; }
.icon_code{background: url(/image/common/sign-code.png) no-repeat;width: 20px;height:22px;vertical-align: middle;display: inline-block;     margin-left: 2px;}
.icon_phone{background: url(/image/common/sign-phone.png) no-repeat;width: 17px;height:22px;vertical-align: middle;display: inline-block; margin-left: 4px;}
.icon_area{background: url(/image/common/sign-area.png) no-repeat;width: 20px;height:22px;vertical-align: middle;display: inline-block;     margin-left: 2px;}

.form-group .select_box{display:inline-block;}
.per_info_modal .select_box{position: relative;color: #999;background: #fff;border-radius: 4px;display:inline-block;margin: 10px 0;vertical-align: middle;}
.per_info_modal .select_box .select_box_icon{position: absolute;top:1px;right: 8px;z-index: 1;border-radius: 4px;width: 20px;line-height: 32px;height: 32px;background: #fff;text-align: center;}
.per_info_modal .select_box .show_select{border: 1px solid #EEE;position: absolute;top:0px;right: 0px;z-index: 1;border-radius: 4px;color:#999;padding:0 14px;width: 134px;line-height: 34px;height: 34px;background: #fff;font-size: 16px;}


.per_info_modal .select_box select{width: 133px;height: 34px;color: #999;position: relative;z-index: 4;opacity: 0;}
.per_info_modal .select_box select::-ms-expand { display: none; }

.per_info_modal .select_box .profess{cursor:pointer;background:transparent;position:relative;z-index:2;padding-left:12px;padding-right:20px;width:134px;overflow:hidden;border: 1px solid #EEE;border-radius: 5px;height:34px;line-height: 34px;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;}
.per_info_modal .select_box .profess_data{height:160px;width:134px;border:1px solid #999;background:#fff;overflow-y:auto;z-index:1000;position: absolute;top:34px;right: 0;}
.per_info_modal .select_box .profess_data li{border-bottom: 1px solid #EEE;}
.per_info_modal .select_box .profess_data li label{width: 100%;padding-left:14px;color:#999;line-height:30px;font-weight: normal;cursor: pointer;margin-bottom: 0;}
.per_info_modal .select_box .profess_data li label:hover{color:#fff;}
.per_info_modal .select_box .profess_data li:hover label{background: #1481de;color:#fff;}
.per_info_modal .select_box .profess_data .on{}
/* .per_info_modal .select_box .profess_data .on label{color:#fff;background: #1481de;} */
.per_info_modal .select_box .profess_data .on span span{background-color:  #002CBB;}
.per_info_modal .select_box .check-box{display: inline-block; width:12px; height: 12px; border: 1px solid #999;margin-right: 5px;text-align: center;line-height: 6px;}
.per_info_modal .select_box .check-box-content{display: inline-block; width:6px; height: 6px;margin-top:2px}


.per_info_modal .company_name{position: relative;}
.per_info_modal .company_name .company_con{color:#999;max-height:150px;padding:15px;overflow-y:auto;z-index:1000;position: absolute;top:47px;left:0px;width: 348px;background: #fff;border:1px solid #ccc;}
.per_info_modal .company_name .company_con li{line-height: 25px;}
.per_info_modal .company_name .company_con li:hover{background: #ccc;cursor: pointer;}
.per_info_modal .thr_select_box .company_con{width: 150px;max-height: 150px;}

.per_info_modal .form-control{padding-right: 7px;}
.per_info_modal .phone_box .phone_con{line-height:34px;padding-right:0;width: 74px;background: #fff;color: #999;}
.per_info_modal .phone_box .phone_bd{width: 1px;padding: 5px 0;background: #ccc; padding-right: 1px;height: 26px;margin-top: 3px;margin-left: 10px;}
.per_info_modal .info_body .phone_box .form-control{width: 282px;border-left: 0;border-bottom-right-radius: 4px;border-top-right-radius: 4px;}

.per_info_modal .code_box {display: inline-block;}
.per_info_modal .code_box input{width: 165px;}
.per_info_modal .code_box .get_code{width: 134px;border-radius:3px;height: 35px;display: inline-block;text-align: center;line-height: 35px;color:#fff;background-color: #1030B4;font-size: 16px;}
.per_info_modal .code_box .get_code_time{color:#ccc;border: 1px solid #ccc;background-color: #fff;}
.per_info_modal .code_box .get_code_time:hover{background: #FFF;color: #ccc;}
/* .per_info_modal .code_box .get_code:hover{background: #1584eb;color: #fff;border-color: #1584eb} */
.per_info_modal .code_box .get_code_time:hover{background: transparent;color: #ccc;border-color: #ccc;}


.now_sign_up{width: 350px;font-size:16px;height: 52px;text-align:center;line-height:52px;color:#fff;background-position: 0 -105px;}
.per_info_modal .submiting{color:#fff;background: #777;border-radius: 3px;}
.now_sign_up:hover{background-position: 0 -164px;color: #fff;}
.now_sign_up:focus{background-position: 0 -164px;color: #fff;}
.per_info_modal .submiting:hover{color:#fff;background: #777;}

.per_info_modal .form-group{position: relative;border-bottom:1px solid #eee;font-size: 16px;margin-bottom: 0;}
.per_info_modal .icon_succ{position: absolute;right: 5px;top: 14px;z-index: 100;}
.per_info_modal .icon_user{position: absolute;left: 18px;top: 14px;z-index: 100;}
.per_info_modal .icon_password{position: absolute;left: 20px;top: 12px;z-index: 100;}


.now_sign_up_button{
    display: inline-block;
    width: 367px;
    height: 51px;
    background-color: #002CBB;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 51px;
    border-radius: 5px;
}
.now_sign_up_button:hover,.now_sign_up_button:focus{color: #fff;}
.err_con{color:#B0282D;width: 350px;height: 30px;line-height: 30px;margin-bottom: 5px;margin-top: 5px;}

.login_tit{font-size: 16px;font-weight: 700;color:#fff;padding-left: 40px;padding-top: 22px;padding-bottom: 22px;}
.info_header a{color:#ccc;padding-left: 20px;padding-top: 24px;padding-bottom: 22px;}
.login_modal .login_modal_con input{padding-left: 45px;}
.login_modal .check_con{color:#999;font-size: 12px;}
.login_modal .check_con label{line-height: 30px;cursor: pointer;}
.login_modal .check_con .check_box{float:left;margin-top:9px;line-height:13px;text-align:center;margin-right:5px;width: 13px;height: 13px;border: 1px solid #999;}

.password_tips{padding-left: 20px;color:#bbb;margin-bottom: 10px;}

.resgiter_modal .img_code input{width: 140px;}
.resgiter_modal .img_code img{width: 140px;height: 48px;}
.resgiter_modal .img_code a{padding-left: 8px;color:#999;}



.per_info_modal .tick_box p{padding: 20px 0;color: #0fbc68;font-weight: 700;}
.per_info_modal .tick_p p{padding: 20px 0;color: #FFF;font-weight: 700;}
.per_info_modal .tick_body{padding-top: 30px;}
.per_info_modal .tick-footer{padding-bottom: 30px;}

.placeholder_txt{position: absolute;top:15px;color: #999;z-index: 10;}
.left46{left: 46px;}
.left13{left: 13px;}
.left80{left: 80px;}

.form-inline .form-group{    display: inline-block;margin-bottom: 0 !important;vertical-align: middle}

.close_btn{float: right;font-size: 40px;color: #999;margin-right: 10px;}

.success_box{background: #fff;}
.success_box .tick_p p{color: #4e4e4e;font-weight: normal;}

.user_personal_info .get_code{width: 120px;border-radius:5px;height: 34px;display: inline-block;text-align: center;line-height: 34px;margin-top: -1px;margin-left: 22px;color:#888;border: 1px solid #888}
.user_personal_info .get_code_time{color:#ccc;border: 1px solid #ccc;}
.user_personal_info .get_code:hover{background: #1584eb;color: #fff;border-color: #1584eb}
.user_personal_info .get_code_time:hover{color: #ccc;background: transparent;border-color: #ccc;}


.user_personal_info .nc-container #nc_1_wrapper, .nc-container.tb-login #nc_1_wrapper,
.form-group .nc-container #nc_1_wrapper, .nc-container.tb-login #nc_1_wrapper{width: 365px;}
.user_personal_info .nc_scale, .form-group .nc_scale{height: 38px;}
.user_personal_info .nc-container .nc_scale span,.form-group .nc-container .nc_scale span{height: 38px;line-height: 38px;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.info_body::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
    background-color: #fff;
}

/*定义滚动条轨道 内阴影+圆角*/
.info_body::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #fff;
}

/*定义滑块 内阴影+圆角*/
.info_body::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #fff;
}

input:disabled{
    background-color:#fff;;
}

.empty_con{
    color: #B0282D;
    font-size: 16px;
    display: inline-block;
    width: 105px;
    height: 59px;
    line-height: 59px;
}
.empty_con i{
    margin-right: 5px;
}

.empty-abs{
    position: absolute;right: 5px;top: 0;z-index: 100; 
}

.company-input::-webkit-input-placeholder {
    color: #cecece;
  }
  .company-input:-moz-placeholder {
    color: #cecece;
  }
  .company-input:-ms-input-placeholder {
    color: #cecece;
  }