@charset "utf-8";
@import "./var";
// .#{$prefix}model-bg{
//     background-color: #000;
//     opacity: .5;
//     height: 100%;
//     width: 100%;
//     position: fixed;
// }
.#{$prefix}backdrop{
    // background-color: #000;
    // opacity: .5;
    background-color: $dialog-mask-color;
	bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
	overflow-y: auto;
	z-index: 1000;
}

.#{$prefix}dialog {
    text-align: center;
    position: fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index: 1001;
   overflow: auto;
   white-space: nowrap;
   color:$color-text;
}
.#{$prefix}dialog::before{
    content: "";
    display: inline-block;
    width:0px;
    height:100%;
    vertical-align: middle;
}
.#{$prefix}dialog__inner.size-s { 
    width:$dialog-width-size-s;
}
.#{$prefix}dialog__inner.size-l {
    width: $dialog-width-size-l;
}
.#{$prefix}dialog__inner.size-xl {
    width: $dialog-width-size-xl;
}
.#{$prefix}dialog__inner.size-auto {
    width: auto;
}
.#{$prefix}dialog__inner{
    text-align: left;
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    min-width: $dialog-min-width-size-default;
    width: $dialog-width-size-default;
    background-color: $dialog-color-bg;
    box-shadow:$dialog-box-shadow-s;
    border-radius: $dialog-border-radius;
    padding: $dialog-inner-padding;
    box-sizing: border-box;
    // position: relative;
    // top:100px;

    .#{$prefix}form-operate{
        margin-top: 10px;
        border-top: none;
        text-align: center;
    }
}
.#{$prefix}dialog__header:after,
.#{$prefix}dialog__body:after,
.#{$prefix}dialog__footer:after {
    content: "";
    display: table;
    clear: both
}

// 标头
.#{$prefix}dialog__header {
    font-size:$dialog-font-size-l;
    min-height: $dialog-line-height-fz-l;
    color: $dialog-color-text-weight;
    position: relative;
    margin: $dialog-header-header-margin;
}
.#{$prefix}dialog__headertitle{
    font-weight: $dialog-font-weight-bold;
    margin-bottom: 14px;
    display: inline-block;
    font-size: $dialog-headertitle;
    line-height: $dialog-line-height-fz-l;
    
}
.#{$prefix}dialog__headersubtitle{
    font-size: $dialog-font-size-default;
    color:$dialog-color-text-label;
}
    // 关闭按钮
.#{$prefix}dialog__header .#{$prefix}btn--icon {
	position: absolute;
	top: 0;
	right: -7px;
}

// 
.#{$prefix}dialog__body {
    color: $dialog-color-text;
    word-break: break-word;
    word-wrap: break-word;
}
// .#{$prefix}dialog__body .#{$prefix}icon.size-l {
//     vertical-align: middle;
//     margin-right: 10px;
// }
.#{$prefix}dialog__bodytitle{
    font-size: $dialog-font-size-xl;
    line-height: $dialog-line-height-fz-xl;
    font-weight: $dialog-font-weight-bold;
    color: $dialog-color-text-weight;
    margin-bottom: 5px;
    margin-top: 0px;
}
// .#{$prefix}dialog__confirmbox {
//     padding: 15px 20px;
//     min-width: 200px;
//     max-width: 400px;
// }

.#{$prefix}dialog__messagetitle{
    font-size: $dialog-font-size-xl;
    color: $dialog-color-text-weight;
    vertical-align: middle;
    &:only-child{
        padding-top: 4px;
    }
}

.#{$prefix}dialog__messagetext {
    font-size:$dialog-font-size-default;
    color: $dialog-color-text-label;
    margin-top: 5px;
    line-height: $dialog-line-height-fz-default;
}
// .#{$prefix}dialog__confirmbox--hasicon .#{$prefix}dialog_confirmtext{
//     padding-left:42px;
// }

// 
.#{$prefix}dialog__footer {
    border-top: 0;
    position: relative;
    margin-top: 30px;
}    
.#{$prefix}dialog__btnwrap {
    text-align: $dialog-btnwrap-align;
    position: relative;
    z-index: 0;
    font-size: 0;
}
.#{$prefix}dialog__btnwrap > .#{$prefix}btn {
    margin: 0 5px;
}

.#{$prefix}dialog--img {
    font-size: 0;
    .#{$prefix}dialog__inner {
        background-color: transparent;
        width     : 100%;
        height    : 100%;
        box-shadow: none;
        font-size : $dialog-font-size-default;
        padding   : 0;
        // top:0;
    }
    
    .#{$prefix}dialog__header {
        top    : 0px;
        height : 60px;
        padding: 0 25px; 
        background-color: #000;
        display: flex;
        align-items: center;
        
        .help-text {
            display: inline-block;
            font-size     : $font-size-l;
            line-height   :$line-height-fz-l;
            font-weight   : $dialog-font-weight-normal;
            color         :$dialog-color-text-anti-primary;
            margin-right  : 60px;
            vertical-align: middle;
        }

        .#{$prefix}btn--icon{
            padding:12px;
            border-radius: 100%;
            top:10px;
            right:14px;
            &:hover{
                background-color: $dialog-color-neutral-9;
            }
        }
        .#{$prefix}icon-close{
            background-image: url(../../assets/image/slice/svg/btn-dismiss-white.svg);
        }
    }

    .#{$prefix}dialog__headertitle {
        color: $dialog-color-text-anti-primary;
        width: 100%;
        font-size: $dialog-font-size-xl;
        margin-bottom: 0;
    }

    .#{$prefix}dialog__body {
        width     : 90%;
        height    : calc(100% - 130px);
        margin    : 55px auto 0;
        text-align: center;
        overflow  : auto;
        font-size:0;    //为了图片宽度太大时与before元素换行
        img {
            max-width     : 100%;
            vertical-align: middle;
        }
        iframe{
            vertical-align: middle;
        }
    }

    .#{$prefix}dialog__body::before {
        content       : "";
        display       : inline-block;
        width         : 0;
        height        : 100%;
        vertical-align: middle;
    }
    .#{$prefix}dialog__operate{
        position: absolute;
        left:50%;
        bottom:30px;
        transform:translate3d(-50%,0,0);
        padding:10px 5px;
        background-color: rgba(0,0,0,.9);
        .#{$prefix}btn--icon{
            padding:2px;
            min-width: 0;
            margin:0 12px;
            &:hover{
                background: unset;
            }
        }
        
    }
}

// .#{$prefix}dialog.dialog-prompt .#{$prefix}dialog__header{
// 	min-height: 28px;
//     line-height: 28px;
// }
// .#{$prefix}dialog.dialog-prompt .#{$prefix}dialog__header .#{$prefix}btn-close{
//     top: 14px;
//     right: 14px;
// }
// .#{$prefix}dialog.dialog-prompt .#{$prefix}dialog__body{
// 	border-top:0;
// 	padding:0 20px;
// 	min-height: 54px;
// }
// .#{$prefix}dialog.dialog-prompt .#{$prefix}dialog__confirmbox{
// 	padding: 0 50px;
// }
// .#{$prefix}dialog .#{$prefix}dialog__body .#{$prefix}dialog_confirmtitle strong {
//     font-size: 18px;
//     color: #171d25;
//     vertical-align: middle;
//     line-height: 36px;
// }
/*tc-15*/