// 应用壳
.app-container {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

// 应用头部
.app-header {
    .flex(row, space-between, center);
    height: 50px;
    padding: 0 20px;
    .app-header__left {
        .flex(row, space-between, center);
        height: 100%;

        .app-header__left__logo {
            .flex(row, flex-start, center);
            width: 180px;
            height: 50px;

            .logo__menuicon {
                display: inline-block;
                height: 50px;
                line-height: 50px;
                cursor: pointer;
            }

            .logo__image {
                max-width: 20px;
            }

            .logo__title {
                display: block;
                padding-left: 12px;
                text-align: left;
                font-weight: 400;
                font-size: 16px;
                .textellipsis;
            }
        }

        .ivu-icon {
            font-size: 20px;
            padding: 4px;
            cursor: pointer;
        }
    }

    .app-header__right {
        .flex(row, space-between, center);
        height: 100%;
    }
}

// 应用正文
.app-content {
    display: flex;
    width: 100%;
    height: calc(100% - 50px);

    .app-content__left {
        max-height: 100%;
    }

    .app-content__right {
        height: 100%;
    }
}