@import url("./normalize.css?_cdnv=80.2025.11.4-108146778");

@font-face {
  font-family: "abc";
  src: url("../font/AaHouDiHei-2.ttf?_cdnv=80.2025.11.4-108146778");
}

body {
  background-color: rgb(238, 205, 186);
}

.index {
  width: 100vw;
  height: 216.53vw;
  background: url("../images/index_bg.jpg?_cdnv=80.2025.11.4-108146778") no-repeat;
  background-size: 100% auto;
  background-color: #ff2000;
}

.mantle {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  /* background: url('../images/mantle_popup.gif?_cdnv=80.2025.11.4-108146778') no-repeat;
    background-size: 100% auto;*/
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
}

.mantle_gif {
  width: 100vw;
  height: 216.53vw;
  background: url("../images/mantle.gif?_cdnv=80.2025.11.4-108146778") no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 0;
}

.music {
  width: 9vw;
  height: 9vw;
  position: absolute;
  top: 5vw;
  left: 3vw;
  z-index: 9999;
}

.music > img {
  width: 100%;
}

.silk_bag {
  width: 9.3vw;
  height: 9.3vw;
  background: url("../images/silk_bag.png?_cdnv=80.2025.11.4-108146778") no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 5vw;
  right: 3vw;
  z-index: 9999;
}

.silk_bags {
  width: 18vw;
  position: absolute;
  top: 15vw;
  right: 0;
  display: none;
}

.silk_bags > button {
  width: 18vw;
  height: 8vw;
}

.silk_bags > button > img {
  width: 100%;
}

.index_swiper {
  width: 60vw;
  height: 8vw;
  background: url("../images/swiper_bg.png?_cdnv=80.2025.11.4-108146778") no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 16.3vw;
  left: calc((91vw - 50vw) / 2);
  z-index: 9;
}

.mySwiper {
  width: 51.8vw;
  height: 6vw;
  line-height: 6vw;
  font-size: 3.73vw;
  color: #ffffff;
  margin: 0.8vw 0 0 8vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 填写信息弹窗 */
.popup1 {
  width: 80vw;
  height: 86vw;
  background: url("../images/popup1_bg.png?_cdnv=80.2025.11.4-108146778") no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 55vw;
  left: calc((100vw - 80vw) / 2);
}

.popup1_name {
  width: 55vw;
  height: 10vw;
  background: url("../images/popup1_in_bg.png?_cdnv=80.2025.11.4-108146778") no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 30vw;
  left: calc((80vw - 55vw) / 2);
}

.popup1_phone {
  width: 55vw;
  height: 10vw;
  background: url("../images/popup1_in_bg.png?_cdnv=80.2025.11.4-108146778") no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 42vw;
  left: calc((80vw - 55vw) / 2);
  display: flex;
  align-items: center;
}

.popup1_code {
  width: 55vw;
  height: 10vw;
  background: url("../images/popup1_in_bg.png?_cdnv=80.2025.11.4-108146778") no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 54vw;
  left: calc((80vw - 55vw) / 2);
  display: flex;
  align-items: center;
}

.popup1_submit {
  width: 35vw;
  height: 10vw;
  background: url("../images/popup1_submit.png?_cdnv=80.2025.11.4-108146778") no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 70vw;
  left: calc((80vw - 35vw) / 2);
}

.popup1_name > input {
  width: 55vw;
  height: 10vw;
  font-size: 3.73vw;
  color: #333333;
  margin: 0 auto;
  padding: 0 3vw;
}

.popup1_name > input::placeholder,
.popup1_phone > input::placeholder {
  font-size: 3.73vw;
}

.popup1_phone > p {
  font-size: 3.73vw;
  color: #ff3c46;
  margin-left: 3vw;
}

.popup1_phone > input {
  width: 40vw;
  height: 10vw;
  font-size: 3.73vw;
  color: #333333;
  margin: 0 auto;
}

.popup1_code > input {
  width: 32vw;
  height: 10vw;
  font-size: 3.73vw;
  color: #333333;
  padding: 0 3vw;
}

.code_btn {
  width: 23vw;
  height: 5vw;
  font-size: 3.47vw;
  color: #ff3c46;
  border-left: 0.27vw solid #ff3c46;
}

/* 红包雨掉落范围 */
.couten {
  width: 100vw;
  height: 140vw;
  position: absolute;
  top: 35vw;
  z-index: 4;
}

/* 中奖弹窗 */
.popup2 {
  width: 50vw;
  height: 65vw;
  /* background: url('../images/popup2_win.png?_cdnv=80.2025.11.4-108146778') no-repeat;
    background-size: 100% auto;*/
  position: absolute;
  top: 70vw;
  left: calc((100vw - 50vw) / 2);
}

.popup2 > p:nth-child(1) {
  width: 50vw;
  text-align: center;
  font-size: 3.87vw;
  letter-spacing: 0.5vw;
  color: #fff5ee;
  position: absolute;
  top: -22vw;
}

.popup2 > p:nth-child(2) {
  width: 80vw;
  text-align: center;
  font-size: 8.13vw;
  color: #fff5ee;
  position: absolute;
  top: -16vw;
  left: calc((50vw - 80vw) / 2);
  font-family: abc;
}

.closePoup2 {
  width: 8vw;
  height: 8vw;
  background: url("../images/close.png?_cdnv=80.2025.11.4-108146778") no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 65vw;
  left: calc((50vw - 8vw) / 2);
}

/* 未中奖弹窗 */
.popup3 {
  width: 40vw;
  height: 65vw;
  background: url("../images/popup2_fail.png?_cdnv=80.2025.11.4-108146778") no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 70vw;
  left: calc((100vw - 40vw) / 2);
}

.popup3 > p:nth-child(1) {
  width: 40vw;
  text-align: center;
  font-size: 3.87vw;
  letter-spacing: 0.5vw;
  color: #fff5ee;
  position: absolute;
  top: -22vw;
}

.popup3 > p:nth-child(2) {
  width: 80vw;
  text-align: center;
  font-size: 10.13vw;
  color: #fff5ee;
  position: absolute;
  top: -16vw;
  left: calc((40vw - 80vw) / 2);
  font-family: abc;
}

.closePoup3 {
  width: 8vw;
  height: 8vw;
  background: url("../images/close.png?_cdnv=80.2025.11.4-108146778") no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 122vw;
  left: calc((95vw - 8vw) / 2);
}

.back_bag {
  width: 12vw;
  height: 12vw;
  background: url("../images/back_bag.png?_cdnv=80.2025.11.4-108146778") no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 7vw;
  left: 0vw;
}
/* 玩法提示弹窗 */
.popup4 {
  width: 80vw;
  height: 70vw;
  background: url("../images/ready.png?_cdnv=80.2025.11.4-108146778") no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 60vw;
  left: calc((100vw - 80vw) / 2);
}

.popup4_btn {
  width: 37vw;
  height: 20vw;
  background: url("../images/btn_ready.png?_cdnv=80.2025.11.4-108146778") no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 44vw;
  left: calc((80vw - 37vw) / 2);
}
.awardImg {
  width: 45.47vw;
  height: 56.13vw;
  position: absolute;
  top: 58vw;
  left: 26vw;
  z-index: 3;
}
.awardImg img {
  width: 100%;
  height: 100%;
}
.topBag {
  width: 100vw;
  height: 52.67vw;
  position: absolute;
  top: 0vw;
  left: 0vw;
  z-index: 5;
}
.topBag img {
  width: 100%;
  height: 100%;
}

/* AutoCdn: 2/21/2026 2:42:46 PM, Changes=19, cdnv=80.2025.11.4-108146778 */