<!-- .confirm modal -->
<style>
#modal-confirm{
    font-size:12px;
    -webkit-font-smoothing: antialiased;
}
#modal-confirm .modal-content{
    border-radius: 0;
    width: 350px;
}
#modal-confirm .modal-dialog{
    margin:12.75rem auto;
}
#modal-confirm .modal-footer{
    justify-content: flex-end;
    border:none;
}
#modal-confirm .confirm-circle{
    width:21px;
    height:21px;
}
#modal-confirm .modal-title span{
    font-size:1rem;
    color:black;
}
#modal-confirm .modal-body{
    padding: 0 3.3rem 1.5rem 3.3rem;
}
#modal-confirm .modal-header{
    border:none;
}
#modal-confirm .modal-body div{
    font-size:12px;
    color: #4c4c4c;
}
#modal-confirm .modal-footer button{
    border-radius: 0;
    font-size:12px;
    float: left;
}
</style>
<div id="modal-confirm" class="modal fade" data-backdrop="true">
        <div class="modal-dialog modal-sm">
            <div class="modal-content box-shadow">
                <div class="modal-header ">
                    <div class="modal-title text-md"><i class="mx-2 confirm-circle" data-feather="help-circle"></i><span>请确认</span></div>
                    <button class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">
                </div>
                <div class="modal-footer">
                    <button id="confirm-button" type="button" class="btn btn-primary" data-dismiss="modal">确认</button>
                    <button id="cancel-button" type="button" class="btn btn-light" data-dismiss="modal">取消</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
    </div>
    <!-- / .confirm modal -->