footer {
  display: flex;
  width: 100%;
  height: 300px;
  background-color: #272727;
  padding: 40px 0;
  box-sizing: border-box;
}
footer .footer_wrap {
  display: flex;
  color: #fff;
  align-items: center;
}
footer .footer_wrap .compony_info {
  position: relative;
  padding-right: 114px;
}
footer .footer_wrap .compony_info h3 {
  font-size: 20px;
}
footer .footer_wrap .compony_info p {
  font-size: 14px;
  margin-top: 24px;
}
footer .footer_wrap .compony_info::after {
  content: "";
  width: 2px;
  height: 219px;
  position: absolute;
  right: 0;
  top: 50%;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  transform: translateY(-50%);
}
footer .footer_wrap .join_us {
  padding-left: 70px;
  position: relative;
  padding-right: 82px;
}
footer .footer_wrap .join_us h3 {
  font-size: 20px;
}
footer .footer_wrap .join_us .form {
  font-size: 14px;
  margin-top: 14px;
  position: relative;
  padding-left: 14px;
}
footer .footer_wrap .join_us .form input {
  width: 256px;
  height: 32px;
  background-color: #344050;
  border: 0px;
  padding-left: 8px;
  color: #fff;
}
footer .footer_wrap .join_us .form::before {
  content: "*";
  position: absolute;
  left: 0;
  top: 12px;
  color: #D90505;
}
footer .footer_wrap .join_us .submit-btn {
  margin: 18px 0 0 20px;
}
footer .footer_wrap .join_us .submit-btn input {
  width: 140px;
  height: 36px;
  background: #41A7EC;
  border-radius: 3px 2px 2px 3px;
  font-size: 14px;
  color: #FFFFFF;
  outline: none;
  border: 0px;
  cursor: pointer;
}
footer .footer_wrap .join_us::after {
  content: "";
  width: 2px;
  height: 219px;
  position: absolute;
  right: 0;
  top: 50%;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  transform: translateY(-50%);
}
footer .footer_wrap .wx_code {
  padding-left: 86px;
}
footer .footer_wrap .wx_code img {
  width: 166px;
  height: 166px;
  margin-bottom: 18px;
}
footer .footer_wrap .wx_code p {
  text-align: center;
  margin-bottom: 6px;
  font-size: 12px;
}
