/* 侧边导航 */
.ct-menu {
    --ct-menu-level: 0;
}
.ct-menu .ct-sub-menu {
    width: 100%;
    min-height: 60px;
}
.ct-menu .ct-sub-menu__title {
    position: relative;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #ffffff;
    cursor:pointer;
}
.ct-menu .ct-sub-menu__title span {
    font-weight: bold;
    display: inline-block;
    transition: transform 0.3s;
}
.ct-menu .ct-sub-menu__title span,
    .ct-menu .ct-sub-menu-item span {
    font-size: 24px;
    color: #333333;
    line-height: 60px;
}

.ct-menu .ct-sub-menu-item {
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding-left: calc(var(--ct-menu-level) * 60px);
    cursor: pointer;
}
.ct-menu .ct-sub-menu-item:hover,
    .ct-menu .ct-sub-menu .ct-sub-menu__title:hover {
    /*background: rgba(8, 89, 192, 0.1);*/
}

.ct-menu .ct-sub-menu__title.is-active,
    .ct-menu .ct-sub-menu:not(:has( .ct-menu)) .ct-sub-menu__title.is-active {
    background: #0859C0;
}
.ct-menu .ct-sub-menu__title.is-active span,
    .ct-menu .ct-sub-menu:not(:has( .ct-menu)) .ct-sub-menu__title.is-active span {
    color: #ffffff;
}
.ct-menu .ct-sub-menu-item.is-active,
    .ct-menu .ct-sub-menu:not(:has( .ct-menu)) .ct-sub-menu__title.is-active {
    background: #0859C0;
}
.ct-menu .ct-sub-menu-item.is-active span,
    .ct-menu .ct-sub-menu:not(:has( .ct-menu)) .ct-sub-menu__title.is-active span {
    color: #ffffff;
}

.ct-menu .ct-sub-menu:has( .ct-menu) .ct-sub-menu__title::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 18px;
    height: 9px;
    background: url('../../image/common/up.png')no-repeat center/100%;
    transition: transform 0.3s;
}

.ct-menu .ct-sub-menu .ct-sub-menu__title:hover span {
    transform: translateX(10px);
}
.ct-menu .ct-sub-menu .ct-sub-menu__title:hover::after {
    transform: translateX(-10px);
}

.ct-menu .ct-sub-menu.is-open .ct-sub-menu__title::after {
    transform: rotate(180deg);
}

.ct-menu .ct-sub-menu.is-open .ct-sub-menu__title:hover::after {
    transform: translateX(-10px) rotate(180deg);
}

.ct-menu .ct-sub-menu:not(:has( .ct-menu)) .ct-sub-menu__title.is-active span {
    transform: translateX(10px);
}
.ct-menu .ct-sub-menu span {
    user-select: none;
}
.ct-menu .ct-sub-menu .ct-menu {
    height: 0;
    overflow: hidden;
    transition: all 0.5s ease-in;
}

.ct-menu .ct-sub-menu.is-open .ct-menu {
    height: auto;
}

.ct-menu {}
.ct-menu {}
.ct-menu {}
.ct-menu {}