.wiz-color {
  background-color: #ffffff;
}
.wiz-color .banner-box {
  text-align: center;
  height: 33.8542vw;
  margin-top: 4.375vw;
}
.wiz-color .banner-box img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.wiz-color .public-tabs {
  /* 自动布局 */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background: #ffffff;
  z-index: 1;
}

.wiz-color .public-tabs {
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 1004;
  transition: all 0.3s ease;
  line-height: 3.3333vw;
}
.wiz-color .public-tabs .tabs-list {
  width: 100%;
}
.wiz-color .public-tabs .tabs-list .tabs-li {
  font-family: Montserrat;
  font-size: 0.7292vw;
  line-height: normal;
  letter-spacing: 0em;
  color: #666666;
  z-index: 0;
  padding: 1.1719vw 0;
  transition: border 0.3s ease;
  margin-right: 1.6667vw;
}

.wiz-color .public-tabs .tabs-list .tabs-li:last-child {
  margin-right: 0;
}
/* 激活状态样式 */
.wiz-color .public-tabs .tabs-list .tabs-li.tabs-li-active {
  color: #1677ff;
  border-bottom: 1px solid #1677ff;
}

.wiz-color .wizcolor-content {
  background: url(https://materialfile.dahuasecurity.com/new_uploads/image/20260407/bg-X.png)
    repeat;
  /* background: url(https://materialfile.dahuasecurity.com/new_uploads/image/20260409/body-bg.png) center center / 100% 100%  no-repeat; */
  padding-bottom: 8.75vw;
}
.wiz-color .wizcolor-content .linear-text-color {
  width: fit-content;
  margin: 0 auto;
  background: linear-gradient(
    90deg,
    #ec264e 0%,
    #e34450 20%,
    #ff8084 41%,
    #ffc36a 60%,
    #70c3d5 80%,
    #26bbec 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
  text-transform: none;
}
.wiz-color .wizcolor-content .model-title {
  width: fit-content;
  font-size: 2.5vw;
  padding-top: 6.25vw;
  margin-bottom: 3.75vw;
  line-height: 150%;
  font-family: "Montserrat-SemiBold";
  display: flex;
  gap: 1.6667vw;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: unset;
}
.wiz-color .model-title.has-line::before {
  position: absolute;
  bottom: 1.6146vw;
  left: -5.9896vw;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 4.3229vw;
  height: 0.1563vw;
  background: linear-gradient(
    270deg,
    #ec264e 0%,
    #e34450 20.86%,
    #ff8084 41.57%,
    rgba(255, 195, 106, 0.6) 60.86%,
    rgba(112, 195, 213, 0.3) 80.86%,
    rgba(38, 187, 236, 0) 100%
  );
}
.wiz-color .model-title.has-line::after {
  position: absolute;
  bottom: 1.6146vw;
  right: -5.9896vw;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 4.3229vw;
  height: 0.1563vw;

  background: linear-gradient(
    270deg,
    rgba(38, 187, 236, 0) 0%,
    rgba(112, 195, 213, 0.3) 20.86%,
    rgba(255, 195, 106, 0.6) 41.57%,
    #ff8084 60.86%,
    #e34450 80.86%,
    #ec264e 100%
  );
}

.wiz-color .wizcolor-content .linear-bg-color {
  background: linear-gradient(
    90deg,
    #ec264e 0%,
    #e34450 20%,
    #ff8084 41%,
    #ffc36a 60%,
    #70c3d5 80%,
    #26bbec 100%
  )
}
.wiz-color .model-title .tit-icon {
  width: 3.3333vw;
  height: 3.3333vw;
  object-fit: cover;
}
/* pain-points */
/* .wiz-color .wizcolor-content .pain-points .model-title {
  padding-top: 4.1667vw;
} */
.wiz-color .wizcolor-content .pain-points .pain-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.6667vw;
}
.wiz-color .wizcolor-content .pain-points .pain-list .pain-list-item {
  position: relative;
  height: 14.5833vw;
}
.wiz-color .wizcolor-content .pain-points .pain-list .pain-list-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.625vw;
}
.wiz-color .wizcolor-content .pain-points .pain-list .pain-list-item .list-item-dsc {
  position: absolute;
  left: 1.6667vw;
  bottom: 1.6667vw;
  font-family: "Montserrat-SemiBold";
  font-size: 1.0417vw;
  letter-spacing: 0em;
  color: #FFFFFF;
}
/* development */
.wiz-color .wizcolor-content .development .development-img {
  width: 100%;
  height: 20vw;
  object-fit: cover;
}
/* Technology */
.wiz-color .wizcolor-content .technology .technology-video-box {
  position: relative;
  margin: 0 auto;
  width: 62.5vw;
  height: 34.7917vw;
  cursor: pointer;
}
.wiz-color .wizcolor-content .technology .technology-video-box .technology-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wiz-color .wizcolor-content .technology .technology-video-box .iconfont {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 0.8333vw;
  color: #fff;
  background: rgba(0,0,0,0.6);
  line-height: normal;
  border-radius: 50%;
  width: 2.9167vw;
  height: 2.9167vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 2px;
}
/* related-news */
.wiz-color .wizcolor-content .related-news-box {
  width: 100%;
  background: #fff;
  padding: 2.0833vw;
  display: flex;
  gap: 1.6667vw;
}
.wiz-color .wizcolor-content .related-news-box:hover .text-box .text-box-tit {
  background: linear-gradient(
    90deg,
    #ec264e 0%,
    #e34450 20%,
    #ff8084 41%,
    #ffc36a 60%,
    #70c3d5 80%,
    #26bbec 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.wiz-color .wizcolor-content .related-news-box .img-box {
  width: 20.8333vw;
  height: 13.8542vw;
}
.wiz-color .wizcolor-content .related-news-box .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wiz-color .wizcolor-content .related-news-box .text-box {
  flex: 1;
}
.wiz-color .wizcolor-content .related-news-box .text-box .text-box-tit {
  font-family: "Montserrat-SemiBold";
  font-size: 1.25vw;
  margin-bottom: 1.6667vw;
  color: #3D3D3D;
}
.wiz-color .wizcolor-content .related-news-box .text-box .text-box-dsc {
  color: #606266;
  font-size: 1.0417vw;
}
/* Download */
.wiz-color .wizcolor-content .download {
  width: 100%;
}
.wiz-color .wizcolor-content .download .download-box {
  display: flex;
  flex-direction: column;
  gap: 0.8333vw;
}
.wiz-color .wizcolor-content .download .download-box .download-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  padding: 0.8333vw 1.6667vw;
  background: #FFFFFF;
}
.wiz-color .wizcolor-content .download .download-box .download-item .download-item-name {
  color: #333333;
  font-size: 0.8333vw;
}
.wiz-color .wizcolor-content .download .download-box .download-item:hover {
  color: #1677ff;
  box-shadow: 0 .1042vw .625vw rgba(0, 0, 0, .1);
}
.wiz-color .wizcolor-content .download .download-box .download-item:hover .download-item-name {
  color: #1677ff;
}
.wiz-color .wizcolor-content .download .download-box .download-item .iconfont {
  line-height: normal;
  font-size: 1.25vw;
}
/* what-is-wizColor */
.wiz-color .wizcolor-content .what-is-wizColor {
  display: flex;
  gap: 3.75vw;
  align-items: center;
}

