.cooToast{
    display: block;
    padding: 0px 30px;
    margin-bottom: 20px;
    right: 50%;
    position: relative;
    transition: opacity .5s ease, transform .5s ease;
    animation: cooScaleIn .5s ease;
    background-color: rgba(0, 0, 0, .6);
    border-radius: $borderRadius;
    border-style: solid;
    border-width: 1px;
    color: $white;
    font-size: 14px;
    &--tip{
        line-height: 24px;
        padding: 12px 30px;
        font-weight: 600;
    }

    &--loading{
        text-align: center;
        padding: 20px;
        box-sizing: border-box;
        .cooIcon{
            font-size: 25px;
        }
    }

    &-content{
        margin-top: 10px;
        font-weight: 600;
    }

    &-container{
        position: fixed;
        top: 60px;
        z-index: 1001;
        left: 50%;
    }
    &-close{
        position: absolute;
        right: 5px;
        top: 5px;
        color: #999;
        line-height: 1;
        transition: all .2s ease;
        cursor: pointer;
        &:hover{
            color: #ffffff;
        }
    }
}