@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  font-family: GROBOLDDYNAMIC;
  position: relative;
}

.font-set {
  font-family: GROBOLDDYNAMIC;
}

#count-down-wrap {
  position: absolute;
  top: 5.92%;
  left: 31.7%;
  width: 40.6%;
  height: 1.02%;
}
#count-down-wrap #count-down {
  width: 100%;
  top: 16%;
  height: 62%;
  left: 0;
}

/*#login-user-info*/
#user_wrapper {
  position: absolute;
  top: 7%;
  width: 100%;
  height: 1.02%;
  text-align: center;
}

#logout {
  width: 20%;
  right: 1%;
  top: 0.7%;
  padding: 1.6% 0;
  border-radius: 999px;
  color: #ff4f8f;
  font-size: 20px;
}

.welcome-uid, #fb {
  width: 100%;
  height: 100%;
}

.welcome-uid {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 999px;
  padding: 1.5% 4%;
}

#fb img {
  height: 78.5%;
  object-fit: contain;
}

.welcome-uid {
  height: 100%;
  width: 60%;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.download-btn {
  position: absolute;
  top: 8%;
  left: 28%;
  width: 44%;
  height: 1.02%;
}

/* task */
#task-wrap {
  position: absolute;
  top: 11%;
  height: 13.1%;
  width: 100%;
}
#task-wrap .left-point {
  top: 21.75%;
  left: 31%;
  width: 12%;
}
#task-wrap .count-down-daily {
  top: 16.45%;
  left: 39.1%;
  width: 22%;
}
#task-wrap .info-item {
  width: 54.5%;
  left: 42%;
  height: 9.05%;
  margin-top: 1%;
}
#task-wrap #info-1 {
  top: 30.55%;
}
#task-wrap #info-2 {
  top: 40%;
}
#task-wrap #info-3 {
  top: 49.6%;
}
#task-wrap #info-4 {
  top: 58.88%;
}
#task-wrap #info-5 {
  top: 68.5%;
}
#task-wrap #info-6 {
  top: 77.9%;
}
#task-wrap .task_point {
  width: 16%;
  height: 43%;
  bottom: 0;
  left: 0;
  font-size: 10.4167px;
}
#task-wrap .task_limit {
  left: 13%;
  top: 33%;
  width: 17%;
  text-align: center;
  color: #2c782b;
}
#task-wrap .task_claim_btn {
  width: 29%;
  top: 25.2%;
  right: 2.5%;
}
#task-wrap .task_go {
  width: 19%;
  top: 25.9%;
  right: 36%;
}
#task-wrap .task_share {
  width: 34.5%;
  top: 25.7%;
  right: 36%;
}

#extra-score-wrap {
  position: absolute;
  top: 24.25%;
  left: 10.95%;
  width: 78.2%;
  height: 1.22%;
  color: #2c782b;
}
#extra-score-wrap .extra-info-item {
  height: 54%;
  top: 22%;
  right: 2%;
  width: 48%;
  display: flex;
  align-items: center;
}
#extra-score-wrap .extra-info-times {
  height: 38%;
  top: 31%;
  left: 12.8%;
  width: 22.5%;
  text-align: center;
}
#extra-score-wrap .task_claim_btn {
  width: 44%;
  height: 80%;
  top: 2%;
  right: 4.8%;
  margin-left: 33%;
  object-fit: contain;
}
#extra-score-wrap #extra-info-easterDayScore {
  top: 22%;
}

