$tabHeight: 44px;
$tabFontSize: 15px;
html, body, #root {
    height: 100%!important;
}
#study {
    height: 100%;
    background: $bg_fff;
    display: flex;
    flex-flow: column;
    overflow: hidden;

    .tab {
        height: $tabHeight;
        max-height: $tabHeight;
        line-height: $tabHeight;
        text-align: center;
        background: #F7F9FC;
        flex: 1 0 auto;
        display: flex;
        justify-content: center;

        & > div {
            flex: 1 0 auto;
        }

        a {
            display: inline-block;
            height: $tabHeight;
            font-size: $tabFontSize;
        }
    }

    .study-container {
        padding-bottom: 50px;
        flex: 1 1 auto;
        overflow-y: auto;
        box-sizing: border-box;
        background: $bg_f5f5f5;
    }

    .active {
        color: $active;
        border-bottom: 1px solid $active;
    }
}