.modal-box{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:none;transition:all .3s ease-in-out;z-index:999}.modal-box .modal-content{position:absolute;max-width:50%;min-width:20%;background-color:#fff;border-radius:.24rem;box-shadow:0 0 10px rgba(0,0,0,0.1);padding:.2rem;box-sizing:border-box;top:50%;left:50%;transform:translate(-50%, -50%)}.modal-box .modal-content .modal-header{border-bottom:1px solid #E7E7E7;padding-bottom:.2rem}.modal-box .modal-content .modal-header .iconfont{font-size:.2rem;cursor:pointer}.modal-box .modal-content .modal-footer{gap:.2rem}.modal-box .modal-content .modal-footer button{width:1.5rem}