@import "https://at.alicdn.com/t/font_833590_m585av7h9vh.css";

.VerticalMenu {
    height: 100%;
    cursor: pointer;
}

.VerticalMenu>div {
    width: 100%;
}

.VerticalMenu .menuItem.active>div i {
    color: #ffffff !important;
}

.VerticalMenu .active>div {
    background: #0073d4 !important;
    color: #fff !important;
}

.VerticalMenu>div>div:first-child {
    text-align: center;
    height: 50px;
    line-height: 50px;
    padding-right: 10px;
    transition: background-color 0.4s linear;
    background: #fff;
    margin-bottom: 4px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-left: 2px solid #0073d4;
    border-radius: 0 3px 3px 0;
    color: #0073d4;
    font-size: 16px;
}

.VerticalMenu>div>div:first-child:hover {
    background-color: #0073d4;
    color: #fff
}

.VerticalMenu>div>div:first-child:hover i {
    color: #fff !important;
}

.VerticalMenu>div>div:first-child>i:last-child {
    line-height: 50px;
    float: right;
    transform: rotate(0deg);
    transition: transform 0.4s linear;
}

.VerticalMenu>div>div:last-child {
    display: none;
}

.VerticalMenu .xz span {
    background-color: white;
    transition: background-color 0.1s linear;
    text-align: center;
    display: block;
    color: #666;
    line-height: 40px;
    border-bottom: 1px solid #e6e6e6;
}

.VerticalMenu .xz span.tab-active {
    background-color: rgb(241, 241, 241);
}

.VerticalMenu .xz span:last-child {
    border-bottom: 0;
}

.VerticalMenu .xz span:hover {
    color: #0073d4;
}

.VerticalMenu>div:last-child::after {
    display: block;
    clear: both;
}