@charset "utf-8";
/* CSS Document */
.f-cb {
  zoom: 1; }

.f-cb:after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  content: "."; 
  }
  
.join-bg {
  width: 100%;
  padding: 0px 0 0px 0px;
}



.join-main .list-box {
  padding: 0 3.33% 0px;


}

.join-bg .container{ width:1000px; margin:0 auto; padding:0;}



.join-main-left{ float:left; width:25%;}
.join-main-left ul li{ height:54px; line-height:54px; background:#f5f5f5;  border-bottom: 1px solid #ddd;  padding: 0px 0 0 10%; font-size:15px; }
 
.font16{ font-size:16px;}

.join-main{ float:left; width:75%; background:#fff;}

.join-main .list-top {
  height: 54px;
  line-height: 54px;
  padding: 0 3.33% 0;
  background: #31A1A5;
  font-size: 14px;
  color: #ffffff;
}

.join-main .td1 {
  width: 20%;
   text-align:;
}

.join-main .td2 {
  width: 20%;

}

.join-main .td3 {
    width: 20%;
}

.join-main .td4 {
  width: 20%;
}

.join-main .td5 {
  width: 20%;
   text-align:center;

}

.join-main .list-box ul {
  width: 100%;
     background:#fff;
}

.join-main .list-box li {
  width: 100%;
  line-height: 54px;
  height:54px;
}

.join-main .list-box li .top {
  font-size: 14px;
  color: #777777;

  padding: 0px 0;
  border-bottom: 1px solid #efefef;
}

.join-main .list-box li .top a {
  color: #339567;
}

.join-main .list-box li .bot {
  position: relative;
  padding: 20px 3.5% 36px;
  background: #f5f5f5;
  display: none;
}

.join-main .list-box li .bot .info1 {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 22px;
}

.join-main .list-box li .bot .info1 p {
  float: left;
  font-size: 12px;
  color: #333333;
  line-height: 2;
  min-width: 24%;
  margin-right: 1%;
  margin-bottom: 10px;
}

.join-main .list-box li .bot .info2 {
  border-bottom: 1px solid #e5e5e5;
  padding: 24px 0 22px;
}

.join-main .list-box li .bot .info2 h3 {
  font-size: 18px;
  color: #333333;
  line-height: 3;
}

.join-main .list-box li .bot .info2 p {
  font-size: 14px;
  color: #333;
  margin:0;
}

.join-main .list-box li .bot .info2 .fl {
  width:80%;
}

.join-main .list-box li .bot .info2 .fr {
  width: 43.5%;
}

.join-main .list-box li .bot .info2 .fl .info-box {

}

.join-main .list-box li .bot .info3 {
  margin-top: 31px;
}

.join-main .list-box li .bot .info3 .apply {
  width: 151px;
  height: 41px;
  line-height: 41px;
  background: #339567;
  font-size: 16px;
  color: #ffffff;
  float: left;
  text-align: center;
}

.join-main .list-box li .bot .info3 .apply:hover {
  opacity: 0.6;
}

.join-main .list-box li .bot .info3 .all {
  float: right;
  font-size: 14px;
  color: #777777;
  height: 21px;
  line-height: 21px;
  padding-left: 30px;
  background: url("http://121.41.128.239:8301/jinke/static/web/css/../img/all_ico.png") no-repeat 0 center;
}

.join-main .list-box li .bot i {
  position: absolute;
  left: 18px;
  top: -12px;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #f5f5f5;
}

.join-main .list-box .list {
  margin-bottom: 0px;
}

.join-main .list-box li.li1 .td2 {
  color: #f91747;
}


@media (max-width: 1023px) {
.join-bg .container{ width:100%;}
.join-main-left ul li{ height:40px; line-height:40px; padding: 0px 0 0 5%; font-size:14px; }
.join-main-left{ float:left; width:20%;}
.font16{ font-size:16px;}
.join-main{ width:80%; }
.join-main .list-top {
  height: 40px;
  line-height: 40px;
  padding: 0 3.33% 0;
  font-size: 14px;
}
.join-main .list-box li {
  line-height: 40px;
  height:40px;
}

.join-main .list-box li .top {
  font-size: 14px;
  color: #777777;

}
}

@media (max-width: 639px) {
.join-bg .container{ width:100%;}
.join-main-left ul li{ height:40px; line-height:20px; padding: 0px 0 0 5%; font-size:12px; }
.join-main-left{ float:left; width:14%;}
.font16{ font-size:12px;}
.join-main{ width:86%; }
.join-main .list-top {
  height: 40px;
  line-height: 40px;
  padding: 0 3.33% 0;
  font-size: 13px;
}
.join-main .list-box li {
  line-height: 40px;
  height:40px;
}

.join-main .list-box li .top {
  font-size: 12px;
  color: #777777;

  padding: 0px 0;
  border-bottom: 1px solid #efefef;
}
}