@charset "utf-8";
.scree-rec:after{ display:block;content:"";clear:both; }
.scree-rec{ padding:28px 0; }
.scree-rec .scree-l{ width:85%; }
.scree-rec .scree-l ul li{ line-height:33px; }
.scree-rec .scree-l a{ padding:7px 15px;border-radius:65px;margin-left:5px; }
.scree-rec .scree-l a:hover,
.scree-rec .scree-l a.on{ background:#fe3a2c;color:#fff; }
.scree-rec .go-recru{ cursor: pointer;padding:7px 22px;background:#0057ff;color:#fff;border-radius:65px; }
/** 列表 **/
.recru-index ul li:after,
.recru-index ul li .recru-name:after{ display: block;content: "";clear: both; }
.recru-index ul li{
    position: relative;
    float: left;
    width: 324px;
    background: #fff;
    margin: 20px 20px 0 0;
    padding: 28px;
    border-radius: 10px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    overflow: hidden;
}
.recru-index ul li:nth-of-type(3n){ margin-right:0; }
.recru-index ul li h5{ font-size:18px;font-weight:bold;color:#333; }
.recru-index ul li .salary{ display:block;font-size:20px;color:red;padding:3px 0 6px; }
.recru-index ul li p{ color: #888; }
.recru-index ul li:hover{ box-shadow: 0 0 30px rgba(0,0,0,.3);}
.recru-index ul li .recru-name{ margin-top: 10px; }
.recru-index ul li .recru-name .rname{ font-size: 16px;color: #333;padding:18px 0 5px;  }
.recru-index ul li .recru-name .address{ color: #888;font-size: 12px; }
.recru-index ul li .recru-name .rlogo{ width: 80px;height: 80px;border-radius: 65px;overflow: hidden; }
.recru-index ul li .recru-name .rlogo img{ display:block;max-width: 100%; }

/** 发布 **/
.works-update.recru-add ul li select{ width: 314px; }
/** 申请层 **/
.recru-apply{ width: 450px; position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
    background: #fff;border-radius: 10px;z-index: 10001; }
.recru-apply .title{ position: relative; padding: 0 25px;height: 60px;line-height: 60px;font-size: 16px;color: #333;border-bottom: 1px solid #eee; }
.recru-apply .title .colse-x{ position: absolute;top: 16px;right: 16px; display: block;width: 11px;height: 11px;background: url("../../common/img/colse-samll.png") no-repeat;
    cursor: pointer;transition: all .3s ease-out;-webkit-transition: all .3s ease-out;
}
.recru-apply .title .colse-x:hover{ transform: rotate(-90deg);-webkit-transform: rotate(-90deg); }
.recru-apply .recru-remark{ padding: 35px 25px 40px; }
.recru-apply .recru-remark{ text-align: center; }
.recru-apply .recru-remark h5{ font-size: 24px;color: #333; }
.recru-apply .recru-remark p{ font-size: 14px;color: #666;padding-top: 5px;margin-bottom: 20px; }
.recru-apply .recru-remark .bottom-txt{ padding: 20px 20px 0; }
.recru-apply .recru-remark .bottom-txt span{ color: red;line-height: 22px;font-size: 12px; }
.recru-apply .type-recru{ display: block;width: 400px;height: 42px;line-height: 42px;background: #0057ff;margin-top: 15px;color: #fff;
    border-radius: 10px;
}
.recru-apply .type-recru.enter{ background: #fe3a2c; }
.recru-apply .is-login{ display: block;text-align: right;padding-top: 20px;color: #7bb0ff; }
/** 步骤 **/
.step-body,.step-header:after,
.step-list.basic ul li:after,
.step-list.contactus ul:after,
.step-list.contactus ul li:after,
.step-list.basic ul li .check-remark:after{ display: block;content: "";clear: both; }
.recru-authen{ margin-top: 20px; }
.recru-authen .recru-authen-con{ width: 760px;margin: 0 auto;padding:100px 0 140px; }
.step-body,.step-header{ position: relative;  }
.step-header li{ text-align: center;float: left;position: relative; }
.step-header li em{ display: block;width: 31px;height: 31px;background: url("../img/ico.png") no-repeat 0 0;margin: 0 auto 24px; }
.step-header li.step-active em{ background-position: -43px 0; }
.step-header li.step-active p{ color:#0057ff; }
.step-bar,.step-bar-active{ height:2px; }
.step-bar{ width:478px;position:absolute;top:16px;left: 140px;height:2px;background:#eee; }
.step-bar .step-bar-active{ width: 0; height:3px;background:#0057ff; }

.step-content{ width:695px;margin:50px auto 0; }
.step-content h5{ font-size:30px;color:#333;text-align:center; }
.step-list{ display:none; }
/** step-1 **/
.step-list.basic ul li{ margin-top:30px; }
.step-list.basic ul li label{ display:block;float:left;width:100px;line-height:48px;color:#333; }
.step-list.basic ul li em{ color:red; }
.step-list.basic ul li .inp{ width:595px;float:right; }
.step-list.basic ul li .tips{ display:block;margin-top:8px;color:#999;font-size:12px; }
.step-list.basic ul li .inp input[type=text]{ padding:0 10px;height:46px;line-height: 46px;border: 1px solid #eee;border-radius: 5px; }
.step-list.basic ul li .inp .rectu-name{ width:572px; }
.step-list.basic ul li .inp .check{ width:20%;float:left;margin-top:10px;cursor:pointer; }
.step-list.basic ul li .inp .check .checkbox{ display: block;float: left;margin: 2px 5px 0 0; width: 17px;height: 17px;background: url("../img/ico.png") no-repeat 0 -42px; }
.step-list.basic ul li .inp .check.on .checkbox{ background-position: -22px -42px; }
.step-list.basic ul li .inp .check.on { color: #0057ff; }
.step-list.basic .recru-city{ width: 180px; }
.step-list.basic .rectu-address{ width: 360px; }
.recru-authen-con .bth-id{ position: relative; }
.recru-authen-con #nextBtn,
.recru-authen-con .btn_sub{ display:block;width:254px;height:47px;line-height:47px;text-align:center;background:#0057ff;color:#fff;
    border-radius:5px;border:0;cursor:pointer;margin:30px auto 0;
}
.recru-authen-con #preBtn{ position:absolute;top:14px;right:150px;border:0;background:transparent;cursor:pointer;color:#666;
    display: none;
}
.recru-authen-con #preBtn.show{ display:block; }
.bth-id .error-tips{ position: absolute;top: 14px; left: 35px; display: block;float: left;
    padding-left: 20px;font-size: 12px;margin-left: 0;
}
/** step-2 **/
.step-list.contactus{ margin-top: 30px; }
.step-list.contactus ul{ width: 560px;margin: 0 auto; }
.step-list.contactus ul li{ margin-bottom: 20px; }
.step-list.contactus ul li label{ display: block;float: left;width: 140px;color: #333;text-align: right;line-height: 48px; }
.step-list.contactus ul li label em{ color: red; }
.step-list.contactus ul li .inp{ width: 405px;float: right; }
.step-list.contactus ul li .inp input[type=text],
.step-list.contactus ul li .inp input[type=password]{ width:405px;border: 1px solid #eee;height: 46px;line-height: 46px;padding: 0 10px;border-radius: 5px; }
.step-list.contactus ul li .tips{ display: block;color: #999;font-size: 12px;padding-top: 15px; }
.step-list.contactus ul li .inp input[type=text].recru-code{ width: 210px; }
.step-list.contactus ul li .get-code{ display: block;float: right; width: 160px;height: 48px;background: #0057ff;color: #fff;border-radius: 5px;
    border: 0;
}
.step-list.contactus ul li .get-code.hs{ background: #dcdcdc;color: red; }
.step-list.contactus ul li .co-red{ display: block;padding-top: 10px; color: red;font-size: 12px; }
.step-list.contactus ul li .inp .rectu-img-up{ width: 280px;height: 210px; position: relative;overflow: hidden; }
.step-list.contactus ul li .inp #rectu-pic{position: absolute;top: 0;left: 0; width: 100%;height: 100%; font-size: 60px;
    z-index: 66;opacity: 0;
}

/** step-3 **/
.step-list.recruyes .remark{ width: 300px;margin: 60px auto 0;text-align: center; }
.step-list.recruyes .remark h6{ font-size: 16px;color: #333;padding: 15px 0; }
.step-list.recruyes .remark p{ color: #999; }
.step-list.recruyes .remark p a{ color: #0057ff; }
/* 城市选择 */
._citys { width: 450px; display: inline-block; border: 2px solid #eee; padding: 5px; position: relative; background:#fff;}
._citys span { color: #56b4f8; height: 15px; width: 15px; line-height: 15px; text-align: center; border-radius: 3px; position: absolute; right: 10px; top: 10px; border: 1px solid #56b4f8; cursor: pointer; }
._citys0 { width: 100%; height: 34px; display: inline-block; border-bottom: 2px solid #56b4f8; padding: 0; margin: 0; }
._citys0 li { display: inline-block; line-height: 34px; font-size: 15px; color: #888; width: 80px; text-align: center; cursor: pointer; }
.citySel { background-color: #56b4f8; color: #fff !important; }
._citys1 { width: 100%; display: inline-block; padding: 10px 0; }
._citys1 a { width: 83px; height: 35px; display: inline-block; background-color: #f5f5f5; color: #666; margin-left: 6px; margin-top: 3px; line-height: 35px; text-align: center; cursor: pointer; font-size: 13px; overflow: hidden; }
._citys1 a:hover { color: #fff; background-color: #56b4f8; }
.AreaS { background-color: #56b4f8 !important; color: #fff !important; }
/** 提交 **/
.submit-input .btn_sub { width: 280px;height:50px;background:#0057ff;border: 0px;
    border-radius: 5px;font-size: 16px;color: #fff;cursor: pointer;margin-left: 254px; }
/** 详情 **/
.recru-show:after,.recru-right .remark:after{ display: block;content: "";clear: both; }
.recru-show .recru-left{ width: 880px; }
.recru-left .top-recru-show{ border-radius: 10px; }
.recru-left .top-show{ padding: 50px 25px 35px; }
.recru-left .top-show .department{ color: #999; }
.recru-left .top-show h1{ font-size: 30px;color: #333;padding: 10px 0 25px; }
.recru-left .top-show .type-cs span{ padding: 0 15px;background: url("../img/1x10.png") no-repeat center right; }
.recru-left .top-show .type-cs span:nth-of-type(5){ background: none; }
.recru-left .top-show .type-cs span:first-child{ padding-left: 0; }
.recru-left .top-show .type-cs span.salary{ font-size: 18px;color: #fe3a2c;font-weight: bold; }
.recru-left .top-show .type-cs span.time{ color: #999;background: none;padding: 0; }
.recru-left .rec-bottom{ padding: 25px 25px 40px; }
.recru-left .rec-bottom h6{ font-size: 16px;color: #333;font-weight: bold;padding:0 0 10px ; }
.recru-left .rec-bottom p{ color: #333; }
.recru-left .rec-content{ padding: 25px;border: 1px solid #f0f0f0;border-width: 1px 0; }
.recru-left .rec-content p,
.recru-left .rec-content span{ white-space:inherit !important; }
.recru-left .rec-bottom .resumejob{ display: block;width: 180px;height: 40px;margin: 0 auto;background: #0057ff;color: #fff;
    border: 0;border-radius: 5px;margin-top: 20px;cursor: pointer;
}
/** Outer **/
.bottom-recru-show{ border-radius: 10px; }
.bottom-recru-show .h5-outer{ padding: 25px; }
.bottom-recru-show ul li{ padding: 40px 25px;border-top: 1px solid #f0f0f0; }
.bottom-recru-show ul li h6{ padding-bottom: 10px; }
.bottom-recru-show ul li h6 a{ font-size: 16px;font-weight: bold;color: #333; }
.bottom-recru-show ul li .type-cs span{ padding: 0 15px;background: url("../img/1x10.png") no-repeat center right; }
.bottom-recru-show ul li .type-cs span:nth-of-type(5){ background: none; }
.bottom-recru-show ul li .type-cs span:first-child{ padding-left: 0; }
.bottom-recru-show ul li .type-cs span.salary{ font-size: 18px;color: #fe3a2c;font-weight: bold; }
.bottom-recru-show ul li .type-cs span.time{ color: #999;background: none;padding: 0; }
/** 右侧 **/
.recru-show .recru-right{ width: 280px; }
.recru-right-top{ text-align: center;padding: 25px 0 35px;border-radius: 10px; }
.recru-right-top .recru-logo{ width: 140px;height: 140px;margin: 0 auto;border: 1px solid #f0f0f0;border-radius: 65px;overflow: hidden; }
.recru-right-top .recru-logo img{ max-width: 100%; }
.recru-right-top h5{ font-size: 16px;color: #333;padding: 15px 0;font-weight: bold; }
.recru-right-top .recru-home{ display: block;width: 158px;height: 38px;border: 1px solid #f0f0f0;border-radius: 65px;text-align: center;line-height: 38px;font-size: 12px;margin: 0 auto; }
.recru-right-top .recru-home:hover{ background: #0057ff;border-color: #0057ff; color: #fff; }
.recru-right .r-title{ padding: 0 25px; height: 55px;border-bottom: 1px solid #f0f0f0;line-height: 55px;font-size: 16px;color: #333;font-weight: bold; }
.recru-right .remark{ padding: 25px; }
.recru-right .recru-right-bottom .remark{ padding: 25px 25px 15px; }
.recru-right .remark p:after{ display: block;content: "";clear: both; }
.recru-right .remark p{ color: #333;padding-bottom: 5px; }
.recru-right .remark p label{ float:left;display:block;width:42px; }
.recru-right .remark p .txt{ float:left;display:block;width:186px; }
.recru-right .remark p a{ color: #333; }
.recru-right .remark p a:hover{ color: #0057ff; }
.recru-right .remark .wel{ display: block;width: 46%;float: left;height: 30px;border: 1px solid #f0f0f0;border-radius: 65px;text-align: center;line-height: 30px;margin-bottom: 10px;}
.recru-right .remark .wel:nth-of-type(2n){ float: right; }
/** 展示页 **/
.recru-intro:after,.bottom-recru-intro:after{ display: block;content: '';clear: both; }
.recru-intro{ padding: 25px 35px;border-radius: 10px; }
.recru-intro .rec-logo{ width: 140px;height: 140px;border-radius: 65px;margin-right: 20px; overflow: hidden; }
.recru-intro .rec-logo img{ max-width: 100%; }
.recru-intro .rec-txt .city{ padding-top: 18px; display: block; color: #999; }
.recru-intro .rec-txt h1{ font-size: 30px;color: #333;padding: 5px 0; }
.recru-intro .labels{ padding-top: 10px; }
.recru-intro .labels span{ padding: 5px 15px;background: #eee;border-radius: 65px;margin-right: 10px;font-size: 12px; }
.code-intro{ margin-top: 25px; }
.code-intro .txt{ padding: 33px 15px 0 0;text-align: right;color: #333; }
.bottom-recru-intro h5{ font-size: 16px;color: #333;font-weight: bold; height: 65px;line-height: 65px;border-bottom: 1px solid #f0f0f0;
    padding: 0 25px;
}
.bottom-recru-intro .recru-remark{ padding: 25px;color:#333;line-height: 25px; }
/** 没有数据 **/
.empty-img{ position: relative;padding: 50px 0;text-align: center; }