@charset "UTF-8";
[v-cloak] {
  display: none;
}

body {
  position: relative;
  min-height: 100vh;
  box-sizing: border-box;
  background-color: #F2F5FF;
  /* background: linear-gradient(to bottom, #eecffd, #f9e5fe); */
}

.inside {
  overflow: hidden;
}
.bg-top img {
  height: 22.875rem;
  width: 100%;
}

.usernum {
  color: #1f1f1f;
  font-size: 0.55rem;
  position: absolute;
  top: 1.1rem;
  right: 0.45rem;
}

.usernum img {
  width: 3rem;
  height: 1.2rem;
  margin-right: -.45rem;
}
.prize{
  position: absolute;
  right: 0rem;
  top: 9.5rem;
  width: 1.35rem;
}
.prize img{
  width: 100%;
}
.rule {
  width: 2.75rem;
  height: 0.9rem;
  position: absolute;
  right: 0.375rem;
  top: 6.9rem;
  border-radius: 0.45rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 0.5rem;
  line-height: 0.95rem;
  text-align: center;
  z-index: 999;
}

.rule {
  top: 4.125rem;
}

.punch-card {
  position: absolute;
  top: 17.35rem;
  left: 0;
  right: 0;
  z-index: 1;
}

.punch-card__button {
  width: 11.2rem;
  margin: 0 auto;
  animation: buttonjump 1.5s ease-in-out infinite alternate;
  -moz-animation: buttonjump 1.5s ease-in-out infinite alternate;
  /* Firefox: */
  -webkit-animation: buttonjump 1.5s ease-in-out infinite alternate;
  /* Safari 和 Chrome: */
  -o-animation: buttonjump 1.5s ease-in-out infinite alternate;
  /* Opera: */
}

.punch-card__button img {
  width: 100%;
  height: 100%;
}

.punch-card__tips {
  font-size: .65rem;
  color: #5A6EA9;
  text-align: center;
  margin-top: -1.3rem;
}

.punch-card__cont {
  display: flex;
  padding: 0 .4rem;
  justify-content: space-between;
  margin-top: 2.0rem;
  word-break: keep-all;
}

.punch-card__cont div {
  line-height: 1.35rem;
  padding: 0 .5rem;
  font-size: 0.75rem;
  text-align: center;
  color: #fff;
  background-color: #ff3ca5;
  border-radius: .9rem;
  font-weight: 600;
}

.punch-card__cont div img {
  width: .725rem;
  height: .7rem;
  margin-right: .2rem;
}

