body {
  margin: 0;
  padding: 0;
  font-family: GROBOLDDYNAMIC;
}

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

#count-down-wrap {
  margin-top: -8%;
  width: 55%;
  height: 1.1%;
}
#count-down-wrap #count-down {
  width: 85%;
  top: 46%;
  height: 33%;
  left: 9%;
}

/*#login-user-info*/
#user_wrapper {
  width: 97%;
  height: 1%;
  align-items: center;
  margin-top: 4%;
}

#logout {
  width: 19%;
  right: 1%;
  top: 1%;
}

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

.download-btn {
  width: 40.86%;
  height: 1.1%;
  margin-top: -1%;
  margin-bottom: 0;
}

/* task */
#task-wrap {
  margin-top: 22%;
  height: 14.3%;
  width: 96%;
}
#task-wrap .left-point {
  top: 24.6%;
  left: 31%;
  width: 11.5%;
}
#task-wrap .count-down-daily {
  top: 19%;
  left: 39%;
  width: 21.5%;
}
#task-wrap .info-item {
  width: 54%;
  left: 41.5%;
  height: 9%;
}
#task-wrap #info-1 {
  top: 34.3%;
}
#task-wrap #info-2 {
  top: 43.9%;
}
#task-wrap #info-3 {
  top: 53.7%;
}
#task-wrap #info-4 {
  top: 63.5%;
}
#task-wrap #info-5 {
  top: 73.3%;
}
#task-wrap #info-6 {
  top: 83.1%;
}
#task-wrap .task_point {
  width: 16%;
  height: 43%;
  bottom: 0;
  left: 0;
  font-size: 10.4167px;
}
#task-wrap .task_limit {
  left: 23%;
  top: 30%;
  color: #bd0515;
}
#task-wrap .task_claim_btn {
  width: 30%;
  height: 43%;
  top: 25%;
  right: 2%;
}
#task-wrap .task_go {
  width: 20%;
  height: 43%;
  top: 25%;
  right: 34%;
  background-image: url(/MerrySpark/images/go.png);
}
#task-wrap .task_share {
  width: 30%;
  height: 43%;
  top: 25%;
  right: 34%;
  background-image: url(/MerrySpark/images/share.png);
}

#extra-score-wrap {
  width: 100%;
  height: 4%;
  margin-top: 2%;
  color: #bd0515;
}
#extra-score-wrap .extra-info-item {
  height: 33%;
  top: 28%;
  right: 5%;
  width: 46%;
}
#extra-score-wrap .extra-info-times {
  height: 33%;
  top: 28%;
  left: 10%;
  width: 46%;
}
#extra-score-wrap .task_claim_btn {
  width: 30%;
  height: 43%;
  top: 25%;
  right: 25%;
}
#extra-score-wrap #extra-info-happyNewYearScore {
  top: 63%;
}

