body {
    display: flex;
    flex: 1;
    flex-direction: column;
}
.profile-content-custom {
    margin: 3.75rem 0;
}

.bg-primary {
    background-color: var(--bg-primary) !important;
}

.profile-left-custom {
    padding: 1.25rem;
}

.navlists-custom {
    width: 15.5rem !important;
    line-height: 5rem !important;
    text-align: center;
    padding: 0 !important;
    border-radius: 0 !important;
    /*    border-bottom: 2px solid rgba(238, 238, 238, .6) !important;*/
    font-size: 1.13rem;
    color: #fff !important;
}

    .navlists-custom:last-child {
        border: 0 !important;
    }

    .navlists-custom:hover {
        color: var(--bs-color-ye) !important;
    }

.profile-selected:hover {
    color: #ECD4A6 !important;
}

.profile-selected {
    background-color: #B05117 !important;
    color: #ECD4A6 !important;
    transition: all .3s ease-in-out;
}

.profile-normal {
    background-color: #ECD4A6;
    color: #B05117;
    text-decoration: none;
}

.profile-active {
    color: #FFE37A !important;
    font-weight: medium !important;
    /*    background-image: url(../../imgs/profile-select.png) !important;*/
    background-image: url(../../imgs/personal/bg-acvive.png) !important;
    width: 100%;
    background-size: 15.5rem 5rem !important;
    background-repeat: no-repeat !important;
    font-size: 1.25rem;
}

    .profile-active:hover {
        color: #FFE37A !important;
    }


/* 定义小于等于991.98px的样式，即：0~991.98px范围内 */
@media (max-width: 991.98px) {
    .profile-body-container-pc-h5 {
        display: flex;
        flex-direction: column;
    }

    .profile-left-custom-pc-h5 {
        margin: 0 !important;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

/* 定义某一区间: 大于991.98px的样式*/
@media (min-width: 991.98px) {
}