.sign-container {
  font-size: 0;
  position: relative;
}

.sign-bg {
  width: 100%;
}

.sign-num__total {
  position: absolute;
  font-size: 0.48rem;
  top: 24%;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
}

.sign-result__box {
  position: absolute;
  font-size: 0.28rem;
  color: #333;
  top: 31%;
  left: 10%;
  right: 10%;
  text-align: center;
  z-index: 9;
}

.sign-day__list {
  margin-top: 0.2rem;
}

.day-box {
  @include flex();

  .day-item {
    width: 15%;
    margin-bottom: 0.2rem;
    font-size: 0.24rem;
    color: #999;

    img {
      width: 100%;
    }

    &.nmr {
      margin-right: 0;
    }
  }
}

.day-item .sign-img {
  position: relative;

  &::after {
    content: '';
    position: absolute;
    right: -52%;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: 62%;
    background: #ff4400;
    z-index: -1;
  }
  
  &.line-v {
    &::after {
      width: 2px;
      height: 110%;
      left: 50%;
      transform: translateX(-50%);
      top: 77%;
    }
  }
}

.even-box .sign-img {
  &::after {
    right: 0;
    left: -52%;
  }
}

.day-box .day-item {
  &:not(:last-child) {
    margin-right: 0.2rem;
  }
}

.even-box {
  flex-direction: row-reverse;
}

.even-box .day-item {
  &:first-child {
    margin-right: 0rem;
  }
  &:not(:last-child) {
    margin-right: 0rem;
  }
}

.to-sign__record {
  text-align: right;
  color: #999;
  font-size: 0.24rem;
}

.to-read {
  font-size: 0;
  margin-top: 0.2rem;

  img {
    width: 100%;
  }
}

.sign-status {
  text-align: center;

  img {
    width: 60%;
    margin: .2rem 0;
  }
}