.sipu-model-main { text-align: center; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; /* z-index: 1050; */ -webkit-overflow-scrolling: touch; outline: 0; opacity: 0; -webkit-transition: opacity 0.15s linear, z-index 0.15; -o-transition: opacity 0.15s linear, z-index 0.15; transition: opacity 0.15s linear, z-index 0.15; z-index: -1; overflow-x: hidden; overflow-y: auto; }

.model-open { z-index: 99999; opacity: 1; overflow: hidden; }
.sipu-model-inner { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; display: inline-block; vertical-align: middle; width: 600px; margin: 30px auto; max-width: 97%; }
.sipu-model-wrap { display: block; width: 100%; position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; text-align: left; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-height: calc(100vh - 70px); overflow-y: auto; }
.model-open .sipu-model-inner { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); position: relative; z-index: 999; }
.model-open .sipu-bg-overlay { background: rgba(0, 0, 0, 0.3); z-index: 99; }
.sipu-bg-overlay { background: rgba(0, 0, 0, 0.7); height: 100vh; width: 100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; -webkit-transition: background 0.15s linear; -o-transition: background 0.15s linear; transition: background 0.15s linear; }
.sipu-close-btn { position: absolute; right: 0; top: -30px; cursor: pointer; z-index: 99; font-size: 30px; color: #fff; }

@media screen and (min-width: 800px) {
    .sipu-model-main:before { content: ""; display: inline-block; height: auto; vertical-align: middle; margin-right: -0px; height: 100%; }
}

@media screen and (max-width: 799px) {
    .sipu-model-inner { margin-top: 45px; }
}