@import '../style/common_mixin';


.model-content {
  width: 100%;
  max-width: 1080px;
  height: auto;
  box-sizing: border-box;
  padding: 20px;
  border: 1px dashed #1E90FF;
  overflow: hidden;
  margin: 0 auto;
  .question-box{
    .question-content{
      .question-text{
        margin-bottom: 10px;
      }
    }
  }
  .split-line{
    width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px dashed #1E90FF;
  }
  .card{
    .card-contents{
      width: 100%;
      margin-top: 10px;
      .card-box{
        // width: 30vw;
        width: 100%;
        border: 1px dashed #ccc;
        box-sizing: border-box;
    
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border-radius: 5px;
        .card-content{
          width: 90%;
          height: 100%;
          .card-pic{
            width: 100%;
            margin: auto;
          }
          .card-audio{
            width: 100%;
            margin-top: 10px;
            display: flex;
            justify-content: center;
          }
          .card-text{
            width: 100%;
            margin: auto;
            margin-top: 10px;
            margin-bottom: 10px;
            .card-text-item{
              width: 100%;
              display: flex;
              input{
                margin-bottom: 10px;
                margin-right: 10px;
              }
            }
            button{
              margin-left: 10px;
            }
            .add-word-btn{
              width: 100%;
            }
    
          }
        }
    
      }
    }
  }
  .add-btn-box{
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    .add-btn{
    }
  }

}