/* invite */
#invite-wrap {
  position: absolute;
  top: 27.8%;
  left: 2.5%;
  height: 10%;
  width: 95%;
}
#invite-wrap .invite_num {
  top: 36.5%;
}
#invite-wrap .invite_num {
  top: 36.5%;
}
#invite-wrap .left-point {
  top: 23.3%;
  left: 29.7%;
  width: 13%;
}
#invite-wrap .invite-btn {
  width: 30%;
  height: 6%;
  top: 30%;
  left: 35%;
}
#invite-wrap .progress-bg {
  width: 82.5%;
  height: 1%;
  left: 9%;
  background-image: url(/EggsFiesta/images/progress-off.png);
}
#invite-wrap .invite_stage {
  width: 2.7%;
  height: 1.9%;
}
#invite-wrap .row-0 {
  top: 50.5%;
  z-index: 99;
}
#invite-wrap .row-1 {
  top: 77%;
  z-index: 99;
}
#invite-wrap .invite-claim-btn {
  width: 13.2%;
}
#invite-wrap .invite-progress-text {
  top: 93.7%;
  left: 66.1%;
}
#invite-wrap .stage-on {
  background-image: url(/EggsFiesta/images/stage-on.png);
}
#invite-wrap .stage-off {
  background-image: url(/EggsFiesta/images/stage-off.png);
}
#invite-wrap .stage-complete {
  background-image: url(/EggsFiesta/images/stage-complete.png);
}
#invite-wrap .col-0 {
  left: 14.6%;
}
#invite-wrap .col-1 {
  left: 32.1%;
}
#invite-wrap .col-2 {
  left: 49.2%;
}
#invite-wrap .col-3 {
  left: 66.5%;
}
#invite-wrap .col-4 {
  left: 83.7%;
}
#invite-wrap .claim-row-0 {
  top: 66%;
}
#invite-wrap .claim-row-1 {
  top: 93%;
}
#invite-wrap .claim-col-0 {
  left: 8.5%;
}
#invite-wrap .claim-col-1 {
  left: 26%;
}
#invite-wrap .claim-col-2 {
  left: 43.4%;
}
#invite-wrap .claim-col-3 {
  left: 61%;
}
#invite-wrap .claim-col-4 {
  left: 78%;
}
#invite-wrap .progress-row-0 {
  top: 51.2%;
}
#invite-wrap .progress-row-1 {
  top: 77.6%;
  height: 0.6%;
}
#invite-wrap .progress-col-0 {
  left: 9.4%;
  width: 6.7%;
  border-radius: 6px;
}
#invite-wrap .progress-col-1 {
  left: 16.5%;
  width: 16%;
}
#invite-wrap .progress-col-2 {
  left: 34.1%;
  width: 16%;
}
#invite-wrap .progress-col-3 {
  left: 51.1%;
  width: 16%;
}
#invite-wrap .progress-col-4 {
  left: 68.8%;
  width: 16%;
}
#invite-wrap .progress-col-5 {
  left: 86.2%;
  width: 4.9%;
}

/*<!--social-task-->*/
#social-task-wrap {
  position: absolute;
  top: 41%;
  height: 6.28%;
  width: 100%;
}
#social-task-wrap .left-point {
  width: 12.9%;
  top: 29.5%;
  left: 31%;
}
#social-task-wrap .social-info-item {
  width: 42.3%;
  height: 18.5%;
}
#social-task-wrap .layer-1 {
  top: 45.8%;
}
#social-task-wrap .layer-2 {
  top: 68.9%;
}
#social-task-wrap .side-0 {
  left: 11.5%;
}
#social-task-wrap .side-1 {
  left: 49.35%;
}
#social-task-wrap .social-follow {
  width: 39%;
  height: 33%;
  top: 0.5%;
  left: 50%;
}
#social-task-wrap .social-reward {
  width: 29%;
  height: 33%;
  top: 46.2%;
  left: 7.1%;
}
#social-task-wrap .social-claim {
  width: 39%;
  height: 46%;
  top: 41%;
  left: 48%;
}
/*<!--game 幸运彩蛋寻宝-->*/
.game-wrap {
  position: absolute;
  top: 51%;
  width: 100%;
  height: 11%;
}
.game-wrap .left-point {
  width: 13%;
  top: 6.8%;
  left: 31%;
}
.game-wrap .count-down-daily {
  top: -6.5%;
  left: 39.3%;
  width: 22.2%;
  color: white;
}
.game-wrap .show-tips {
  width: 6.3%;
  height: 4.6%;
  top: 47.8%;
  left: 89.4%;
}
.game-wrap .wheel-board {
  width: 70%;
  aspect-ratio: 1/1;
  top: 18.6%;
  left: 15%;
}
.game-wrap .wheel-disc {
  width: 100%;
  left: 0;
  top: 0;
  transform: rotate(0deg);
  transform-origin: center center;
}
.game-wrap .wheel-selected-check {
  width: 10.5%;
  z-index: 4;
}
.game-wrap .wheel-selected-check.slot-0 {
  top: 22.5%;
  left: 45.75%;
}
.game-wrap .wheel-control {
  width: 60%;
  left: 20%;
  top: -15.3%;
  z-index: 5;
}
.game-wrap .game-times {
  top: -1.4%;
  color: #fff;
}
.game-wrap #redeem_game_btn {
  top: 81%;
  left: 37%;
  width: 25%;
  height: 6%;
}
.game-wrap .egg-result-display {
  width: 48%;
  top: 71.2%;
  left: 26%;
  z-index: 6;
}
.game-wrap .egg-result-display.hidden {
  display: none !important;
}
.game-wrap #egg_result_content {
  background: rgba(66, 143, 30, 0.92);
  border: 4px solid #fff;
  border-radius: 16px;
  padding: 3% 6%;
  font-size: 28px;
  color: #fff;
  text-shadow: 1px 1px 0 #3c4a1d;
}

