.dayFortuneBg {
  background-image: url("../../images/dayfortune/bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
  background-attachment: fixed;
}

.dayFortuneBg .card-title {
  height: 262px;
}

.noScroll {
  overflow: hidden;
}

.fortuneScore .month {
  line-height: 24px;
}

.fortuneScore .date {
  line-height: 64px;
}

.content .content-img-border {
  width: 100%;
  height: auto;
  background-repeat: repeat-y;
  background-size: 100% auto;
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
  background-image: url("../../images/dayfortune/con_bg.jpg");
}

.card-img-top img.card-img {
  height: 45px;
}

@media (max-width: 768px) {
  .dayFortuneBg .card-title {
    height: 170px;
  }
  .input-user1 .card-img-overlay img {
    height: 45px;
  }
}

.startIcon img {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
}

@media (min-width: 320px) and (max-width: 370px) {
  .startIcon img {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
  }
}

.editInfo img {
  width: 24px;
  height: 24px;
}

.prevDate, .nextDate {
  cursor: pointer;
  color: #ffffff;
  background-color: #ef4848;
}

.prevDate:hover, .nextDate:hover {
  background-color: #be1515;
}

.prevDate .cssIcon::before, .prevDate .cssIcon::after, .nextDate .cssIcon::before, .nextDate .cssIcon::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 16px;
  background-color: #fff;
}

.prevDate .cssIcon::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.prevDate .cssIcon::after {
  -webkit-transform: rotate(315deg);
      -ms-transform: rotate(315deg);
          transform: rotate(315deg);
}

.nextDate .cssIcon::before {
  -webkit-transform: rotate(315deg);
      -ms-transform: rotate(315deg);
          transform: rotate(315deg);
}

.nextDate .cssIcon::after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.showCalendar {
  cursor: pointer;
  color: #ffffff;
  background-color: #ed631d;
}

.showCalendar:hover {
  background-color: #ffa800;
}

.prevDate.btn, .nextDate.btn, .showCalendar.btn {
  height: 50px;
  line-height: 50px;
}

.prevDate.disabled, .nextDate.disabled, .showCalendar.disabled {
  background-color: #c8c8c8;
  pointer-events: none;
  cursor: unset;
}
/*# sourceMappingURL=dayfortune.css.map */