.alert-leaving-area {
    display:none;
    width:80vw;
    background:#fff;
    padding:20px;
    position: fixed;
    z-index: 9999;   
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
    border-radius:8px;
    box-shadow: 0 0 4px 4px rgba(0,0,0,0.4);
}
@media screen and (min-width: 980px) {
        .alert-leaving-area {
        width:auto;
        max-width: 460px;
    }
}
.alert-leaving-area .alert-btn-non {
    margin:30px auto 0;
    padding:5px;
    border-radius:8px;
    background-color: #fff;
    color: #323232;
}
.alert-leaving-area .alert-btn-yes {
    color: #323232;
    background-color: #fff;
    margin:30px auto 0;
    padding:5px;
    border-radius:8px;
}
.alert-leaving-area alert-btn-yes:hover {
    color: #fff;
    background: #f56500;
    margin:50px auto 0;
}

/* 背景色 */
.cover-eml {
    background:rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;   
    top:0;
    right:0;
    bottom:0;
    left:0;
}