/*<!--store-->*/
#store {
  position: absolute;
  top: 62.7%;
  width: 100%;
  height: 7.1%;
}
#store .left-point {
  top: 12.5%;
  left: 31%;
  width: 13%;
}
#store .reward-item {
  width: 45%;
  height: 16.45%;
  text-shadow: -1px -1px 1px #5f5f5f, 1px -1px 1px #5f5f5f, -1px 1px 1px #5f5f5f, 1px 1px 1px #5f5f5f;
}
#store .store-row-0 {
  top: 20.8%;
}
#store .store-row-1 {
  top: 38.35%;
}
#store .store-row-2 {
  top: 55.9%;
}
#store .store-row-3 {
  top: 73.45%;
}
#store .store-col-0 {
  left: 5.4%;
}
#store .store-col-1 {
  left: 50.9%;
}
#store .redeemed-times {
  width: 22%;
  top: 12.6%;
  left: 36.2%;
}
#store .redeemed-num {
  width: 23%;
  top: 51.2%;
  left: 35.8%;
}
#store .redeemed-point {
  width: 22%;
  top: 62.6%;
  left: 3.2%;
}
#store .redeemed-btn {
  width: 34.5%;
  top: 33%;
  left: 61.2%;
}

/*<!--rank-->*/
#rank_list_wrap {
  position: absolute;
  top: 71.2%;
  left: 4.15%;
  width: 91.7%;
  height: 10%;
  color: #2c782b;
}
#rank_list_wrap .rank-item {
  width: 63.6%;
  height: 5.6%;
  left: 21.1%;
  justify-content: center;
  align-items: center;
}
#rank_list_wrap .rank-name {
  width: 41%;
  left: 14.6%;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#rank_list_wrap .rank-num {
  left: 64%;
  width: 20%;
}
#rank_list_wrap .rank-item-0 {
  top: 25.9%;
}
#rank_list_wrap .rank-item-1 {
  top: 32.5%;
}
#rank_list_wrap .rank-item-2 {
  top: 39.3%;
}
#rank_list_wrap .rank-item-3 {
  top: 45.95%;
}
#rank_list_wrap .rank-item-4 {
  top: 52.9%;
}
#rank_list_wrap .rank-item-5 {
  top: 59.5%;
}
#rank_list_wrap .rank-item-6 {
  top: 66.4%;
}
#rank_list_wrap .rank-item-7 {
  top: 73.1%;
}
#rank_list_wrap .rank-item-8 {
  top: 79.9%;
}
#rank_list_wrap .rank-item-9 {
  top: 86.6%;
}
#rank_list_wrap .rank-avatar {
  width: 9%;
  left: 4.1%;
  top: 5.5%;
}
#rank_list_wrap .rank-avatar-img {
  width: 100%;
  top: 18%;
  border-radius: 100%;
}
#rank_list_wrap #rank-current-user {
  width: 92%;
  top: 91.6%;
  height: 8.6%;
  left: 4%;
}
#rank_list_wrap #rank-current-user .rank-avatar {
  top: 19%;
  left: 21.1%;
  width: 9%;
}
#rank_list_wrap #rank-current-user .rank-name {
  top: 38%;
  left: 31%;
  width: 23%;
}
#rank_list_wrap #rank-current-user .rank-num {
  left: 60%;
  top: 37%;
}

