.join-container {
  padding-top: 80px;
  padding-bottom: 80px;
}

.join-container .join-wangmeng {
  height: 347px;
  background-image: url(../../img/personal/join-wangmeng.jpg);
  background-position: 50% 0%;
  background-repeat: no-repeat;
  position: relative;
  text-align: center;
}

.join-container .join-wangmeng .join-text {
  position: absolute;
  bottom: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.join-container .join-wangmeng .join-text .line-box .join-line {
  display: inline-block;
  height: 1px;
  width: 60px;
  background: #ffffff;
  vertical-align: middle;
}

.join-container .join-wangmeng .join-text .line-box h3 {
  display: inline-block;
  font-size: 22px;
  color: white;
  font-weight: bold;
  line-height: 1;
  text-shadow: 0px 2px 2px rgba(7, 0, 2, 0.75);
  margin: 0px 12px 0px 12px;
  vertical-align: middle;
}

.join-container .join-wangmeng .join-text h2 {
  font-size: 32px;
  color: white;
  font-weight: bold;
  line-height: 0.714;
  text-shadow: 0px 2px 2px rgba(7, 0, 2, 0.75);
}

.join-container .job-tabs {
  margin-top: 64px;
  margin-bottom: 64px;
  border-bottom: 0;
}

.join-container .job-tabs > li {
  float: left;
  text-align: center;
}

.join-container .job-tabs > li a {
  background: none;
  border: 0;
}

.join-container .job-tabs > li .fa {
  width: 80px;
  height: 80px;
  line-height: 2;
  border: 4px solid #cccccc;
  border-radius: 50%;
  font-size: 36px;
  color: #b2b2b2;
}

.join-container .job-tabs > li .job-name {
  margin-top: 13px;
  color: #a1a1a1;
}

.join-container .job-tabs > li:hover .fa {
  background: none;
  color: #c83842;
  border: 4px solid #c83842;
}

.join-container .job-tabs > li:not(:first-child) {
  margin-left: 64.2px;
}

.join-container .job-tabs .active > a, .join-container .job-tabs .active:hover > a {
  border: none !important;
  background: none;
}

.join-container .job-tabs .active .fa, .join-container .job-tabs .active:hover .fa {
  background-color: #c83842;
  color: #ffffff;
  border-color: #c83842;
}

.join-container .job-container .fl {
  float: left;
}

.join-container .job-container .fr {
  float: right;
}

.join-container .job-container .job-dec {
  width: 475px;
  height: 619px;
  margin-bottom: 44px;
  padding: 40px 50px;
  border: 1px solid #dfdfdf;
  border-radius: 15px;
}

.join-container .job-container .job-dec .job-title {
  padding-bottom: 25px;
  border-bottom: 1px solid #dfdfdf;
  color: #797979;
  font-weight: bold;
}

.join-container .job-container .job-dec .job-title em {
  font-size: 14px;
}

.join-container .job-container .job-dec .job-title span {
  float: right;
  line-height: 40px;
  font-size: 26px;
}

.join-container .job-container .job-dec .job-content {
  color: rgba(0, 0, 0, 0.702);
  line-height: 2;
}

.join-container .job-container .job-dec:hover {
  color: #000;
  background: #f7f7f7;
}

.join-container .job-container .job-dec:hover .job-title {
  color: #c83842;
}

.join-container .job-container .job-dec:hover .job-title small {
  color: #c83842;
}