css的布局问题（一个网站指引）

Question

1. 这是一个页面布局的问题，更新后的步骤指引；
   2.需求是进入页面后出现一个遮罩层，留出的展示窗口不被遮罩层影响，正常显示（这里目前采用的是提高该处的盒子层级）；
   3.在指引过程中，展示窗口中的内容不能被编辑，结束后可以正常被点击；
   4.页面是不能滚动的，只能通过点击下一步进行页面的位置变化；
   5.总共有两个展示窗口。