@charset "UTF-8";
/* 首页 @Author: XuZhu @Date: 2019-09-26  */
.index_header { position: absolute; width: 100%;top: 0;  height: 1.5rem;  color: #ffffff; text-align: center; z-index: 10000; }

/* border-bottom: 1px solid #efeff4; */
.index_header .index_header_title {position: absolute; right: 0; top: 0; text-align: center; width: 100%; height: 1rem; line-height: 1rem; z-index:10000; }
.index_header .index_header_substation {z-index:10001;  position: absolute; left: 0; top: 0; padding: 0 .48rem;background: url("../images/new/zuobiao.png") 0.20rem center no-repeat; background-size: .26rem .30rem; }


/* help-tip */
.help-tip{z-index:10000; background: #1787fb; position:absolute;top:0.75rem;left:0.2rem;text-align:center;cursor:default}
.help-tip p{text-align:left;min-width: 3.5rem; font-size:.1688rem;background-color:rgba(0, 0, 0, 0.2);padding:0.05rem 0.05rem 0.05rem 0.2rem;position:absolute;border-radius:0.08rem;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);left:0.1rem;color:#FFF;}
.help-tip p:before{position:absolute;content:'';width:0;height:0;border:0.121rem solid transparent;border-bottom-color:rgba(0, 0, 0, 0.2);left:0.29rem;top:-0.235rem}
.help-tip p:after{width:100%;height:40px;content:'';position:absolute;top:-40px;left:0;}

@-webkit-keyframes fadeIn {
	0% { 
		opacity:0; 
		transform:scale(0.6);
	}

	100% {
		opacity:100%;
		transform:scale(1);
	}
}

@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:100%; }
}

.delement {
  transition: opacity 10s; /* 设置过渡效果，持续时间为3秒 */
  opacity: 1; /* 初始状态元素可见 */
}

/* 当页面加载完成后，使用JavaScript将类添加到元素上，触发3秒隐藏效果 */
body:last-child .delement {
  opacity: 0; /* 延迟3秒后元素不透明度设置为0，导致元素隐藏 */
}

