.layer-box-success{
    padding: 25px 25px 25px 50px;
    position: relative;
    min-height: 100%;
}
.layer-bg-success{
    background-color: #e7f4e7;
    border-left: 3px solid #0c7d07;
}
.layer-box-success > i.fa{
    color: #0c7d07;
    position: absolute;
    left: 16px;
    top: 20px;
    font-size: 30px;
}
.layer-box-info{
    padding: 25px 25px 25px 50px;
    position: relative;
    min-height: 100%;
}
.layer-bg-info{
    background-color: #ebf0fd;
    border-left: 3px solid #2d60e5;
}
.layer-box-info > i.fa{
    color: #2d60e5;
    position: absolute;
    left: 16px;
    top: 20px;
    font-size: 30px;
}
.layer-box-error{
    padding: 25px 25px 25px 50px;
    position: relative;
    min-height: 100%;
}
.layer-bg-error{
    background-color: #fbe8e9;
    border-left: 3px solid #da1415;
}
.layer-box-error > i.fa{
    color: #da1415;
    position: absolute;
    left: 16px;
    top: 20px;
    font-size: 30px;
}
.layer-box-warning{
    padding: 25px 25px 25px 50px;
    position: relative;
    min-height: 100%;
}
.layer-bg-warning{
    background-color: #fcf9e7;
    border-left: 3px solid #f0c100;
}
.layer-box-warning > i.fa{
    color: #f0c100;
    position: absolute;
    left: 16px;
    top: 20px;
    font-size: 30px;
}
.layer-box-success .title,.layer-box-info .title,.layer-box-error .title,.layer-box-warning .title{
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
}
.layer-box-success .content,.layer-box-info .content,.layer-box-error .content,.layer-box-warning .content{
    margin-top: 10px;
    font-size: 16px;
    line-height: 18px;
}
.layer-box-success .close,.layer-box-info .close,.layer-box-error .close,.layer-box-warning .close{
    position: absolute;
    font-size: 20px;
    top: 5px;
    right: 5px;
}
.layer-box-msg .layui-layer-btn{
    padding: 25px;
    position: relative;
    text-align: center;
}
.layer-box-msg .layui-layer-btn0{
    background-color: rgba(252,70,3,1);
    color: #fff !important;
    border: 0;
}
button.btn-kv[title='View Details']{
    display: none;
}

.tipModal .modal-content .modal-body {
    padding-top: 0;
}

.modal-body .flex {
    display: flex;
}

.modal-body .flex .flex-left {
    width: 130px;
    height: 80px;
    padding: 17px 42px;
    border-right: 1px solid #eee;
}

.modal-body .flex .flex-left img {
    height: 40px;
    width: 40px;
}

.tipModal .modal-content .modal-body .flex .flex-right-auto {
    flex-grow: 1; /* 让右侧内容自动拉伸 */
    width: auto;
    padding: 0px 24px;
    max-width: 336px;
    word-break: break-word;
}

.tipModal .modal-header {
    border-bottom: 0;
    padding-bottom: 0;
    overflow: hidden;
}

.tipModal .modal-title {
    font-weight: bolder;
}

.tipModal .modal-header .close {
    font-size: 24px;
    font-weight: 700;
}

.tipModal .modal-footer {
    border-top: 0;
}

.progress[role='progressbar'] {
    margin: 0;
}

#successTipModal, #errorTipModal, #infoTipModal, #warningTipModal, #successModal, #errorModal, #infoModal, #warningModal {
    z-index: 999999999;
}

#successTipModal.fade.tipModal.show, #errorTipModal.fade.tipModal.show, #infoTipModal.fade.tipModal.show, #warningTipModal.fade.tipModal.show, #successModal.fade.tipModal.show, #errorModal.fade.tipModal.show, #infoModal.fade.tipModal.show, #warningModal.fade.tipModal.show {
    opacity: 1 !important;
    font-size: 16px;
}

@media (max-width: 768px) {
    .modal-body .flex .flex-left {
        width: 50px;
        height: 50px;
        padding: 10px;
        border-right: 1px solid #eee;
    }

    .modal-body .flex .flex-left img {
        height: 30px;
        width: 30px;
    }

    .tipModal .modal-content .modal-body .flex .flex-right-auto {
        flex-grow: 1; /* 让右侧内容自动拉伸 */
        width: auto;
        padding: 0px 15px;
        max-width: 288px;
        word-break: break-word;
    }
}