#home1 {
  height: 100vh;
}
#home1 .banner {
  height: 760px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 1;
  padding-top: 43px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
  justify-content: center;
}
#home1 .header-img {
  width: 530px;
  height: 320px;
}
#home1 .base-sub-title {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#home2 {
  height: 100vh;
}
#home2 .space {
  height: 150px;
}
#home2 .general-title {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 20px;
}
#home2 .general-desc {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  font-style: normal;
  margin-bottom: 250px;
  text-transform: none;
}
#home2 .IP-box {
  margin-top: 0;
}
#home2 .IP-box .right .title {
  text-align: center;
}
#home2 .icon-box {
  margin-bottom: 300px;
}
#home2 .icon-box .left .item-two {
  text-align: center;
  margin-top: 200px;
}
#home2 .sub-title {
  text-align: center;
  margin: 20px 0px;
  font-size: 14px;
}
#home2 .card-list {
  width: 1360px;
  margin: 0 auto;
  display: flex;
  gap: 100px;
}
#home2 .card-list .card-item {
  width: 630px;
  height: 560px;
  background-color: #182145;
  border-radius: 10px;
  padding: 20px;
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
}
#home2 .card-list .card-item .card-title {
  font-size: 24px;
  font-weight: bold;
  color: #85efee;
}
#home2 .card-list .card-item .card-sub-title {
  font-size: 14px;
  color: #c5c8d0;
}
#home2 .card-list .card-item .content-img {
  width: 40px;
}
#home2 .card-list .card-item .card-desc {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #c5c8d0;
}
#home2 .card-list .card-item .title-btn {
  margin: 0;
}
#home2 .card-list .card-item .card-field {
  position: absolute;
  right: 0px;
  top: -25px;
  font-size: 14px;
  color: #fff;
  width: 110px;
  font-weight: bold;
  height: 40px;
  background: linear-gradient(270deg, #d77c3a 0%, #7f225e 100%);
  border-radius: 20px 20px 20px 0px;
  text-align: center;
  line-height: 40px;
}
#home2 .step-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 150px;
}
#home2 .step-page .title {
  font-size: 36px;
  font-weight: bold;
  color: #fff;
}
#home2 .step-page .sub-title {
  font-size: 14px;
  color: #c5c8d0;
  margin: 20px 0 50px 0;
}
#home2 .step-page .step-list {
  display: flex;
  align-items: center;
  gap: 10px;
}
#home2 .step-page .step-list .step-item {
  width: 392px;
  height: 183px;
  border: 1px solid #0a0a1a;
  border-radius: 8px 8px 8px 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  padding-left: 30px;
}
#home2 .step-page .step-list .step-item .step-num {
  font-size: 24px;
  font-weight: bold;
  color: #85efee;
}
#home2 .step-page .step-list .step-item .step-title {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
#home2 .step-page .step-list .step-item .step-desc {
  font-size: 14px;
  color: #c5c8d0;
}
#home2 .step-page .step-list .step-icon {
  width: 60px;
  height: 60px;
  background-color: #182145;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#home2 .step-page .step-list .step-icon .fa-solid {
  font-size: 20px;
  color: #85efee;
}
#home2 .step-page .join-page {
  margin-top: 200px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 400px;
  background: url("../assets/images/common/fanyong-bg.png") no-repeat center center;
  background-size: cover;
  gap: 50px;
}
#home2 .step-page .join-page .title {
  font-size: 36px;
  font-weight: bold;
  color: #fff;
}
#home2 .step-page .join-page .desc-list {
  display: flex;
  gap: 30px;
}
#home2 .step-page .join-page .desc-list .desc-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #c5c8d0;
  font-size: 16px;
}
#home2 .step-page .join-page .desc-list .fa-icon {
  font-size: 18px;
  color: #85efee;
}
#home4 {
  height: 50vh;
}
@media (max-width: 1920px) and (min-width: 960px) {
  body {
    zoom: 0.8;
  }
}
@media (max-width: 3840px) and (min-width: 2560px) {
  body {
    zoom: 1.2;
  }
}