.app-scroll-container {
    height: 100%;
    width: 100%;

    .app-scroll-container__header,
    .app-scroll-container__bottom {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .app-scroll-container__middle {
        display: flex;
        width: 100%;
        .app-scroll-container__left,
        .app-scroll-container__center,
        .app-scroll-container__right {
            display: flex;
            flex-direction: column;
            height: 100%;
        }
    }

    .no-style {
        padding: 0;
        margin: 0;
    }

    .overflow-auto {
        overflow: auto;
    }

    // 滚动条样式
    ::-webkit-scrollbar {
        background: transparent;
        width: 4px;
        height: 4px;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 0;
        box-shadow: none;
        border: 0;
        background-color: #cecece;
    }

    ::-webkit-scrollbar-track {
        border-radius: 0;
        box-shadow: none;
        border: 0;
    }
}