/* --- list --- */
.net_list{margin-top: 10px; min-height: 50vh;}
.net_list .item{width: 49%; padding: 16px;}
.net_list .item .pic{width: 250px; overflow: hidden;}
.net_list .item .pic img{width: 100%;}
.net_list .item .info{margin-left: 16px;}
.net_list .item .info_name{font-size: 16px; margin-bottom: 8px; font-weight: bolder;}
.net_list .item .info_time{color: #999; margin-bottom: 12px;}
.net_list .item .info_time em{color: #ccc;}


/* --- fairs --- */
.fairs{margin-top: 10px; min-height: 70vh;}
.fairs .wrap{display: flex;}
.fairs .left{width: 80%; margin-right: auto;}
.fairs .right{width: 19%;}

/* box */
.fairs_list .box{}
.fairs_list .box .item{position: relative; padding: 25px; margin-bottom: 10px; background: #fff; border-radius: 8px;}
.fairs_list .box .pic{width: 250px; overflow: hidden;}
.fairs_list .box .pic img{width: 100%; border-radius: 4px;}
.fairs_list .box .info{padding-left: 25px; margin-right: auto; width: calc(100% - 400px);}
.fairs_list .box .info_tag{background: #F4F8FF; border-radius: 6px; color: #4576FB; border: 1px solid #D9E6FF; height: 28px; line-height: 26px; width: 96px; text-align: center; margin-bottom: 10px;}
.fairs_list .box .info_title{font-size: 18px; font-weight: bolder; margin-bottom: 8px; height: 25px; line-height: 25px; overflow:hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.fairs_list .box .info_title.video{background: url(/jinhon/images/icon_zph_video.svg) no-repeat 0 center; background-size: 25px 25px; padding-left: 36px;}
.fairs_list .box .info_title.location{background: url(/jinhon/images/icon_zph_location.svg) no-repeat 0 center; background-size: 25px 25px; padding-left: 36px;}
.fairs_list .box .info_time{color: #999;}
.fairs_list .box .info_cell{display: flex; align-items: center; margin-bottom: 6px;}
.fairs_list .box .info_cell__title{}
.fairs_list .box .info_cell__num{margin-right: 16px; color: #FF6A6A; font-weight: bolder;}
.fairs_list .box .info_cell__time{color: #999;}
.fairs_list .box .info_cell__time em{color: #ccc; margin: 0 6px;}
.fairs_list .box .state{position: absolute; right: 0; top: 0; color: #fff;}
.fairs_list .box .state em{padding: 4px 12px; border-radius: 0 0 0 4px;}
.fairs_list .box .state em.end{background: #ccc;}
.fairs_list .box .state em.ing{background: #1CB177;}
.fairs_list .box .state em.sign{background: #FF6A6A;}
.page_nothing{width: 100%;}



/* zph */
.zph_banner{text-align: center; margin-bottom: 12px;}
.zph_banner img{width: 100%;}

/* zph - box */
.zph_box {min-height: 55vh;}
.zph_box .hd{width: 400px; margin: 32px auto;}
.zph_box .hd ul{background: #fff; border-radius: 100px; height: 45px; border-radius: 100px; padding: 2px; box-sizing: border-box;}
.zph_box .hd li{width: 33.333%; text-align: center; line-height: 41px; cursor: pointer; transition: all .3s;}
.zph_box .hd li.on{background: #4576FB; color: #fff; border-radius: 100px;}

/* zph - about */
.zph_about{display: flex; justify-content: space-between; margin-bottom: 12px;}
.zph_about .about_title{margin-bottom: 20px; height: 45px; line-height: 45px; margin-top: 20px;}
.zph_about .about_title__column{ width: 100px; text-align: center; background: #F4F8FF; color: #4576FB; margin-right: 16px; border-radius: 4px;}
.zph_about .about_title__text{font-size: 18px; font-weight: bolder; color: #4576FB;}

.zph_about .about_left{width: 80%; padding: 16px 32px;}
.zph_about .about_right{width: 19%;}
.zph_about .about_column{font-size: 18px; font-weight: bolder; border-bottom: 1px solid #efefef; padding-bottom: 12px; margin-bottom: 25px; position: relative; padding-left: 16px;}
.zph_about .about_column::before{content: ""; left: 0; top: 8px; width: 3px; background: #4576FB; position: absolute; height: 18px; border-radius: 100px;}
.zph_about .about_list {margin-bottom: 25px;}
.zph_about .about_list .item{display: flex; flex-wrap: wrap; margin-bottom: 8px;}
.zph_about .about_list .item_title{width: 105px; color: #999; height: 20px; line-height: 20px;}
.zph_about .about_list .item_text{width: calc(100% - 105px);  line-height: 20px;}
.zph_about .about_list .item_time{color: #FF6A6A;}
.zph_about .about_list .item_time em{color: #999; margin: 0 4px;}
.zph_about .about_tips{border-bottom: 1px solid #efefef; text-align: center; padding-bottom: 16px; margin-bottom: 16px;}
.zph_about .about_tips__title{font-size: 18px; font-weight: bolder; margin-bottom: 25px; text-align: left; position: relative;  padding-left: 16px;}
.zph_about .about_tips__title::before{content: ""; left: 2px; top: 8px; width: 3px; background: #4576FB; position: absolute; height: 18px; border-radius: 100px;}
.zph_about .about_tips__image b{display: block; margin-top: 12px;}
.zph_about .about_tips__text{color: #999;}
.zph_about .about_gzh{text-align: center;}
.zph_about .about_gzh__title{font-weight: bolder;}
.zph_about .about_gzh__text{color: #999;}
.zph_about .about_content {width: 100%;}
.zph_about .about_content p{word-break:break-all; }


/* zph - company */
.zph_company{display: flex; flex-wrap: wrap;}
.zph_company .item{width: 32.6%; margin-left: 1%; margin-bottom: 12px;}
.zph_company .item:nth-child(3n+1){margin-left: 0;}
.zph_company .item_info{background: url(/jinhon/images/home_company_top.svg) no-repeat; height: 81px; display: flex; align-items: center; padding-left: 16px;}
.zph_company .item_info__photo{width: 50px; height: 50px; border-radius: 6px;}
.zph_company .item_content{width: calc(100% - 45px); padding-left: 12px;}
.zph_company .item_info__name{font-size: 18px; font-weight: bolder;}
.zph_company .item_booth{color: #FF6A6A;}
.zph_company .item_booth__title{color: #999;}
.zph_company .item_jobs{padding: 0 16px;}
.zph_company .item_jobs__cell{display: flex; align-items: center; justify-content: space-between; height: 40px; line-height: 40px; background: url(/jinhon/images/icon_arrow_fill.svg) no-repeat 0 center; padding-left: 15px; background-size: 10px 10px; height: 45px; line-height: 45px;}
.zph_company .item_jobs__salary{color: #F86F07; font-family: din; font-size: 14px;}
.zph_company .item_more{padding: 16px; display: flex; justify-content: center;}
.zph_company .item_more a{border: 1px solid #efefef; width: 96px;height: 36px;display: block; border-radius: 100px; display: flex; align-items: center; justify-content: center; color: #666; transition: all .3s;}
.zph_company .item_more a:hover{background: #4576FB; border: 1px solid #4576FB; color: #fff;}


/* zph - jobs */

/* search */
.zph_jobs .jobs_search{margin-bottom: 20px; justify-content: center; padding: 16px 0;}
.zph_jobs .jobs_search__title{font-size: 18px; font-weight: bolder; margin-right: 16px;}
.zph_jobs .jobs_search__form{width: 400px; justify-content: space-between;}
.zph_jobs .jobs_search__form input{width: 80%; border: 1px solid #efefef; height: 40px; border-radius: 4px; padding-left: 12px;}
.zph_jobs .jobs_search__form button{background: #4576FB; color: #fff; width: 19%; height: 40px; border: none; border-radius: 4px;}

/* item */
.zph_jobs .jobs_list .item{width: 32.6%; margin-left: 1%; margin-bottom: 12px; padding: 16px; padding-bottom: 20px; padding-top: 12px;}
.zph_jobs .jobs_list .item:nth-child(3n+1){margin-left: 0;}
.zph_jobs .jobs_list .item_top{justify-content: space-between; margin-bottom: 8px;}
.zph_jobs .jobs_list .item_title{font-size: 18px; font-weight: bolder;}
.zph_jobs .jobs_list .item_salary{font-size: 18px; font-family: din; color: #F86F07;}
.zph_jobs .jobs_list .item_company{margin-bottom: 16px; color: #666; }
.zph_jobs .jobs_list .item_apply a{background: #4576FB; color: #fff; border-radius: 4px; color: #fff; padding: 8px 16px;}


/* zph - sign */
.zph_sign{position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; background-color:rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; padding: 20px;}
.zph_sign a{background: linear-gradient(90deg, #3f75ed, #5c9af7); padding: 18px 64px; border-radius: 8px; font-size: 22px; font-weight: bolder; color: #fff;}
.zph_sign .icon{width: 22px; margin-right: 8px;}



/* ---- reserve --- */

/* info */
.reserve_info.wrap{margin-bottom: 10px;}
.reserve_info__content{padding: 25px; position: relative; display: flex;}
.reserve_info__state{position: absolute; right: 0; top: 0; position: absolute;}
.reserve_info__state .start{background: #1CB177; padding: 5px 20px; color: #fff; border-radius: 0 0 0 8px;}
.reserve_info__dep .item{display: flex; line-height: 200%;}
.reserve_info__dep .item_title{margin-right: 16px; color: #999; width: 60px;}
.reserve_info__dep .item_phone{color: #FF6A6A;}
.reserve_info__name{font-size: 25px; font-weight: bolder; margin-bottom: 16px; line-height: 1;}
.reserve_info__pic {margin-right: 25px;}
.reserve_info__pic img{width: 320px; border-radius: 8px;}

/* online */
.reserve_online{margin: 10px 0; padding-bottom: 25px;}
.reserve_online.wrap{margin-bottom: 10px;}
.reserve_online__box{ border-radius: 8px; margin-bottom: 32px;}
.reserve_online__content{margin: 0 25px;}

/* online - column */
.reserve_online__column{text-align: center; text-align: center; font-size: 28px; font-weight: bolder; padding: 16px 0;}

/* online - illustrate */
.reserve_online__illustrate{justify-content: center; padding: 25px 0; border-bottom: 1px dashed #efefef;}
.reserve_online__illustrate .item{text-align: center; margin: 0 16px; color: #fff; padding: 8px 16px; border-radius: 8px;}
.reserve_online__illustrate .item_icon {margin-bottom: 8px;}
.reserve_online__illustrate .item_icon img{width: 32px; height: 32px;} 
.reserve_online__illustrate .item.grey{color: #ccc;}
.reserve_online__illustrate .item.end{color: #FF6A6A;}
.reserve_online__illustrate .item.yes{color: #08DC5E;}
.reserve_online__illustrate .item.examine{color: #FBA31C;}

/* online - list */
.reserve_online__list{padding: 25px; background: #F4F5FA; border-radius: 8px; display: flex; flex-wrap: wrap;}
.reserve_online__item{width: 23.5%; margin-left: 1%; background: #f9f9f9; text-align: center;}
.reserve_online__item:nth-child(4n+1){margin-left: 0;}

/* online - cell */
.reserve_online__cell{ border-radius: 8px; overflow: hidden;}
.reserve_online__cell .cell_state{padding: 0 16px; display: flex; align-items: center; height: 50px; background: url(/jinhon/images/home_job_bottom.svg) no-repeat; border-bottom: 1px solid #EFF4FC; display: flex; align-items: center;}
.reserve_online__cell .cell_icon{width: 18px; height: 18px; margin-right: 8px;}
.reserve_online__cell .cell_name{text-align: center; font-size: 18px; font-weight: bolder; height: 80px; display: flex; align-items: center; justify-content: center;}
.reserve_online__cell .cell_company{color: #999; padding: 0 16px; padding-bottom: 12px;}
.reserve_online__cell .cell_company a{color: #4576FB; display: block; height: 32px; line-height: 32px; overflow:hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.reserve_online__cell .cell_state.grey{color: #ccc;}
.reserve_online__cell .cell_state.end{color: #FF6A6A;}
.reserve_online__cell .cell_state.yes{color: #08DC5E;}
.reserve_online__cell .cell_state.examine{color: #FBA31C;}

/* online - tips */
.reserve_online__tips{padding: 25px; color: #666;}

/* about */
.reserve_about.wrap{margin-bottom: 10px;}

/* content */
.reserve_content{padding: 25px;}