h1,
h2,
h3 {
  margin: 0;
  text-align: center;
  font-weight: 100;
}
h1 {
  font-size: 46px;
  line-height: 56px;
}
h2 {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.6);
}
.section-block .section-container {
  width: 1120px;
  height: 100%;
  margin: 0 auto;
}
.text-title {
  text-align: center;
  font-size: 42px;
  font-weight: bold;
  color: #0E004A;
}
.first-root {
  width: 100%;
  height: calc(640px - 64px);
  background-image: radial-gradient(#2701CC, #0E004A);
}
.first-root .left-content {
  float: left;
  width: calc(100% - 606px);
}
.first-root .left-content .title {
  color: white;
  text-align: left;
  margin-top: 112px;
  font-weight: bold;
}
.first-root .left-content .des {
  text-align: left;
  color: white;
  font-size: 18px;
  margin-top: 22px;
}
.first-root .left-content .kol-btn {
  margin-top: 47px;
  border-radius: 24px;
  padding: 0px;
}
.first-root .left-content .kol-btn a {
  color: white;
  display: inline-block;
  padding: 0 16px ;
  width: 100%;
  height: 100%;
}
.first-root .right-content {
  float: right;
}
.first-root .right-content img {
  margin-top: 82px;
}
.second-root {
  height: 604px;
  background: white;
  padding-top: 122px;
}
.second-root .card-content {
  margin-top: 94px;
}
.second-root .card-content li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 272px;
  height: 240px;
  background: #F7F8FA;
  border-radius: 8px;
  padding: 0 10px;
}
.second-root .card-content li:not(:last-child) {
  margin-right: 5px;
}
.second-root .card-content li .icon {
  margin: 0 calc(50% - 20px);
  width: 40px;
  height: 114px;
  border-bottom: 2px solid #F55345;
}
.second-root .card-content li .icon i {
  margin-top: 40px;
  font-size: 40px;
  color: #F55345;
}
.second-root .card-content li .des .title {
  color: #0E004A;
  font-size: 20px;
  margin: 14px 0;
}
.second-root .card-content li .des .text {
  color: #666666;
  font-style: 14px;
  line-height: 24px;
}
.third-root {
  height: 720px;
  background-image: radial-gradient(#2701CC, #0E004A);
  padding-top: 75px;
}
.third-root .video-title {
  text-align: center;
  font-size: 46px;
  font-weight: bold;
  color: white;
}
.third-root .video-content {
  width: 800px;
  height: 450px;
  margin-top: 53px;
  margin-left: calc(50% - 400px);
}
.platform-root {
  height: 1117px;
  background: #F7F8FA;
  padding-top: 122px;
}
.platform-root img {
  margin-top: 62px;
}
.process-root {
  height: 582px;
  background: white;
  padding-top: 122px;
}
.process-root .text-title {
  color: #F55345;
}
.process-root .process-content {
  margin-top: 62px;
}
.process-root .process-content li {
  display: inline-block;
  width: 221px;
  height: 221px;
  vertical-align: middle;
  padding: 28px;
}
.process-root .process-content li:not(:last-child) {
  margin-right: 74px;
}
.process-root .process-content li .process-item-content {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(calc(80px - 50%));
}
.process-root .process-content li .process-item-content i {
  font-size: 40px;
  color: #F55345;
  vertical-align: middle;
}
.process-root .process-content li .process-item-content span {
  vertical-align: middle;
  font-size: 16px;
  color: #0E004A;
  margin-left: 8px;
  font-weight: bold;
  text-align: left;
}
.process-root .process-content .bgimg-1 {
  background: url(https://res-static.noxinfluencer.com/kol/2025/09/public/img/landingPage/44a63d61.png) no-repeat 0 0;
  background-size: cover;
}
.process-root .process-content .bgimg-2 {
  background: url(https://res-static.noxinfluencer.com/kol/2025/09/public/img/landingPage/3bcf9d79.png) no-repeat 0 0;
  background-size: cover;
}
.process-root .process-content .bgimg-3 {
  background: url(https://res-static.noxinfluencer.com/kol/2025/09/public/img/landingPage/b473d8a2.png) no-repeat 0 0;
  background-size: cover;
}
.process-root .process-content .bgimg-4 {
  background: url(https://res-static.noxinfluencer.com/kol/2025/09/public/img/landingPage/653b088e.png) no-repeat 0 0;
  background-size: cover;
}