#promotion-nation-day {
  background: url("https://tr.tenorshare.com/images/promotion/national-day/promotion-bg-1.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 722px;
  height: 690px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  display: none;
}
#promotion-nation-day .tit {
  position: absolute;
  top: -2px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  width: 515px;
  height: 445px;
}
.main-chainwheel {
  width: 305px;
  height: 305px;
  position: absolute;
  top: 33px;
  left: 50%;
  transform: translateX(-50%);
}
.main-chainwheel img {
  max-width: 100%;
}

/* 弧形文字样式 */
.curved-svg {
  width: 500px;
  height: 500px;
}

.curved-text {
  /* font-family: Arial, sans-serif; */
  font-size: 18px;
  font-weight: 400;
}

.curved-text-red {
  fill: #fff6f6;
  stroke: #ff4245;
  stroke-width: 2;
  paint-order: stroke;
}

.curved-text-yellow {
  fill: #fffa5d;
  stroke: #d6c100;
  stroke-width: 1.5;
  paint-order: stroke;
}

.curved-number {
  font-size: 18px;
  font-weight: 400;
  position: absolute;
  width: 34px;
  height: 34px;
  top: 44px;
  left: 66.5%;
  transform: rotate(45deg);
  text-align: center;
  color: rgb(188, 126, 40); /* 字体颜色 */

  /* 🔹 外描边效果 */
  -webkit-text-stroke: 3px rgb(255, 250, 0);
  text-stroke: 2px rgb(255, 250, 0); /* 兼容写法 */
  /* 🔹 发光效果 */
  text-shadow: 0 0 5px rgb(255, 250, 0), 0 0 10px rgb(255, 250, 0), 0 0 20px rgb(255, 250, 0), 0 0 40px rgb(255, 250, 0);
}
.dsc-img-1 {
  position: absolute;
  top: 231px;
  left: 159px;
  z-index: 1001;
}
.btn-for-sweepstakes {
  background: url("https://tr.tenorshare.com/images/promotion/national-day/btn-bg.png") no-repeat;
  background-size: cover;
  position: absolute;
  width: 222px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 360px;
  left: 50%;
  transform: translateX(-50%);
  font-family: Inclusive Sans;
  font-weight: 400;
  font-size: 20px;
  color: #ffffff;
  padding-bottom: 10px;
  cursor: pointer;
  z-index: 1002;
}

/* 转盘旋转动画 */
.main-chainwheel .item {
  transition: transform 2s cubic-bezier(0.4, 0, 0.2, 1);
  transform: rotate(0deg);
}

/* 持续旋转动画 */
.main-chainwheel .item.continuous-spin {
  animation: continuousSpin 1s linear infinite;
}

/* 减速过渡阶段 */
.main-chainwheel .item.slowing-down {
  animation: continuousSpin 2s ease-out infinite;
}

/* 最终定位 */
.main-chainwheel .item.final-position {
  animation: none !important;
  transition: transform 3s cubic-bezier(0.17, 0.67, 0.12, 0.99) !important;
}

