.model_wrap{ width: 100%; height: 100vh; background-color: #000; opacity: 0.5; position: fixed; top: 0; display:none; } .model-bg{ width: 560px; position: absolute; top: calc(65% - 322px); left: 71%; margin-left: -600px; z-index:999 ; display: none; } .model-bg .content{ color:#fff; font-size:20px; } .jump{ background-color: coral; font-size:16px; color:#fff; padding: 10px 20px; border-radius: 6px; margin-top:50%; } .Previous{ background-color: coral; font-size:16px; color:#fff; padding: 10px 20px; border-radius: 6px; margin-top:50%; } .nextPage{ background-color: coral; font-size:16px; color:#fff; padding: 10px 20px; border-radius: 6px; margin-top:50%; }