
// 有时候 singleLineMusicBox 还没有赋值所以导致 旋律线和小鸟显示，所以这里默认隐藏
#musicAndSelection{
    .smoothAnimationBox{
        display: none;
    }
}
#musicAndSelection.singleLineMusicBox{
    .smoothAnimationBox{
        display: flex;
        align-items: flex-end;
        height: 1.8rem; // 与authorName高度对应
        &.smoothAnimationBoxHide{
            opacity: 0;
            visibility: hidden;
        }
    }
    .smoothAnimationCon{
        position: relative;
        .smoothBot{
            position: absolute;
            width: 36Px;
            height: 34Px;
            left: 0;
            top: 0;
        }
        .smoothCanvas{
            display: block;
        }
    }
    #osmdCanvasPage1{
        top: 0;
    }
    // 一行谱，因为有旋律线的高度，音符指针需要加一个marginTop
    #cursorImg-0 {
        margin-top: calc(1.8rem - 13Px);
    }
    .authorName{
        position: fixed;
        // position: absolute;
        left: 0;
        top: var(--musicAndSelectionTop);
        width: 100vw;
    }
    /* 一行谱翻页动画 */
    #osmdCanvasPage1,#selectionBgBox,#selectionBox{
        transition: transform 0.8s;
    }
}