/* 转盘停止后的最终位置 */
.main-chainwheel .item.stopped {
  transform: rotate(var(--final-angle, 0deg));
}
.main-chainwheel .item-guide {
  position: absolute;
  width: 100%;
  top: 50%;
  left: calc(50% + 2px);
  transform: translate(-50%, -50%);

  z-index: 1003;
}
/* 持续旋转动画 */
@keyframes continuousSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.pop-for-promotion {
  width: 448px;
  height: 566px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("https://tr.tenorshare.com/images/promotion/national-day/pop-bg.png") no-repeat;
  background-size: cover;
  z-index: 1004;
  display: none; /* 默认隐藏 */
}
.pop-for-promotion.pop-for-null{
  background: url("https://tr.tenorshare.com/images/promotion/national-day/pop-bg-null.png") no-repeat;
  background-size: cover;
}
.pop-for-promotion.show {
  display: block; /* 显示弹窗 */
}
.pop-for-promotion .text-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("https://tr.tenorshare.com/images/promotion/national-day/pop-text-bg.png") no-repeat;
  background-size: 100% 100%;
  padding: 10px 38px;
  box-sizing: border-box;
  width: 346px;
  height: 171px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 318px;
  z-index: 1005;
}
.pop-for-promotion .text {
  font-family: Inclusive Sans;
  font-weight: 400;
  font-style: Regular;
  font-size: 20px;
  leading-trim: NONE;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: center;
  color: #ffffff;
}
.pop-for-promotion .text .pop-product-name {
  font-family: Inclusive Sans;
  font-weight: 400;
  font-style: Regular;
  font-size: 20px;
  leading-trim: NONE;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: center;
  color: #ffffff;
}
.pop-for-promotion .btn-for-pop-product {
  background: url("https://tr.tenorshare.com/images/promotion/national-day/pop-btn-bg.png") no-repeat;
  background-size: cover;
  position: absolute;
  width: 224px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 492px;
  left: 50%;
  transform: translateX(-50%);
  font-family: Inclusive Sans;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 100%;
  color: rgba(255, 255, 255, 1);
}
.pop-for-promotion .btn-for-pop-product:hover {
  color: #fff;
  text-decoration: none;
}
.pop-for-promotion .for-pop-close {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 98px;
  right: 51px;
  cursor: pointer;
}
.pop-for-promotion .btn-for-pop-close {
  background: url("https://tr.tenorshare.com/images/promotion/national-day/pop-btn-bg.png") no-repeat;
  background-size: cover;
  position: absolute;
  width: 224px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 492px;
  left: 50%;
  transform: translateX(-50%);
  font-family: Inclusive Sans;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 100%;
  color: rgba(255, 255, 255, 1);
  cursor: pointer;
}
.btoomt-wrap {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 15px;
  width: 673px;
  height: 252px;
}

