#qqq{background-color:#fff;width:300px;height:300px}#qqq,.person{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.person{color:#9fa19f;padding:10px;width:100%;height:40px;cursor:pointer}.person:hover{background-color:#a3d0fb}.person-container{background:hsla(0,0%,100%,.95);-webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,.04);box-shadow:0 10px 10px 0 rgba(0,0,0,.04);-webkit-transition:height 1s ease-in-out;transition:height 1s ease-in-out;overflow:hidden}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}