.punch-card__share {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0rem;
  top: 7.3rem;
  width: 4.45rem;
}
.punch-card__share img {
  width: 100%;
}
.guideline{
  margin: -1rem 0.5rem 0.3rem;
  padding: 0.3rem;
  position: relative;
}
.intro, .calendar-content, .content-banner {
  position: relative;
  padding: 0.3rem;
  margin: 1.3rem 0.5rem 1.65rem;
  border-radius: 0.5rem;
  background-color: #FFFFFF;
  /* background-image: -moz-linear-gradient(to bottom, #6B89FF, #88DDF1);
  background-image: -webkit-linear-gradient(to bottom, #6B89FF, #88DDF1);
  background-image: -ms-linear-gradient(to bottom, #6B89FF, #88DDF1);
  background-image: linear-gradient(to bottom, #6B89FF, #88DDF1); */
}
.intro{
  margin: 1.3rem 0.8rem 1.65rem;
  padding: 1rem 0.05rem 0.05rem 0.05rem
}
.intro::before {
  content: '';
  position: absolute;
  top: 0rem;
  left: 0rem;
  right: 0rem;
  bottom: 0rem;
  z-index: -1;
  border-radius: 0.56rem;
  background-image: linear-gradient(to bottom, #6B89FF, #88DDF1);
  background-clip: border-box;
  margin: -0.3rem;
}
.content-banner::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 0.56rem;
  background-image: linear-gradient(to bottom, #6B89FF, #88DDF1);
  background-clip: border-box;
  margin: -0.3rem;
}
/* .intro::before{
    content: '';
    width: 18.75rem;
    height: .25rem;
    position: absolute;
    top: -.12rem;
    left: 0;
    background-color: rgba(117, 200, 252, .3);
} */
.guideline-title{
}
.intro-title, .calendar-title, .content-banner__title {
  width: 12.9rem;
  height: 2.4rem;
  position: absolute;
  top: -0.8rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.intro-title img, .guideline-title img, .calendar-title img, .content-banner__title img {
  width: 100%;
  height: 100%;
}

.guideline-content {
  padding: 1.25rem 0.2rem 0.35rem;
  text-align: justify;
  border-radius: 0.5rem;
  background-image: -moz-linear-gradient(to bottom, #D6ECFD, #FCFEFF);
  background-image: -webkit-linear-gradient(to bottom, #D6ECFD, #FCFEFF);
  background-image: -ms-linear-gradient(to bottom, #D6ECFD, #FCFEFF);
  background-image: linear-gradient(to bottom, #D6ECFD, #FCFEFF);
}
.intro-content{
  padding: 1.25rem 0.2rem 0.35rem;
  text-align: justify;
  border-radius: 0.5rem;
}

.intro-content__rule {
  padding: 1.025rem 0.375rem 1rem;
  font-size: .7rem;
  line-height: 1.1rem;
  border-radius: .4rem;
  color: #001D74;
  /* text-indent: 2em; */
  background-color: #E7F7FD;
}

.prize-page {
  min-height: 100vh;
  padding: 1.9rem 0;
  background-color: #DFEFFF;
  box-sizing: border-box;
}

.prize-page__title {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0.97rem;
}

.prize-page__title .title {
  display: block;
  width: 14.6rem;
  height: 2.7rem;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

.prize-page__title .title-word {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: .6rem;
  text-align: center;
  font-size: 0.8rem;
  color: #fff;
  font-weight: 500;
  text-shadow: 0px 0.075rem 0.15rem rgba(0, 0, 0, 0.67);
}

.prize-page__dot {
  height: 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 .5rem;
  margin-bottom: .7rem;
}

.prize-page__dot img {
  width: 1rem;
  height: .5rem;
}

.prize-page__dot .dot-right {
  transform: rotate(180deg);
}

.prize-page__content {
  min-height: 25rem;
  position: relative;
  padding-top: 3rem;
  margin: 0 .5rem;
  z-index: 2;
  border-radius: .5rem;
  background-color: #fffffc;
}

.prize-page__content .content-top {
  display: block;
  width: 17.675rem;
  height: 1.75rem;
  position: absolute;
  top: -.65rem;
  left: -.65rem;
  margin: 0 auto;
  z-index: 3;
}

.prize-page__content .content-bottom {
  display: block;
  width: 17.3rem;
  height: 0.55rem;
  position: absolute;
  bottom: -.3rem;
  left: -.46rem;
  margin: 0 auto;
  z-index: 1;
}

.prize-page__content .content-noprize img {
  width: 8.35rem;
  height: 9.725rem;
  display: block;
  margin: 0 auto;
  padding-top: 3.6rem;
}

.prize-page__content .content-prize {
  padding: 0 1.4rem 0.75rem;
}

.prize-page__content .content-prize__address {
  font-size: 0.65rem;
  color: #001D74;
  line-height: 0.825rem;
  text-align: center;
}

.prize-page__content .content-prize__address img {
  display: block;
  width: 5.8rem;
  height: 1.65rem;
  margin: 0.5rem auto;
}

.prize-page__content .content-prize__paging {
  display: flex;
  justify-content: space-evenly;
  margin-top: .6rem;
  font-size: 0.5rem;
  color: #333;
  line-height: 1.85rem;
}

.prize-page__content .content-prize .next {
  color: #ff3c00;
  text-decoration: underline;
}

.prize-page__content .content-prize ul {
  border-right: solid 1px #0E87FC;
  border-bottom: solid 1px #0E87FC;
  border-radius: 0.5rem;
  background-color: #CFE7FE;
}

.prize-page__content .content-prize ul li {
  display: flex;
  min-height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
}

.prize-page__content .content-prize ul li p {
  font-size: 0.65rem;
  color: #001D74;
  border-left: solid 1px #0E87FC;
  border-top: solid 1px #0E87FC;
  box-sizing: border-box;
}

.prize-page__content .content-prize ul li:first-child {
  background-color: #0E87FC;
  border-top-right-radius: 0.5rem;
  /* 其他三个角的半径设置为0，表示不圆润 */
  border-top-left-radius: 0.5rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.prize-page__content .content-prize ul li p:first-child {
  flex: 0 0 35%;
  color: #001D74;
}

.prize-page__content .content-prize ul li p:last-child {
  flex: 0 0 65%;
  color: #001D74;
}

.prize-page__content .content-prize ul li:first-child p {
  font-size: .7rem;
  color: #fff;
  font-weight: 500;
}
.prize-page__content .content-prize ul li:first-child p:first-child{
  border-top-right-radius: 0;
  /* 其他三个角的半径设置为0，表示不圆润 */
  border-top-left-radius: 0.5rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.prize-page__content .content-prize ul li:first-child p:last-child{
  border-top-right-radius: 0.5rem;
  /* 其他三个角的半径设置为0，表示不圆润 */
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.prize-page__content .content-prize ul li:last-child p:first-child{
  border-top-right-radius: 0;
  /* 其他三个角的半径设置为0，表示不圆润 */
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0.5rem;
}
.prize-page__content .content-prize ul li:last-child p:last-child{
  border-top-right-radius: 0;
  /* 其他三个角的半径设置为0，表示不圆润 */
  border-top-left-radius: 0;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0;
}
.prize-page .bg-bottom img {
  width: 100%;
  height: 1.625rem;
  position: absolute;
  bottom: 0;
  left: 0;
}

.rule-page__rule img {
  width: 100%;
  margin-bottom: 10px;
}

.rule-page__rule div > span {
  margin-bottom: .5rem;
}

.rule-page__rule h4 {
  margin: 0.375rem 0;
  font-size: .65rem;
  color: #001D74;
}

.rule-page__rule p {
  margin-bottom: .5rem;
  font-size: .65rem;
  color: #001D74;
}

.rule-page__rule p strong {
  font-size: 0.65rem;
  color: #9e3d26;
  font-weight: 700;
}

.rule-page__rule span {
  display: block;
  padding: .3rem;
  margin-bottom: .25rem;
  border-radius: .4rem;
  background-color: #D0ECFC;
  font-size: .55rem;
  color: #001D74;
  line-height: .8rem;
}

.outside {
  margin-bottom: -1.625rem;
}

.outside img {
  width: 100%;
}

.outside .wx-tips {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding-top: 5%;
  background-color: rgba(0, 0, 0, 0.7);
}

.outside p {
  color: #fff;
  text-align: center;
  font-size: 1rem;
  margin: -1.5rem 0 0 6rem;
}

.recommend {
  width: 17.8rem;
  margin: 1.075rem auto 1.5rem;
}

.recommend img {
  display: block;
  width: 100%;
  height: 100%;
}

@-webkit-keyframes buttonjump {
  /* Opera */
  0% {
    transform: scale(1);
  }
  /*开始为原始大小*/
  25% {
    transform: scale(0.9);
  }
  /*放大1.1倍*/
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
}

@-moz-keyframes buttonjump {
  /* Opera */
  0% {
    transform: scale(1);
  }
  /*开始为原始大小*/
  25% {
    transform: scale(0.9);
  }
  /*放大1.1倍*/
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
}

@-o-keyframes buttonjump {
  /* Opera */
  0% {
    transform: scale(1);
  }
  /*开始为原始大小*/
  25% {
    transform: scale(0.9);
  }
  /*放大1.1倍*/
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
}

@keyframes buttonjump {
  /* Opera */
  0% {
    transform: scale(1);
  }
  /*开始为原始大小*/
  25% {
    transform: scale(0.9);
  }
  /*放大1.1倍*/
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.9);
  }
}

.no-move {
  animation: none;
  -moz-animation: none;
  /* Firefox: */
  -webkit-animation: none;
  /* Safari 和 Chrome: */
  -o-animation: none;
  /* Opera: */
}

.popup {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.popup-content {
  width: 15.375rem;
  padding: .25rem;
  position: relative;
  background-color: #fff;
  border-radius: .5rem;
  box-sizing: border-box;
}

.popup-content__title {
  width: 5.2rem;
  height: 2.65rem;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -2.65rem;
}

.popup-content__title > img {
  display: block;
  width: 100%;
  height: 100%;
}

.popup-content__title .title-bg {
  width: 5.75rem;
  height: 1.35rem;
  position: absolute;
  top: 2.1rem;
  left: -.2rem;
}

.popup-tips {
  padding-bottom: 1.1rem;
  border-radius: .5rem;
  border: .075rem solid #ff3c68;
}

.popup-tips__close {
  margin-top: 1rem;
}

.popup-tips__content {
  min-height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: .7rem;
  margin: 0 .6rem;
  font-size: 0.8rem;
  line-height: 1.05rem;
  color: #13252E;
  text-align: center;
}

.popup-tips__content img {
  display: block;
  height: 5.45rem;
  margin: -1rem 0 -0.5rem 0;
}

/* .popup-tips__content span{
    color: #ff2836;
} */
.popup-tips__tips {
  margin: .5rem 0;
  font-size: .6rem;
  color: #666;
  line-height: .85rem;
  text-align: center;
}

.popup-tips__desc {
  position: absolute;
  bottom: 0.35rem;
  width: 100%;
  font-size: 0.55rem;
  color: #A8A8A8;
  text-align: center;
}

.popup-tips__bottom {
  width: 11.575rem;
  height: 2.1rem;
  margin: 0 auto;
}

.popup-tips__bottom img {
  width: 100%;
  height: 100%;
}

.popup-close {
  width: 1.5rem;
  height: 1.5rem;
  margin: .75rem auto 0;
}

.popup-close img {
  width: 100%;
  height: 100%;
}

.popup-punch .popup-tips__title {
  display: block;
  padding-top: 0.6rem;
  font-size: 0.6rem;
  line-height: 1rem;
  color: #ff0b0b;
  text-align: center;
}

.popup-punch .popup-tips__title h4 {
  font-size: 1.15rem;
  line-height: 1.55rem;
  font-weight: 800;
  font-size: 0.8rem;
  color: #13252E;
  text-align: center;
}

.guideline-content {
  padding: 3.5rem 1.65rem 2.5rem 1.65rem;
  font-size: 0.6rem;
  color: #001D74;
  line-height: 1.1rem;
  font-weight: 700;
  background: url(../images/new0612/guideline_bg.png) no-repeat center top/100% auto;

}

.guideline-content span {
  color: #003FFF;
  text-decoration: underline;
}

.calendar {
  position: relative;
  margin: 0 0.8rem 2.5rem;
}

.calendar-title {
  top: -0.4rem;
  z-index: 3;
  padding-top: 0.4rem;
  font-size: 0.9rem;
  color: #fff;
  text-align: center;
  line-height: 1.5rem;
  text-shadow: 0px 0.075rem 0.15rem rgba(0, 0, 0, 0.67);
  background: url(../images/new0612/sigin_bg.png) no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
}

.calendar-bg {
  width: 18.45rem;
  height: 1.325rem;
  position: absolute;
  top: 0;
  left: -0.65rem;
  z-index: 1;
}

.calendar-bg img {
  display: block;
  width: 100%;
  height: 100%;
}

.calendar-content {
  top: 0.6rem;
  padding-bottom: 1.75rem;
  margin: 0;
  z-index: 2;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: none;
  overflow: hidden;
  background-image: linear-gradient(180deg, #FDFEFF 0%, #DEEEFF 100%);
  border: 0.025rem solid #FFFFFF;
  border-radius: 0 0 0.8rem 0.8rem;
}

.calendar-content__list {
  padding: 0 0.25rem;
  width: 100%;
  margin-top: 1.975rem;
  border-top: 1px solid #d5ddeb;
  box-sizing: border-box;
}

.calendar-content__list .list-title {
  display: flex;
  justify-content: space-evenly;
  margin-top: 0.25rem;
  font-size: 0.725rem;
  color: #708694;
}

.calendar-content__list .list-title p {
  width: calc(100% / 7);
  text-align: center;
}

.calendar-content__list .list-content ul {
  display: flex;
  font-size: 0.725rem;
  color: #708694;
  flex-wrap: wrap;
}

.calendar-content__list .list-content ul li {
  height: 1.9rem;
  flex: 0 0 calc(100% / 7);
  display: flex;
  align-items: center;
  justify-content: center;
}

.calendar-content__list .list-content ul li img {
  display: block;
  width: 1.875rem;
  height: 1.875rem;
}

.calendar-content__list .list-prize,
.calendar-content__list .list-prize1 {
  position: relative;
  width: 15.85rem;
  height: 12.2rem;
  margin: -0.375rem auto 0;
}

.calendar-content__list .list-prize1 {
  height: 13.675rem;
}

.calendar-content__list .list-prize img {
  display: block;
  width: 100%;
  height: 100%;
}

.calendar-content__list .list-prize p {
  position: absolute;
  top: 6.275rem;
  width: 100%;
  font-size: 0.55rem;
  color: #989CA7;
  text-align: center;
}

.calendar-content__list .list-bottom {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  bottom: 0.55rem;
  left: 0;
  right: 0;
}

.calendar-content__list .list-tips {
  width: 100%;
  font-size: 0.65rem;
  color: #5A6EA9;
  margin-bottom: 0.15rem;
}
.calendar-content__list .list-tips p {
  width: 100%;
  font-weight: 500;
  text-align: center;
}

.calendar-content__list .list-button {
  width: 11.2rem;
  height: 5.425rem;
  margin-top: -0.5rem;
}

.calendar-content__list .list-button img {
  display: block;
  width: 100%;
  height: 100%;
}

.content-banner__banner {
  width: 16rem;
  padding-top: 0.125rem;
  margin: 0 auto;
}

.content-banner__banner .swiper-container {
  padding-bottom: 0.25rem;
}

.content-banner__banner .swiper-container .swiper-slide {
  padding: 0 0.4rem;
  box-sizing: border-box;
}

.content-banner__banner .swiper-container img {
  width: 15.125rem;
  height: 5.325rem;
  border-radius: 0.25rem;
}

.content-banner__banner .swiper-container .swiper-pagination {
  position: relative;
  height: 0.15rem;
  bottom: -0.25rem;
  display: flex;
  justify-content: center;
}

.content-banner__banner .swiper-container .swiper-pagination span {
  width: 0.5rem;
  height: 0.15rem;
  margin: 0 0.075rem;
  border-radius: 0.075rem;
}

.content-banner__banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ff8a6b;
}

.popup-address .popup-tips {
  padding: 0 0.625rem 1.1rem;
}

.popup-address .popup-tips__form > div {
  display: flex;
  padding: 0.5rem 0 1rem;
  border-bottom: 1px solid #D8D8D8;
  font-size: 0.7rem;
  color: #13252E;
  align-items: baseline;
}

.popup-address .popup-tips__form > div p {
  flex: 0 0 3.6rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.popup-address .popup-tips__form > div input {
  flex: 1;
  font-size: 0.7rem;
  color: #757575;
  border: none;
  background: transparent;
}

.popup-address .popup-tips__form > div span {
  word-break: break-all;
}

.popup-address .popup-tips__form .form-address {
  padding-bottom: 0.5rem;
}

.popup-address .popup-tips__form .form-address__select {
  white-space: nowrap;
}

.popup-address .popup-tips__form .form-address span {
  color: #757575;
  word-break: break-all;
}

.popup-address .popup-tips__form .form-address select {
  width: 32%;
  border: 1px solid #D8D8D8;
  text-align: center;
  line-height: 1rem;
  border-radius: 0.15rem;
  color: #757575;
  font-size: 0.7rem;
}

.popup-address .popup-tips__form .form-address .contenteditable {
  width: 100%;
  max-height: 4rem;
  margin-top: 0.5rem;
  font-size: 0.7rem;
  color: #757575;
  border: none;
  overflow-y: auto;
  white-space: normal;
  word-break: break-all;
}

.popup-address .popup-tips__form .form-address .contenteditable:empty::before {
  content: '街道/乡村/小区楼栋/单元门';
  color: gray;
}

.popup-address .popup-tips__warms {
  padding: 0.675rem 0 0.4rem;
  font-size: 0.6rem;
  color: #666;
  text-align: center;
}

.an-color {
  background-color: #FFFFFF;
}

.ad-gift {
  width: 5.5rem;
  position: absolute;
  top: 8.5rem;
  right: 0.5rem;
  text-align: center;
  z-index: 10;
}

.ad-gift img {
  display: block;
  width: 100%;
}

.ad-gift p {
  padding: 0 0.1rem;
  font-size: 0.45rem;
  color: white;
  background-color: rgba(0, 0, 0, 0.7);
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.ad-gift .ad-gift__close {
  display: block;
  position: absolute;
  bottom: -1.2em;
  left: 0;
  right: 0;
  width: 0.8rem;
  height: 0.8rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  margin: auto;
}

.popup-member_box {
  position: relative;
  width: 15.4rem;
  height: 16.5rem;
  background: url('../images/new0612/member_popup.png?t=20251021') no-repeat center top/15.4rem 16.5rem;
}

.popup-member .popup-tips__bottom {
  position: absolute;
  top: 10.675rem;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}

.popup-member .popup-close {
  margin: 0 auto;
  position: absolute;
  top: 15rem;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}