.layout-con {
    height: 100%;
    width: 100%;
}

.logo-class i {
    font-size: 25px
}

.logo-class span {
    display: inline-block;
    overflow: hidden;
    width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    transition: width .2s ease .2s;
}

.collapsed-logo-class i {
    transform: translateX(5px);
    transition: font-size .2s ease .2s, transform .2s ease .2s;
    vertical-align: middle;
    font-size: 30px;
}

.collapsed-logo-class span {
    width: 0px;
    transition: width .2s ease;
}

.menu-item span {
    display: inline-block;
    overflow: hidden;
    width: 95px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    transition: width .2s ease .2s;
}

.menu-item i {
    transform: translateX(0px);
    transition: font-size .2s ease, transform .2s ease;
    vertical-align: middle;
    font-size: 16px;
}

.collapsed-menu span {
    width: 0px;
    transition: width .2s ease;
}

.collapsed-menu i {
    transform: translateX(5px);
    transition: font-size .2s ease .2s, transform .2s ease .2s;
    vertical-align: middle;
    font-size: 16px;
}

.collapsed-menu .ivu-icon-ios-arrow-down {
    display: none;
}

.collapsed-menu .ivu-menu-item {
    display: none;
}

.collapsed-menu .ivu-menu {
    display: none;
}

.menu-icon {
    transition: all .3s;
}

.rotate-icon {
    transform: rotate(-90deg);
}