.index_header .index_header_substation .sub_name { height: 1rem; line-height: 1rem; padding-right: .26rem;background: url("../images/new/nndown.png") right center no-repeat; background-size: .18rem .18rem; text-decoration: none; color: #ffffff; display: block; }
.index_header .index_header_substation .sub_name.open { background: url("../images/new/up.png") right center no-repeat; background-size: .15rem .09rem; }
.index_header .index_header_user { position: absolute; right: 0; top: 0; width: 1rem; height: 1rem; background: url("../images/new/user.png") center center no-repeat; background-size: .4rem; display: block; }
.index_header .index_header_user.msg { background: url("../images/new/user_msg.png") center center no-repeat; background-size: .4rem; }
.index_header .index_header_user_login { position: absolute; right: 0; top: 0; width: 1rem; height: 1rem;z-index:10001; background: url("../images/new/nuser.png") center center no-repeat; background-size: .34rem; display: block; }

.index_sw { position: relative; }
.index_sw .swiper { height: 2.8rem; }
.index_sw .swiper-item { width: 100%; height: 2.8rem; border: 0; }
.index_sw .search_box { position: absolute; left: 50%; bottom: -.42rem; width: 7rem; height: .84rem; border-radius: 5px; text-align: center; z-index: 1; background: #FFFFFF; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); box-shadow: 0 1px 0.1rem #c2c2c2; }
.index_sw .search_box .search_input { display: inline-block; background: url("../images/new/search.png") 0 center no-repeat; width: 2.16rem; height: .31rem; background-size: 2.16rem .31rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.index_app_group { width: 100%; height: 4.0rem; background: #FFFFFF; border-bottom: 2px solid #f3f3f3; padding-top: .6rem; }
.index_app_group .app_line { display: flex; display: flex;  flex-wrap: wrap;  justify-content: flex-start; padding: 0 0.25rem 0.25rem;}
.index_app_group .app_line span { display: inline-block;  }
.index_app_group .app_line .app_item { display: block;width:20%; margin-bottom: 0.35rem; text-decoration: none; color: #333333; padding-top: .93rem; text-align: center; line-height: 1; position:relative;}
.index_app_group .app_line .app_item_tag  {display: inline-block; position:absolute;top:-0.05rem;left:58%; background: url("../images/new/nav_m_tag1.png") center 0 no-repeat; background-size: .65rem .35rem; width:0.6rem;height:0.35rem;}

.index_app_group .app_line .app_item.job { background: url("../images/new/app_job.png") center 0 no-repeat; background-size: .81rem .8rem; }
.index_app_group .app_line .app_item.com { background: url("../images/new/app_com.png") center 0 no-repeat; background-size: .81rem .8rem; }
.index_app_group .app_line .app_item.jipin { background: url("../images/new/app_jipin.png") center 0 no-repeat; background-size: .81rem .8rem; }

.index_app_group .app_line .app_item.resume { background: url("../images/new/app_resume.png") center 0 no-repeat; background-size: .81rem .8rem; }
.index_app_group .app_line .app_item.news { background: url("../images/new/app_news.png") center 0 no-repeat; background-size: .81rem .8rem; }
.index_app_group .app_line .app_item.location { background: url("../images/new/app_location.png") center 0 no-repeat; background-size: .81rem .8rem; }
.index_app_group .app_line .app_item.store { background: url("../images/new/app_store.png") center 0 no-repeat; background-size: .81rem .8rem; }
.index_app_group .app_line .app_item.jobfair { background: url("../images/new/app_jobfair.png") center 0 no-repeat; background-size: .81rem .8rem; }
.index_app_group .app_line .app_item.school { background: url("../images/new/app_school.png") center 0 no-repeat; background-size: .81rem .8rem; }
.index_app_group .app_line .app_item.part { background: url("../images/new/app_part.png") center 0 no-repeat; background-size: .81rem .8rem; }
.index_app_group .app_line .app_item.money { background: url("../images/new/app_money.png") center 0 no-repeat; background-size: .81rem .8rem; }
.index_app_group .app_line .app_item.house { background: url("../images/new/app_house.png") center 0 no-repeat; background-size: .81rem .8rem; }
.index_app_group .app_line .app_item.general { background: url("../images/new/app_general.png") center 0 no-repeat; background-size: .81rem .8rem; }
.index_app_group .app_line .app_item.integral { background: url("../images/new/app_integral.png") center 0 no-repeat; background-size: .81rem .8rem; }
.index_app_group .app_line .app_item.access { background: url("../images/new/app_access.png") center 0 no-repeat; background-size: .81rem .8rem; }
.index_app_group .app_line .app_item.exam { background: url("../images/new/app_exam.png") center 0 no-repeat; background-size: .81rem .8rem; }
.index_app_group .app_line .app_item.fair { background: url("../images/new/app_fair.png") center 0 no-repeat; background-size: .81rem .8rem; }

.index_app_group .app_line .app_item.xiangqin { background: url("../images/new/app_xiangqin.png") center 0 no-repeat; background-size: .81rem .8rem; }
.index_app_group .app_line .app_item.shequn { background: url("../images/new/app_shequn.png") center 0 no-repeat; background-size: .81rem .8rem; }

.index_app_group .app_line .app_item.shops { background: url("../images/new/app_shops.png") center 0 no-repeat; background-size: .81rem .8rem; }


.index_app_group .swiper-container-horizontal > .swiper-pagination-bullets, .index_app_group .swiper-pagination-custom, .index_app_group .swiper-pagination-fraction { bottom: .15rem; }
.index_app_group .swiper-pagination-bullet { width: .09rem; height: .09rem; }
.index_app_group .swiper-pagination-bullet-active { background: #1787fb; width: .18rem; height: .09rem; border-radius: .09rem; }
.index_app_group .swiper-container { padding-bottom: .2rem; }

.head_wapper_plan{
    background: url('../images/new//index_head_three_bg.png') !important;
    height: 3.1rem;
    background-size: 100% 100%;
    padding-top: 1.4rem;
  }

  #index_header_3 .search { 
    width: 6.8rem;
    margin: 0 auto;
    padding: 0.20rem 0 0.20rem 0.72rem;
    font-size: 0.28rem; 
    color: #888888;
    border-radius: 0.75rem;
    background: #fff url(../images/new/search_ico_gray.svg) .35rem no-repeat;
    background-size: 0.3rem;
  }

.indexhotjobs{ 
  width: 6.8rem;
  margin: 0 auto;
  padding: 0.20rem 0 0.20rem 0.22rem;
  color: #ffffff;
 
}
.indexhotjobs a { text-decoration: none;  font-size: 0.25rem; 
  color: #ffffff; margin-left: 0.05rem; }



.index_notice { position: relative; width: 100%; height: .8rem; padding: 0 .2rem 0 1.5rem; background: #FFFFFF url("../images/new/index_notice.png") 0.35rem center no-repeat; overflow: hidden; background-size: 0.9rem .4rem; margin-bottom: .15rem; }
.index_notice .split_line { position: absolute; height: .29rem; left: 1.27rem; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); border-left: 1px solid #e2e2e2; }
.index_notice li { max-width: 5.6rem; height: .8rem; line-height: .8rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; }
.index_notice li a { text-decoration: none; color: #333333; }

.index_headline { position: relative; width: 100%; height: .86rem; line-height: .86rem; padding: 0 .35rem 0 .52rem; color: #333333; background: #FFFFFF; border-bottom: 2px solid #f3f3f3; }
.index_headline .headline_sub { position: absolute; width: .05rem; height: .3rem; background-color: #1787fb; left: .35rem; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.index_headline .headline_more { position: absolute; display: block; height: .86rem; line-height: .86rem; right: .35rem; top: 0; color: #999; text-decoration: none; }

.famous_company { width: 100%; background: #FFFFFF; margin-bottom: .15rem; }
.famous_company .famous_item { display: block; float: left; text-decoration: none; width: 2.5rem; height: 2.85rem; border-right: 2px solid #f3f3f3; border-bottom: 2px solid #f3f3f3; position: relative; padding-top: 1.9rem; }
.famous_company .famous_item:nth-of-type(3n) { border-right: 0; }
.famous_company .famous_item .famous_logo { position: absolute; left: 50%; top: .3rem; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 1.4rem; height: 1.4rem; border: 1px solid #f9f9f9; }
.famous_company .famous_item .famous_name { width: 2rem; height: .36rem; line-height: .36rem; color: #333333; margin: 0 auto .1rem; word-break: break-all; text-align: center; }
.famous_company .famous_item .famous_job_num { width: 2rem; line-height: 1; color: #666666; margin: 0 auto; word-break: break-all; text-align: center; }
.famous_company .famous_item .famous_job_num span { color: #ffaf24; }

.latest_jobs { width: 100%; margin-bottom: .15rem; }
.latest_jobs .latest_item { position: relative; width: 100%; background: #FFFFFF; margin-bottom: .12rem; padding: .25rem .35rem 0 .35rem; }

.latest_jobs .latest_item_d  { background: #fdfaf4; }
.latest_jobs .latest_item .item_name_line { position: relative; height: .6rem; line-height: .6rem; }
.latest_jobs .latest_item .item_name_line .item_name { display: block; float: left; margin-right: .15rem; max-width: 4.2rem; height: .6rem; line-height: .6rem; text-decoration: none; color: #333333; font-weight: 500; }

.latest_jobs .latest_item  .item_name_line .item_urgent { display: block; float: left; width: .49rem; height: .6rem; background: url("../images/new/jipinico.png") 0 center no-repeat; background-size: .49rem ; margin-right: .1rem; }
.latest_jobs .latest_item .item_name_line .item_topping { display: block; float: left; width: .49rem; height: .6rem; background: url("../images/new/zhidingpic.png") 0 center no-repeat; background-size: .49rem;margin-right: .1rem;  }
.latest_jobs .latest_item  .item_name_line .item_status { position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); color: #ffaf24; line-height: normal; }


.latest_jobs .latest_item .item_name_line .item_share { display: block; float: left; width: .24rem; height: .6rem; background: url("../images/new/share_reward.png") 0 center no-repeat; background-size: .24rem .28rem; }
.latest_jobs .latest_item .item_name_line .item_wage { position: absolute; right: 0; top: 0; height: .6rem; line-height: .6rem; color: #ff4400;  font-weight: 500; }
.latest_jobs .latest_item .item_some_line { position: relative; height: .6rem; line-height: .6rem; margin-bottom: .15rem; }
.latest_jobs .latest_item .item_some_line .item_some { max-width: 5rem; height: .6rem; line-height: .6rem; color: #666666; }
.latest_jobs .latest_item .item_some_line .item_date { position: absolute; right: 0; top: 0; height: .6rem; line-height: .6rem; color: #999999; }
.latest_jobs .latest_item .item_tag { padding-bottom: .25rem; }
.latest_jobs .latest_item .item_tag .tag_cell { float: left; line-height: 1; padding: .1rem .2rem; margin-right: .15rem; font-size: .22rem; background: #ecf5ff; color: #1787fb; }
.latest_jobs .latest_item .split_line { width: 100%; border-bottom: 1px dashed #f3f3f3; }
.latest_jobs .latest_item .item_company_line { position: relative; height: .7rem; line-height: .7rem; }
.latest_jobs .latest_item .item_company_line .company_name { display: block; float: left; margin-right: .15rem; max-width: 5.5rem; height: .7rem; line-height: .7rem; text-decoration: none; color: #666666; }
.latest_jobs .latest_item .item_company_line .company_auth { display: block; float: left; width: .49rem; height: .7rem; background: url("../images/new/renzhengico.png") 0 center no-repeat; background-size: .49rem; margin-right: .1rem; }
.latest_jobs .latest_item .item_company_line .company_local { display: block; float: left; width: .27rem; height: .7rem; background: url("../images/new/company_local.png") 0 center no-repeat; background-size: .27rem; margin-right: .1rem; }
.latest_jobs .latest_item .item_company_line .company_order { display: block; float: left; width: .29rem; height: .7rem; background: url("../images/new/company_order.png") 0 center no-repeat; background-size: .27rem; }
.latest_jobs .latest_item_more { width: 100%; height: .85rem; line-height: .85rem; text-align: center; color: #999999; background: #FFFFFF; text-decoration: none; display: block;}

.latest_jobs .latest_item .item_company_line .subsite{ float: right; line-height: 1; padding: .1rem .2rem; border-radius: .05rem; margin-right: .15rem; font-size: .22rem; background: #f2f2f2; color: #b1b3b4; }

.latest_jobs .latest_item .item_company_line .fenzhan{float: left; background-repeat:no-repeat;background-size:.3rem;background-position:0 center;padding-left:.33rem;padding-right:.3rem; background-image:url("../images/new/fenzhanico.png");background-size:.30rem;}




.sub_listt { width: 100%; background: #e4dcdc; height: .8rem; line-height: .8rem; float: left; margin: 0 auto; padding-left: .3rem; }
.sub_listt span { color: #e30000;  }

.sub_list { width: 100%; background: #FFFFFF; height: auto; float: left; margin: 0 auto; padding-left: .3rem; }

.sub_list .sub_item { display: block; position: relative; float: left; width: 96%; margin-left: 2%; padding: .3rem 0; margin: 0 auto; border-bottom: 1px solid #e2e2e2; color: #666666; text-decoration: none; }
.sub_list .sub_item:last-child { border-bottom: 0; }
.sub_list .sub_item::after { display: none; content: ' '; width: .31rem; height: .21rem; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); background: url("../images/new/c_right.png") 0 no-repeat; background-size: .31rem .21rem; }
.sub_list .sub_item.checked { color: #1787fb; }
.sub_list .sub_item.checked::after { display: block; }

.sub_list .sub_itemn { display: block; position: relative; float: left; width: 25%; padding: .3rem 0; margin: 0 auto;  color: #666666; text-decoration: none; }
.sub_list .sub_itemn:last-child { border-bottom: 0; }
.sub_list .sub_itemn::after { display: none; content: ' '; width: .31rem; height: .21rem; position: absolute; right: 0.3rem; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); background: url("../images/new/c_right.png") 0 no-repeat; background-size: .31rem .21rem; }
.sub_list .sub_itemn.checked { color: #1787fb; }
.sub_list .sub_itemn.checked::after { display: block; }




/*底部资质展示*/
.qua_box { padding: 0 15px 5px; }
.qua_box .p { line-height: 1.8;color: #999; }

/*# sourceMappingURL=index.css.map */


#index_link_block {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background-color: #fff;
  padding: 0.2rem  0.25rem  0.2rem  0.25rem ; margin-bottom: 0.15rem;
}

#index_link_block .item {
  flex: 1;
  max-width: 3.43rem;
  height: 1.6rem;
  border-radius: 0.08rem;
}

#index_link_block .link {
  width: 3.43rem;
  height: 1.6rem;
  background-size: 100% 100% !important;
  border-radius: 0.08rem;
}

#index_link_block .mingqi {  background: url("../images/new/link_1.jpg") }
#index_link_block .gaoxin {  background: url("../images/new/link_2.jpg") }
#index_link_block .fujin {  background: url("../images/new/link_3.jpg") }

.job_list_title {
  width: 100%;
  border-bottom: 2px solid #f3f3f3; background: #ffffff;;
  display: flex;
  position: relative;
}

.job_list_title .item {
  position: relative;
  padding: 0.28rem 0.4rem;
  font-size: 0.30rem;
  color: #999;
}

.job_list_title .active {
  color: #333;  font-size: 0.32rem; font-weight: bold;

}
.job_list_title .active::after {
  position: absolute;
  left: 50%;
  bottom: 0.16rem;
  transform: translate(-50%);
  width: 0.46rem;
  height: 0.08rem;
  border-radius: 0.08rem;
  background-color: #1787fb;
  content: " ";
}

.job_list_title .indexshuaxin {
  position: absolute; right:0.2rem; top:0.35rem;
  width: 0.50rem; height: 0.50rem;
   background: url("../images/new/indexshuaxinb.png") 0 center no-repeat; background-size: .50rem .50rem;
}

.job_list_title .indexmore {
  position: absolute; right:0.2rem; top:0.35rem;
  width: 0.50rem; height: 0.50rem;
   background: url("../images/new/index_morec.png") 0 center no-repeat; background-size: .50rem .40rem;
}

.news-list-item{background:#ffffff;width:100%;border-top:1px solid #f0f0f0;}
.news-list-item.eventactive{background-color:#EEEEEE;}
.news-list-item .news-info{padding:.2rem .1rem .2rem 5%;position:relative;}
.news-list-item .news-info .thumbnail{width:12%;height:0.8rem;float:left;padding:.05rem;border:1px #E8E8E8 solid;margin-top:0.1rem;margin-right:3%;}
.news-list-item .news-info .thumbnail img{width:100%;height:100%;}
.news-list-item .news-info .info{width:98%;float:left;}



.news-list-item .news-info  .info .item_topping { display: block; float: left; width: .32rem; background: #fb6363; border-radius: .035rem; color: #ffffff; font-size: 0.1888rem;text-align: center; height: .28rem; line-height: .28rem; margin-top: .139rem;margin-right: .056rem; }


.news-list-item .news-info .info .line-one{height:.6rem;line-height:.6rem;color:#333333;}


.news-list-item .news-info .info .line-two{height:.5rem;line-height:.5rem;}
.news-list-item .news-info .info .line-two .pic{float:left;background-repeat:no-repeat;background-size:.3rem;background-position:0 center;padding-left:.33rem;padding-right:.3rem;}
.news-list-item .news-info .info .line-two .pic.time{background-image:url("../images/171.png");background-size:.26rem; }
.news-list-item .news-info .info .line-two .pic.page-views{background-image:url("../images/172.png");padding-left:.35rem;}

.news-list-item .news-info .info .line-two .pic.fenzhan{background-image:url("../images/new/fenzhanico.png");background-size:.30rem;padding-left:.35rem;}

.news-list-item .news-info .info .line-three{height:.8rem;line-height:.4rem;overflow:hidden;white-space:normal;text-overflow:ellipsis;}
.list-split-block{width:100%;height:.10rem;background:transparent;}


.news-list-item .news-info .info .line-two .subsite{ float: right; line-height: 1; padding: .1rem .2rem; border-radius: .05rem; margin-right: .15rem; font-size: .22rem; background: #f2f2f2; color: #b1b3b4; }
