page-duty-sign-up {
  .submit{
    border: 1px solid #34b4fc;
    background-color: #34b4fc;
    margin-top: 20px;
  }
  .detail-item{
    background-color: #fff;
    margin: 10px;
    border-radius: 4px;
    padding-bottom: 10px;
    .not-sign{
      margin:20px 10px;
      height: 5rem;
      text-align: center;
      line-height: 5rem;
    }
    .sign-in{
      margin:20px 10px;
      height: 2rem;
      line-height: 2rem;
      padding-left: 20px;
    }
    .detail-title1{
      background-color: #f4f4f4;
      color: #999999;
      padding: 10px;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
    }
    .detail-title2{
      background-color: #f4f4f4;
      color: #999999;
      padding: 10px;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
    }
  }

  .check-info{
    margin: 10px;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    color: #888;
    letter-spacing: .5px;
  }
  .info-content,
  .detail-title{
    display: flex;
    flex-direction: row;
  }
  .title-left{
    width: 40%;
    line-height: 29px;
  }
  .title-right {
    text-align: right;
    width: 60%;
  }
  .info-left{
    padding-top: 5px;
    width: 15%;
  }
  .info-right{
    width: 80%;
    p{
      margin: 5px 0;
    }
  }
  .dayType{
    background-color: #34b4fc;
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
    padding: 2px 5px;
  }
}
