.header .nav-box .nav-item:nth-child(2) .link {
  color: red;
}
.main {
  width: 100%;
  padding: 24px;
}

.main .main-video {
  width: 100%;
}
.main .main-video .video {
  width: 100%;
}

.advantage .title {
  margin: 32px 0;
  text-align: center;
  font-size: 48px;
  font-weight: bold;
  color: #000;
}
.advantage .content {
  display: flex;
  width: 100%;
  padding-left: 12%;
}
.advantage .content .content-item {
  flex: 1;
}
.advantage .content .content-item p {
  margin-bottom: 12px;
}

.pre-img .img {
  display: block;
  width: calc(100% - 154px);
  margin: auto;
}

.join .title {
  margin-bottom: 24px;
  text-align: center;
  font-size: 48px;
  font-weight: bold;
  color: #000;
}
.join .content {
  display: flex;
}
.join .content .content-item {
  flex: 1;
}

.join .content .content-item-inner {
  display: flex;
}
.join .content .qr-box {
  flex: 1;
  text-align: center;
}
.join .content .qr-box .icon {
  width: 80%;
}
.join .content .condition-box {
  padding-left: 10%;
}
.join .content .condition-box .condition-title {
  font-weight: bold;
  margin-bottom: 6px;
}
.join .content .condition-box ul {
  padding-left: 2em;
}
.join .content .condition-box p {
  padding-left: 1em;
}
.join .content .join-img {
    display: block;
    width: 88%;
    margin: auto;
}
.join .content .guide-box {
  margin-top: 65px;
  text-align: center;
}
.join .content .guide-box p {
  margin-bottom: 12px;
}