* {
  margin: 0;
  padding: 0;
}

html,
body {
  font-size: 0.24rem;
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100% !important;
  -ms-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}

#root {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: huaHuaShiJie !important;
}

.popcontainer {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  width: 7.5rem;
  height: 16.24rem;
  left: 50%;
  top: 50%;
  margin-top: -8.12rem;
  margin-left: -3.75rem;
  z-index: 999;
}

.btn:active {
  transform: scale(0.9);
  -ms-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -o-transform: scale(0.9);
  /* Opera */
}

/**灰色滤镜*/

.grey {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
  filter: gray;
}

.showin {
  -webkit-animation: showin 0.5s linear 0s 1;
  animation: showin 0.5s linear 0s 1;
}

@-webkit-keyframes showin {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }

  70% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes showin {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }

  70% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.tc {
  text-align: center;
}

.mt-1 {
  margin-top: 0.1rem;
}

.mr-1 {
  margin-right: 0.1rem;
}

.mb-1 {
  margin-bottom: 0.1rem;
}

.ml-1 {
  margin-left: 0.1rem;
}

.mt-2 {
  margin-top: 0.2rem;
}

.mr-2 {
  margin-right: 0.2rem;
}

.mb-2 {
  margin-bottom: 0.2rem;
}

.ml-2 {
  margin-left: 0.2rem;
}

.displayNone {
  display: none;
}

.content-box {
  position: absolute;
  top: calc(50% - 8.12rem);
  width: 100%;
  height: 100%;
  left: 0;
}

.sense-container {
  width: 100vw;
  min-height: 100vh;
}

.zoom {
  -webkit-animation: zoom 0.3s linear;
  animation: zoom 0.3s linear;
}

