/* --- 职位 --- */

/* info */
.job_info{margin-bottom: 10px;}
.job_info .info_top{ padding:25px; border-bottom: 1px solid #efefef; box-shadow: 0px 1px 8px #f5f5f5;}
.job_info .info_bottom{padding: 12px 25px; color: #999;}

.job_info .info_left{width: 80%;}
.job_info .info_right{margin-left: auto;}
.job_info .info_right a{width: 160px;}
.job_info h1{font-size: 32px; font-weight: bolder;}
.job_info i{margin: 0 6px; color: #ccc;}
.job_info .salary{font-size:25px; color:#FF6A6A; margin: 10px 0; font-weight: bolder;}
.job_info .salary b{color:#FF6A6A; }
.job_info .condition{color: #999; margin: 10px 0; }
.job_info .welfare{margin-top: 12px;}
.job_info .welfare em{margin-right: 4px;}
.job_info .updatatime em{margin-right: 16px;}
.job_info .report{margin-left: auto;}
.job_info .report em{margin-left: 16px;}
.job_info .report a{color: #999;}
.job_info .delivered{background: #f9f9f9; color: #999;}

/* box */
.job_box{display: flex;}
.job_box .box_left{width: 73%;}
.job_box .box_right{width: 26.1666%; margin-left: auto;}

/* hr */
.job_hr{margin: 10px 0; padding: 25px;}
.job_hr .face{margin-right: 16px;}
.job_hr .face img{width: 64px; height: 64px; border-radius: 4px;}
.job_hr .content{width: 35%;}
.job_hr .content h3{font-size: 16px; margin-bottom: 8px;}
.job_hr .online{color: #999;} 
.job_hr .data {display: flex; width: 40%; }
.job_hr .data p{line-height: 180%; color: #999; width: 33.333%; text-align: center;}
.job_hr .data b{margin-right: 8px; color: #FF6A6A; display: block; font-size: 16px;}
.job_hr .talk{margin-left: auto;}

/* about */
.job_about{ padding: 25px; }


/* term */
.job_term {border-bottom: 1px dashed #efefef; padding-bottom: 16px; margin-bottom: 16px; align-items: flex-start;}
.job_term dl{width: 20%;}
.job_term dt{color: #999; margin-bottom: 4px;}
.job_term dd{width: 90%;}

/* description */
.job_description{line-height: 200%; color: #212121; }
.job_description p{font-size: 14px;line-height: 200%; }
.job_description dt{font-size: 18px; font-weight: bolder; padding: 16px 0;}
.job_description dd{font-size: 16px;line-height: 200%; }

/* concern */
.job_concern{padding: 25px; margin-top: 10px;}
.job_concern .item{border-bottom: 1px dashed #efefef; padding: 25px 0;}
.job_concern .item:last-child{border-bottom: none; }
.job_concern .name{width: 60%;}
.job_concern .name h3{font-size: 16px;}
.job_concern .name h3 a{ color: #4576FB; font-weight: bolder;}
.job_concern .salary{width: 28%; color: #FF6A6A; font-size: 16px;}
.job_concern .apply{width: 12%; text-align: center; color: #999;}
.job_concern .company{margin-top: 8px;}
.job_concern .company a{color: #999;}

/* moments */
.job_moments{padding: 25px; margin-top: 10px; margin-bottom: 10px;}
.job_moments .content{ text-align: center;} 
.job_moments .qrcode img{width: 160px; height: 160px;}
.job_moments .text h3{font-size: 14px;}
.job_moments .text p{color: #999; margin-top: 8px;}
.job_moments .poster{margin-top: 12px;}

/* compete */
.job_compete{padding: 25px; margin-top: 10px; margin-bottom: 10px;}
.job_compete .pic{ text-align: center;}

/* ask */
.job_apply_ask{padding: 25px; margin-top: 10px;}
.job_apply_ask .nothing .text{text-align: center; padding: 25px; color: #999;}


/* --- company --- */
.job_company{position: relative;}
.job_company .logo {text-align: center; padding: 25px 25px 10px 25px;}
.job_company .logo img{width: 80px; height: 80px; border-radius: 4px;}
.job_company .name{text-align: center; padding: 0 16px;}
.job_company .prove{justify-content: center; padding: 8px 0; margin-bottom: 16px;}
.job_company .prove p{margin: 0 6px;}
.job_company .prove img{width: 25px; height: 25px;}
.job_company .info{border-top: 1px dashed #efefef; border-bottom: 1px dashed #efefef; padding:12px 16px; margin-top: 8px;}
.job_company .info p{line-height: 220%; color: #333;}
.job_company .info p em{margin-right: 16px;color: #999;}
.job_company dl{ border-top: 1px dashed #efefef; border-bottom: 1px dashed #efefef; padding: 10px 16px;}
.job_company dl span{display: block;}
.job_company dl dt{color: #999; margin-bottom: 8px;}
.job_company dl dd .phone{font-size: 18px; margin-bottom: 8px; text-align: center;}
.job_company dl dd .text{ color: #666; margin-bottom: 8px;}
.job_company dl dd .tips{ margin-top: 8px; color: #999;}
.job_company dl dd a{margin-top: 8px; color: #4576FB; }
.job_company dl dd .show_phone{text-align: center;}
.job_company dl dd p{margin-bottom: 8px;}
.job_company .profile p{ color: #666; line-height: 150%;}
.job_company .more{padding: 16px; padding-top: 0;}


/* --- leave --- */
.job_leave{padding: 25px; margin-top: 10px;}
.job_leave .textarea{margin-bottom: 12px;}
.job_leave .textarea textarea{width: 100%; height: 250px; border: 1px solid #efefef; padding: 8px;}
.job_leave .qrcode{margin-bottom: 12px;}
.job_leave .qrcode input{width: 150px; border: 1px solid #efefef; height: 30px; margin-right: auto; padding-left: 8px;}
.job_leave .qrcode img{width: 100px;}
.job_leave .btn input{display: block; width: 100%; height: 40px; border-radius: 4px; background: #fff;}


/* --- publisher --- */
.job_publisher{padding: 25px;}
.job_publisher .photo{width: 100px; height: 100px; border-radius: 8px; overflow: hidden; text-align: center; margin: 0 auto; margin-bottom: 8px; } 
.job_publisher .photo img{width: 100%; height: 100%;}
.job_publisher .name{margin-bottom: 8px; text-align: center; font-size: 16px;}
.job_publisher .name em{color:#999; display: block; font-size: 14px; margin-top: 4px;}
.job_publisher .type{color: #4576FB; text-align: center;}
.job_publisher .data {display: flex; align-items: center; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; padding: 12px 0; margin: 16px 0;}
.job_publisher .data dl{width: 33.333%; text-align: center;}
.job_publisher .data dt{color:#FF6A6A}
.job_publisher .data dd{color:#999}
.job_publisher .btn a{margin-bottom:12px}


/* --- tips --- */
.job_tips{text-align: center; background: #FFFBE5; border: 1px solid #FFF5C2; color: #845600; padding: 16px; border-radius: 8px; margin: 12px auto;}


/* --- part --- */
.job_part .page_box{margin-bottom: 10px; padding: 25px;}

/* term */
.job_part .part_term{display: flex; align-items: center;}
.job_part .part_term dl{display: flex; align-items: center; line-height: 250%;}
.job_part .part_term dt{color:#999; margin-right: 8px;}
.job_part .part_term .content{margin-right: auto;}
.job_part .part_term .map{margin-left: auto;}

/* time */
.job_part .part_time table{width: 100%; background: #ddd;}
.job_part .part_time th{padding:10px; color: #845600; background: #FFFBE5; text-align: center;}
.job_part .part_time td{padding:10px; background: #fff; text-align: center; color: #666;}
.job_part .part_time td.cut{background: url(/jinhon/images/icon_trick.svg) no-repeat center center #fff; background-size: 20px 20px;}

/* job */
.job_part .part_job .item{display: flex; border-bottom: 1px dashed #efefef; padding-bottom: 20px; margin-bottom: 20px; align-items: center;}
.job_part .part_job .item .info{width: 60%;}
.job_part .part_job .item .name{font-size: 16px;}
.job_part .part_job .item .name a{color: #4576FB; }
.job_part .part_job .item .area{color: #666; margin: 4px 0;}
.job_part .part_job .item .time{color: #999;}
.job_part .part_job .item .price{margin-left: auto; color: #FF6A6A; font-size: 16px;}


/* --- part --- */
.job_ceil{background-color:rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; width: 100%;}