.model_wrap{ width: 100%; height: 100vh; background-color: #000; opacity: 0.5; position: fixed; top: 0; display:none; z-index:2001; } .unchoose{ display: none; } .model-bg{ width: 560px; position: absolute; top: 65%; left: 71%; color:#fff; margin-left: -600px; z-index:2002 ; } .content{ font-size:20px; } .jump{ position:absolute; width:80px; background-color: coral; font-size:16px; color:#fff; padding: 10px 20px; border-radius: 6px; top:200px; left:65%; z-index: 2002; text-align: center; } .Previous{ width:100px; text-align: center; background-color: #1ecd97; font-size:16px; color:#fff; padding: 10px 20px; border-radius: 6px; margin-top: 20px; } .nextPage{ width: 100px; background-color: #1ecd97; font-size:16px; color:#fff; padding: 10px 20px; border-radius: 40px; text-align: center; margin-top:-42px; margin-left:130px; border: 2px solid #1ecd97; transition: background-color .3s }