.readerover {
  flex-direction: column;
  padding: 20px;
  .top-box {
    .unfinished-box {
      width: 100%;
      height: 400px;
      justify-content: center;
      .reminder {
        width: 200px;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-top: 280px;
      }
    }
    .over-box {
      background: linear-gradient(#badaff, #fff);
      justify-content: center;
      border-radius: 500px;
      width: 400px;
      height: 400px;
      margin: 0 auto;
      flex-direction: column;
      .overimg {
        margin-top: 20px;
        height: 300px;
        width: 200px;
        justify-items: center;
        margin: 0 auto;
      }
      text {
        margin: 0 auto;
      }
    }
  }
  .recommend-title {
    margin: 20px 0;
    width: 100%;
    justify-content: space-between;
  }
  .book-info {
    margin-left: 40px;
    flex-direction: column;
    align-items: flex-start;
    .info {
      margin-top: 30px;
      lines: 3;
      text-overflow: ellipsis;
    }
  }
  .booklist {
    margin-top: 20px;
    justify-content: space-between;
  }
}
