html {
  min-width: 1300px;
}
a {
  color: #fff;
}
.container div,
.container li,
.container span,
.container p {
  font-family: Microsoft YaHei, sans-serif;
}
.container .header {
  background: url(../img/1920.2d3929c05a38e3cbb610.jpg) top left no-repeat;
  background-size: cover;
  width: 100%;
  height: 846px;
  padding: 58px 0 0 44px;
}
.container .header .logo-img {
  margin-right: 20px;
}
.container .header .title-text {
  font-weight: bold;
  font-size: 35px;
  line-height: 37px;
  color: #1F2937;
  padding-left: 18px;
  border-left: 1px solid #9DA4B9;
}
.container .header .header-content {
  padding: 60px 0 0 98px;
}
.container .header .header-content .row-1 {
  width: 195px;
  height: 44px;
  line-height: 44px;
  background: #EFF6FF;
  border-radius: 22px;
  font-weight: 400;
  font-size: 19px;
  color: #7063F3;
  text-align: center;
  margin-bottom: 20px;
}
.container .header .header-content .row-2 {
  font-weight: bold;
  font-size: 77px;
  line-height: 80px;
  background: linear-gradient(90deg, #5A3EF4 10%, #895DF6 40%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 30px;
}
.container .header .header-content .row-3 {
  font-weight: bold;
  font-size: 37px;
  line-height: 38px;
  color: #2B2A40;
  margin-bottom: 30px;
}
.container .header .header-content .row-4 {
  font-weight: 400;
  font-size: 23px;
  line-height: 24px;
  color: #2B2A40;
  margin-bottom: 30px;
}
.container .header .header-content .row-5 {
  width: 648px;
  background: #FFFFFF;
  box-shadow: 0 2px 10px 0 rgba(186, 184, 212, 0.57);
  border-radius: 10px;
  opacity: 0.82;
  padding: 35px 26px;
  margin-bottom: 30px;
}
.container .header .header-content .row-5 > div:first-child {
  font-weight: bold;
  font-size: 19px;
  line-height: 19px;
  color: #2B2A40;
  margin-bottom: 26px;
}
.container .header .header-content .row-5 .flex1 {
  flex-wrap: wrap;
  row-gap: 17px;
  column-gap: 100px;
}
.container .header .header-content .row-5 .flex1 div {
  width: 200px;
  padding-left: 13px;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2B2A40;
  position: relative;
}
.container .header .header-content .row-5 .flex1 div::before {
  position: absolute;
  top: 5px;
  left: 0;
  content: '';
  width: 8px;
  height: 8px;
  background: #EF4444;
  border-radius: 50%;
}
.container .header .header-content .row-6 {
  width: 192px;
  height: 67px;
  line-height: 67px;
  text-align: center;
  background: linear-gradient(39deg, #6566F1, #895DF6);
  border-radius: 10px;
  font-weight: bold;
  font-size: 19px;
  color: #FFFFFF;
  cursor: pointer;
}
.container .tab-head {
  height: 70px;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.08);
}
.container .tab-head li {
  width: 274px;
  height: 100%;
  text-align: center;
  line-height: 70px;
  cursor: pointer;
}
.container .tab-head li.active {
  font-weight: bold;
  color: #fff;
  background: linear-gradient(39deg, #6566F1, #895DF6);
}
.container .tab-content {
  width: 100%;
}
.container .tab-content .tab-1,
.container .tab-content .tab-2,
.container .tab-content .tab-3 {
  padding: 60px 0 90px;
}
.container .tab-content .tab-1 > .text-1,
.container .tab-content .tab-2 > .text-1,
.container .tab-content .tab-3 > .text-1 {
  font-weight: bold;
  font-size: 28px;
  line-height: 30px;
  background: linear-gradient(135deg, #8B69F6 0%, #5A3EF4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 20px;
}
.container .tab-content .tab-1 > .text-2,
.container .tab-content .tab-2 > .text-2,
.container .tab-content .tab-3 > .text-2 {
  font-weight: bold;
  font-size: 14px;
  color: #384252;
  line-height: 15px;
  margin-bottom: 24px;
}
.container .tab-content .tab-1 .text-3,
.container .tab-content .tab-2 .text-3,
.container .tab-content .tab-3 .text-3 {
  font-weight: 400;
  font-size: 14px;
  color: #384252;
  line-height: 20px;
}
.container .tab-content .tab-1 > .box-1,
.container .tab-content .tab-2 > .box-1,
.container .tab-content .tab-3 > .box-1 {
  column-gap: 30px;
  margin-bottom: 30px;
}
.container .tab-content .tab-1 > .box-1 a,
.container .tab-content .tab-2 > .box-1 a,
.container .tab-content .tab-3 > .box-1 a {
  width: 120px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background: linear-gradient(135deg, #8B69F6, #5A3EF4);
  border-radius: 5px;
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  cursor: pointer;
}
.container .tab-content .tab-1 > .box-2,
.container .tab-content .tab-2 > .box-2,
.container .tab-content .tab-3 > .box-2 {
  width: 823px;
  background: #FFFFFF;
  box-shadow: 2px 3px 9px 0 rgba(0, 0, 0, 0.17);
  border-radius: 14px;
  padding: 25px;
}
.container .tab-content .tab-1 > .box-2 .title-text,
.container .tab-content .tab-2 > .box-2 .title-text,
.container .tab-content .tab-3 > .box-2 .title-text {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 30px;
}
.container .tab-content .tab-1 > .box-2 .title-text > span:first-child,
.container .tab-content .tab-2 > .box-2 .title-text > span:first-child,
.container .tab-content .tab-3 > .box-2 .title-text > span:first-child {
  font-size: 16px;
  color: #000;
  font-weight: bold;
}
.container .tab-content .tab-1 > .box-2 .title-text > span:last-child,
.container .tab-content .tab-2 > .box-2 .title-text > span:last-child,
.container .tab-content .tab-3 > .box-2 .title-text > span:last-child {
  font-weight: bold;
  font-size: 28px;
  line-height: 30px;
  background: linear-gradient(135deg, #8B69F6 0%, #5A3EF4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: italic;
  padding-right: 3px;
}
.container .tab-content .tab-1 > .box-2 .items,
.container .tab-content .tab-2 > .box-2 .items,
.container .tab-content .tab-3 > .box-2 .items {
  column-gap: 17px;
}
.container .tab-content .tab-1 > .box-2 .items .one-item,
.container .tab-content .tab-2 > .box-2 .items .one-item,
.container .tab-content .tab-3 > .box-2 .items .one-item {
  width: 180px;
  height: 192px;
  background: #6366F1;
  border-radius: 18px;
  padding: 20px;
}
.container .tab-content .tab-1 > .box-2 .items .one-item.purple,
.container .tab-content .tab-2 > .box-2 .items .one-item.purple,
.container .tab-content .tab-3 > .box-2 .items .one-item.purple {
  background: #8B5CF6;
}
.container .tab-content .tab-1 > .box-2 .items .one-item.purple .icon-box,
.container .tab-content .tab-2 > .box-2 .items .one-item.purple .icon-box,
.container .tab-content .tab-3 > .box-2 .items .one-item.purple .icon-box {
  background-color: #A27DF8;
}
.container .tab-content .tab-1 > .box-2 .items .one-item.blue,
.container .tab-content .tab-2 > .box-2 .items .one-item.blue,
.container .tab-content .tab-3 > .box-2 .items .one-item.blue {
  background: #3B82F6;
}
.container .tab-content .tab-1 > .box-2 .items .one-item.blue .icon-box,
.container .tab-content .tab-2 > .box-2 .items .one-item.blue .icon-box,
.container .tab-content .tab-3 > .box-2 .items .one-item.blue .icon-box {
  background-color: #629BF8;
}
.container .tab-content .tab-1 > .box-2 .items .one-item .icon-box,
.container .tab-content .tab-2 > .box-2 .items .one-item .icon-box,
.container .tab-content .tab-3 > .box-2 .items .one-item .icon-box {
  width: 36px;
  height: 36px;
  background: #8285F4;
  border-radius: 14px;
}
.container .tab-content .tab-1 > .box-2 .items .one-item svg,
.container .tab-content .tab-2 > .box-2 .items .one-item svg,
.container .tab-content .tab-3 > .box-2 .items .one-item svg {
  width: 24px;
  height: 24px;
  opacity: 1;
}
.container .tab-content .tab-1 > .box-2 .items .one-item .sub-title,
.container .tab-content .tab-2 > .box-2 .items .one-item .sub-title,
.container .tab-content .tab-3 > .box-2 .items .one-item .sub-title {
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 18px;
  margin: 13px 0;
}
.container .tab-content .tab-1 > .box-2 .items .one-item .detail,
.container .tab-content .tab-2 > .box-2 .items .one-item .detail,
.container .tab-content .tab-3 > .box-2 .items .one-item .detail {
  row-gap: 8px;
}
.container .tab-content .tab-1 > .box-2 .items .one-item .detail li,
.container .tab-content .tab-2 > .box-2 .items .one-item .detail li,
.container .tab-content .tab-3 > .box-2 .items .one-item .detail li {
  font-weight: 400;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 12px;
  display: flex;
  align-items: center;
}
.container .tab-content .tab-1 > .box-2 .items .one-item .detail li:before,
.container .tab-content .tab-2 > .box-2 .items .one-item .detail li:before,
.container .tab-content .tab-3 > .box-2 .items .one-item .detail li:before {
  content: '';
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 5px;
}
.container .tab-content .tab-1 > .box-3,
.container .tab-content .tab-2 > .box-3,
.container .tab-content .tab-3 > .box-3 {
  margin-top: 37px;
  width: 823px;
  background: #F8F7FE;
  box-shadow: 2px 3px 9px 0 rgba(0, 0, 0, 0.17);
  border-radius: 14px;
  border: 1px solid #F6F5FE;
  padding: 32px;
}
.container .tab-content .tab-1 > .box-3 > div:first-child,
.container .tab-content .tab-2 > .box-3 > div:first-child,
.container .tab-content .tab-3 > .box-3 > div:first-child {
  font-weight: bold;
  font-size: 18px;
  color: #000000;
  line-height: 18px;
  margin-bottom: 22px;
}
.container .tab-content .tab-1 > .box-3 ul,
.container .tab-content .tab-2 > .box-3 ul,
.container .tab-content .tab-3 > .box-3 ul {
  row-gap: 10px;
}
.container .tab-content .tab-1 > .box-3 ul li,
.container .tab-content .tab-2 > .box-3 ul li,
.container .tab-content .tab-3 > .box-3 ul li {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  color: #384252;
  line-height: 20px;
}
.container .tab-content .tab-1 > .box-3 ul li::before,
.container .tab-content .tab-2 > .box-3 ul li::before,
.container .tab-content .tab-3 > .box-3 ul li::before {
  content: '';
  width: 8px;
  height: 8px;
  background: #EF4444;
  border-radius: 50%;
  margin: 0 12px 0 4px;
  flex-shrink: 0;
}
.container .tab-content .tab-1 > .box-4 .items,
.container .tab-content .tab-2 > .box-4 .items,
.container .tab-content .tab-3 > .box-4 .items {
  column-gap: 25px;
}
.container .tab-content .tab-1 > .box-4 .items .one-item,
.container .tab-content .tab-2 > .box-4 .items .one-item,
.container .tab-content .tab-3 > .box-4 .items .one-item {
  width: 257px;
  height: 188px;
  background: #FFFFFF;
  box-shadow: 2px 3px 9px 0 rgba(0, 0, 0, 0.17);
  border-radius: 22px;
  padding: 26px 0 0 30px;
}
.container .tab-content .tab-1 > .box-4 .items .one-item .icon-box,
.container .tab-content .tab-2 > .box-4 .items .one-item .icon-box,
.container .tab-content .tab-3 > .box-4 .items .one-item .icon-box {
  width: 36px;
  height: 36px;
  background: #E4DEFD;
  border-radius: 14px;
  margin-right: 18px;
}
.container .tab-content .tab-1 > .box-4 .items .one-item svg,
.container .tab-content .tab-2 > .box-4 .items .one-item svg,
.container .tab-content .tab-3 > .box-4 .items .one-item svg {
  width: 24px;
  height: 24px;
  opacity: 1;
}
.container .tab-content .tab-1 > .box-4 .items .one-item .sub-title > div:first-child,
.container .tab-content .tab-2 > .box-4 .items .one-item .sub-title > div:first-child,
.container .tab-content .tab-3 > .box-4 .items .one-item .sub-title > div:first-child {
  font-weight: bold;
  font-size: 18px;
  color: #000000;
  line-height: 20px;
}
.container .tab-content .tab-1 > .box-4 .items .one-item .sub-title > div:last-child,
.container .tab-content .tab-2 > .box-4 .items .one-item .sub-title > div:last-child,
.container .tab-content .tab-3 > .box-4 .items .one-item .sub-title > div:last-child {
  font-weight: 400;
  font-size: 12px;
  color: #384252;
  line-height: 20px;
}
.container .tab-content .tab-1 > .box-4 .items .one-item .detail,
.container .tab-content .tab-2 > .box-4 .items .one-item .detail,
.container .tab-content .tab-3 > .box-4 .items .one-item .detail {
  margin-top: 20px;
  row-gap: 10px;
}
.container .tab-content .tab-1 > .box-4 .items .one-item .detail li,
.container .tab-content .tab-2 > .box-4 .items .one-item .detail li,
.container .tab-content .tab-3 > .box-4 .items .one-item .detail li {
  font-weight: 400;
  font-size: 12px;
  color: #384252;
  line-height: 20px;
}
.container .tab-content .tab-1 > .box-4 .items .one-item .detail li img,
.container .tab-content .tab-2 > .box-4 .items .one-item .detail li img,
.container .tab-content .tab-3 > .box-4 .items .one-item .detail li img {
  margin-right: 6px;
}
.container .tab-content .tab-2 {
  background: #F8FAFC;
  width: 100%;
  padding: 25px 0 94px;
}
.container .tab-content .tab-2 img {
  margin-bottom: 20px;
}
.container .tab-content .tab-3 {
  padding: 25px 0 60px;
}
.container .footer {
  width: 100%;
  padding: 60px 0;
  background: #161E2C;
  font-weight: bold;
  color: #FFFFFF;
}
.container .footer .text-1 {
  font-size: 18px;
}
.container .footer .text-2 {
  font-size: 28px;
  margin-top: 15px;
  margin-bottom: 24px;
}
.container .footer .box-1 {
  width: 822px;
  background: #303745;
  border-radius: 28px;
  border: 1px solid #404753;
  padding: 27px 0 34px;
}
.container .footer .box-1 > div:first-child {
  font-size: 16px;
}
.container .footer .box-1 > div:nth-child(2) {
  font-size: 28px;
  color: #F9CA16;
  margin: 5px 0 20px;
}
.container .footer .img-box {
  column-gap: 21px;
  font-size: 12px;
  font-weight: normal;
}
.container .footer .img-box img {
  margin-bottom: 10px;
}