@import "../style/common_mixin"; .model-content { margin: 10px; .card-config { width: 100%; height: 100%; display: flex; flex-wrap: wrap; box-sizing: border-box; flex-direction:column; .card-item{ flex:1; margin-bottom: 40px; .border { border-radius: 20px; border-style: dashed; padding:20px; width: 100%; } .card-item-content{ .title { font-size: 24px; width: 100%; text-align: center; } .section{ border-top: 1px solid ; padding: 10px 0; .section-title{ font-size: 24px; width: 100%; } .section-content{ display: flex; margin: 5px 0 10px 0; } } .pic-sound-box { width: 50%; display: flex; flex-direction: column; } .add-btn-box { display: flex; align-items: center; justify-content: center; height: 20vw; padding: 10px; padding-top: 5vw; } } } } }