.wiz-color .wizcolor-content .what-is-wizColor .text-box {
  padding-right: 3.75vw;
  flex: 1;
}

.wiz-color .wizcolor-content .what-is-wizColor .img-box {
  width: 30.5729vw;
  height: 25vw;
  position: relative;
}
.wiz-color .wizcolor-content .what-is-wizColor .img-box .txt {
  position: absolute;
  font-family: "Montserrat-SemiBold";
  font-size: 1.0417vw;
  color: #3d3d3d;
  line-height: 150%;
  font-style: normal;
}
.wiz-color .wizcolor-content .what-is-wizColor .img-box .txt.text-top {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.wiz-color .wizcolor-content .what-is-wizColor .img-box .txt.text-left {
  width: 6.7708vw;
  left: 5.8854vw;
  bottom: 1.9792vw;
}
.wiz-color .wizcolor-content .what-is-wizColor .img-box .txt.text-right {
  right: 6.3021vw;
  bottom: 3.3854vw;
}

.wiz-color .wizcolor-content .what-is-wizColor .img-box img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wiz-color .wizcolor-content .what-is-wizColor .text-box .text {
  font-family: Montserrat;
  font-size: 1.0417vw;
  color: #3d3d3d;
  line-height: 150%;
  text-align: left;
}
.wiz-color .wizcolor-content .what-is-wizColor .text-box .text .tit {
  font-family: "Montserrat-SemiBold";
  font-size: 1.3542vw;
}

/* comparison */
.wiz-color .wizcolor-content .comparison {
  text-align: center;
}
.wiz-color .wizcolor-content .comparison .comparison-dsc {
  font-family: Montserrat;
  font-size: 1.0417vw;
  color: #3d3d3d;
  line-height: 150%;
  text-stroke: 1px #000000;
  margin-bottom: 3.75vw;
}
.wiz-color .wizcolor-content .comparison .comparison-img-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  height: 15.625vw;
  position: relative;
}
.wiz-color .wizcolor-content .comparison .comparison-img-box .img-box-item {
  position: relative;
}
.wiz-color .wizcolor-content .comparison .comparison-img-box img {
  width: 100%;
  height: 100%;
  position: absolute;
}
.wiz-color .wizcolor-content .tag {
  position: absolute;
  top: 1.0417vw;
  right: 1.25vw;
  border-radius: 12.0313vw;
  font-family: "Montserrat-SemiBold";
  font-size: 1.0417vw;
  padding: 0.2083vw 1.0417vw;
  color: #fff;
  z-index: 1;
}

.wiz-color .wizcolor-content .tag-s {
  background: rgba(0, 0, 0, 0.3);
}

