page{ background-color: #fff; } .fullDialog{ width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; z-index: 999; background-color: rgba(0,0,0,.6); display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .ui-dialog { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; background: rgba(0, 0, 0, 0.4); display: none; } .ui-dialog.show { display: -webkit-box; display: box; } .ui-dialog-hd { height: 48px; line-height: 48px; text-align: center; position: relative; } .ui-dialog-cnt { width: 90%; padding: 8px; border-radius: 6px; -webkit-background-clip: padding-box; background-clip: padding-box; pointer-events: auto; background-color: rgba(253, 253, 253, 0.95); position: relative; font-size: 16px; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; animation-name: layui-m-anim-scale; -webkit-animation-name: layui-m-anim-scale; } @-webkit-keyframes layui-m-anim-scale { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes layui-m-anim-scale { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .ui-dialog-bd { min-height: 71px; border-top-left-radius: 6px; border-top-right-radius: 6px; padding: 18px; display: -webkit-box; display: box; -webkit-box-pack: center; -webkit-box-align: center; -webkit-box-orient: vertical; } .ui-dialog-bd>h4 { margin-bottom: 4px; width: 100%; text-align: center; } .ui-dialog-bd>div, .ui-dialog-bd>ul { width: 100%; } .ui-dialog-ft { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; display: -webkit-box; width: 100%; box-sizing: border-box; -webkit-box-align: center; border-top: 1rpx solid #e0e0e0; } .ui-dialog-ft button { color: #00a0ff; text-align: center; width: 100%; line-height: 50px; background: transparent; display: block; border-radius: 0; margin: 0 !important; -webkit-box-flex: 1; } .ui-dialog-ft button::after { border-radius: 0; } .ui-dialog-ft button:active { background-color: rgba(0, 0, 0, 0.1) !important; } .ui-dialog-ft button:first-child { border-bottom-left-radius: 6px; } .ui-dialog-ft button:last-child { border-right: 0; border-bottom-right-radius: 6px; } .ui-dialog-ft:before { content: ''; display: block; width: 100%; position: absolute; left: 0; top: 0; transform-origin: left top; -webkit-transform-origin: left top; } .ui-dialog-ft button:before { border-right: 1px solid #e0e0e0; content: ''; display: block; bottom: 0; position: absolute; right: 0; top: 0; transform-origin: right top; -webkit-transform-origin: right top; }