.join-index-map{background-color: #f3f3f3;}
.map-group{
  max-width: 700px;
  margin: 0 auto;
  position: relative;
}
.map-group-ul li{
  position: absolute;
  cursor: pointer;
}
.map-group-ul li .icon-mark{
  width: 18px;
  height: 18px;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.map-group-ul li .icon-mark i{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-or);
}
.map-group-ul li.active .icon-mark i{opacity: 0;}
.map-group-ul li.active .icon-mark{
  background-image: url(../images/icons/icon_mark.png);
}
.map-group-ul li .map-group-item{
  position: absolute;
  top:-.3rem;
  left: .4rem;
  background-color: rgba(255, 255, 255, .6);
  border: 1px solid #cacacb;
  border-radius: 6px;
  padding: .2rem .2rem;
  width: 3.65rem;
  display: none;
}
.map-group-ul li.active .map-group-item{display: block;}
.map-group-ul li .map-group-item::after{
  position: absolute;
  top: .15rem;
  left: -26px;
  width: 26px;
  height: 26px;
  background: url(../images/ico_sj.png) no-repeat center / cover;
  content: '';
  z-index: 9;
}
.map-group-ul li .map-group-item .gl{
  margin-top: 6px;
  padding-left: 30px;line-height: 30px;background-position: left top 5px; background-repeat: no-repeat;background-size: 20px;}
.map-group-ul li .map-group-item .gl-add{background-image: url(../images/icons/icon_contact_1.png);}
.map-group-ul li .map-group-item .gl-tel{background-image: url(../images/icons/icon_contact_2.png);}

.join-jobs-tops{overflow: hidden;position: relative;}
.join-jobs-tops:after{
  position: absolute;
  top:0;
  width: 100%;
  height: 80%;
  background-color: #f3f3f3;
  content: '';
  z-index: -1;
}
.envi-imgs{max-width: 10rem;position: relative;}
.envi-imgs .swiper-container{overflow: initial;}
.join-jobs-tops .swiper-container .swiper-slide img{transition: all .3s;transition-delay: 100ms;}
.join-jobs-tops .swiper-container .swiper-slide-active+div img{
  transform: scale(.7);
  transform-origin: left top;
}
.join-jobs-tops .swp-page-box{position: absolute;
bottom:20px;left:100%;margin-left: 45px;z-index: 9;}
.join-jobs-tops .swp-page-box .swiper-button{margin-right: 10px;}
.join-jobs-tops .infopage{border-bottom: 1px solid #ddd;padding-bottom: 5px;}
.join-jobs-list .time{color:#595959;font-size:13px;}

.join-jobs-list{
  border-top: 1px solid #cacacb;
}
.join-jobs-list .item{
  border-bottom: 1px solid #cacacb;
}
.join-jobs-list .item .jobs-item-head{
  padding: .24rem .3rem;
}
.join-jobs-list .item .jobs-item-head .t1 .name{font-size: .2rem;font-weight: bold;}
.join-jobs-list .item.active .jobs-item-head .t1 .name{font-size: .24rem;color: var(--color-or);}
.join-jobs-list .item .jobs-item-head .t1{width: 32.5%;}
.join-jobs-list .item .jobs-item-head .t2{width: 23%;}
.join-jobs-list .item .jobs-item-head .icon-menu{
  display: block;
  width: 14px;
  height: 14px;
  position: relative;
  cursor: pointer;
}
.join-jobs-list .item .jobs-item-head .icon-menu i{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #000;
}
.join-jobs-list .item .jobs-item-head .icon-menu i:first-child{
  width: 100%;
  height: 1px;
}
.join-jobs-list .item:not(.active) .jobs-item-head .icon-menu i:last-child{
  height: 100%;
  width: 1px;
}
.join-jobs-list .item .fold-text{
  padding: 0 .3rem .6rem;
}
.join-jobs-list .item .fold-text .ts{color: #595959;}
.join-jobs-list .item .fold-text .ts i{
  width: 1px;
  height: 12px;
  background-color: #666;margin: 0 10px;
}

@media (max-width:950px) {
  .join-jobs-list .item.active .jobs-item-head .t1 .name{font-size: 16px;}
    .join-jobs-list .item.active .jobs-item-head .t1 .name{font-size: 18px;}
    .map-group-ul li.active .map-group-item{display:none;}
}