body{margin:0;padding:0}.box-wrap{display:flex;flex-direction:column;height:100vh}.qh{position:fixed;//position:absolute;top:0;left:0;width:100%;height:70px;background-color:#3c5a73;//z-index:1;display:flex;justify-content:center;align-items:center}.page-info{color:#fff;font-size:18px;margin:0 10px}.qh span{color:#fff;font-size:30px;cursor:pointer}.image-container{background:#3c3c3c;flex:1;display:flex;justify-content:center;align-items:center;padding-top:70px}.image-container span{color:#fff}img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}