/* lens */
.wiz-color .wizcolor-content .lens {
  width: 100%;
}
.wiz-color .wizcolor-content .lens .model-title {
  margin-bottom: 1.7188vw;
}
.wiz-color .wizcolor-content .sec-tit {
  font-family: "Montserrat-SemiBold";
  font-size: 1.6667vw;
  line-height: 150%;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.wiz-color .wizcolor-content .lens .lens-img-f {
  width: 60.5208vw;
  height: 17.2396vw;
  object-fit: cover;
  margin: 2.9167vw auto;
  display: grid;
  gap: 3.3333vw;
  grid-template-columns: repeat(4, 1fr);
}
.wiz-color .wizcolor-content .lens .lens-img-f .lens-img-f-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.wiz-color .wizcolor-content .lens .lens-img-f .lens-img-f-item .sub-bottom-img-box {
  width: 100%;
  height: 4.4792vw;
  display: flex;
  align-items: center;
}
.wiz-color .wizcolor-content .lens .lens-img-f .lens-img-f-item:first-child .sub-bottom-img {
  width: 10.5208vw;
  height: 1.8229vw;
  object-fit: cover;
}
.wiz-color .wizcolor-content .lens .lens-img-f .lens-img-f-item:last-child .aperture {
  width: 14.5833vw;
  height: 9.4271vw;
  object-fit: unset;
}

.wiz-color .wizcolor-content .lens .lens-img-f .lens-img-f-item .aperture {
  width: 10.4167vw;
  height: 10.4167vw;
  object-fit: cover;
}
.wiz-color
  .wizcolor-content
  .lens
  .lens-img-f
  .lens-img-f-item
  .sub-bottom-img {
  width: 12.3438vw;
  height: 4.4792vw;
  object-fit: cover;
  margin-top: 0.4167vw;
}
.wiz-color
  .wizcolor-content
  .lens
  .lens-img-f
  .lens-img-f-item
  .thi-bottom-img {
  width: 13.0729vw;
  height: 4.4271vw;
  object-fit: cover;
  margin-top: 0.4167vw;
}
.wiz-color .wizcolor-content .lens .lens-img-f .lens-img-f-item .allows-img {
  position: absolute;
  width: 14.5833vw;
  height: 9.4271vw;
}
.wiz-color .wizcolor-content .lens .lens-img-f .lens-img-f-item .allows-info {
  position: relative;
  width: 10.2083vw;
  height: 8.4375vw;
  top: 0.4167vw;
  left: 0.2604vw;
}
.wiz-color .wizcolor-content .lens .lens-img-f .lens-img-f-item .allows-top {
  max-width: 9.8438vw;
  font-family: Montserrat;
  font-size: 0.8333vw;
  color: #ffffff;
  line-height: 1.1458vw;
  text-align: center;
}
.wiz-color .wizcolor-content .lens .lens-img-f .lens-img-f-item .allows-tit {
  font-family: "Montserrat-SemiBold";
  font-size: 1.4583vw;
  color: #ffffff;
  line-height: 1.9792vw;
  text-align: center;
  margin-top: 0.3125vw;
  margin-bottom: 0.3125vw;
}
.wiz-color
  .wizcolor-content
  .lens
  .lens-img-f
  .lens-img-f-item
  .allows-tit
  .num {
  font-size: 2.0833vw;
  color: #ffffff;
  line-height: 2.8125vw;
  text-align: center;
  margin-right: 0.3646vw;
}
.wiz-color .wizcolor-content .lens .lens-img-f .lens-img-f-item .allows-dsc {
  max-width: 100%;
  font-family: Montserrat;
  font-size: 0.8333vw;
  color: #ffffff;
  line-height: 1.1458vw;
  text-align: center;
}
.wiz-color .wizcolor-content .lens .lens-img-f .lens-img-f-item .tag {
  background: rgba(0, 0, 0, 0.5);
  position: unset;
  margin-top: 1.4583vw;
}
.wiz-color .wizcolor-content .lens .lens-img-f .lens-img-f-item .fir-bottom-img {
  width: 10.5208vw;
  height: 1.8229vw;
  object-fit: cover;
  margin-top: 1.4583vw;
}
.wiz-color
  .wizcolor-content
  .lens
  .lens-img-f
  .lens-img-f-item
  .len-f-item-tit {
  margin: 0.4167vw auto 0;
  font-family: "Montserrat-SemiBold";
  font-size: 1.25vw;
  color: #3d3d3d;
  line-height: 1.5;
  text-align: center;
}
.wiz-color .wizcolor-content .lens .lens-t-tit {
  font-family: "Montserrat-SemiBold";
  font-size: 1.4583vw;
  color: #301333;
  line-height: 1.5;
  text-align: left;
  margin-bottom: 1.25vw;
}
.wiz-color .wizcolor-content .lens .lens-t-dsc {
  font-family: Montserrat;
  font-size: 1.0417vw;
  color: #303133;
  line-height: 1.5;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-bottom: 3.0208vw;
}
.wiz-color .wizcolor-content .lens .lens-img-s {
  width: 100%;
  height: 14.8438vw;
  object-fit: cover;
  margin-bottom: 3.0208vw;
}
.wiz-color .wizcolor-content .lens .lens-img-t-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  height: 15.625vw;
  position: relative;
}
.wiz-color .wizcolor-content .lens .lens-img-t-box .lens-t-item {
  position: relative;
  width: 100%;
  height: 100%;
}
.wiz-color .wizcolor-content .lens .lens-img-t-box .lens-img-t {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* Larger */
.wiz-color .wizcolor-content .larger .model-title {
  margin-bottom: 1.3021vw;
}
.wiz-color .wizcolor-content .larger .sec-tit {
  font-weight: normal;
  margin-bottom: 2.9167vw;
}
.wiz-color .wizcolor-content .larger .desc {
  font-family: Montserrat;
  font-size: 1.0417vw;
  color: #3d3d3d;
  line-height: 150%;
  text-align: left;
  margin-bottom: 2.9167vw;
}
.wiz-color .wizcolor-content .larger .larger-img-box {
  display: grid;
  gap: 2.9167vw;
  grid-template-columns: repeat(3, 1fr);
  margin: 0 2.7083vw;
}
.wiz-color .wizcolor-content .larger .larger-img-box .larger-img-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.0417vw;
}
.wiz-color .wizcolor-content .larger .larger-img-box .larger-img-item .img-1 {
  width: 9.4792vw;
  height: 8.9583vw;
  object-fit: cover;
}
.wiz-color .wizcolor-content .larger .larger-img-box .larger-img-item .tag-img {
  margin: 1.0938vw auto;
  width: 10.5208vw;
  height: 1.8229vw;
  object-fit: cover;
}
.wiz-color .wizcolor-content .larger .larger-img-box .larger-img-item .img-2 {
  width: 11.4583vw;
  height: 8.9583vw;
  object-fit: cover;
}
.wiz-color .wizcolor-content .larger .larger-img-box .larger-img-item .sub-bottom-img-box {
  width: 100%;
  height: 4.4792vw;
  display: flex;
  align-items: center;
}
.wiz-color
  .wizcolor-content
  .larger
  .larger-img-box
  .larger-img-item
  .sub-bottom-img {
  width: 12.3438vw;
  height: 4.4792vw;
  object-fit: cover;
}
.wiz-color .wizcolor-content .larger .larger-img-box .larger-img-item .img-3 {
  width: 12.5vw;
  height: 8.9583vw;
  object-fit: cover;
}
.wiz-color
  .wizcolor-content
  .larger
  .larger-img-box
  .larger-img-item
  .larger-item-dsc {
  font-family: Montserrat;
  font-size: 1.25vw;
  color: #303133;
  line-height: 1.5;
  text-align: center;
}
.w158 {
  width: 158px;
}
.wiz-color
  .wizcolor-content
  .larger
  .larger-img-box
  .larger-img-item
  .thi-bottom-img {
  width: 13.0729vw;
  height: 4.4792vw;
  object-fit: cover;
}
.wiz-color .wizcolor-content .larger .larger-img-box .larger-img-item .times {
  margin-top: 0.4167vw;
  display: flex;
  justify-content: center;
  align-items: baseline;
  font-family: Montserrat;
  font-size: 1.25vw;
  color: #303133;
  line-height: 1.5;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
}
.wiz-color .wizcolor-content .larger .larger-img-box .larger-img-item .times strong {
  font-size: 2.0833vw;
  font-weight: 600;
  margin-left: -3.4375vw;
}
.wiz-color .wizcolor-content .larger .larger-img-box .larger-img-item .times strong span {
  font-size: 1.4583vw;
  margin-left: 0.7292vw;
}
.wiz-color
  .wizcolor-content
  .larger
  .larger-img-box
  .larger-img-item
  .times
  .num {
  font-size: 2.0833vw;
  line-height: 1.5;
}
.wiz-color
  .wizcolor-content
  .larger
  .larger-img-box
  .larger-img-item
  .times
  .txt {
  margin-left: 0.7292vw;
  margin-right: 0.9375vw;
}
.wiz-color
  .wizcolor-content
  .larger
  .larger-img-box
  .larger-img-item
  .times
  .up {
  width: 2.4479vw;
  height: 2.9167vw;
  object-fit: cover;
  position: absolute;
  bottom: 0;
  right: 5.1563vw;
}
.wiz-color .wizcolor-content .larger .larger-bottom-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  height: 15.625vw;
  position: relative;
  margin-top: 2.9167vw;
}
.wiz-color .wizcolor-content .larger .larger-bottom-box .larger-bottom-item {
  position: relative;
}
.larger-bottom-img {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* ai-isp */
.wiz-color .wizcolor-content .ai-isp {
  width: 100%;
}
.wiz-color .wizcolor-content .ai-isp .model-title {
  margin-bottom: 1.25vw;
}
.wiz-color .wizcolor-content .ai-isp .sec-tit {
  margin-bottom: 4.1667vw;
}
.wiz-color .wizcolor-content .ai-isp .update-box {
  display: flex;
  gap: 5.2083vw;
  align-items: center;
  margin-bottom: 4.1667vw;
}
.wiz-color .wizcolor-content .ai-isp .update-box .update-box-img {
  width: 37.5vw;
  height: 13.4375vw;
  flex-shrink: 0;
  position: relative;
}
.wiz-color .wizcolor-content .ai-isp .update-box .update-box-img .txt {
  font-family: "Montserrat-SemiBold";
  font-size: 1.0417vw;
  color: #303133;
  line-height: 1.5;
  text-align: center;
  position: absolute;
  bottom: 0;
}
.wiz-color .wizcolor-content .ai-isp .update-box .update-box-img .update-box-txt1 {
  left: 0;
}
.wiz-color .wizcolor-content .ai-isp .update-box .update-box-img .update-box-txt2 {
  right: 7.0313vw;
}
.wiz-color .wizcolor-content .ai-isp .update-box .update-info {
  flex: 1;
}
.wiz-color .wizcolor-content .ai-isp .update-box .update-box-img .img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.wiz-color .wizcolor-content .ai-isp .update-box .update-info .tit {
  margin-bottom: 1.25vw;
  font-family: "Montserrat-SemiBold";
  font-size: 1.6667vw;
  color: #301333;
  line-height: 150%;
  text-align: left;
}
.wiz-color .wizcolor-content .ai-isp .update-box .update-info .dsc {
  font-family: Montserrat;
  font-size: 1.0417vw;
  color: #303133;
  line-height: 1.5;
  text-align: left;
}
.wiz-color .wizcolor-content .ai-isp .ai-isp-tit {
  font-family: "Montserrat-SemiBold";
  font-size: 1.6667vw;
  color: #301333;
  line-height: 1.5;
  text-align: left;
  margin-bottom: 1.25vw;
}
.wiz-color .wizcolor-content .ai-isp .ai-isp-dsc {
  font-family: Montserrat;
  font-size: 1.0417vw;
  color: #303133;
  line-height: 1.5;
  text-align: left;
  margin-bottom: 4.1667vw;
}
.wiz-color .wizcolor-content .ai-isp .frames-box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wiz-color .wizcolor-content .ai-isp .frames-box .frames-box-img {
  width: 71.1979vw;
  height: 12.1875vw;
  object-fit: cover;
}
.wiz-color .wizcolor-content .ai-isp .frames-box .text-box {
  display: flex;
  margin-top: 1.25vw;
}
.wiz-color .wizcolor-content .ai-isp .frames-box .text {
  font-family: "Montserrat-SemiBold";
  font-size: 1.1458vw;
  color: #3d3d3d;
  line-height: 1.5;
  text-align: center;
}
.wiz-color .wizcolor-content .ai-isp .frames-box .text1 {
  margin-left: 11.0938vw;
}
.wiz-color .wizcolor-content .ai-isp .frames-box .text2 {
  margin-left: 10.4167vw;
  width: 13.6979vw;
}
.wiz-color .wizcolor-content .ai-isp .frames-box .text3 {
  margin-left: 11.9792vw;
  width: 13.6979vw;
}
.wiz-color .wizcolor-content .ai-isp  .ai-isp-bottom {
  margin-top: 4.1667vw;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  height: 15.625vw;
  position: relative;
}
.wiz-color .wizcolor-content .ai-isp  .ai-isp-bottom .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
}
.wiz-color .wizcolor-content .ai-isp  .ai-isp-bottom .ai-isp-bottom-item {
  position: relative;
  cursor: pointer;
}
.wiz-color .wizcolor-content .ai-isp  .ai-isp-bottom .ai-isp-bottom-item .ai-isp-bottom-video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wiz-color .wizcolor-content .ai-isp  .ai-isp-bottom .ai-isp-bottom-item .iconfont {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 0.8333vw;
  color: #fff;
  background: rgba(0,0,0,0.6);
  line-height: normal;
  border-radius: 50%;
  width: 2.9167vw;
  height: 2.9167vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 2px;
}
/* Related Product */
.wiz-color .wizcolor-content .related-product .model-title {
  font-size: 2.5vw;
  margin-bottom: 3.75vw;
}
.wiz-color .wizcolor-content .related-product .product-tab-box {
  background: #fff;
  border-radius: 1.0417vw;
  display: flex;
  flex-direction: column;
}
.wiz-color .wizcolor-content .related-product .product-tab-box .product-tab {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 1.25vw 4.1667vw 0;
  border-bottom: 2px solid #EBEEF5;
  margin: 0;
}
.wiz-color .wizcolor-content .related-product .product-tab-box .product-tab .product-tab-item {
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.wiz-color .wizcolor-content .related-product .product-tab-box .product-tab .product-tab-item:first-child {
  justify-content: flex-start;
}
.wiz-color .wizcolor-content .related-product .product-tab-box .product-tab .product-tab-item .box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wiz-color .wizcolor-content .related-product .product-tab-box .product-tab .product-tab-item .tab-img {
  width: auto;
  min-width: 9.375vw;
  height: 4.5833vw;
  object-fit: contain;
  margin-bottom: 0.8333vw;
}
.wiz-color .wizcolor-content .related-product .product-tab-box .product-tab .product-tab-item .line {
  content: '';
  width: 100%;
  height: 0.2083vw;
  background: none;
  /* transform: scaleX(0); */
  /* transform-origin: left; */
  /* transition: transform 0.3s ease-out; */
  margin-bottom: -1px;
}
.wiz-color .wizcolor-content .related-product .product-tab-box .product-tab .product-tab-item .box1 {
  width: 13.5417vw;
} 
.wiz-color .wizcolor-content .related-product .product-tab-box .product-tab .product-tab-item .box2 {
  width: 12.3958vw;
}
.wiz-color .wizcolor-content .related-product .product-tab-box .product-tab .product-tab-item .box3 {
  width: 13.75vw;
}
.wiz-color .wizcolor-content .related-product .product-tab-box .product-tab .tab-active .line {
  background: linear-gradient(
    90deg,
    #ec264e 0%,
    #e34450 20%,
    #ff8084 41%,
    #ffc36a 60%,
    #70c3d5 80%,
    #26bbec 100%
  );
  /* transform: scaleX(1); */
}
.wiz-color .wizcolor-content .related-product .product-tab-box .sec-tab {
  padding: 2.0833vw 2.0833vw 0;
  gap: 2.5vw;
  margin: 0;
  display: none;
}
.wiz-color .wizcolor-content .related-product .product-tab-box .sec-tab.active {
  display: flex;
}
.wiz-color .wizcolor-content .related-product .product-tab-box .sec-tab .sec-tab-item {
  width: fit-content;
  border-radius: 0.4167vw;
  padding: 0.4167vw 1.875vw;
  font-size: 1.0417vw;
  font-family: "Montserrat-SemiBold";
  color: #303133;
  line-height: 1.5;
  text-align: center;
  border: 1px solid #2F2F2F;
  background: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.wiz-color .wizcolor-content .related-product .product-tab-box .sec-tab .sec-tab-item.active {
  background: linear-gradient( -270deg, #EC264E 0%, #FF8084 32.29%, #FFC36A 63.71%, #26BBEC 100%);
  color: #fff;
  border: 0;
}
.wiz-color .wizcolor-content .related-product .product-tab-box .product-list {
  grid-template-columns: repeat(4, 1fr);
  min-height: 17.3438vw;
  gap: 1.0417vw;
  padding: 2.0833vw;
  display: none;
}
.wiz-color .wizcolor-content .related-product .product-tab-box .product-list.active {
  display: grid;
}
.wiz-color .wizcolor-content .related-product .product-tab-box .product-list .product-item {
  background: #FAFAFA;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 1.4583vw 1.6667vw;
}
.wiz-color .wizcolor-content .related-product .product-tab-box .product-list .product-item:hover .product-item-img img {
  transform: scale(1.08);
}
.wiz-color .wizcolor-content .related-product .product-tab-box .product-list .product-item:hover .product-item-info .product-item-btn {
  background: #2F2F2F;
  color: #fff;
}
.wiz-color .wizcolor-content .related-product .product-tab-box .product-list .product-item .product-item-img {
  width: 10.4167vw;
  height: 10.4167vw;
  margin: 0 auto;
}
.wiz-color .wizcolor-content .related-product .product-tab-box .product-list .product-item .product-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .3s;
}
.wiz-color .wizcolor-content .related-product .product-tab-box .product-list .product-item .product-item-tit {
  margin-bottom: 1.25vw;
  font-family: "Montserrat-SemiBold";
  font-size: 1.0417vw;
  color: #3D3D3D;
  line-height: 1.5;
  text-align: center;
}
.wiz-color .wizcolor-content .related-product .product-tab-box .product-list .product-item .product-item-info .product-item-btn {
  width: fit-content;
  padding: 0.4167vw 1.25vw;
  border-radius: 26.3021vw;
  border: 1px solid #2F2F2F;
  font-family: "Montserrat-SemiBold";
  font-size: 1.0417vw;
  color: #303133;
  line-height: 1.5;
  text-align: center;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .wiz-color {
    padding-bottom: 0;
  }
  .wiz-color .banner-box {
    text-align: center;
    height: 34vw;
    margin-top: 12.8vw;
  }
  .wiz-color .public-tabs {
    /* 自动布局 */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    background: #ffffff;
    z-index: 2;
    top: 48px;
  }

  .wiz-color .public-tabs {
    line-height: 17.066vw;
  }
  .wiz-color .public-tabs .tabs-list {
    max-width:100vw ;
    overflow: auto;
    white-space: nowrap;
  }
  .wiz-color .public-tabs .tabs-list .tabs-li {
    font-size: 3.733vw;
    padding: 5.866vw 0;
    margin-right: 5.3333vw;
  }

  /* 固定定位样式 */
  .wiz-color .wizcolor-content {
    background: url(https://materialfile.dahuasecurity.com/new_uploads/image/20260409/body-bg.png) center center / 100% 100%  no-repeat;
  }
  .wiz-color .wizcolor-content .model-title {
    font-size: 7.4667vw;
    padding-top: 10.66vw;
    gap: 2.1333vw;
  }
  .wiz-color .wizcolor-content .model-title.has-line::before {
    display: none;
  }
  .wiz-color .wizcolor-content .model-title.has-line::after {
    display: none;
  }
  .wiz-color .wizcolor-content .model-title .tit-icon {
    width: 6.4vw;
    height: 6.4vw;
    object-fit: cover;
  }
  /* what-is-wizColor */
  .wiz-color .wizcolor-content .what-is-wizColor {
    display: flex;
    gap: 4.2666vw;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .wiz-color .wizcolor-content .what-is-wizColor .text-box {
    padding-right: 0;
    flex: 1;
  }

  .wiz-color .wizcolor-content .what-is-wizColor .img-box {
    width: 100%;
    height: 50vw;
    position: relative;
  }
  .wiz-color .wizcolor-content .what-is-wizColor .img-box img {
    object-fit: contain;
  }
  .wiz-color .wizcolor-content .what-is-wizColor .img-box .txt {
    font-size: 3.733vw;
  }
  .wiz-color .wizcolor-content .what-is-wizColor .img-box .txt.text-top {
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
  }
  .wiz-color .wizcolor-content .what-is-wizColor .img-box .txt.text-left {
    width: 100px;
    left: 70px;
    bottom: -6px;
  }
  .wiz-color .wizcolor-content .what-is-wizColor .img-box .txt.text-right {
    right: 76px;
    bottom: 14px;
  }
  .wiz-color .wizcolor-content .what-is-wizColor .text-box .text {
    font-size: 3.733vw;
  }
  .wiz-color .wizcolor-content .what-is-wizColor .text-box .text .tit {
    font-size: 4.8vw;
  }

  /* comparison */
  .wiz-color .wizcolor-content .comparison {
    text-align: center;
  }
  .wiz-color .wizcolor-content .comparison .comparison-dsc {
    font-size: 3.733vw;
    margin-bottom: 6.4vw;
  }
  .wiz-color .wizcolor-content .comparison .comparison-img-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    height: 18.667vw;
    position: relative;
  }
  .wiz-color .wizcolor-content .comparison .comparison-img-box img {
    height: auto;
  }
  .wiz-color .wizcolor-content .tag {
    top: 2.1333vw;
    right: 2.1333vw;
    border-radius: 4.2666vw;
    font-size: 2.1333vw;
  }
  /* lens */
  .wiz-color .wizcolor-content .sec-tit {
    font-size: 5.3333vw;
    text-align: center;
  }
  .wiz-color .wizcolor-content .lens .sec-tit {
    margin-bottom: 6.4vw;
  }
  .wiz-color .wizcolor-content .lens .lens-img-f {
    width: 100%;
    height: auto;
    margin: 0;
    display: grid;
    gap: 4.2666vw;
    grid-template-columns: repeat(2, 1fr);
  }
  .wiz-color .wizcolor-content .lens .lens-img-f .lens-img-f-item .aperture {
    width: 21.3333vw;
    height: 21.3333vw;
  }
  .wiz-color .wizcolor-content .lens .lens-img-f .lens-img-f-item:last-child .aperture {
    width: 100%;
    height: auto;
    object-fit: unset;
  }
  .wiz-color
    .wizcolor-content
    .lens
    .lens-img-f
    .lens-img-f-item
    .sub-bottom-img {
    width: auto;
    height: 40px;
    object-fit: cover;
    margin-top: 2.1333vw;
  }
  .wiz-color .wizcolor-content .lens .lens-img-f .lens-img-f-item:first-child .sub-bottom-img {
    width: auto;
    height: 20px;
    margin-top: 20px;
  }
  .wiz-color
    .wizcolor-content
    .lens
    .lens-img-f
    .lens-img-f-item
    .thi-bottom-img {
    width: 21.3333vw;
    height: 40px;
    object-fit: cover;
    margin-top: 2.1333vw;
  }
  .wiz-color .wizcolor-content .lens .lens-img-f .lens-img-f-item .allows-img {
    position: absolute;
    width: 100%;
    height: auto;
  }
  .wiz-color .wizcolor-content .lens .lens-img-f .lens-img-f-item .allows-info {
    position: relative;
    width: 80%;
    height: auto;
    top: 1.0667vw;
    left: 0.2604vw;
  }
  .wiz-color .wizcolor-content .lens .lens-img-f .lens-img-f-item .allows-top {
    max-width: 100%;
    font-size: 2.667vw;
    color: #ffffff;
    line-height: 1.5;
    text-align: center;
  }
  .wiz-color .wizcolor-content .lens .lens-img-f .lens-img-f-item .allows-tit {
    font-family: "Montserrat-SemiBold";
    font-size: 3.2vw;
    color: #ffffff;
    line-height: 1.9792vw;
    text-align: center;
    margin-top: 1.0667vw;
    margin-bottom: 1.0667vw;
  }
  .wiz-color
    .wizcolor-content
    .lens
    .lens-img-f
    .lens-img-f-item
    .allows-tit
    .num {
    font-size: 3.733vw;
    color: #ffffff;
    line-height: 2.8125vw;
    text-align: center;
    margin-right: 1.0667vw;
  }
  .wiz-color .wizcolor-content .lens .lens-img-f .lens-img-f-item .allows-dsc {
    max-width: 100%;
    font-family: Montserrat;
    font-size: 2.1333vw;
    color: #ffffff;
    line-height: 1.5;
    text-align: center;
  }
  .wiz-color .wizcolor-content .lens .lens-img-f .lens-img-f-item .tag {
    background: rgba(0, 0, 0, 0.5);
    position: unset;
    margin-top: 1.4583vw;
  }
  .wiz-color
    .wizcolor-content
    .lens
    .lens-img-f
    .lens-img-f-item
    .len-f-item-tit {
    margin:  1.6vw auto 0;
    font-family: "Montserrat-SemiBold";
    font-size: 4.2666vw;
    color: #3d3d3d;
    line-height: 1.5;
    text-align: center;
  }
  .wiz-color .wizcolor-content .lens .lens-t-tit {
    font-family: "Montserrat-SemiBold";
    font-size: 4.2666vw;
    color: #301333;
    line-height: 1.5;
    text-align: left;
    margin-bottom: 2.1333vw;
    margin-top: 4.2666vw;
  }
  .wiz-color .wizcolor-content .lens .lens-t-dsc {
    font-family: Montserrat;
    font-size: 3.733vw;
    color: #303133;
    line-height: 1.5;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 3.0208vw;
  }
  .wiz-color .wizcolor-content .lens .lens-img-s {
    width: 100%;
    height: 21.3333vw;
    object-fit: cover;
    margin-bottom: 3.0208vw;
  }
  .wiz-color .wizcolor-content .lens .lens-img-t-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    height: 21.3333vw;
    position: relative;
  }
  .wiz-color .wizcolor-content .lens .lens-img-t-box .lens-t-item {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .wiz-color .wizcolor-content .lens .lens-img-t-box .lens-img-t {
    position: absolute;
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  /* Larger */
  .wiz-color .wizcolor-content .larger .model-title {
    margin-bottom: 1.3021vw;
    line-height: 1;
  }
  .wiz-color .wizcolor-content .larger .sec-tit {
    font-weight: normal;
    margin-bottom: 2.9167vw;
  }
  .wiz-color .wizcolor-content .larger .desc {
    font-family: Montserrat;
    font-size: 3.733vw;
    color: #3d3d3d;
    line-height: 150%;
    text-align: left;
    margin-bottom: 2.9167vw;
  }
  .wiz-color .wizcolor-content .larger .larger-img-box {
    display: grid;
    gap: 6.4vw;
    grid-template-columns: repeat(1, 1fr);
    margin: 0;
  }
  .wiz-color .wizcolor-content .larger .larger-img-box .larger-img-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.0417vw;
  }
  .wiz-color .wizcolor-content .larger .larger-img-box .larger-img-item .img-1 {
    width: auto;
    height: 80px;
    object-fit: cover;
  }
  .wiz-color .wizcolor-content .larger .larger-img-box .larger-img-item .tag-img {
    margin: 1.1458vw auto;
    position: unset;
    width: auto;
    height: 20px;
  }
  .wiz-color .wizcolor-content .larger .larger-img-box .larger-img-item .img-2 {
    width: auto;
    height: 80px;
    object-fit: cover;
  }
  .wiz-color
    .wizcolor-content
    .larger
    .larger-img-box
    .larger-img-item
    .sub-bottom-img {
    width: auto;
    height: 40px;
    object-fit: cover;
  }
  .wiz-color .wizcolor-content .larger .larger-img-box .larger-img-item .img-3 {
    width: auto;
    height: 64px;
    object-fit: cover;
  }
  .wiz-color
    .wizcolor-content
    .larger
    .larger-img-box
    .larger-img-item
    .larger-item-dsc {
    width: 100%;
    font-size: 3.733vw;
  }
  .wiz-color
    .wizcolor-content
    .larger
    .larger-img-box
    .larger-img-item
    .thi-bottom-img {
    width: auto;
    height: 40px;
    object-fit: cover;
  }
  .wiz-color .wizcolor-content .larger .larger-img-box .larger-img-item .times {
    margin-top: 2.1333vw;
    font-size: 3.733vw;
  }
  .wiz-color .wizcolor-content .larger .larger-img-box .larger-img-item .times strong {
    font-size: 4.2666vw;
    margin-left: -3.4375vw;
  }
  .wiz-color .wizcolor-content .larger .larger-img-box .larger-img-item .times strong span {
    font-size: 3.733vw;
    margin-left: 0.7292vw;
  }
  .wiz-color
    .wizcolor-content
    .larger
    .larger-img-box
    .larger-img-item
    .times
    .num {
    font-size: 4.8vw;
  }
  .wiz-color
    .wizcolor-content
    .larger
    .larger-img-box
    .larger-img-item
    .times
    .txt {
    margin-left: 1.0667vw;
    margin-right: 1.0667vw;
  }
  .wiz-color
    .wizcolor-content
    .larger
    .larger-img-box
    .larger-img-item
    .times
    .up {
    width: auto;
    height: 20px;
    object-fit: cover;
    right: 31.1563vw;
  }
  .wiz-color .wizcolor-content .larger .larger-bottom-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    height: 15.625vw;
    position: relative;
    margin-top: 2.9167vw;
  }
  .wiz-color .wizcolor-content .larger .larger-bottom-box .larger-bottom-item {
    position: relative;
  }
  .larger-bottom-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* ai-isp */
  .wiz-color .wizcolor-content .ai-isp {
    width: 100%;
  }
  .wiz-color .wizcolor-content .ai-isp .model-title {
    margin-bottom: 1.25vw;
    font-size: 7.4667vw;
  }
  .wiz-color .wizcolor-content .ai-isp .sec-tit {
    margin-bottom: 4.1667vw;
  }
  .wiz-color .wizcolor-content .ai-isp .update-box {
    display: flex;
    gap: 5.2083vw;
    flex-direction: column;
    align-items: center;
    margin-bottom: 4.1667vw;
  }
  .wiz-color .wizcolor-content .ai-isp .update-box .update-box-img {
    width: 100%;
    height: auto;
    flex-shrink: 0;
    position: relative;
  }
  .wiz-color .wizcolor-content .ai-isp .update-box .update-box-img .txt {
    font-size: 3.2vw;
    bottom: -24px;
  }
  .wiz-color .wizcolor-content .ai-isp .update-box .update-box-img .update-box-txt1 {
    left: 0;
  }
  .wiz-color .wizcolor-content .ai-isp .update-box .update-box-img .update-box-txt2 {
    right: 7.0313vw;
  }
  .wiz-color .wizcolor-content .ai-isp .update-box .update-info {
    flex: 1;
  }
  .wiz-color .wizcolor-content .ai-isp .update-box .update-box-img .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .wiz-color .wizcolor-content .ai-isp .update-box .update-info .tit {
    margin-bottom: 1.25vw;
    font-size: 4.2666vw;
    margin-top: 6.4vw;
  }
  .wiz-color .wizcolor-content .ai-isp .update-box .update-info .dsc {
    font-size: 3.733vw;
  }
  .wiz-color .wizcolor-content .ai-isp .ai-isp-tit {
    font-size: 4.2666vw;
  }
  .wiz-color .wizcolor-content .ai-isp .ai-isp-dsc {
    font-size: 3.733vw;
  }
  .wiz-color .wizcolor-content .ai-isp .frames-box {
    position: relative;
    display: flex;
    justify-content: center;
  }
  .wiz-color .wizcolor-content .ai-isp .frames-box .frames-box-img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .wiz-color .wizcolor-content .ai-isp .frames-box .text {
    font-size: 2.1333vw;
    flex-shrink: 0;
  }
  .wiz-color .wizcolor-content .ai-isp .frames-box .text1 {
    left: 11.0938vw;
  }
  .wiz-color .wizcolor-content .ai-isp .frames-box .text2 {
    width: 70px;
    margin-left: 7.4167vw;
  }
  .wiz-color .wizcolor-content .ai-isp .frames-box .text3 {
    width: 84px;
    right: -10px;
  }
  .wiz-color .wizcolor-content .ai-isp  .ai-isp-bottom {
    margin-top: 4.2666vw;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    height: 79px;
    position: relative;
  }
  .wiz-color .wizcolor-content .ai-isp  .ai-isp-bottom .bg {
    width: 100%;
    position: absolute;
  }
  .wiz-color .wizcolor-content .ai-isp  .ai-isp-bottom {
    grid-template-columns: repeat(1, 1fr);
    height: auto;
  }
  .wiz-color .wizcolor-content .ai-isp  .ai-isp-bottom .ai-isp-bottom-item {
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 184px;
  }
  .wiz-color .wizcolor-content .ai-isp  .ai-isp-bottom .bg {
    display: none;
  }
  .wiz-color .wizcolor-content .ai-isp  .ai-isp-bottom .ai-isp-bottom-item .ai-isp-bottom-video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .wiz-color .wizcolor-content .ai-isp  .ai-isp-bottom .ai-isp-bottom-item .iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 2.1333vw;
    color: #fff;
    background: rgba(0,0,0,0.6);
    line-height: normal;
    border-radius: 50%;
    width: 6.4vw;
    height: 6.4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 2px;
  }
  /* Related Product */
  .wiz-color .wizcolor-content .related-product {
    padding-bottom: 8.75vw;
  }
  .wiz-color .wizcolor-content .related-product .model-title {
    font-size: 7.4667vw;
    margin-bottom: 3.75vw;
  }
  .wiz-color .wizcolor-content .related-product .product-tab-box {
    background: #fff;
    border-radius: 1.0417vw;
    display: flex;
    flex-direction: column;
  }
  .wiz-color .wizcolor-content .related-product .product-tab-box .product-tab {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 1.25vw 4.1667vw 0;
    gap: 3.733vw;;
    border-bottom: 2px solid #EBEEF5;
    margin: 0;
  }
  .wiz-color .wizcolor-content .related-product .product-tab-box .product-tab .product-tab-item .box {
    display: flex;
    justify-content: center;
    cursor: pointer;
  }
  .wiz-color .wizcolor-content .related-product .product-tab-box .product-tab .product-tab-item .box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
  }
  .wiz-color .wizcolor-content .related-product .product-tab-box .product-tab .product-tab-item .tab-img {
    width: 100%;
    min-width: 100%;
    height: 100%;
    object-fit: contain;
    margin-bottom: 0.8333vw;
  }
  .wiz-color .wizcolor-content .related-product .product-tab-box .product-tab .product-tab-item .box1 {
    width: 100%;
  } 
  .wiz-color .wizcolor-content .related-product .product-tab-box .product-tab .product-tab-item .box2 {
    width: 100%;
  }
  .wiz-color .wizcolor-content .related-product .product-tab-box .product-tab .product-tab-item .box3 {
    width: 100%;
  }
  .wiz-color .wizcolor-content .related-product .product-tab-box .product-tab .product-tab-item .line {
    height: 2px;
    /* transform: scaleX(1); */
  }
  .wiz-color .wizcolor-content .related-product .product-tab-box .sec-tab {
    padding: 2.0833vw;
    gap: 2.5vw;
    margin: 0;
    display: none;
  }
  .wiz-color .wizcolor-content .related-product .product-tab-box .sec-tab.active {
    display: flex;
  }
  .wiz-color .wizcolor-content .related-product .product-tab-box .sec-tab .sec-tab-item {
    width: fit-content;
    border-radius: 2.1333vw;
    padding: 0.4167vw 3.2vw;
    font-size: 3.2vw;
  }
  .wiz-color .wizcolor-content .related-product .product-tab-box .product-list {
    overflow-y: auto;
    grid-template-columns: repeat(2, 1fr);
    gap:  2.1333vw;
    padding: 2.0833vw 2.0833vw;
    display: none;
  }
  .wiz-color .wizcolor-content .related-product .product-tab-box .product-list.active {
    display: grid;
  }
  .wiz-color .wizcolor-content .related-product .product-tab-box .product-list .product-item {
    background: #FAFAFA;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3.2vw 1.6667vw;
  }
  .wiz-color .wizcolor-content .related-product .product-tab-box .product-list .product-item:hover .product-item-info .product-item-btn {
    background: #2F2F2F;
    color: #fff;
  }
  .wiz-color .wizcolor-content .related-product .product-tab-box .product-list .product-item .product-item-img {
    width: 21.3333vw;
    height: 21.3333vw;
  }
  .wiz-color .wizcolor-content .related-product .product-tab-box .product-list .product-item .product-item-tit {
    margin: 2.1333vw auto;
    font-size: 3.2vw;
  }
  .wiz-color .wizcolor-content .related-product .product-tab-box .product-list .product-item .product-item-info .product-item-btn {
    width: fit-content;
    padding: 0.4167vw 2.1333vw;
    border-radius: 26.3021vw;
    font-size: 2.667vw;
  }
  /* pain-points */
  .wiz-color .wizcolor-content .pain-points .pain-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 2.667vw;
  }
  .wiz-color .wizcolor-content .pain-points .pain-list .pain-list-item {
    height: 53.3333vw;
  }
  .wiz-color .wizcolor-content .pain-points .pain-list .pain-list-item img {
    border-radius: 2.1333vw;
  }
  .wiz-color .wizcolor-content .pain-points .pain-list .pain-list-item .list-item-dsc {
    font-size: 3.7333vw;
    left: 3.2vw;
    bottom: 4.8vw;
  }
  .wiz-color .wizcolor-content .development .development-img {
    height: auto;
  }
  .wiz-color .wizcolor-content .technology .technology-video-box {
    width: 100%;
    height: auto;
  }
  .wiz-color .wizcolor-content .technology .technology-video-box .technology-video {
    object-fit: unset;
  }
  .wiz-color .wizcolor-content .technology .technology-video-box .iconfont {
    font-size: 2.667vw;
    width: 6.4vw;
    height: 6.4vw;
  }
  .wiz-color .wizcolor-content .related-news-box {
    gap: 2.667vw;
    padding: 3.2vw;
    flex-direction: column;
  }
  .wiz-color .wizcolor-content .related-news-box .img-box {
    width: 100%;
    height: auto;
  }
  .wiz-color .wizcolor-content .related-news-box .text-box .text-box-tit {
    font-size: 4.2666vw;
    margin-bottom: 3.2vw;;
  }
  .wiz-color .wizcolor-content .related-news-box .text-box .text-box-dsc {
    font-size: 3.2vw;
  } 
  .wiz-color .wizcolor-content .download .download-box {
    gap: 3.2vw;
  }
  .wiz-color .wizcolor-content .download .download-box .download-item {
    padding: 2.1333vw 4.2666vw;
  }
  .wiz-color .wizcolor-content .download .download-box .download-item .download-item-name {
    font-size: 3.733vw;
    flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .wiz-color .wizcolor-content .download .download-box .download-item .iconfont {
    font-size: 4.2666vw;
  }
}