.modal-mask{background-color:rgba(0,0,0,.5);display:flex;height:100%;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9998}.modal-container{background-color:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.33);margin:auto;padding:20px 30px;transition:all .3s ease}.modal-header h3{color:#2e3192;font-size:28px}.modal-body{margin:20px 0}.modal-default-button{background-color:none;float:right}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-container,.modal-leave-to .modal-container{transform:scale(1.1)}@media (max-width:768px){.modal-mask{background-color:rgba(0,0,0,.5);display:flex;height:100%;left:0;overflow:auto;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9998}}@media (max-width:480px){.modal-mask{background-color:rgba(0,0,0,.5);display:flex;height:100%;left:0;overflow:auto;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9998}}