.alert_overlay{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:1330002;
    background:#00000073;
    -webkit-backdrop-filter:blur(3px)
}
.pc .alert_msg{
    width:320px
}
.mob .alert_msg{
    width:260px;
    border-radius:4px
}
.alert_msg{
    box-sizing:border-box;
    position:absolute;
    left:50%;
    top:30%;
    border:1px solid #ccc;
    box-shadow:0 2px 15px rgba(0,0,0,.3);
    background:#fff;
    transition:all .2s cubic-bezier(.8,.5,.2,1.4);
    -webkit-transform:translate(-50%,-50%) scale(.5);
    opacity:0;
    transform:translate(-50%,-50%) scale(.5)
}
.alert_show .alert_msg{
    opacity:1;
    transform:translate(-50%,-50%) scale(1);
    -webkit-transform:translate(-50%,-50%) scale(1)
}
.alert_content{
    padding:20px 15px;
    font-size:14px;
    text-align:right
}
.alert_tips{
    position:fixed;
    z-index:10176523
}

.pc .alert_buttons{
    padding:6px;
    text-align:left;
    -webkit-user-select:none
}
.pc .alert_buttons .btn-icon-consplit{
    min-width:45px;
    padding:4px 8px;
    overflow: hidden;
    display: inline-flex;
    align-items: stretch;
    justify-content: center;
    color: #fff;
    -webkit-appearance:none
}
.pc .alert_buttons .btn-icon-consplit-ok{
    background-color: #1e7e34;
    border-color: #1e7e34;
    margin-left: 10px;
}
.pc .alert_buttons .btn-icon-consplit-cancel{
    background-color: #e8200d;
    border-color: #e8200d;
}


.pc .alert_buttons .alert_btn:hover{
    border-color:#ccc;
    box-shadow:0 1px 2px #ccc;
}
.pc .alert_buttons .alert_btn_ok:hover{
    background:#1e7e34ad;
}
.pc .alert_buttons .btn-icon-consplit-cancel:hover{
    background:#e8200d85;
}
.pc .alert_buttons .alert_btn:active{
    box-shadow:0 1px 2px #ccc inset;
    background:#e6e6e6
}
.pc.alert_tips{
    bottom:1px;
    right:30px
}
.pc.alert_tips div{
    background:rgba(0,0,0,.7);
    position:relative;
    color:#fff;
    font-size:16px;
    padding:10px 15px;
    border-radius:2px;
    margin-bottom:20px;
    box-shadow:0 0 3px #000;
    display:none;
    float:right;
    clear:both;
    width:100%;
}
.alert_tips.danger div{
       background-color: #dc3545;
}
.mob .alert_buttons{
    text-align:center;
    margin-bottom: 5px;
    -webkit-user-select:none
}
.mob .alert_buttons .btn-icon-consplit{
    display:inline-block;
    width:42%;
    color: #fff;
    border:0;
    height:40px;
    font-size:14px;
    outline:0;
    -webkit-appearance:none;
    -webkit-tap-highlight-color:transparent;
}
.mob .alert_buttons .btn-icon-consplit:only-child{
    width:100%
}
.mob .alert_buttons .btn-icon-consplit-ok{
    background-color: #1e7e34;
    border-color: #1e7e34;
    margin-left: 10px;
}
.mob .alert_buttons .alert_btn:first-child+.alert_btn{
    border-left:1px solid #ccc;
    border-radius:0 0 4px 0
}
.mob .alert_buttons .btn-icon-consplit-cancel{
    background-color: #e8200d;
    border-color: #e8200d;
}

.mob.alert_tips{
    width:100%;
    top:55%;
    text-align:center
}
.mob.alert_tips div{
    box-sizing:border-box;
    display:inline-block;
    position: relative;
    padding:15px;
    border-radius:10px;
    background:rgba(0,0,0,.7);
    min-width:50px;
    max-width:230px;
    text-align:center;
    color:#fff;
    animation:tipsshow 3s .01s ease;
    -webkit-animation:tipsshow 3s .01s ease;
    opacity:0
}
@keyframes tipsshow{
    0%{
        opacity:0;
        transform:scale(1.4) rotateX(-360deg)
    }
    20%,80%{
        opacity:1;
        transform:scale(1) rotateX(0deg)
    }
    to{
        transform:scale(1.4) rotateX(360deg)
    }
}
@-webkit-keyframes tipsshow{
    0%,to{
        opacity:0
    }
    0%{
        -webkit-transform:scale(1.4) rotateX(-360deg)
    }
    20%,80%{
        opacity:1;
        -webkit-transform:scale(1) rotateX(0deg)
    }
    to{
        opacity:0;
        -webkit-transform:scale(1.4) rotateX(360deg)
    }
}