* {
  margin: 0;
  padding: 0;
}

.footer_box {
  width: 100%;
  background: #3A4046;
  padding-top: calc(13px + 3rem);
  padding-bottom: calc(10px + 4rem);
  position: absolute;


}

.footer {
  max-width: 1440px;
  width: 80%;
  margin: auto;
}

.footer_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: calc(4px + 1.5rem);
}

.footer_logo {
  width: calc(1px + 4rem);
}

.footer_logo img {
  width: 100%;
}

.footer_icon {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: calc(4px + 1.5rem);
}

.footer_main_box {
  margin-top: calc(18px + 2rem);
  display: flex;
  justify-content: space-between;
}


.main_link {
  font-family: Helvetica, Helvetica;
  font-weight: bold;
  font-size: calc(8px + 0.5rem);
  color: #FFFFFF;
}

.main_link_item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: calc(8px + 0.5rem);
  margin-top: calc(1px + 2rem);
}

.main_link_item p {

  font-family: Helvetica;
  font-size: calc(8px + 0.5rem);
  color: rgba(255, 255, 255, 0.79);
}

.main_link_item div {
  font-family: Helvetica;
  font-size: calc(8px + 0.5rem);
  color: rgba(255, 255, 255, 0.79);
}

.main_link_item img {
  width: calc(10px + 0.5rem);

}

.main_link_item .add {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(1px + 0.25rem);
}

.main_link_item .add p {
  line-height: calc(2px + 1.5rem);
}

.main_link_item div img {
  margin-top: calc(1px + 0.2rem);
}




.input_box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: calc(7px + 0.5rem);
}

.input_box input:nth-of-type(1) {
  width: calc(48px + 10rem);
  height: calc(2px + 3rem);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-right: none;
  outline: medium;
  background: transparent;
  padding: 0 calc(6px + 0.5rem);
}

.input_box input:nth-of-type(1)::placeholder {
  width: calc(95px + 5rem);
  height: calc(2px + 1rem);
  font-family: Helvetica;
  font-size: calc(8px + 0.5rem);
  color: #FFFFFF;

}

.input_box input:nth-of-type(2) {
  width: calc(33px + 5rem);
  height: calc(2px + 3rem);
  background: linear-gradient(270deg, #0792DD 0%, #1E5DB3 100%);
  border: none;
  outline: medium;
  font-family: Helvetica;
  font-size: calc(10px + 0.5rem);
  color: #FFFFFF;

}


.copyright {
  width: 100%;
  height: calc(10px + 4rem);
  background: #2A3036;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(6px + 3rem);
}

.copyright p {
  font-family: Helvetica;
  font-size: calc(6px + 0.5rem);
  color: rgba(255, 255, 255, 0.8);

}

/* 屏幕宽度小于1100px */
@media (max-width: 1100px) {
  .footer_logo {
    width: calc(1px + 12rem);
  }

  .footer_main_box {
    flex-wrap: wrap;
    row-gap: calc(10px + 5rem);
  }

  .footer_main_link {
    width: 48%;
  }

  .main_link {

    font-size: calc(12px + 1rem);
  }

  .main_link_item p {
    font-size: calc(10px + 1rem);
  }

  .main_link_item .add p {
    line-height: 1.5;
  }

  .footer_main_link:nth-of-type(3) {
    width: 100% !important;
  }

  .footer_main_link:nth-of-type(4) {
    width: 100% !important;
  }

  .input_box input:nth-of-type(1) {
    width: 70%;
    height: calc(10px + 6rem);
  }

  .input_box input:nth-of-type(2) {
    width: 30%;
    height: calc(10px + 6rem);
  }

  .main_link_item img {
    width: calc(15px + 0.5rem);
  }
  .footer_icon img{
    height: calc(7px + 3rem);
}
}