css自适应弹窗样式

非常简单的css弹出窗口样式，用极少的代码实现，模拟bootstrap样式，没有实现弹出动画，仅仅是个效果。

.dialog {
            background-color: rgba(0, 0, 0 ,0.1);
            position: fixed;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .dialog-main {
            background-color: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
            border-radius: 6px;
        }
        .dialog-title {
            line-height: 50px;
            padding-left: 15px;
            border-bottom: 1px solid #ddd;
        }
        .dialog-content {
            padding: 15px;
            border-bottom: 1px solid #ddd;
            overflow: auto;
            max-height: calc(100vh - 200px);
            max-width: calc(100vw - 100px);
            min-width: 400px;
            min-height: 50px;
        }
        .dialog-button {
            height: 50px;
            display: flex;
            justify-content: right;
            padding-right: 10px;
            align-items: center;
        }
        .button {
            background-color: #06c;
            color: #fff;
            font-size: 14px;
            border-radius: 5px;
            padding:5px 15px;
        }