.my-correct {
    padding: 12px;
    box-sizing: border-box;
    height: calc(100vh - 40px);
    display: flex;
    gap: 20px;
    overflow: auto;
    //border: 1px solid black;

    .my-correct-goback{
      position: absolute;  
      bottom: 5vh;  
      right: 3vh; 
    }

    .my-correct-next{
      position: absolute;
      bottom: 5vh;
      right: 15vh;
    } 
  
    .my-correct-header {
      width: 50%;
      height: 100%;
      flex-shrink: 0;
      //border: 1px solid black;
      // background-color:#fff;
    }

    .right-side{
      display: flex;
      gap: 10px;
      flex-direction: column;
      height: 100%;
      width: 50%;

      .my-correct-record {
        height: 36vh;
        background-color: #f9f9f9;  
        border-radius: 5px;  
        padding: 15px;  
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        //border: 1px solid black;
        background-color: #fff;
      }

      .my-correct-remark {
        background-color: #f9f9f9;  
        border-radius: 5px;  
        padding: 15px;  
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        height: 63vh;
        //border: 1px solid black;
        background-color: #fff;
      }
      .my-correct-number
      {
        position: absolute;
        bottom: 6vh;
        right: 28vh;
      }

    }
 
}