left: 50%; top: 50%; max-width: 800px; width: 100%; z-index: 10; transform: translate(-50%, -50%); box-sizing: border-box; } .pop .close { text-align: right; margin-bottom: 15px; cursor: pointer; } .pop .close img { display: inline-block; transition: 0.5s; width: 40px; } .pop .close:hover img { transform: rotate(90deg); } .mask { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 9; }