.tf-navigation .navigation-content_nav li.active a {
  color: #3D8BFF;
}
.swiper-pagination-bullet {
  background: #7057ff;
  opacity: 0.4;
  width: 8px;
  height: 8px;
}
.swiper-pagination-bullet-active {
  opacity: 1;
}
.btn-box {
  display: flex;
  column-gap: 36px;
  justify-content: center;
}
.btn-box .btn {
  display: flex;
  column-gap: 12px;
  padding: 20px 36px;
  border-radius: 8px;
  background: #3d8bff;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  transition: all 0.3s;
}
.btn-box .btn .iconfont {
  font-size: 20px;
}
.btn-box .btn:hover {
  transform: translateY(-8px);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2);
}
.toggle {
  width: 156px;
  position: relative;
  z-index: 2;
  height: 30px;
  background: rgba(234, 234, 234, 0.69);
  border-radius: 20px;
}
.toggle .toggle-choose {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 30px;
  position: absolute;
  z-index: 2;
}
.toggle .toggle-choose_btn {
  width: 74px;
  color: #2d2d2d;
  font-size: 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  gap: 4px;
}
.toggle .current_active {
  position: absolute;
  content: "";
  width: 74px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  border-radius: 20px;
  background: #fff;
  z-index: 1;
  transition: all 0.5s;
}
.banner-btn {
  margin: 30px auto 20px;
  display: flex;
  align-items: center;
}
.banner-btn_item {
  column-gap: 15px;
}
.banner-btn_item a {
  border-radius: 8px;
  width: 190px;
  box-sizing: border-box;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0;
  column-gap: 22px;
  transition: all 0.3s;
}
.banner-btn_item a:hover {
  transform: translateY(-10px);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2);
}
.banner-btn_item a .iconfont {
  font-size: 24px;
}
.banner-btn_download {
  background: #3d8bff;
  color: #fff;
}
.banner-btn_download p {
  font-size: 18px;
  font-weight: 600;
}
.banner-btn_download p span {
  font-size: 12px;
  font-weight: 400;
}
.banner-btn_buy {
  background: #ffbb29;
  color: #181818;
  font-size: 18px;
  font-weight: 600;
}
.banner {
  padding: 146px 0 14px;
  background: url("/uploads/pages/product/videone/banner-bg-pc.webp") no-repeat center / cover;
}
.banner-box {
  display: flex;
}
.banner-box .banner-left {
  flex: 1;
}
.banner-box .banner-left .banner-tit {
  color: #181818;
  font-size: 42px;
  font-weight: 600;
  line-height: 125.182%;
}
.banner-box .banner-left .banner-desc {
  margin: 12px 0 20px;
  color: #181818;
  font-size: 16px;
  line-height: 160%;
}
.banner-box .banner-left .banner-list {
  margin: 0 0 26px 20px;
  color: #4d4d4d;
  font-size: 16px;
  line-height: 180%;
}
.banner-box .banner-left .banner-list li {
  list-style: disc;
}
.banner-box .banner-left .banner-tip {
  color: #555;
  font-size: 14px;
  font-weight: 300;
  line-height: 197%;
}
.banner-box .banner-right {
  width: 670px;
}
.banner-box .banner-right img {
  width: 100%;
  transform: translateX(100px);
}
@media (max-width: 1500px) {
  .banner-box {
    column-gap: 40px;
  }
  .banner-box .banner-right {
    width: 640px;
  }
  .banner-box .banner-right img {
    transform: translateX(0);
  }
}
@media (max-width: 1200px) {
  .banner-box {
    column-gap: 20px;
  }
  .banner-box .banner-right {
    width: 440px;
  }
  .banner-box .banner-right img {
    transform: translateX(0);
  }
  .banner-box .banner-left .banner-list {
    font-size: 14px;
    margin: 0 0 14px 18px;
  }
  .banner-box .banner-left .banner-tit {
    font-size: 36px;
  }
  .banner-box .banner-left .banner-desc {
    font-size: 14px;
  }
  .banner .banner-btn {
    margin: 14px auto 12px;
  }
  .banner .banner-btn_download p {
    font-size: 14px;
  }
  .banner .banner-btn_download p span {
    font-size: 8px;
  }
  .banner .banner-btn_buy {
    font-size: 14px;
  }
}
@media (max-width: 996px) {
  .banner {
    padding: 82px 0 0;
    background: linear-gradient(179deg, rgba(237, 181, 255, 0.34) 1.9%, #fff 92.86%);
  }
  .banner-box {
    flex-direction: column;
    row-gap: 32px;
  }
  .banner-box .banner-right {
    width: 100%;
  }
  .banner-box .banner-left .banner-tip {
    font-size: 9px;
  }
  .banner-box .banner-left .banner-tit,
  .banner-box .banner-left .banner-desc {
    text-align: center;
  }
  .banner-box .banner-left .banner-btn_item a {
    padding: 8px 22px;
    width: max-content;
  }
  .banner-box .banner-left .banner-btn_item a .iconfont {
    font-size: 20px;
  }
}
.wrap1 {
  margin-top: 130px;
}
.wrap1 .wrap1-swiper {
  position: relative;
  overflow: hidden;
}
.wrap1 .wrap1-swiper .swiper-wrapper {
  display: flex;
  justify-content: space-between;
}
.wrap1 .swiper-slide {
  width: 178px;
  padding: 16px 0 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 12px;
  border-radius: 12px;
  transition: all 0.3s;
}
.wrap1 .swiper-slide .wrap-text {
  color: #595959;
  text-align: center;
  font-size: 16px;
  line-height: 156%;
}
.wrap1 .swiper-slide .wrap-svg {
  opacity: 0.43;
}
.wrap1 .swiper-slide:hover {
  background: rgba(61, 139, 255, 0.05);
}
.wrap1 .swiper-slide:hover .wrap-text {
  color: #3d8bff;
}
.wrap1 .swiper-slide:hover .wrap-svg {
  opacity: 1;
}
@media (max-width: 996px) {
  .wrap1 .swiper-slide {
    width: 146px;
  }
}
@media (max-width: 768px) {
  .wrap1 {
    margin-top: 32px;
  }
  .wrap1 .wrap1-swiper {
    padding-bottom: 30px;
  }
  .wrap1 .swiper-slide .wrap-svg {
    opacity: 1;
  }
}
.servers {
  margin-top: 100px;
  padding: 316px 0 60px;
  background: url("/uploads/pages/product/videone/servers-bg.webp") no-repeat center / cover;
}
.servers .wrap-tit {
  color: #fff;
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  line-height: 146.682%;
  margin-bottom: 52px;
}
.servers .servers-swiper {
  position: relative;
  overflow: hidden;
  padding-bottom: 60px;
}
.servers .servers-swiper .swiper-pagination {
  display: none;
}
.servers .swiper-slide {
  position: relative;
  padding: 18px;
  border-radius: 16px;
  border: 1px solid #dfdfdf;
  background: #fff;
  overflow: hidden;
}
.servers .swiper-slide:hover .slide-new {
  transform: translate(0, 0%);
}
.servers .swiper-slide .slide-tit {
  color: #181818;
  font-size: 22px;
  font-weight: 600;
  margin-top: 20px;
  padding-bottom: 24px;
  text-align: center;
}
.servers .swiper-slide .slide-icon {
  display: block;
  margin: 0 auto;
  margin-top: -36px;
}
.servers .swiper-slide .slide-cover {
  width: 100%;
}
.servers .slide-new {
  position: absolute;
  transform: translate(0, 100%);
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 26px 20px;
  background-color: #fff;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  transition: transform 0.5s;
  cursor: pointer;
}
.servers .slide-new img {
  position: absolute;
  top: 10px;
  right: 10px;
}
.servers .slide-new .new-tit {
  color: #181818;
  font-size: 20px;
  font-weight: 600;
  width: 90%;
}
.servers .slide-new .new-text {
  color: #4d4d4d;
  font-size: 14px;
  line-height: 160%;
  /* 22.4px */
  margin-top: 20px;
}
.servers .slide-old {
  display: block;
  width: 100%;
}
.servers .swiper-button-prev {
  width: 59px;
  height: 31px;
  left: calc(50% - 74px);
  bottom: 0;
  top: auto;
}
.servers .swiper-button-prev::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url("/uploads/pages/product/videone/arrow-left.svg") no-repeat center center;
  opacity: 0.6;
}
.servers .swiper-button-prev:hover::after {
  opacity: 1;
}
.servers .swiper-button-next {
  width: 59px;
  height: 31px;
  right: calc(50% - 74px);
  bottom: 0;
  top: auto;
}
.servers .swiper-button-next::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url("/uploads/pages/product/videone/arrow-right.svg") no-repeat center center;
  opacity: 0.6;
}
.servers .swiper-button-next:hover::after {
  opacity: 1;
}
@media (max-width: 768px) {
  .servers {
    margin-top: 0;
    padding: 136px 0 48px;
    background: url("/uploads/pages/product/videone/servers-bg-mb.png") no-repeat center / cover;
    background-size: 100% 100%;
  }
  .servers .servers-swiper {
    padding: 0 15px 60px;
  }
  .servers .servers-swiper .swiper-pagination {
    display: block;
  }
  .servers .servers-swiper .swiper-pagination-bullet {
    background: #fff;
    opacity: 0.43;
  }
  .servers .servers-swiper .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
  }
  .servers .servers-swiper .swiper-button-prev,
  .servers .servers-swiper .swiper-button-next {
    display: none;
  }
  .servers .swiper-slide {
    padding: 14px;
  }
  .servers .swiper-slide .slide-tit {
    font-size: 20px;
    padding-bottom: 18px;
  }
  .servers .wrap-tit {
    font-size: 28px;
    margin-bottom: 36px;
    padding: 0 15px;
  }
}
.digital {
  margin-top: 170px;
}
.digital .wrap-tit {
  max-width: 960px;
  margin: 0 auto 40px;
  color: #181818;
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.46;
}
.digital .first-left {
  margin-top: 40px;
}
.digital .digital-cont {
  display: flex;
  justify-content: space-between;
  column-gap: 90px;
  margin: 72px 0;
}
.digital .digital-cont.reversal {
  flex-direction: row-reverse;
}
.digital .digital-right {
  width: 600px;
}
.digital .digital-left {
  flex: 1;
}
.digital .digital-tit {
  margin: 36px 0 24px;
  color: #444;
  font-size: 24px;
  font-weight: 600;
  line-height: 150%;
  /* 36px */
}
.digital .digital-desc {
  color: #4d4d4d;
  font-size: 16px;
  line-height: 160%;
  /* 25.6px */
  margin-bottom: 14px;
}
@media (max-width: 1200px) {
  .digital .digital-cont {
    column-gap: 20px;
  }
  .digital .digital-tit {
    margin: 16px 0 10px;
  }
  .digital .digital-right {
    width: 500px;
  }
  .digital .digital-right img {
    width: 100%;
  }
}
@media (max-width: 996px) {
  .digital .digital-cont {
    flex-direction: column;
    align-items: center;
    row-gap: 30px;
  }
  .digital .digital-cont.reversal {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .digital {
    margin-top: 76px;
  }
  .digital .wrap-tit {
    font-size: 28px;
    text-align: left;
    margin: 0 auto;
  }
  .digital .first-left {
    margin-top: 0;
  }
  .digital .btn-box {
    display: none;
  }
  .digital .digital-tit {
    font-size: 20px;
  }
  .digital .digital-desc {
    font-size: 14px;
  }
  .digital .digital-cont {
    margin: 0 0 24px;
    padding-top: 24px;
  }
  .digital .digital-cont:nth-of-type(n + 3) {
    border-top: 1px solid #e7e7e7;
  }
  .digital .digital-right {
    display: none;
  }
  .digital .digital-left img {
    width: 50px;
    height: 50px;
  }
}
.manage {
  padding: 148px 0 176px;
  background: #f9f8ff;
}
.manage .wrap-tit {
  color: #181818;
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.46;
  margin-bottom: 82px;
}
.manage .manage-swiper {
  position: relative;
  overflow: hidden;
}
.manage .manage-swiper .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 42px 30px;
}
.manage .swiper-slide {
  display: flex;
  flex-direction: column;
  row-gap: 18px;
  padding: 40px 34px;
  border-radius: 20px;
  border: 1px solid #dedede;
  background: #fff;
  transition: all 0.3s;
  box-sizing: border-box;
  height: auto;
}
.manage .swiper-slide:hover {
  border-color: #798dff;
}
.manage .swiper-slide .slide-tit {
  color: #444;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.46;
}
.manage .swiper-slide .slide-desc {
  color: #4d4d4d;
  font-size: 16px;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .manage {
    padding: 50px 0;
    margin-top: 40px;
  }
  .manage .wrap-tit {
    font-size: 28px;
    margin-bottom: 32px;
  }
  .manage .manage-swiper {
    padding-bottom: 40px;
  }
  .manage .manage-swiper .swiper-wrapper {
    display: flex;
    grid-gap: 0;
  }
  .manage .swiper-slide {
    padding: 40px 14px 10px;
  }
}
.faq {
  margin: 160px 0;
}
.faq .wrap-tit {
  color: #181818;
  font-size: 36px;
  font-weight: 700;
  line-height: 150%;
}
.faq .faq-box {
  display: flex;
  justify-content: space-between;
  column-gap: 66px;
}
.faq .faq-box .faq-left {
  width: 300px;
}
.faq .faq-box .faq-right {
  flex: 1;
}
.faq .faq_item {
  padding: 16px 24px;
  border-radius: 6px;
  border: 1px solid #cecece;
  background: #fff;
  margin-bottom: 20px;
}
.faq .faq_item .faq-text {
  display: flex;
  justify-content: space-between;
}
.faq .faq_item h3 {
  color: #061c3d;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
}
.faq .faq_item .iconfont {
  font-size: 18px;
  color: #000000;
  font-weight: 600;
  transition: transform 0.3s;
}
.faq .faq_item .faq-cont {
  max-height: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  color: #414141;
  font-size: 16px;
  line-height: 160%;
}
.faq .faq_item .faq-cont p {
  margin-bottom: 10px;
}
.faq .faq_item .faq-cont a {
  color: #3d1cff;
}
.faq .faq_item .faq-cont li {
  list-style-type: decimal;
  list-style-position: outside;
}
.faq .faq_item.is-active .faq-cont {
  max-height: 400px;
  overflow: hidden;
  visibility: visible;
  opacity: 1;
  padding-top: 16px;
}
.faq .faq_item.is-active .iconfont {
  transform: rotate(90deg);
}
.faq .faq_item.is-active h3 {
  font-weight: 500;
}
@media (max-width: 768px) {
  .faq {
    margin: 76px 0;
  }
  .faq .faq-box {
    flex-direction: column;
  }
  .faq .faq-box .faq-left {
    width: 100%;
    margin-bottom: 24px;
  }
  .faq .wrap-tit {
    font-size: 32px;
    text-align: center;
  }
  .faq .faq_item h3 {
    font-size: 16px;
  }
  .faq .faq_item .faq-cont {
    font-size: 14px;
  }
}
.articles {
  margin: 230px 0 180px;
}
.articles .wrap-tit {
  color: #181818;
  text-align: center;
  font-size: 38px;
  font-weight: 600;
  line-height: 155%;
  margin-bottom: 52px;
}
.articles .articles-box {
  display: flex;
  justify-content: space-between;
  column-gap: 30px;
}
.articles .articles-item {
  width: 100%;
  padding: 34px 32px;
  border-radius: 10px;
}
.articles .articles-item .item-tit {
  display: flex;
  align-items: center;
  column-gap: 12px;
  margin-bottom: 14px;
}
.articles .articles-item .item-tit span {
  font-family: Rubik;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 146.682%;
}
.articles .articles-item.item1 {
  background: #f8f7ff;
}
.articles .articles-item.item1 .item-tit span {
  color: #6661ff;
}
.articles .articles-item.item1 .iconfont {
  color: #735aff;
}
.articles .articles-item.item1 .item-li:hover .item-new {
  color: #735aff;
}
.articles .articles-item.item2 {
  background: #fff3fa;
}
.articles .articles-item.item2 .item-tit span {
  color: #ff7dcd;
}
.articles .articles-item.item2 .iconfont {
  color: #ff7dcd;
}
.articles .articles-item.item2 .item-li:hover .item-new {
  color: #ff7dcd;
}
.articles .item-li a {
  display: flex;
  justify-content: space-between;
  padding: 14px 0;
}
.articles .item-li .item-new {
  color: #424242;
  font-size: 16px;
  line-height: 180%;
  /* 28.8px */
}
.articles .item-li .iconfont {
  font-size: 20px;
  transform: translateX(10px);
  opacity: 0;
  transition: all 0.3s;
}
.articles .item-li:nth-child(n + 2) {
  border-top: 1px dashed #cdcdcd;
}
.articles .item-li:hover .iconfont {
  transform: translateX(0);
  opacity: 1;
}
@media (max-width: 768px) {
  .articles {
    margin: 64px 0 54px;
  }
  .articles .wrap-tit {
    font-size: 28px;
    margin-bottom: 28px;
  }
  .articles .articles-box {
    flex-direction: column;
    row-gap: 28px;
  }
  .articles .articles-item {
    padding: 18px;
  }
  .articles .item-li a {
    padding: 10px 0;
  }
}
.review .review-swiper {
  padding: 10px 0;
  margin: 50px 70px 0;
  position: relative;
  overflow: hidden;
}
.review .review-swiper .swiper-wrapper {
  column-gap: 54px;
}
.review .swiper-slide {
  height: auto;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 32px;
  row-gap: 32px;
  border-radius: 16px;
  flex-shrink: inherit;
  transition: transform 0.3s;
}
.review .swiper-slide:hover {
  transform: translateY(-8px);
}
.review .swiper-slide.slide1 {
  border: 1px solid #ffded2;
  background: #fefaf8;
}
.review .swiper-slide.slide2 {
  border: 1px solid #ffe6ab;
  background: #fff9eb;
}
.review .swiper-slide.slide3 {
  border: 1px solid #f6d8f2;
  background: #fdf7fc;
}
.review .swiper-slide .slide-tit {
  color: #444;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.review .swiper-slide .slide-desc {
  margin-top: 14px;
  color: #4d4d4d;
  font-size: 16px;
  line-height: 180%;
}
.review .slide-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.review .slide-bottom .slide-name {
  margin-top: 12px;
  color: #606060;
  font-size: 16px;
  line-height: 1.5;
}
.review .slide-avatar img {
  border-radius: 50%;
}
@media (max-width: 1200px) {
  .review .review-swiper {
    margin: 60px 15px 0;
  }
  .review .review-swiper .swiper-wrapper {
    column-gap: 24px;
  }
}
@media (max-width: 996px) {
  .review .review-swiper .swiper-wrapper {
    flex-direction: column;
    row-gap: 24px;
  }
}
@media (max-width: 768px) {
  .review {
    margin-top: 54px;
  }
  .review .review-swiper {
    padding: 0 0 40px;
  }
  .review .review-swiper .swiper-wrapper {
    flex-direction: row;
    gap: 0;
  }
  .review .swiper-slide {
    flex-shrink: 0;
  }
}
.step {
  margin-top: 150px;
}
.step .wrap-tit {
  margin-bottom: 58px;
  color: #181818;
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  line-height: 146.682%;
}
.step .swiper-slide {
  height: auto;
  display: flex;
  column-gap: 54px;
  padding: 52px 52px 68px;
  border-radius: 16px 16px 0 0;
  background: #f9f8ff;
}
.step .swiper-slide .slide-right {
  width: 584px;
}
.step .swiper-slide .slide-right img {
  width: 100%;
  border-radius: 10px;
}
.step .swiper-slide .slide-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.step .step-swiper {
  position: relative;
  overflow: hidden;
}
.step .slide-num {
  width: max-content;
  padding: 8px 24px;
  background: #fff;
  border: 1px solid #e2ddff;
  color: rgba(61, 28, 255, 0.67);
  border-radius: 8px 8px 0 8px;
  font-size: 18px;
  font-weight: 500;
}
.step .slide-num span {
  color: #3d1cff;
}
.step .slide-desc {
  margin-top: 20px;
  color: #4d4d4d;
  font-size: 18px;
  line-height: 176%;
  /* 31.68px */
}
.step .btn-box {
  column-gap: 20px;
  justify-content: flex-start;
}
.step .btn-box .btn {
  font-size: 18px;
  border-radius: 14px;
  padding: 16px 46px;
}
.step .step-list {
  display: flex;
  column-gap: 80px;
  justify-content: center;
  margin-bottom: 54px;
}
.step .step-item {
  display: flex;
  align-items: center;
  column-gap: 12px;
  cursor: pointer;
}
.step .step-item.active .item-logo {
  border-color: #e2ddff;
}
.step .step-item.active path {
  fill: #3d1cff;
}
.step .step-item.active .item-tit {
  color: #3d1cff;
}
.step .item-logo {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8.667px;
  border: 1.625px solid #dfe0e2;
  background: #fff;
}
.step .item-step {
  color: #a1a1a1;
  font-size: 14px;
}
.step .item-tit {
  color: #7f7f7f;
  font-size: 18px;
  font-weight: 500;
  margin-top: 4px;
}
.step .mobile-style {
  display: none;
}
.step .step-bottom {
  height: 10px;
  background: linear-gradient(274deg, rgba(174, 70, 255, 0.5) -9.19%, rgba(102, 95, 255, 0.5) 44.45%, rgba(66, 159, 236, 0.5) 97.73%);
}
@media (max-width: 1200px) {
  .step .btn-box .btn {
    font-size: 16px;
  }
  .step .step-list {
    column-gap: 40px;
  }
  .step .slide-num {
    font-size: 14px;
    padding: 8px 16px;
  }
  .step .slide-desc {
    font-size: 14px;
  }
  .step .swiper-slide .slide-right {
    width: 350px;
  }
}
@media (max-width: 996px) {
  .step {
    margin-top: 70px;
  }
  .step .mobile-style {
    display: flex;
  }
  .step .container {
    padding: 0;
  }
  .step .wrap-tit {
    font-size: 28px;
    margin-bottom: 32px;
    padding: 0 10px;
  }
  .step .step-list {
    display: none;
  }
  .step .step-bottom {
    display: none;
  }
  .step .swiper-slide {
    padding: 36px 15px 52px;
    flex-direction: column;
    row-gap: 18px;
    border-radius: 0;
    background: transparent;
  }
  .step .swiper-slide .btn-box {
    display: none;
  }
  .step .step-swiper {
    background: #f9f8ff;
  }
  .step .btn-box {
    padding: 30px 15px 52px;
    background: #f9f8ff;
    justify-content: space-between;
  }
  .step .btn-box .btn {
    padding: 14px 22px;
    border-radius: 6px;
  }
}
.download {
  padding: 76px 0 42px;
  background: url("/uploads/pages/product/videone/download.bg.webp") no-repeat center / cover;
}
.download .wrap-tit {
  color: #fff;
  text-align: center;
  font-size: 42px;
  font-weight: 700;
  line-height: 146.682%;
  /* 61.606px */
}
.download .wrap-desc {
  color: #fff;
  text-align: center;
  font-size: 16px;
  line-height: 200%;
  margin: 24px auto 44px;
}
.download .download-box {
  display: flex;
  justify-content: center;
  column-gap: 14px;
}
.download .download-box.mobile-style {
  display: none;
}
.download .download-item {
  min-width: 244px;
  width: max-content;
  padding: 16px;
  border-radius: 10px;
  border: 1px solid rgba(233, 233, 233, 0.4);
  background: rgba(255, 255, 255, 0.19);
}
.download .download-item .item1 li {
  list-style-type: disc;
  margin-left: 16px;
}
.download .download-item .item2 {
  color: #fff;
  font-size: 18px;
  line-height: 160%;
  /* 28.8px */
}
.download .download-item .item-tit {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
  padding-bottom: 14px;
  margin-bottom: 12px;
  border-bottom: 1px dashed rgba(240, 240, 240, 0.47);
}
.download .download-item .item-desc {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 2;
}
.download .download-item .item-desc span {
  color: #ffa800;
  font-size: 18px;
  font-weight: 600;
}
.download .download-item li {
  font-size: 14px;
  line-height: 200%;
  color: rgba(255, 255, 255, 0.9);
}
.download .download-item li span {
  font-size: 12px;
}
.download .download-link {
  display: flex;
  margin-top: 60px;
  align-items: flex-start;
}
.download .download-link .links {
  margin-top: 60px;
  display: inline-block;
}
.download .download-link .down-icon2 {
  margin-top: 20px;
}
@media (max-width: 1200px) {
  .download .download-item {
    min-width: 170px;
  }
  .download .download-link .links {
    justify-content: center;
  }
  .download .download-link .links img {
    width: 90%;
  }
}
@media (max-width: 996px) {
  .download {
    background: url("/uploads/pages/product/videone/download-bg-mb.png") no-repeat center / cover;
  }
  .download .wrap-tit {
    padding: 0 10px;
    font-size: 28px;
  }
  .download .wrap-desc {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.88);
  }
  .download .download-box .box-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .download .download-box .box-right {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
  }
  .download .download-box.pc-style {
    display: none;
  }
  .download .download-box.mobile-style {
    display: flex;
    justify-content: center;
  }
  .download .download-box.mobile-style .box-left,
  .download .download-box.mobile-style .box-right {
    width: 50%;
  }
  .download .download-box .download-item {
    width: 100%;
  }
  .download .download-box .download-item {
    padding: 10px;
  }
  .download .download-box .download-item.item1 {
    padding-bottom: 42px;
  }
  .download .download-box .download-item img {
    width: 84px;
  }
  .download .download-box .download-item .item2 {
    font-size: 12px;
  }
  .download .download-box .download-item .item-desc {
    font-size: 8px;
  }
  .download .download-box .download-item .item-desc span {
    font-size: 12px;
  }
  .download .download-box .download-item li {
    font-size: 9px;
  }
  .download .download-box .download-item li span {
    font-size: 8px;
  }
  .download .download-box .download-item .item-tit {
    font-size: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .download .download-link {
    position: relative;
  }
  .download .download-link .down-icon1 {
    position: absolute;
    width: 20%;
    top: 0;
    left: 0;
  }
  .download .download-link .down-icon2 {
    position: absolute;
    width: 30%;
    top: 0;
    right: 0;
  }
  .download .download-link .links img {
    width: 100%;
  }
}
.expert {
  padding: 108px 0 160px;
  background: url("/uploads/pages/product/videone/expert1-bg.webp") no-repeat center / cover;
  background-size: 100% 100%;
}
.expert .wrap-tit {
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  line-height: 155%;
}
.expert .expert-swiper {
  position: relative;
  overflow: hidden;
  max-width: 900px;
  margin-top: 52px;
}
.expert .swiper-slide {
  display: flex;
  flex-direction: column;
}
.expert .slide-text {
  color: #fff;
  font-size: 16px;
  line-height: 180%;
}
.expert .slide-star {
  width: 166px;
  margin: 28px 0 36px;
}
.expert .slide-brand {
  object-fit: none;
}
.expert .expert-list {
  display: flex;
  column-gap: 22px;
  margin-top: 80px;
}
.expert .expert-list .expert-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 52px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.17);
  cursor: pointer;
  transition: all 0.3s;
}
.expert .expert-list .expert-item .update {
  display: none;
}
.expert .expert-list .expert-item .default {
  display: flex;
}
.expert .expert-list .expert-item.active,
.expert .expert-list .expert-item:hover {
  background: #fff;
}
.expert .expert-list .expert-item.active .default,
.expert .expert-list .expert-item:hover .default {
  display: none;
}
.expert .expert-list .expert-item.active .update,
.expert .expert-list .expert-item:hover .update {
  display: flex;
}
@media (max-width: 768px) {
  .expert {
    padding: 62px 0 54px;
    background: #130d46;
  }
  .expert .wrap-tit {
    font-size: 28px;
  }
  .expert .expert-list {
    display: none;
  }
  .expert .slide-star {
    width: 110px;
    margin: 20px 0 16px;
  }
  .expert .slide-text {
    font-size: 14px;
  }
  .expert .expert-swiper {
    margin-top: 30px;
  }
  .expert .slide-brand {
    object-fit: contain;
    width: 40%;
  }
}