/*header背景*/
header {
    background-image: url("/assets/image/headerImage.png") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/*logo图片*/
.lw-header-title{
    width: 250px !important;
    height: 56px !important;
    background-image: url("/assets/image/logo.png") !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;

    /*左边不留空隙*/
    padding-left: 0px !important;
}

/*隐藏自动的logo*/
.lw-header .lw-header-title span{
    display: none !important;
}

.header-left, .header-left .header-left-custom{
    display: initial !important;
}


/* 收藏菜单，标签页效果 */
/* 因为logo+title位置变化，这里也要跟着改变，否则会重叠 */
.header-left .header-left-custom .header-favorite-menu {
    -ms-flex: 1 !important;
    flex: 1 !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
    /* 收藏菜单，头部标签页右移，不能和logo重叠 */
    margin-left: 284px !important;
    /* 修改高度 */
    height: 32px !important;
    /* 调整原有位置，到header居中位置 */
    position: absolute !important;
    top: 15px !important;
}

/* 标签页-未激活状态 */
.header-left .header-left-custom .header-favorite-menu .favorite-menu {
    line-height: 28px !important;
    height: 28px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-family: MicrosoftYaHeiSemibold !important;
    color: #a9d1fa !important;
    font-weight: bold !important;
    margin: 0px 7.5px !important;
}

/* 标签页-激活状态 */
.header-left .header-left-custom .header-favorite-menu .favorite-menu.active {
    height: 28px !important;
    background: rgba(255, 255, 255, 0.85) !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-family: MicrosoftYaHeiSemibold !important;
    color: #08396b !important;
    font-weight: bold !important;
    margin: 0px 7.5px !important;
}

/* 标签页-悬停状态 */
.header-left .header-left-custom .header-favorite-menu .favorite-menu:hover {
    height: 28px !important;
    background: rgba(255, 255, 255, 0.85) !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-family: MicrosoftYaHeiSemibold !important;
    color: #08396b !important;
    font-weight: bold !important;
    margin: 0px 7.5px;
}

/* 左侧菜单栏 */

/* 收齐侧边栏 */
.lw-infinite-menu .toggle-arrow-standard {
    position: absolute !important;
    bottom: 30px !important;
    right: 0 !important;
    padding: 4px !important;
    background: transparent !important;
    color: #2f92f5 !important;
    cursor: pointer !important;
    z-index: 99 !important;
    background-color: #f4f7fb !important;
}

/* 调整背景色 */
.lw-infinite-menu {
    background-color: #fff !important;
}

/* input 输入框的位置 */
.lw-infinite-menu .lw-menu.standard .el-input {
    width: calc(100% - 10px) !important;
    margin-left: 5px !important;
    padding-top: 15px !important;
}
/* input搜索框，去除边框，设置底色 */
.lw-infinite-menu .el-input .el-input__inner {
    height: 32px !important;
    background-color: #f2f2f2 !important;
    border: 0px !important;
    font-size: 16px !important;
    padding: 0px 10px !important;
}

.lw-menu .lw-search-keyword > .el-input-group__append {
    color: #333 !important;
    background-color: #f2f2f2 !important;
    border: 0px !important;
}

.lw-infinite-menu .lw-menu.standard .el-icon-search:before {
    content: "\e61d" !important;
    font-size: 15px !important;
    color: black !important;
}

/* 菜单区域 - 调整上间距 */
.lw-menu .lw-flex {
    margin-top: 20px !important;
}

/* 菜单区域 - 位置 */
.lw-infinite-menu .lw-menu.standard {
    padding: 6px 0 10px 0px !important;
}

/* 菜单-首页（固定）*/
.lw-infinite-menu .lw-menu.standard .menu-home {
    padding-left: 20px !important;
    font-size: 14px !important;
    line-height: 32px !important;
    height: 32px !important;
    font-family: PingFangSC-Medium, PingFang SC !important;
    font-weight: 500 !important;
    color: #7c8ba0 !important;
}

.lw-infinite-menu .lw-menu.standard .menu-home:hover {
    background: #f4f7fb !important;
    color: #218ef1 !important;
    border-left: 3px solid #218ef1 !important;
}

/* 菜单-我的收藏 */

/* .lw-favorites .favor-modern {
  font-family: PingFangSC-Medium, PingFang SC!important;
  font-weight: 500!important;
  color: #218ef1!important;
} */
.lw-favorites.favor-modern .lw-favor-title {
    padding-left: 20px !important;
    font-size: 14px !important;
    height: 36px !important;
    line-height: 36px !important;
    padding-right: 45px !important;
    color: #7c8ba0 !important;
}

.lw-favorites.favor-modern .lw-favor-title:hover {
    background: #f4f7fb !important;
    color: #218ef1 !important;
    border-left: 3px solid #218ef1 !important;
}

.lw-favorites.favor-modern .fas .fa-star:before {
    content: "\f005" !important;
    color: #7c8ba0 !important;
}

.lw-favorites.favor-modern .lw-favor-title:hover .fa-star:before {
    content: "\f005" !important;
    color: #218ef1 !important;
}

.lw-favorites .lw-favor-title .lw-menu-icon:before {
    content: "\E602" !important;
    font-size: 14px !important;
    color: #7c8ba0 !important;
}

.lw-favorites .lw-favor-title .expand.lw-menu-icon:before {
    content: "\E600" !important;
    font-size: 14px !important;
    color: #7c8ba0 !important;
}

/* 收藏中的菜单 */
.lw-favorites .menu-link {
    margin-left: 30px !important;
    padding-left: 20px !important;
    font-size: 13px !important;
    padding-right: 10px !important;
    position: relative !important;
    line-height: 30px !important;
}

/* 选中，以及悬停效果 */
.lw-favorites.favor-modern .lw-favor-title:hover,
.lw-favorites.favor-modern .menu-link.is-active,
.lw-favorites.favor-modern .menu-link:hover {
    background: #f4f7fb !important;
    color: #218ef1 !important;
}

/* 图标效果*/
.lw-favorites.favor-modern .lw-favor-title i,
.lw-favorites.favor-modern i.far.fa-star {
    color: #7c8ba0 !important;
}

.lw-favorites.favor-modern i.link,
.lw-favorites.favor-modern i.move-icon {
    color: #218ef1 !important;
}

.lw-favorites.favor-modern .menu-link span {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: #7c8ba0 !important;
    font-size: 14px !important;
}

.lw-favorites.favor-modern .menu-link span:hover {
    color: #218ef1 !important;
}

/* 收起 */
.lw-menu-icon:before {
    content: "\E602" !important;
    font-size: 14px !important;
}

/* 左侧图标 */
.lw-favor-title .favor-tree-menu .fa-star:before {
    content: "\f005" !important;
    color: #218ef1 !important;
}

/* 右侧箭头-收起 */
.lw-favorites .lw-favor-title .lw-menu-icon:before {
    content: "\E602" !important;
    color: #7c8ba0 !important;
}

/* 右侧箭头-展开 */
.is-opened > .el-submenu__title > .lw-menu-icon:before {
    content: "\E600" !important;
    color: #7c8ba0 !important;
}

/* 其他菜单 */

/* 位置对齐 */
.lw-imenu .el-submenu .el-menu {
    padding: 0 0 0 30px !important;
}

/* 收齐 */
.el-menu .sub-menu .modern-menu .el-submenu:hover {
    background: #f4f7fb !important;
    color: #218ef1 !important;
    border-left: 3px solid #218ef1 !important;
}

.lw-imenu .modern-menu .el-submenu__title:hover {
    background: #f4f7fb !important;
    color: #218ef1 !important;
    border-left: 3px solid #218ef1 !important;
}

.lw-imenu .modern-menu .el-menu-item:hover {
    background: #f4f7fb !important;
    color: #218ef1 !important;
    border: 0px !important;
}

/* 展开 */
.el-submenu .is-opened {
    color: #7c8ba0 !important;
}

.el-submenu__title {
    color: #7c8ba0 !important;
    font-size: 14px !important;
    height: 36px !important;
    line-height: 36px !important;
    padding-right: 32px !important;
}
.lw-imenu .modern-menu .el-menu-item.menu-title,
.lw-imenu .modern-menu .el-submenu__title {
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 20px !important;
}

.el-submenu .el-menu-item .menu-title {
    color: #7c8ba0 !important;
}

.el-submenu .el-menu-item:hover .menu-title {
    color: #218ef1 !important;
}

.el-submenu .el-submenu:hover .el-submenu__title {
    color: #218ef1 !important;
}

/* 其他菜单，展开菜单（含下一级） */
.lw-imenu .modern-menu .el-submenu .el-menu-item > .menu-item-title,
.lw-imenu
.modern-menu
.el-submenu
.el-submenu
.el-submenu__title
> .menu-item-title {
    -ms-flex: 0 !important;
    flex: 0 !important;
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
    color: #7c8ba0 !important;
}

.lw-imenu .modern-menu .el-submenu .el-menu-item > .menu-item-title,
.lw-imenu
.modern-menu
.el-submenu
.el-submenu:hover
.el-submenu__title
> .menu-item-title {
    color: #218ef1 !important;
}

.el-submenu .fa-star:before {
    font-size: 14px !important;
}

.lw-imenu .modern-menu .el-submenu .el-menu-item i.lw-menu-icon,
.lw-imenu
.modern-menu
.el-submenu
.el-submenu
.el-submenu__title
i.lw-menu-icon {
    position: relative !important;
    right: -4px !important;
    top: 1px !important;
    transform: none !important;
    font-size: 14px !important;
    color: #7c8ba0 !important;
}

.lw-imenu .modern-menu .el-submenu .el-menu-item,
.lw-imenu .modern-menu .el-submenu .el-submenu:hover .el-submenu__title {
    border: 0px !important;
}

/* 中部显示区域 */
.lw-content_inner.standard {
    margin: 12px 6px !important;
    border: 1px solid #e5e9f2 !important;
    background: white !important;
    border-radius: 4px !important;
    height: calc(100% - 26px) !important;
}

/* 折叠侧边栏后，主页会有部分图标显露，影响美观 */
/* 根据折叠，展开的div,来找同级兄弟元素，进行隐藏 */
.toggled .toggle-arrow-standard + div {
    visibility: hidden !important;
}

/*2023-5-22 按钮颜色*/
.el-button{
    color: #2f92f5;
}
