@import "~@less/mixin.less"; @import "~@less/variables.less"; .modal { .maskContentZIndex1; position: fixed; top: 50%; left: 50%; margin: auto; border-radius: 5px; background: #fff; // overflow: hidden; } .modal-title { width: 100%; height: 46px; line-height: 46px; padding: 0 10px; background: #e5e5e5; } .icon{ vertical-align: text-top; margin-right: 2px; } .modal-close { position: absolute; right: 0px; top: 2px; width: 40px; height: 40px; cursor: pointer; } .modal-content { width: 100%; padding: 0 10px; } .modal-operator { width: 100%; height: 70px; } .modal-btn-box { width: 50%; float: left; text-align: center; } .modal-operator-close, .modal-operator-confirm { .btnCom; width: 100px; margin: auto; height: 34px; line-height: 32px; opacity: 1; color: #fff; border: 1px solid #78bddd; } .modal-operator-confirm { background: #78bddd; } .modal-operator-close{ background: #fff; color: #78bddd; } .modal-operator-close:active, .modal-operator-confirm:active { opacity: .6; filter:alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60);"; transition: opacity .3s; } .mask { .maskZIndex; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .6; filter:alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60);"; }