/* 遮罩样式 */
.modal-mask {
  position: fixed; /* 固定位置 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 8888; /* z轴排序，确保其在页面上方 */
}

/* 模态框样式 */
.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 以自身尺寸为参照居中 */
  background-color: white;
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* 宽度取决于需要，默认为50% */
  /* height: 100px; */
  /* max-width: 750px; */
  min-width: 300px;
  z-index: 9999; /* z轴排序，确保其高于遮罩层 */
  box-shadow: 0px 8px 16px 0px rgba(12, 12, 12, 0.5);
  animation: fadeIn 0.4s; /* 渐显动画 */
  animation-fill-mode: forwards; /* 保持动画结束状态 */
  background-color: #fff;
  /* background: url('./modalbg.png') no-repeat center fixed; */
  /* background-size: 90% 80%; */
}

/* 模态框内容样式 */
.modal-body {
  height: 100%;
  position: relative;
}

/* 关闭按钮样式 */
.modal-close {
  display: none;
  color: #aaa;
  position: absolute;
  right: 0;
  top: 0;
  width: 62px;
  height: 65px;
  background: url('./modalx.png') no-repeat center fixed;
  background-size: cover;
}

.modal-close:hover,
.modal-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.modal-content {
  width: 100%;
  padding: 0 55px;
  /* position: absolute;
  top: 45%; */
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  color: #000;
}

/* 动画效果 */
@keyframes modalIn {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.7);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes modalOut {
  from {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.7);
  }
}

@media screen and (max-width: 600px) {
  /* .modal {
    background: url('./modalbg_small.png') no-repeat center fixed;
    background-size: 90% 80%;
  } */

  .modal-close {
    right: -35px;
  }
  .modal-content {
    padding: 0 20px;
    font-size: 18px;
  }
}

/* 修复轮播图小圆圈显示异常的问题 */
.w-slider-nav.w-num > div {
  font-size: 8px;
  line-height: 8px;
}