.product-detail {
  padding-top: calc(60*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.product-detail .product-content-tal {
  width: calc(1200*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: 0 auto;
}
.product-detail .product-content-tal .product-detail {
  display: flex;
}
.product-detail .product-content-tal .product-detail .product-swiper {
  width: calc(400*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(400*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin-right: calc(40*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.product-detail .product-content-tal .product-detail .product-swiper .swiper-wrapper {
  width: calc(400*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(400*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.product-detail .product-content-tal .product-detail .product-swiper .swiper-wrapper .swiper-slide {
  width: calc(400*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(400*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-detail .product-content-tal .product-detail .product-swiper .swiper-wrapper .swiper-slide img {
  max-width: 80%;
  max-height: 80%;
}
.product-detail .product-content-tal .product-button {
  border: 1px solid #ededed;
  margin-bottom: calc(106*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-bottom: calc(50*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.product-detail .product-content-tal .product-button .product-span01 {
  width: calc(1120*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: 0 auto;
  padding-top: calc(45*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.product-detail .product-content-tal .product-button .product-span01 img {
  width: calc(1120*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.product-detail .product-content-tal .product-button .product-span01 span {
  display: block;
  font-size: calc(18*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 700;
  color: #023894;
  margin-bottom: calc(10*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.product-detail .product-content-tal .product-button .product-span01 i {
  font-size: calc(16*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 400;
  color: #5a5a5a;
}
.product-detail .product-content-tal .product-button .product-span02 {
  width: calc(1120*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding-top: calc(55*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.product-detail .product-content-tal .product-button .product-span02 .product-up a {
  display: flex;
  align-items: center;
}
.product-detail .product-content-tal .product-button .product-span02 .product-up img {
  width: calc(11*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(10*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin-right: calc(10*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.product-detail .product-content-tal .product-button .product-span02 .product-up span {
  font-size: calc(14*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 400;
  color: #666666;
}
.product-detail .product-content-tal .product-button .product-span02 .product-up span:hover {
  color: #023894;
}
.product-detail .product-content-tal .product-right span {
  display: block;
  font-size: calc(26*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 700;
  color: #172d49;
  padding-top: calc(23*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-bottom: calc(30*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.product-detail .product-content-tal .product-right i {
  font-size: calc(16*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 400;
  color: #454545;
  line-height: calc(30*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  width: calc(28*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
  height: calc(28*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
  background: rgba(0, 0, 0, 0.4);
  margin: 0 0 !important;
  border-radius: 50%;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  font-size: calc(16*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  font-size: calc(16*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
}