/*<!--rewarded-->*/
#rewarded_container {
  position: absolute;
  top: 85.4%;
  left: 5.85%;
  width: 88.2%;
  height: 2%;
}
#rewarded_container #rewarded-wrap {
  width: 100%;
  justify-content: center;
  top: 25%;
}
#rewarded_container .rewarded-num {
  left: 0;
  width: 100%;
}
#rewarded_container .rewarded-item {
  width: 15.8%;
}
#rewarded_container .rewarded-item-img {
  width: 85%;
}
#rewarded_container .rewarded-item-0 {
  top: 32%;
  left: 22%;
}
#rewarded_container .rewarded-item-1 {
  top: 32%;
  left: 44%;
}
#rewarded_container .rewarded-item-2 {
  top: 32%;
  left: 66.6%;
}
#rewarded_container .rewarded-item-3 {
  top: 64.6%;
  left: 10%;
}
#rewarded_container .rewarded-item-4 {
  top: 64.6%;
  left: 32.7%;
}
#rewarded_container .rewarded-item-5 {
  top: 64.6%;
  left: 55.7%;
}
#rewarded_container .rewarded-item-6 {
  top: 64.6%;
  left: 78%;
}

.max-width-75 {
  max-width: 75%;
}

.video-title-section {
  position: absolute;
  top: 90.8%;
  left: 5.8%;
  width: 88.3%;
  height: 4.9%;
}

#redeem-confirm-wrap {
  top: 20%;
  width: 80%;
  left: 10%;
  z-index: 1000;
}
#redeem-confirm-wrap .operate-btn {
  height: 20%;
  width: 34%;
  top: 63%;
}
#redeem-confirm-wrap .confirm-btn {
  left: 12%;
}
#redeem-confirm-wrap .cancel-btn {
  left: 59%;
}

#stars {
  position: absolute;
  top: 97.5%;
  left: 9%;
  width: 82%;
  height: 1.23%;
}
#stars .stars-wrap {
  height: 100%;
}
#stars .stars-wrap .stars-item {
  opacity: 0;
}

#redeem-game-confirm-wrap {
  top: 20%;
  width: 80%;
  left: 10%;
  z-index: 1000;
}
#redeem-game-confirm-wrap .operate-btn {
  height: 20%;
  width: 32%;
  top: 68%;
}
#redeem-game-confirm-wrap .confirm-btn {
  left: 13%;
}
#redeem-game-confirm-wrap .cancel-btn {
  left: 59%;
}

.game-tips-card {
  top: 18%;
  left: 8%;
  width: 84%;
  background: #35b18b;
  border: 8px solid #fff;
  border-radius: 24px;
  padding: 5% 5% 7%;
  color: #fff;
}

.game-tips-title {
  font-size: 56px;
  line-height: 1.1;
  margin-bottom: 5%;
  text-shadow: 2px 2px 0 #45608f;
}

.game-tips-list {
  margin-bottom: 5%;
}

.game-tips-item {
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
}

.game-tips-icon {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}

.game-tips-text {
  font-size: 34px;
  line-height: 1.2;
}

.game-tips-desc {
  font-size: 26px;
  line-height: 1.35;
  margin-bottom: 6%;
}

.game-tips-close {
  width: 40%;
  margin: 0 auto;
  padding: 3% 0;
  border-radius: 999px;
  background: #7adc18;
  color: #fff;
  font-size: 34px;
  box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.18);
}

/*# sourceMappingURL=style.css.map */