/* 通用Loading加载样式 */

/* 让dialog的外层容器透明，避免双重黑盒子 */
.dialog-content {
    background: transparent !important;
}

.dialog-content-bd {
    background: transparent !important;
    padding: 0 !important;
}

.info-text {
    display: block !important;
}

.uni-toast {
    position: relative;
    width: 100%;
    min-width: 20em;
    background: rgba(17, 17, 17, 0.7);
    text-align: center;
    border-radius: 4px;
    color: #fff;
    padding: 10px;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.uni-icon_toast.uni-loading {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 10px auto;
    background: transparent url(/static_new/img/ico_loading.png) center no-repeat;
    background-size: 100% 100%;
    vertical-align: baseline;
    /* 添加旋转动画 */
    -webkit-animation: loading-rotate 1s linear infinite;
    animation: loading-rotate 1s linear infinite;
}

.uni-icon_toast.uni-error {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 10px auto;
    background: transparent url(/static_new/img/ico_error.png) center no-repeat;
    background-size: 100% 100%;
    vertical-align: baseline;
    /* 错误图标不转圈 */
}

.uni-icon_toast.uni-success {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 10px auto;
    background: transparent url(/static_new/img/ico_success.png) center no-repeat;
    background-size: 100% 100%;
    vertical-align: baseline;
    position: relative;
    /* 使用CSS创建成功图标（对勾） */
}

.uni-toast__content {
    margin: 10px 0 5px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-align: center;
}

/* 旋转动画关键帧 */
@-webkit-keyframes loading-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loading-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}