.dy-message {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 400px;
    min-height: 62px;
    padding: 12px;
    margin: auto;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .01), 0 0 6px 0 rgba(0, 0, 0, .04);

    .icontype {
        display: inline-block;
    }

    .dy-message__icon {
        font-size: 22px;
        line-height: 40px;
    }

    .content_text {
        margin: 0 10px;

        .dy-message__content {
            display: inline-block;
            padding-right: 16px;
            overflow: hidden;
            font-weight: 500;
            font-size: 16px;
            line-height: 22px;
            color: $fontSubColor;
        }
    }
}

.is-center {
    justify-content: center;
}

.dy-message__info {
    border: #397af2 1px solid;
    background-color: #ebf2fe;
}

.dy-message__success {
    border: #7dbd4a 1px solid;
    background-color: #f0f9eb;
}

.dy-message__warning {
    border: #ffc261 1px solid;
    background: #fdf6ec;
}

.dy-message__error {
    border: #ef6262 1px solid;
    background-color: #fef0f0;
}

.dy-icon-success {
    color: $success;
}

.dy-icon-error {
    color: $error;
}

.dy-icon-warning {
    color: $warning;
}

.dy-icon-prompt {
    color: $fontLinkColor;
}

// .dy-message-group {
//   margin-left: 40px;
//   position: relative;
// }

// .dy-message-group p {
//   font-size: 14px;
//   line-height: 20px;
//   margin: 0 34px 0 0;
//   white-space: nowrap;
//   color: #8492a6;
//   text-align: justify;
// }

.dy-message__closeBtn {
    position: absolute;
    top: 50%;
    right: 15px;
    display: inline-block;
    font-size: 16px;
    color: #c0c4cc;
    transform: translateY(-50%);
    cursor: pointer;
}

// .el-message-closeBtn:before {
//   content: "\E913";
// }

// .el-message-fade-enter {
//   transform: translateY(-100px);
// }

// .el-message-fade-leave-active {
//   transform: translateY(-100px);
// }