.toast-container{
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    display: none;
}
.toast{position:fixed;
    width: 6.8125rem;
    height: 4rem;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;left: 50%;
    top: 50%;
    margin-top: -2rem;
    margin-left: -3.4063rem;text-align: center}
.toast img.icon{display: block;width: 1.3438rem;height: 1.3438rem;margin: 0.6563rem auto 0.375rem auto}
.toast .close-toast{padding: 0.3125rem;position: absolute;top: 0;right: 0;}
.toast .close-toast img{display: block;width: 0.2813rem;height: 0.2813rem}
.tip-toast{    width: 8.3125rem;
    height: 5.625rem;
    padding: 1.25rem 0.875rem 0.875rem 0.875rem;
    text-align: center;
    margin-top: -2.8125rem;
    margin-left: -4.1563rem;}
.tip-toast li{width: 3.0313rem;height: 0.8125rem;border-radius: 0.4063rem;    margin-top: 1.1875rem;}
.tip-toast li:first-child{background: #0C1E2C}
/* .tip-toast li:last-child{background: #0060AF} */