/* invite */
#invite-wrap {
  margin-top: 10%;
  height: 12%;
  width: 96%;
}
#invite-wrap .left-point {
  top: 25.1%;
  left: 32.4%;
  width: 11%;
}
#invite-wrap .progress-bg {
  width: 82.5%;
  height: 1%;
  left: 9%;
  background-image: url(/MerrySpark/images/progress-off.png);
}
#invite-wrap .invite_stage {
  width: 2.7%;
  height: 1.9%;
}
#invite-wrap .row-0 {
  top: 50.4%;
  z-index: 99;
}
#invite-wrap .row-1 {
  top: 75.5%;
  z-index: 99;
}
#invite-wrap .invite-claim-btn {
  width: 13%;
  height: 3.7%;
}
#invite-wrap .invite-progress-text {
  top: 94.9%;
  left: 67%;
}
#invite-wrap .stage-on {
  background-image: url(/MerrySpark/images/stage-on.png);
}
#invite-wrap .stage-off {
  background-image: url(/MerrySpark/images/stage-off.png);
}
#invite-wrap .stage-complete {
  background-image: url(/MerrySpark/images/stage-complete.png);
}
#invite-wrap .claimon {
  background-image: url(/MerrySpark/images/claimon.png);
}
#invite-wrap .claimoff {
  background-image: url(/MerrySpark/images/claimoff.png);
}
#invite-wrap .claimcomplete {
  background-image: url(/MerrySpark/images/claimcomplete.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: 65.5%;
}
#invite-wrap .claim-row-1 {
  top: 90.5%;
}
#invite-wrap .claim-col-0 {
  left: 9.5%;
}
#invite-wrap .claim-col-1 {
  left: 26.5%;
}
#invite-wrap .claim-col-2 {
  left: 44%;
}
#invite-wrap .claim-col-3 {
  left: 61.3%;
}
#invite-wrap .claim-col-4 {
  left: 78.5%;
}
#invite-wrap .progress-row-0 {
  top: 51.2%;
}
#invite-wrap .progress-row-1 {
  top: 76.1%;
  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 {
  margin-top: 17%;
  height: 6.5%;
  width: 94%;
}
#social-task-wrap .left-point {
  width: 11.3%;
  top: 30.9%;
  left: 31.8%;
}
#social-task-wrap .social-info-item {
  width: 43%;
  height: 17.5%;
}
#social-task-wrap .layer-1 {
  top: 47%;
}
#social-task-wrap .layer-2 {
  top: 72%;
}
#social-task-wrap .side-0 {
  left: 10.5%;
}
#social-task-wrap .side-1 {
  left: 51%;
}
#social-task-wrap .social-follow {
  width: 40%;
  height: 36%;
  top: -2%;
  left: 49%;
}
#social-task-wrap .social-reward {
  width: 29%;
  height: 35%;
  top: 68%;
  left: 6%;
}
#social-task-wrap .social-claim {
  width: 37.2%;
  height: 42%;
  top: 43%;
  left: 48.4%;
}

/*<!--game-->*/
.game-wrap {
  width: 97%;
  height: 11.5%;
  margin-top: 17.3%;
}
.game-wrap .left-point {
  width: 11.3%;
  top: 8.4%;
  left: 31.8%;
}
.game-wrap .count-down-daily {
  top: 79%;
  left: 40.5%;
  width: 23%;
  color: #bd0515;
}
.game-wrap #fox_dice {
  left: 15.8%;
}
.game-wrap #user_dice {
  left: 69.5%;
}
.game-wrap #user_avatar {
  width: 13%;
  top: 57.45%;
  left: 70%;
  border-radius: 100%;
}
.game-wrap #game_result {
  top: 60%;
  left: 37.5%;
  width: 25%;
}
.game-wrap .game-times {
  top: 83.5%;
}
.game-wrap #win-streak-1 {
  left: 15.4%;
}
.game-wrap #win-streak-2 {
  left: 26%;
}
.game-wrap #win-streak-3 {
  left: 39%;
}
.game-wrap #win-streak-4 {
  left: 52%;
}
.game-wrap #win-streak-5 {
  left: 65%;
}
.game-wrap #win-streak-6 {
  left: 78%;
}
.game-wrap .streak-stage {
  top: 44%;
  z-index: 4;
}
.game-wrap .streak-stage-1 {
  left: 24%;
}
.game-wrap .streak-stage-2 {
  left: 35%;
}
.game-wrap .streak-stage-3 {
  left: 49%;
}
.game-wrap .streak-stage-4 {
  left: 61%;
}
.game-wrap .streak-stage-5 {
  left: 75%;
}
.game-wrap .streak-stage-6 {
  left: 87%;
}
.game-wrap .win-stage {
  width: 5%;
  height: 4.5%;
  top: 42.5%;
}
.game-wrap .normal-stage {
  width: 4%;
  height: 3.5%;
  top: 42.8%;
}
.game-wrap .win-rewards {
  width: 180%;
  top: -180%;
  left: -45%;
}
.game-wrap .show-tips {
  width: 7%;
  height: 5%;
  top: 51%;
  left: 90%;
}
.game-wrap .dice_img {
  top: 72.2%;
  width: 16%;
}
.game-wrap .game-start-btn {
  top: 87.5%;
  left: 40%;
  width: 20%;
}
.game-wrap .win-streak-progress {
  width: 77%;
  top: 43.5%;
  height: 2%;
  left: 15%;
  border-radius: 15px;
  background-image: url(/MerrySpark/images/game/progress_off.png);
}
.game-wrap .win-streak-progress-on, .game-wrap .win-streak-progress-complete {
  border-radius: 5px;
  width: 12%;
  height: 1%;
  top: calc(43.8% + 1px);
  background-image: url(/MerrySpark/images/game/progress_on.png);
}

