.colorWhite {
    color: #fff
}

.colorBlue {
    color: #1742bf
}

.color222324 {
    color: #222324
}

.colorRed {
    color: #fd6262
}

.colorWhiteTrans_80 {
    color: hsla(0, 0%, 100%, .8)
}

.colorGrey2 {
    color: #bababd
}

.colorGrey {
    color: #6b6b6f
}

.colorBlueOther {
    color: #1a6eae
}

.textColorBlack {
    color: #222324
}

.personalCenter {
    position: relative;
    width: 100%;
    margin: auto;
    height: 100%;
    display: flex;
    flex-grow: 1;
    padding: 16px 0 16px 16px;
    background-color: #ECF3F6;
}

.personalCenter .personalCenter-menu {
    min-height: 500px;
    width: 224px;
    min-width: 224px
}

.personalCenter .personalCenter-menu .personalCenter-menu__menus {
    border-right: none;  
    border-radius: 8px;
    overflow: hidden;
}

.personalCenter .personalCenter-menu .personalCenter-menu__menus .el-menu-item,
.personalCenter .personalCenter-menu .personalCenter-menu__menus>li {
    margin-bottom: 8px
}

.personalCenter .personalCenter-menu .personalCenter-menu__menus .el-menu-item,
.personalCenter .personalCenter-menu .personalCenter-menu__menus .el-submenu__title {
    display: flex;
    padding: 12px 16px !important;
    align-items: center;
    font-size: 14px;
    font-family: Poppins-Regular, Poppins;
    height: 48px
}

.personalCenter .personalCenter-menu .personalCenter-menu__menus .img-active {
    display: none
}

.personalCenter .personalCenter-menu .personalCenter-menu__menus .is-active {
    background-color: #fff !important;
    border-radius: 2px
}

.personalCenter .personalCenter-menu .personalCenter-menu__menus .is-active .not-active {
    display: none
}

.personalCenter .personalCenter-menu .personalCenter-menu__menus .is-active .img-active {
    display: block
}

.personalCenter .personalCenter-menu .personalCenter-menu__menus .is-active .el-submenu__title {
    width: 224px
}

.personalCenter .personalCenter-menu .personalCenter-menu__menus .el-menu-item.is-active,
.personalCenter .personalCenter-menu .personalCenter-menu__menus .el-submenu.is-active .el-icon-arrow-down:before,
.personalCenter .personalCenter-menu .personalCenter-menu__menus .is-active .el-submenu__title span {
    color: #1742bf
}

.personalCenter .personalCenter-menu .personalCenter-menu__menus .el-menu-item-group__title {
    display: none
}

.personalCenter .personalCenter-menu .personalCenter-menu__menus .el-menu-item-group .el-menu-item {
    width: 224px !important;
    padding-left: 44px !important
}

.personalCenter .personalCenter-menu .personalCenter-menu__menus .el-submenu__icon-arrow {
    right: 8px
}

.personalCenter .personalCenter-menu .personalCenter-menu__menus .el-menu-item:not(.is-active):hover,
.personalCenter .personalCenter-menu .personalCenter-menu__menus .el-submenu__title:hover {
    color: #1742bf !important;
    background-color: #F2F5FF !important
}

.personalCenter .personalCenter-menu .personalCenter-menu__menus .el-menu-item:not(.is-active):hover .el-icon-arrow-down:before,
.personalCenter .personalCenter-menu .personalCenter-menu__menus .el-submenu__title:hover .el-icon-arrow-down:before {
    color: #1742bf !important
}

.personalCenter .personalCenter-menu .personalCenter-menu__menus .el-menu-item:not(.is-active):hover .not-active,
.personalCenter .personalCenter-menu .personalCenter-menu__menus .el-submenu__title:hover .not-active {
    display: none
}

.personalCenter .personalCenter-menu .personalCenter-menu__menus .el-menu-item:not(.is-active):hover .img-active,
.personalCenter .personalCenter-menu .personalCenter-menu__menus .el-submenu__title:hover .img-active {
    display: block
}

.personalCenter .personalCenter-menu .personalCenter-menu__menus .link-menu-insurance {
    position: relative
}

.personalCenter .personalCenter-menu .personalCenter-menu__menus .link-menu-insurance .pag-free {
    position: absolute;
    top: 6px;
    right: 78px
}

.personalCenter .personalCenter-menu .personalCenter-menu__menus .link-menu-insurance .pag-free_cn {
    right: 90px !important
}

.personalCenter .personalCenter-menu .el-badge__content.is-fixed.is-dot {
    right: -3px;
    top: 18px
}

.personalCenter .personalCenter-page {
    flex-grow: 1;
    padding-left: 20px
}