page-learn-detail {
  .fontSize-2{
    font-size: 2rem;
  }
  .main{
    background: linear-gradient(to bottom,#89a2cd 0%,#ccd4e3 25%,#e6e8ed 100%);
  }
  .main-title{
    background-color: #617599;
    color: #ffffff;
    padding: 20px 0px;
    text-align: center;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-size: 1.6rem;
  }
  .main-content{
    background-color: #fff;
    font-size: 1.5rem;
    padding: 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .content-card{
    display: flex;
    text-align: center;
    padding-bottom: 20px;
  }
  .flex-1{
    flex: 1;
    p:first-child{
      color: #666666;
      margin-bottom: 10px;
    }
  }
  .basic-info{
    border: 1px solid #ddd;
    border-radius: 5px;
  }
  .basic-title{
    background-color: #f7f7f7;
    padding: 10px;
    font-weight: bold;
    font-size: 1.6rem;
  }
  .basic-container{
    padding: 10px;
    p{
      margin-bottom: 1rem;
    }
  }
  .basic-question{
    display: flex;
    .question-left{
      flex: 2;
    }
    .question-right{
      flex: 4;
    }
  }
  .submit{
    margin-top: 20px;
    border: 1px solid #34b4fc;
    background-color: #34b4fc;
  }
}
