/**dialog begin**/
@bgRadius: 12px;
@btnRadius: 4px;
@bgcolor: #0081ff;

.dialog-wrapper{
    a{
        text-decoration: none;
    }
    .flex{
        display:flex;
    }
    .flex-vertical{
        flex-direction: column;
    }
    .flex-1{
        flex:1;
        display:block;
    }

    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display:none;
    z-index:900;

    .dialog-close-rt{
        position: absolute;
        top: -30px;
        right: -26px;
        z-index: 999;
        width: 60px;
        height: 60px;
        font-size: 48px;
        text-align: center;
        line-height: 54px;
        border-radius: 100%;
        background: @bgcolor;
        color: white;
        border:3px solid white;
        //background:url("./images/dialog-close.png")
    }
    .dialog-mask{
        background-color: rgba(0,0,0,0.45);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }
    .dialog-content::-webkit-scrollbar {
        background: rgba(0,0,0,0.0);
        height: 0;
        width: 0px;
    }


    .dialog-content-wrapper{
        width: 620px;
        position:relative;
        top:50%; 
        left:50%;
        transform: translate3d(-50%, -50%, 0);
        border-radius:@bgRadius;
        background: #fff;

        .dialog-content{
            overflow: hidden;
            height:100%;
            width:100%;
            border-radius: 6px 6px 0 0;

            .text-wrapper{
                overflow: auto;
                text-align: center;
                padding: 60px 30px;
                .text{
                    text-align:center; 
                    color:#333333;
                    font-size:32px; 
                    line-height:48px;
                    margin:30px auto;
                    
                    display: inline-block;
                    margin: auto;
                    text-align: justify;
                    word-break: break-all;
                }
            }
            .top-icon{
                margin: 70px auto 20px;
                display: block;
                
                img{
                    display:block;
                    margin:0 auto;
                    max-width: 200px;
                    max-height: 150px;
                }                
            }
        }
        .dialog-bot{
            width:100%;
            overflow:hidden;
            border-radius: 0 0 @bgRadius @bgRadius;
            text-align:center;
            height:128px;
        }
        .dialog-btn{
            height:68px;
            text-align:center;
            line-height:68px;
            color:white;
            display:block;
            border-radius:@btnRadius;
            font-size:30px;
            margin:30px 20px;
            background-color:@bgcolor;
        }
        .gray-btn{
            background-color:#a4bad0;
        }
        .dialog-btn-default{
            background-color:@bgcolor;
        }
        .dialog-btn-success{
            background-color:@bgcolor;
        }
    }

    /**镂空按钮主题**/
    .dialog-content-wrapper.theme-2{
        width: 535px;
        .dialog-bot{
            height:84px;
            line-height:84px;
            border-top: 1px solid #e2e2e2; /*no*/
        }
        .dialog-btn{
            height:100%;
            background-color:white;
            border-radius:0;
            margin:0;
            color:#0076FF;
            line-height:84px;
        }
        .dialog-btn:active{
            background-color: #eaeaea;
        }
        .dialog-btn:not(:first-child){
            border-left:1px solid #e2e2e2; /*no*/
        }
        .gray-btn{
            color:#999;
        }
        .text-wrapper{
        }
        .dialog-content{
            padding-top: 20px;
        }
        .dialog-close-rt{
            color: #afafaf;
            background: none;
            border-radius: 0;
            border: none;
            top: 5px;
            right: 5px;
            font-size: 45px;
            line-height: 60px;
        }

    }
}