@-webkit-keyframes zoom {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  66% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes zoom {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  66% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.img-cover {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
}

.img-contain {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: contain;
  object-fit: contain;
}

.hiddenv {
  width: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
}

.grey {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.bfc-cont {
  overflow: hidden;
  margin-top: 0.1rem;
}

.fl-cont {
  float: left;
}

.fr-cont {
  float: right;
}

.tcl {
  left: 50% !important;
  -webkit-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}

.tcc {
  left: 50% !important;
  -webkit-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
  text-align: center;
}

.lineClamp1 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.lineClamp2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.slide-top-leave-active,
.slide-top-enter-active {
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.1, 0.43, 1.27);
  transition: all 0.4s cubic-bezier(0.25, 0.1, 0.43, 1.27);
}

.slide-top-enter,
.slide-top-leave-to {
  -webkit-transform: translateY(70%);
  transform: translateY(70%);
  opacity: 0;
}

.scale-in-leave-active,
.scale-in-enter-active {
  -webkit-transition: all 0.8s cubic-bezier(0.25, 0.1, 0.13, 1.43);
  transition: all 0.8s cubic-bezier(0.25, 0.1, 0.13, 1.43);
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.scale-in-enter,
.scale-in-leave-to {
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  opacity: 0;
}

.scale-in-center-leave-active,
.scale-in-center-enter-active {
  -webkit-transition: all 0.6s cubic-bezier(0.25, 0.1, 0, 1.87);
  transition: all 0.6s cubic-bezier(0.25, 0.1, 0, 1.87);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.scale-in-center-enter,
.scale-in-center-leave-to {
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  opacity: 0;
}

.fade-in-linear-leave-active,
.fade-in-linear-enter-active {
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.fade-in-linear-enter,
.fade-in-linear-leave-to {
  opacity: 0;
}

.qg-popover {
  background-color: #0e0e0e;
  padding: 0.12rem 0.3rem;
  color: #fff;
  font-size: 0.32rem;
  border-radius: 0.2rem;
  position: fixed;
  z-index: 20210601;
}

.qg-popover::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-width: 0.1rem;
  border-style: solid;
  border-color: transparent;
  border-top-color: #0e0e0e;
  bottom: -0.2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@-webkit-keyframes light {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes light {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.getPrize {
  width: 6.23rem;
  height: 9.46rem;
  top: calc(45% - 9.46rem/2);
  left: 0.63rem;
  position: absolute;
}

.getPrize .getPrize_box {
  width: 6.23rem;
  height: 9.46rem;
  position: absolute;
}

.getPrize .bg {
  width: 100%;
  height: 100%;
  position: absolute;
}

.getPrize .prize_img {
  width: 2.51rem;
  height: 2.51rem;
  top: 4.21rem;
  left: 1.86rem;
  position: absolute;
  border-radius: 0.2rem;
  border: 0.03rem solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
}

.getPrize .img_heart {
  width: 0.47rem;
  height: 0.52rem;
  position: absolute;
  left: 1.65rem;
  top: 4rem;
}

.getPrize .prize_text {
  width: 100%;
  height: 0.27rem;
  top: 6.95rem;
  text-align: center;
  position: absolute;
  font-size: 0.27rem;
  line-height: 0.27rem;
  padding: 0 0.7rem;
  color: #ffffff;
  text-shadow: #000 0.02rem 0 0, #000 0 0.02rem 0, #000 -0.02rem 0 0, #000 0 -0.02rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.getPrize .prize_desc {
  width: 100%;
  top: 7.36rem;
  position: absolute;
  padding: 0 0.8rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 0.22rem;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.getPrize .rank_text {
  width: 100%;
  top: 3.61rem;
  text-align: center;
  position: absolute;
  font-size: 0.4rem;
  line-height: 0.39rem;
  color: #ffffff;
  text-shadow: #000 0.02rem 0 0, #000 0 0.02rem 0, #000 -0.02rem 0 0, #000 0 -0.02rem 0;
}

.getPrize .main_btn {
  width: 2.54rem;
  height: 0.75rem;
  top: 8.21rem;
  left: 1.83rem;
  position: absolute;
}
.rule_box {
  width: 5.82rem;
  height: 8.65rem;
  top: 50%;
  margin-top: -4.32rem;
  left: 0.84rem;
  position: absolute;
}

.rule_box .bei_jing_kuang {
  width: 5.82rem;
  height: 8.01rem;
  top: 0.64rem;
  left: 0;
  position: absolute;
}

.rule_box .guan_bi {
  width: 0.57rem;
  height: 0.57rem;
  top: 0;
  left: 5.24rem;
  position: absolute;
}

.rule_box .biao_ti {
  width: 1.96rem;
  height: 0.48rem;
  top: 1.3rem;
  left: 1.93rem;
  position: absolute;
}

.rule_box .biao_ti .huo_dong_gui_ze {
  width: 2.06rem;
  height: 0.48rem;
  top: 0;
  left: 0;
  position: absolute;
  font-size: 0.5rem;
  line-height: 0.48rem;
  color: #f6dc73;
}

.rule_box .text {
  width: 4.73rem;
  height: 5.72rem;
  top: 2.09rem;
  left: 0.55rem;
  overflow: scroll;
  position: absolute;
  font-size: 0.24rem;
  color: #ffffff;
}

.rule_box .text::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.modal-hoc-bg {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000;
}
.homepage {
  width: 7.5rem;
  height: 100vh;
  position: absolute;
  overflow: hidden;
}

.homepage .homepage_box {
  width: 7.5rem;
  height: 16.24rem;
  top: calc(50% - 16.24rem/2);
  left: 0;
  position: absolute;
}

.homepage .bg {
  width: 7.5rem;
  height: 16.24rem;
  top: 0;
  left: 0;
  position: absolute;
}

.homepage .sub_title {
  width: 4.53rem;
  height: 0.59rem;
  top: 5.06rem;
  left: 1.49rem;
  position: absolute;
}

.homepage .top_btn {
  width: 7.5rem;
  height: 0.93rem;
  top: 0;
  left: 0;
  position: fixed;
}

.homepage .top_btn .rule {
  width: 2.53rem;
  height: 0.93rem;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 9;
}

.homepage .top_btn .rank_list {
  width: 2.56rem;
  height: 0.93rem;
  top: 0;
  left: 2.47rem;
  position: absolute;
}

.homepage .top_btn .my_prize {
  width: 2.54rem;
  height: 0.93rem;
  top: 0;
  left: 4.96rem;
  position: absolute;
}

.homepage .start_box {
  width: 3.68rem;
  height: 2.72rem;
  top: 11.42rem;
  left: 3.41rem;
  position: absolute;
  -webkit-animation: ani_right 1.5s infinite ease-in-out;
  animation: ani_right 1.5s infinite ease-in-out;
}

.homepage .start_box .start_btn {
  width: 3.68rem;
  height: 2.72rem;
  top: 0;
  left: 0;
  position: absolute;
}

.homepage .start_box .btn_grey {
  width: 0;
  height: 0;
  top: -11.58rem;
  left: -3.41rem;
  position: absolute;
}

.homepage .start_box .text {
  width: 2.46rem;
  height: 0.33rem;
  top: 1.28rem;
  left: 0.82rem;
  position: absolute;
  text-align: center;
  font-size: 0.23rem;
  line-height: 0.33rem;
  color: #000000;
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

.homepage .more {
  width: 2.87rem;
  height: 2.17rem;
  top: 12.26rem;
  left: 0.25rem;
  position: absolute;
  -webkit-animation: ani_left 1.5s infinite ease-in-out;
  animation: ani_left 1.5s infinite ease-in-out;
}

@-webkit-keyframes ani_right {
  0% {
    top: 11.42rem;
  }

  50% {
    top: 11.64rem;
  }

  100% {
    top: 11.42rem;
  }
}

@keyframes ani_right {
  0% {
    top: 11.42rem;
  }

  50% {
    top: 11.64rem;
  }

  100% {
    top: 11.42rem;
  }
}

@-webkit-keyframes ani_left {
  0% {
    top: 12.26rem;
  }

  50% {
    top: 11.94rem;
  }

  100% {
    top: 12.26rem;
  }
}

@keyframes ani_left {
  0% {
    top: 12.26rem;
  }

  50% {
    top: 11.94rem;
  }

  100% {
    top: 12.26rem;
  }
}
.myPrize {
  width: 7.5rem;
  height: 100vh;
  overflow: hidden;
  position: absolute;
}

.myPrize .myPrize_box {
  width: 7.5rem;
  height: 16.24rem;
  top: calc(50% - 16.24rem / 2);
  left: 0;
  position: absolute;
}

.myPrize .bg {
  width: 7.5rem;
  height: 16.24rem;
  top: 0;
  left: 0;
  position: absolute;
}

.myPrize .return {
  width: 0.53rem;
  height: 0.52rem;
  top: 2.23rem;
  left: 0.56rem;
  position: absolute;
}

.myPrize .title {
  width: 2.14rem;
  height: 0.41rem;
  top: 2.28rem;
  left: 2.67rem;
  position: absolute;
}

.no_data {
  width: 7.5rem;
  line-height: 4rem;
  color: #fff;
  text-align: center;
}

.my-prize-content {
  position: absolute;
  left: 0;
  top: 3rem;
  bottom: 0;
  height: 11rem;
  overflow: scroll;
  width: 100%;
}

.my-prize-content__scroll {
  width: 100%;
  height: 100%;
  padding-top: 0.3rem;
}

.my-prize-container .my-prize-list {
  width: 100%;
  height: auto;
}

.my-prize-container .my-prize-item__empty {
  text-align: center;
  color: #fff;
  margin-top: 0.3rem;
}

.my-prize-list .my-prize-item {
  width: 7rem;
  height: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.28rem 0 0.26rem;
  margin: 0 auto 0;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0.2rem;
}

.my-prize-list .my-prize-item .my-prize-item__avatar {
  width: 1.2rem;
  height: 1.2rem;
  border: 0.02rem solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
}

.my-prize-list .my-prize-item .my-prize-item__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  padding: 0 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 1.5rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.my-prize-list .my-prize-item .my-prize-item__subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #959595;
}

.my-prize-list .my-prize-item .my-prize-item__copy {
  width: 0.2rem;
  height: 0.2rem;
}

.my-prize-list .my-prize-item .prize-item__status {
  width: 1.5rem;
}

.my-prize-list .my-prize-item .prize-item__status .coupon-btn {
  width: 1.5rem;
  height: 0.4rem;
  line-height: 0.4rem;
  color: #000;
  font-size: 0.22rem;
  border-radius: 0.3rem;
  text-align: center;
}

.prize-item__status > image {
  width: 100%;
}

.my-prize-list .my-prize-item .my-prize-item__name {
  width: 100%;
  font-size: 0.26rem;
  letter-spacing: -0.01rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  font-weight: 600;
}

.my-prize-list .my-prize-item .my-prize-item__tip {
  margin-top: 0.08rem;
  font-size: 0.18rem;
  line-height: 0.2rem;
  letter-spacing: 0;
  color: #959595;
}

.my-prize-list .my-prize-item .my-prize-item__code {
  width: 2.9rem;
  font-family: PingFangSC-Regular;
  font-size: 0.2rem;
  color: #959595;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ranklist {
  width: 7.5rem;
  height: 100vh;
  position: absolute;
  overflow: hidden;
}

.ranklist .ranklist_box {
  width: 7.5rem;
  height: 16.24rem;
  top: calc(50% - 16.24rem / 2);
  left: 0;
  position: absolute;
}

.ranklist .bg {
  width: 7.5rem;
  height: 16.24rem;
  top: 0;
  left: 0;
  position: absolute;
}

.ranklist .list_box {
  width: 6.03rem;
  height: 2.19rem;
  top: 8.24rem;
  left: 0.74rem;
  position: absolute;
}

.ranklist .list_box .yuan_jiao_ju_xing_602kao_bei_2 {
  width: 6.01rem;
  height: 0.38rem;
  top: 1.81rem;
  left: 0.01rem;
  position: absolute;
}

.ranklist .list_box .di_yi_ming {
  width: 6.03rem;
  height: 0.4rem;
  top: 1.26rem;
  left: 0;
  position: absolute;
}

.ranklist .list_box .di_yi_ming .yuan_jiao_ju_xing_602kao_bei {
  width: 6.03rem;
  height: 0.4rem;
  top: 0;
  left: 0;
  position: absolute;
}

.ranklist .list_box .di_yi_ming .sss1 {
  width: 0.21rem;
  height: 0.19rem;
  top: 0.12rem;
  left: 0.8rem;
  position: absolute;
  font-size: 0.24rem;
  line-height: 0.19rem;
  color: #000000;
}

.ranklist .list_box .di_yi_ming .sss999999 {
  width: 0.91rem;
  height: 0.2rem;
  top: 0.1rem;
  left: 4.72rem;
  position: absolute;
  font-size: 0.24rem;
  line-height: 0.2rem;
  color: #000000;
}

.ranklist .list_box .di_yi_ming .yong_hu_ni_cheng {
  width: 1.06rem;
  height: 0.23rem;
  top: 0.08rem;
  left: 2.51rem;
  position: absolute;
  font-size: 0.24rem;
  line-height: 0.23rem;
  color: #000000;
}

.ranklist .list_box .myrank {
  width: 6.03rem;
  height: 0.4rem;
  top: 0.66rem;
  left: 0;
  position: absolute;
}

.ranklist .list_box .myrank span {
  height: 0.4rem;
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.4rem;
  color: #ffffff;
  display: inline-block;
  vertical-align: top;
}

.ranklist .list_box .myrank .myrank_rank {
  width: 1.7rem;
}

.ranklist .list_box .myrank .nickname {
  width: 2.5rem;
}

.ranklist .list_box .myrank .myrank_score {
  width: 1.83rem;
}

.ranklist .list_box .title {
  width: 5.03rem;
  height: 0.43rem;
  top: 0;
  left: 0.49rem;
  position: absolute;
}

.ranklist .list_box .bottom_list {
  width: 6.03rem;
  height: 4.08rem;
  top: 1.26rem;
  left: 0;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
  overflow: scroll;
}

.ranklist .list_box .bottom_list::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.ranklist .list_box .bottom_list .rank_item {
  margin-bottom: 0.16rem;
  background-color: #edecdd;
  border-radius: 0.12rem;
}

.ranklist .list_box .bottom_list .rank_item span {
  height: 0.37rem;
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.37rem;
  display: inline-block;
  vertical-align: top;
}

.ranklist .list_box .bottom_list .rank_item .myrank_rank {
  width: 1.7rem;
}

.ranklist .list_box .bottom_list .rank_item .nickname {
  width: 2.5rem;
}

.ranklist .list_box .bottom_list .rank_item .myrank_score {
  width: 1.83rem;
}

.ranklist .list_box .bottom_list .no_data {
  width: 100%;
  text-align: center;
  line-height: 3rem;
  color: #000;
  position: absolute;
}

.ranklist .prize_box {
  width: 6.03rem;
  height: 2.92rem;
  top: 4.32rem;
  left: 0.74rem;
  position: absolute;
}

.ranklist .prize_box .prizeList {
  width: 6.03rem;
  height: 2.92rem;
  top: 0.84rem;
  position: absolute;
  padding: 0 0.1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: scroll;
  white-space: nowrap;
}

.ranklist .prize_box .prizeList .prize_item {
  width: 1.56rem;
  height: 2.08rem;
  display: inline-block;
  margin: 0 0.18rem;
  vertical-align: top;
}

.ranklist .prize_box .prizeList .prize_item .prize_text {
  width: 1.56rem;
  font-size: 0.2rem;
  color: #343434;
  text-align: center;
  line-height: 0.26rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: pre-line;
}

.ranklist .prize_box .prizeList .prize_item .prize_img {
  width: 1.56rem;
  height: 1.56rem;
  position: relative;
}

.ranklist .prize_box .prizeList .prize_item .prize_img .img_bg {
  width: 1.56rem;
  height: 1.56rem;
  position: absolute;
}

.ranklist .prize_box .prizeList .prize_item .prize_img .img_font {
  width: 1.38rem;
  height: 1.38rem;
  position: absolute;
  top: 0.09rem;
  left: 0.09rem;
  border-radius: 0.2rem;
}

.ranklist .prize_box .time {
  width: 100%;
  height: 0.21rem;
  top: 0;
  text-align: center;
  position: absolute;
  font-size: 0.22rem;
  line-height: 0.21rem;
  color: #343434;
  margin-top: 0.08rem;
}

.ranklist .prize_box .rank_desc {
  width: 3.2rem;
  top: 0.3rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.27rem;
  color: #343434;
  background-color: #d5e9d6;
  padding: 0.05rem 0.05rem;
  border-radius: 0.16rem;
  font-weight: 600;
  margin-top: 0.08rem;
}

.ranklist .return {
  width: 0.53rem;
  height: 0.52rem;
  top: 2.23rem;
  left: 0.56rem;
  position: absolute;
}
.project_rules_dialog__wrap {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  background-color: rgba(29, 27, 27, 0.86);
  display: none;
  z-index: 1000;
}

.project_rules_dialog__wrap.normalmodal-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dialog__body {
  word-break: break-all;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.dialog__body.center {
  margin: auto;
}
.mission-modal {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 7.5rem;
  height: 8.62rem;
}

.mission-modal .close-btn {
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
  right: 0.3rem;
  top: -0.5rem;
}

.mission-modal .back {
  width: 7.5rem;
  height: 8.62rem;
  display: block;
}

.mission-modal .mission-list__cont {
  position: absolute;
  top: 1.7rem;
  width: 6.4rem;
  height: 6.6rem;
  overflow: scroll;
}

.mission-modal .mission-list__cont .mission-item__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.2rem 0.4rem;
  background-color: #fdfbe9;
  border-radius: 0.2rem;
  border: 0.02rem solid #000000;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mission-modal .mission-list__cont .mission-item__cont:not(:first-child) {
  margin-top: 0.1rem;
}

.mission-modal .mission-list__cont .mission-item__cont .mission-img {
  width: 1rem;
  height: 1rem;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0.1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mission-modal .mission-list__cont .mission-item__cont .mission-info {
  margin-left: 0.1rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 1rem;
}

.mission-modal .mission-list__cont .mission-item__cont .mission-info .name {
  font-size: 0.26rem;
  font-weight: 600;
}

.mission-modal .mission-list__cont .mission-item__cont .mission-info .desc {
  margin-top: 0.05rem;
  font-size: 0.24rem;
}

.mission-modal .mission-list__cont .mission-item__cont .mission-status {
  margin-left: 0.2rem;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.mission-modal .mission-list__cont .mission-item__cont .mission-status .op-cont {
  width: 1.6rem;
  height: 0.53rem;
}
.inviteSuccess {
  width: 6.14rem;
  height: 7.59rem;
  top: 45%;
  margin-top: -3.8rem;
  left: 0.68rem;
  position: absolute;
}

.inviteSuccess .bg {
  width: 6.14rem;
  height: 7.59rem;
  top: 0;
  left: 0;
  position: absolute;
}

.inviteSuccess .close {
  width: 0.57rem;
  height: 0.57rem;
  top: 1.48rem;
  left: 5.48rem;
  position: absolute;
}

.inviteSuccess .text {
  width: 4rem;
  top: 4rem;
  left: 50%;
  margin-left: -2rem;
  text-align: center;
  position: absolute;
  font-size: 0.4rem;
  line-height: 0.8rem;
  color: #ffffff;
  text-shadow: #000 0.02rem 0 0, #000 0 0.02rem 0, #000 -0.02rem 0 0, #000 0 -0.02rem 0;
}

.inviteSuccess .main_btn {
  width: 2.54rem;
  height: 0.76rem;
  top: 6.15rem;
  left: 1.88rem;
  position: absolute;
}
.invite_box {
  width: 7.5rem;
  height: 7.59rem;
  top: 45%;
  margin-top: -3.8rem;
  left: 0;
  position: absolute;
}

.invite_box .invite_bg {
  width: 6.14rem;
  height: 7.59rem;
  top: 0;
  left: 0.56rem;
  position: absolute;
}

.invite_box .invite_close {
  width: 0.57rem;
  height: 0.57rem;
  top: 1.6rem;
  left: 6.08rem;
  position: absolute;
}

.invite_box .invite_main_btn {
  width: 2.54rem;
  height: 0.76rem;
  top: 6.27rem;
  left: 2.48rem;
  position: absolute;
}
.GoodsScene {
  width: 7.5rem;
  height: 100vh;
  overflow: hidden;
  position: absolute;
}

.GoodsScene .return {
  width: 0.53rem;
  height: 0.52rem;
  top: 2.23rem;
  left: 0.56rem;
  position: absolute;
}

.GoodsScene .GoodsScene_box {
  width: 7.5rem;
  height: 16.24rem;
  top: calc((100vh - 16.24rem) / 2);
  left: 0;
  position: absolute;
}

.GoodsScene .clock-cont {
  position: fixed;
  top: 4rem;
  right: 0.2rem;
  z-index: 100;
}

.GoodsScene .clock-cont .progress-cont {
  position: absolute;
  width: calc(100% - 0.04rem);
  left: 0.02rem;
  height: 0.13rem;
  overflow: hidden;
  top: 1rem;
  border-radius: 0.06rem;
}

.GoodsScene .clock-cont .progress-cont .progress-thumb {
  width: 100%;
  height: 100%;
  border-radius: 0.06rem;
  background-color: #ffdc31;
  position: absolute;
  left: 0;
}

.GoodsScene .clock-cont .clock {
  left: 5.89rem;
  top: 6.37rem;
  width: 1.57rem;
  height: 1.78rem;
  display: inline-block;
}

.GoodsScene .clock-cont .count {
  position: absolute;
  font-size: 0.4rem;
  color: #e86263;
  top: 0.34rem;
  font-weight: 700;
}

.GoodsScene .back {
  width: 7.5rem;
  height: 16.39rem;
  top: 0;
  left: 0;
  position: absolute;
}

.GoodsScene .goods_list-back {
  width: 6.74rem;
  height: 13.87rem;
  top: 2.34rem;
  left: 0.42rem;
  position: absolute;
}

.GoodsScene .goods_list-back .row-cont {
  width: 6rem;
  margin: 1.6rem auto 0;
  overflow: scroll;
  height: calc(13.87rem - (16.24rem - 100vh) / 2 - 2.4rem);
}

.GoodsScene .goods_list-back .row-cont .col-item__cont {
  width: 50%;
  display: inline-block;
  padding: 0 0.15rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.GoodsScene .goods_list-back .row-cont .col-item__cont .goods-item__cont {
  margin-top: 0.4rem;
  padding: 0.1rem;
  border: 0.04rem solid #000000;
  border-radius: 0.1rem;
  -webkit-box-shadow: 0 0.08rem 0.05rem #c4bdbd;
  box-shadow: 0 0.08rem 0.05rem #c4bdbd;
  position: relative;
}

.GoodsScene .goods_list-back .row-cont .col-item__cont .goods-item__cont .shop-cart__cont {
  position: absolute;
  right: 0.2rem;
  bottom: 0.1rem;
  width: 0.41rem;
  height: 0.34rem;
}

.GoodsScene .goods_list-back .row-cont .col-item__cont .goods-item__cont .heart {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  left: -0.1rem;
  top: -0.2rem;
}

.GoodsScene .goods_list-back .row-cont .col-item__cont .goods-item__cont .preview-cont {
  height: 2rem;
  border-radius: 0.08rem;
  border: 0.01rem solid #000000;
  overflow: hidden;
}

.GoodsScene .goods_list-back .row-cont .col-item__cont .goods-item__cont .name {
  color: #316b72;
  margin-top: 0.1rem;
  font-size: 0.24rem;
}

.GoodsScene .goods_list-back .row-cont .col-item__cont .goods-item__cont .price {
  color: #e73a3e;
  font-weight: 700;
  font-size: 0.28rem;
}
.midpage {
  width: 7.5rem;
  height: 100vh;
  position: absolute;
  overflow: hidden;
}

.midpage .homepage_box {
  width: 7.5rem;
  height: 16.24rem;
  top: calc(50% - 16.24rem/2);
  left: 0;
  position: absolute;
}

.midpage .bg {
  width: 7.5rem;
  height: 16.24rem;
  top: 0;
  left: 0;
  position: absolute;
}

.midpage .maskmid {
  width: 7.5rem;
  height: 16.24rem;
  top: 0;
  left: 0;
  position: absolute;
}

.midpage .more {
  width: 2.87rem;
  height: 2.17rem;
  top: 12.26rem;
  left: calc(50% - (2.87rem / 2));
  position: absolute;
  -webkit-animation: ani_left 1.5s infinite ease-in-out;
  animation: ani_left 1.5s infinite ease-in-out;
}

@-webkit-keyframes ani_right {
  0% {
    top: 11.42rem;
  }

  50% {
    top: 11.64rem;
  }

  100% {
    top: 11.42rem;
  }
}

@keyframes ani_right {
  0% {
    top: 11.42rem;
  }

  50% {
    top: 11.64rem;
  }

  100% {
    top: 11.42rem;
  }
}

@-webkit-keyframes ani_left {
  0% {
    top: 12.26rem;
  }

  50% {
    top: 11.94rem;
  }

  100% {
    top: 12.26rem;
  }
}

@keyframes ani_left {
  0% {
    top: 12.26rem;
  }

  50% {
    top: 11.94rem;
  }

  100% {
    top: 12.26rem;
  }
}

/*# sourceMappingURL=main.d3bfa3b3d32755f6b370.css.map*/