.dialog-overlay {width: 100%; height: 100%; background-color: #000; z-index: 90; position: fixed; opacity: 0.7; top: 0px; left: 0px;}
.dialog-container {width: 100%; height: 100%; display: flex; position: fixed; z-index: 91; top: 0px; left: 0px;}
.dialog-container .centerer {width: 500px; height: auto; margin: auto;}
.dialog-frame {width: 100%; min-height: 100px; float: left; background-color: #FFF; border-radius: 3px;}
.dialog-frame .header {width: 100%; padding: 10px 10px 10px 15px; float: left; background-color: #f6f7f9; border-bottom: 1px #dedede solid; border-radius: 3px;}
.dialog-frame .header H2 {width: auto; float: left; font-size: 16px; font-weight: 600; margin: 0px;}
.dialog-frame .header I {float: right; font-size: 17px; }
.dialog-frame .tip {width: 100%; float: left; padding: 10px 15px; background-color: #4abbea; color: #FFF; font-size: 12px; border-bottom: 1px #31a2d1 solid;}
.dialog-frame .content {width: 100%; float: left; padding: 10px 15px;}
.dialog-frame .photoFrame {width: 100%; position: relative; float: left; display: flex; justify-content: space-around; align-items: center; background-color: #f7f7f7;}
.dialog-frame .photoFrame.crop { justify-content: center; }
.dialog-frame .photoFrame IMG {max-width: 100%; max-height: 100%; float: left; max-height: 75vh;}