/*<!--store-->*/
#store {
  width: 95%;
  height: 8.2%;
  margin-top: 14.8%;
}
#store .left-point {
  top: 14.6%;
  left: 32%;
  width: 11.3%;
}
#store .reward-item {
  width: 45.3%;
  height: 16.3%;
  text-shadow: -1px -1px 1px #5f5f5f, 1px -1px 1px #5f5f5f, -1px 1px 1px #5f5f5f, 1px 1px 1px #5f5f5f;
}
#store .store-row-0 {
  top: 22.5%;
}
#store .store-row-1 {
  top: 39.5%;
}
#store .store-row-2 {
  top: 56.7%;
}
#store .store-row-3 {
  top: 74.5%;
}
#store .store-col-0 {
  left: 3.3%;
}
#store .store-col-1 {
  left: 50.4%;
}
#store .redeemed-times {
  width: 23%;
  top: 8%;
  left: 37%;
}
#store .redeemed-num {
  width: 23%;
  top: 52.8%;
  left: 36%;
}
#store .redeemed-point {
  width: 22%;
  top: 64.8%;
  left: 2%;
}
#store .redeemed-btn {
  width: 37%;
  height: 53%;
  top: 26%;
  left: 61%;
}

/*<!--rank-->*/
#rank_list_wrap {
  width: 99%;
  height: 11.6%;
  margin-top: -1%;
  color: #bd0515;
}
#rank_list_wrap .rank-item {
  width: 62%;
  height: 5.6%;
  left: 23%;
  justify-content: center;
  align-items: center;
}
#rank_list_wrap .rank-name {
  width: 37%;
  left: 14%;
  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: 29.9%;
}
#rank_list_wrap .rank-item-1 {
  top: 36.4%;
}
#rank_list_wrap .rank-item-2 {
  top: 43%;
}
#rank_list_wrap .rank-item-3 {
  top: 49.5%;
}
#rank_list_wrap .rank-item-4 {
  top: 56.1%;
}
#rank_list_wrap .rank-item-5 {
  top: 62.7%;
}
#rank_list_wrap .rank-item-6 {
  top: 69.2%;
}
#rank_list_wrap .rank-item-7 {
  top: 75.85%;
}
#rank_list_wrap .rank-item-8 {
  top: 82.5%;
}
#rank_list_wrap .rank-item-9 {
  top: 89%;
}
#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: 93.5%;
  height: 9%;
  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 {
  width: 97%;
  height: 5.5%;
  margin-top: 15%;
}
#rewarded_container #rewarded-wrap {
  width: 90%;
  left: 5%;
  height: 23%;
  justify-content: center;
  top: 60%;
}
#rewarded_container .rewarded-num {
  left: 0;
  top: 70%;
  width: 100%;
}
#rewarded_container .rewarded-item {
  width: 17%;
}
#rewarded_container .rewarded-item-img {
  width: 86%;
}
#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%;
}

#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 {
  width: 82%;
  height: 1.2%;
  margin: 13% 0 0 9%;
}
#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%;
}

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