.btoomt-wrap img {
  width: 673px;
  height: 252px;
}
.btoomt-wrap .content-wrap {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 15px;
  width: 100%;
  padding: 0 17px;
}
.bottom-title {
  font-family: Inclusive Sans;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  color: #fff;
  margin-bottom: 3px;
}
.btoomt-wrap .content-wrap .item {
  border: 1px solid rgba(0, 0, 0, 1);
  background: rgba(255, 252, 252, 1);
  padding: 9px 14px;
  border-radius: 10px;
  font-family: Inclusive Sans;
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  height: 110px;
  flex: 1;
}
.btoomt-wrap .content-wrap .item:nth-child(4) {
  width: 196px;
  flex-shrink: 0;
  padding-left: 9px;
  padding-right: 9px;
}
.btoomt-wrap .content-wrap .item p {
  margin: 4px 0 10px;
  font-size: 12px;
  line-height: 13px;
  color: #000;
}
.btoomt-wrap .content-wrap .item img {
  width: 62px;
  height: 14px;
}
.btoomt-wrap .content-wrap .item input[type="email"] {
  width: 138px;
  height: 28px;
  background: rgba(238, 238, 238, 1);
  border: 0;
  padding-left: 5px;
}
.btn-for-bottom-add-number {
  background: rgba(255, 201, 43, 1);
  border-radius: 80px;
  padding: 4px 12px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Inclusive Sans;
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000;
  border: 0;
  margin: 0 auto;
  min-width: 92px;
  cursor: pointer;
}
.btn-for-bottom-add-number:hover {
  color: #000;
  text-decoration: none;
}
.btn-for-mainpop-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  z-index: 2300;
}
#promotion-nation-day .tooltip-guide {
  position: absolute;
  left: 458px;
  top: 45px;
  height: 15px;
  width: 15px;
  cursor: pointer;
}
.tooltip-inner{
  min-width: 320px;
  font-size: 12px;
}
.text-blue{
color: rgb(0, 163, 245);
}
@media (max-width: 992px) {
  #promotion-nation-day {
    width: 320px;
    height: 401px;
    background: url(https://tr.tenorshare.com/images/promotion/national-day/promotion-bg-1-mb.png);
    background-size: 320px 401px;
  }
  .main-chainwheel {
    width: 175px;
    height: 175px;
    top: 18px;
  }
  #promotion-nation-day .tit {
    width: 291px;
    height: 190px;
  }
  .curved-number {
    font-size: 12px;
    top: 20px;
    left: 62.8%;
  }
  .main-chainwheel .item-guide {
    left: 50%;
  }
  .dsc-img-1 {
    width: 64px;
    top: 138px;
    left: 38px;
  }
  .btn-for-sweepstakes {
    background: url(https://tr.tenorshare.com/images/promotion/national-day/btn-bg-mb.png) no-repeat;
    background-size: cover;
    position: absolute;
    width: 133px;
    height: 44px;
    display: flex;
    font-size: 11px;
    line-height: 100%;
    top: 208px;
    padding-bottom: 12px;
  }
  .btn-for-mainpop-close {
    top: 5px;
    right: 4px;
  }
  .btn-for-mainpop-close svg {
    width: 20px;
    height: 20px;
  }
  .btoomt-wrap {
    width: 268px;
    height: 151px;
    background: url(https://tr.tenorshare.com/images/promotion/national-day/pop-btoomt-wrap-mb.png);
    background-size: cover;
    bottom: 0;
  }
  .btoomt-wrap img {
    display: none;
  }
  .btoomt-wrap .content-wrap {
    position: relative;
    transform: none;
    left: 0;
    top: 46px;
  }
  .bottom-title {
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 8px;
  }
  .add-list {
    height: 84px;
    overflow: auto;
    padding-right: 16px;
  }
  .add-list::-webkit-scrollbar {
    background: #fff;
    width: 2px;
  }
  .add-list::-webkit-scrollbar-track {
    background: transparent;
  }
  .add-list::-webkit-scrollbar-thumb {
    background: rgba(255, 201, 43, 1);
    border-radius: 100px;
  }
  .add-list::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 201, 43, 0.8);
  }
  .btoomt-wrap .content-wrap .item {
    height: 84px;
    padding: 10px 12px 6px;
    flex:1
  }
  .btoomt-wrap .content-wrap .item img {
    display: block;
    height: 12px;
    width: auto;
  }
  .btn-for-bottom-add-number {
    font-size: 12px;
    height: 21px;
    padding: 2px 16px;
    margin: 0 0 0 auto;
    width: fit-content;
  }
  .btn-for-bottom-add-number svg {
    width: 9px;
    height: auto;
  }

  .btoomt-wrap .content-wrap .item:nth-child(4) {
    padding: 3px 12px 6px 9px;
    width: 100%;
  }
  .btoomt-wrap .content-wrap .item:nth-child(4) p {
    margin: 0 0 1px 0;
  }
  .btoomt-wrap .content-wrap .item:nth-child(4) .btn-for-bottom-add-number {
    margin: 4px 0 0 auto !important;
  }
  .btoomt-wrap .content-wrap .item input[type="email"] {
    height: 21px;
    width: 166px;
  }
  .btoomt-wrap .content-wrap .item .form-wrap svg {
    height: 21px;
    width: 28px;
  }
  .btoomt-wrap .content-wrap .item .form-wrap .btn-for-bottom-add-number svg {
    width: 9px;
    height: auto;
  }
  #promotion-nation-day .tooltip-guide {
    left: 208px;
    top: 6px;
    height: 10px;
    width: 10px;
  }
  .pop-for-promotion{
    width: 242px;
    height: 306px;
    background: url(https://tr.tenorshare.com/images/promotion/national-day/pop-bg-mb.png) no-repeat;
    background-size: cover;
  }
  .pop-for-promotion.pop-for-null{
  background: url("https://tr.tenorshare.com/images/promotion/national-day/pop-bg-null-mb.png") no-repeat;
  background-size: cover;
}
  .pop-for-promotion .text-wrap{
    width: 188px;
    height: 92px;
    background: url(https://tr.tenorshare.com/images/promotion/national-day/pop-text-bg-mb.png) no-repeat;
    background-size: 100% 100%;
    padding: 12px 13px;
    top: 174px;


  }
.pop-for-promotion .text, .pop-for-promotion .text .pop-product-name{
    font-weight: 400;
font-size: 12px;
line-height: 150%;
margin-bottom: 0;

  }
  .pop-for-promotion .text{

    margin-top: -6px;
  }
  .pop-for-promotion .btn-for-pop-close,.pop-for-promotion .btn-for-pop-product{
    background: url(https://tr.tenorshare.com/images/promotion/national-day/pop-btn-bg-mb.png) no-repeat;
    background-size: contain;
    width: 122px;
    height: 26px;
    font-size: 12px;
    top: 268px;
  }
  .btoomt-wrap .content-wrap .item p{
    margin: 4px 0 4px;
  }
}