@charset "UTF-8";
.page-main {
  width: 100%;
  max-width: 38.25rem;
  margin: 0 auto;
}
.slide-leave-active,
.slide-enter-active {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.slide-enter,
.slide-leave-to {
  max-height: 0;
  opacity: 0;
}
.slide-enter-to,
.slide-leave {
  max-height: 3.13rem;
  opacity: 1;
}
.swiper-pagination-bullet {
  width: 0.63rem;
  height: 0.63rem;
  margin: 0 0.5rem !important;
}
@media screen and (max-width: 1024px) {
.page-main {
    width: 88%;
}
.swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    margin: 0 0.5rem 0 0 !important;
}
.swiper-pagination-bullet:nth-last-child(1) {
    margin-right: 0 !important;
}
}
/* 超出一行省略号显示 */
/* 超出${line}行省略号显示 */
/* 美化占位符 placeholder 样式 */
/* 隐藏滚动条 */
.my-button-disabled {
  opacity: 0.2;
}
.swiper-container .my-button-disabled {
  opacity: 0.2;
}
.swiper-pagination-bullet-2 {
  display: inline-block;
  width: 0.44rem;
  height: 0.44rem;
  margin-right: 4px;
  background: rgba(22, 48, 73, 0.5);
  border-radius: 100%;
  opacity: 1;
}
.swiper-pagination-bullet-2:not(:last-child) {
  margin-right: 0.63rem;
}
.my-bullet-active-2 {
  background: #163049;
  opacity: 1;
}
@media screen and (max-width: 1024px) {
.swiper-pagination-bullet-2 {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 4px;
    background: rgba(22, 48, 73, 0.5);
    border-radius: 100%;
    opacity: 1;
}
.swiper-pagination-bullet-2:not(:last-child) {
    margin-right: 0.5rem;
}
.my-bullet-active-2 {
    background: #163049;
    opacity: 1;
}
}

/*# sourceMappingURL=app~._src_components_BaseUi_ProductDetailsCards_newIndex.vue~7.fa528a5a.css.map*/