.floating-button {
    position: absolute;
    right: 50%;
    bottom: 2em;
    border-radius: 20%;
    z-index: 2;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    border: 0em;
}

#div {
    /*设置z-index属性必须设置position:relative或absolute*/
    position: relative;
    /*设置div位于遮罩的上方*/
    z-index: 2;
}

#cover {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /*设置遮罩位于div的下方*/
    z-index: 1;
}

#box {
    /*当弹窗显示时，屏幕滚动时，弹窗始终保持位置固定在屏幕正中，不随屏幕滚动而变化位置*/
    background-color: #fff;
    padding-top: 3em;
    padding-left: 2em;
    padding-right: 2em;
    border-radius: 0.5em;
    position: fixed;
    width: 30rem;
    height: 25rem;
    position: absolute;
    top: 0em;
    left: 0em;
    right: 0em;
    bottom: 0em;
    margin: auto;
    /*设置弹窗位于遮罩的上方*/
    z-index: 3;
    /*开始时隐藏弹窗*/
    display: none;
}

#box1 {
    /*当弹窗显示时，屏幕滚动时，弹窗始终保持位置固定在屏幕正中，不随屏幕滚动而变化位置*/
    background-color: #fff;
    padding-top: 1em;
    padding-left: 2em;
    padding-right: 2em;
    border-radius: 0.5em;
    position: fixed;
    width: 30rem;
    height: 12rem;
    position: absolute;
    top: 0em;
    left: 0em;
    right: 0em;
    bottom: 0em;
    margin: auto;
    /*设置弹窗位于遮罩的上方*/
    z-index: 4;
    /*开始时隐藏弹窗*/
    display: none;
}

#box2 {
    /*当弹窗显示时，屏幕滚动时，弹窗始终保持位置固定在屏幕正中，不随屏幕滚动而变化位置*/
    background-color: #fff;
    padding-top: 1em;
    padding-left: 2em;
    padding-right: 2em;
    border-radius: 0.5em;
    position: fixed;
    width: 30rem;
    height: 5rem;
    position: absolute;
    top: 0em;
    left: 0em;
    right: 0em;
    bottom: 0em;
    margin: auto;
    /*设置弹窗位于遮罩的上方*/
    z-index: 5;
    /*开始时隐藏弹窗*/
    display: none;
}

#box3 {
    /*当弹窗显示时，屏幕滚动时，弹窗始终保持位置固定在屏幕正中，不随屏幕滚动而变化位置*/
    background-color: #fff;
    padding-top: 1em;
    padding-left: 2em;
    padding-right: 2em;
    border-radius: 0.5em;
    position: fixed;
    width: 30rem;
    height: 30rem;
    position: absolute;
    top: 0em;
    left: 0em;
    right: 0em;
    bottom: 0em;
    margin: auto;
    /*设置弹窗位于遮罩的上方*/
    z-index: 6;
    /*开始时隐藏弹窗*/
    display: none;
}