.modal-wrap{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%}.modal-wrap .modal-bg{position:absolute;width:100%;height:100%;background:#000;opacity:.5}.modal-wrap .modal-container{position:relative;z-index:998;padding:20px;display:flex;flex-direction:column;justify-content:center;height:100%;max-width:480px;margin:0 auto}.modal-wrap .modal-container .modal-content{width:100%;background-color:#fff;padding:0;border-radius:5px 5px 0 0;overflow:auto;display:flex;flex-direction:column}.modal-wrap .modal-container .modal-content .modal-top{padding:10px;border-bottom:1px solid #bbb}.modal-wrap .modal-container .modal-content .modal-contents{min-height:80px;max-height:100%;padding:10px;overflow:auto}.modal-wrap .modal-container .modal-content .modal-bottom{margin-top:auto;padding:0}.modal-btn-close{float:right;padding:0;height:auto}.modal-wrap .modal-container .modal-bottom{border-radius:0 0 5px 5px}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}