/* <!-- ----主题设置部分---- --> */
    
.layadmin-setTheme .left-color,
.layadmin-setTheme .nav-color {
    position: relative;
    cursor: pointer;
}

.layadmin-setTheme .left-color i,
.layadmin-setTheme .nav-color i {
    color: #ffffff;
    font-size: 20px;
    position: absolute;
    top: 5px;
    left: 23px;
    display: none;
}

.layadmin-setTheme-color li.layui-this i,
.layadmin-setTheme .nav-color.layui-this i,
.layadmin-setTheme .left-color.layui-this i {
    display: block;
}

/* 默认主色 */
.layui-layout-body .theme-nav-color,
.layui-layout-body .theme-left-color {
    background-color: #323549;
    box-shadow: 1px 1px 5px #323549;
}

/* 主色切换 */
.layui-layout-body.theme-a .theme-nav-color,
.layui-layout-body.theme-a .theme-left-color {
    background-color: #323549;
    box-shadow: 1px 1px 5px #323549;
}

.layui-layout-body.theme-b .theme-nav-color,
.layui-layout-body.theme-b .theme-left-color {
    background-color: #673ab7;
    box-shadow: 1px 1px 5px #673ab7;
}

.layui-layout-body.theme-c .theme-nav-color,
.layui-layout-body.theme-c .theme-left-color {
    background-color: #4e89f8;
    box-shadow: 1px 1px 5px #4e89f8;
}

.layui-layout-body.theme-d .theme-nav-color,
.layui-layout-body.theme-d .theme-left-color {
    background-color: #2db7f5;
    box-shadow: 1px 1px 5px #2db7f5;
}

.layui-layout-body.theme-e .theme-nav-color,
.layui-layout-body.theme-e .theme-left-color {
    background-color: #87b94b;
    box-shadow: 1px 1px 5px #87b94b;
}

.layui-layout-body.theme-f .theme-nav-color,
.layui-layout-body.theme-f .theme-left-color {
    background-color: #f04134;
    box-shadow: 1px 1px 5px #f04134;
}

.layui-layout-body.theme-g .theme-nav-color,
.layui-layout-body.theme-g .theme-left-color {
    background-color: #f26038;
    box-shadow: 1px 1px 5px #f26038;
}

.layui-layout-body.theme-h .theme-nav-color,
.layui-layout-body.theme-h .theme-left-color {
    background-color: #f4aa16;
    box-shadow: 1px 1px 5px #f4aa16;
}

/* 主色设置 */
.layui-layout-body.theme-a .layadmin-setTheme .nav-color.nav-color-white i,
.layui-layout-body.theme-a .layadmin-setTheme .left-color.left-color-white i {
    color: #323549;
}

.layui-layout-body.theme-b .layadmin-setTheme .nav-color.nav-color-white i,
.layui-layout-body.theme-b .layadmin-setTheme .left-color.left-color-white i {
    color: #673ab7;
}

.layui-layout-body.theme-c .layadmin-setTheme .nav-color.nav-color-white i,
.layui-layout-body.theme-c .layadmin-setTheme .left-color.left-color-white i {
    color: #4e89f8;
}

.layui-layout-body.theme-d .layadmin-setTheme .nav-color.nav-color-white i,
.layui-layout-body.theme-d .layadmin-setTheme .left-color.left-color-white i {
    color: #2db7f5;
}

.layui-layout-body.theme-e .layadmin-setTheme .nav-color.nav-color-white i,
.layui-layout-body.theme-e .layadmin-setTheme .left-color.left-color-white i {
    color: #87b94b;
}

.layui-layout-body.theme-f .layadmin-setTheme .nav-color.nav-color-white i,
.layui-layout-body.theme-f .layadmin-setTheme .left-color.left-color-white i {
    color: #f04134;
}

.layui-layout-body.theme-g .layadmin-setTheme .nav-color.nav-color-white i,
.layui-layout-body.theme-g .layadmin-setTheme .left-color.left-color-white i {
    color: #f26038;
}

.layui-layout-body.theme-h .layadmin-setTheme .nav-color.nav-color-white i,
.layui-layout-body.theme-h .layadmin-setTheme .left-color.left-color-white i {
    color: #f4aa16;
}


/* <!-- ----login与header设置---- --> */

.layui-layout-body.theme-a .layui-header a,
.layui-layout-body.theme-b .layui-header a,
.layui-layout-body.theme-c .layui-header a,
.layui-layout-body.theme-d .layui-header a,
.layui-layout-body.theme-e .layui-header a,
.layui-layout-body.theme-f .layui-header a,
.layui-layout-body.theme-g .layui-header a,
.layui-layout-body.theme-h .layui-header a {
    color: #ffffff;
}


/* 实际顶部导航颜色 */
.theme-nav-color-white .layui-logo,
.theme-nav-color-white .layui-header {
    background-color: #ffffff;

    /* color为主色 */
}

/* 白色底色字体颜色为主色 */
.theme-nav-color-white.theme-a .layui-logo,
.theme-nav-color-white.theme-a .layui-header,
.theme-nav-color-white.theme-a .layui-header a {
    color: #323549;
}

.theme-nav-color-white.theme-a .layui-header .layui-nav .layui-nav-more {
    border-top-color: #323549;
}

.theme-nav-color-white.theme-a .layui-header .layui-nav .layui-nav-mored {
    border-color: transparent;
    border-bottom-color: #323549;
}

.theme-nav-color-white.theme-b .layui-logo,
.theme-nav-color-white.theme-b .layui-header,
.theme-nav-color-white.theme-b .layui-header a {
    color: #673ab7;
}

.theme-nav-color-white.theme-b .layui-header .layui-nav .layui-nav-more {
    border-top-color: #673ab7;
}

.theme-nav-color-white.theme-b .layui-header .layui-nav .layui-nav-mored {
    border-color: transparent;
    border-bottom-color: #673ab7;
}

.theme-nav-color-white.theme-c .layui-logo,
.theme-nav-color-white.theme-c .layui-header,
.theme-nav-color-white.theme-c .layui-header a {
    color: #4e89f8;
}

.theme-nav-color-white.theme-c .layui-header .layui-nav .layui-nav-more {
    border-top-color: #4e89f8;
}

.theme-nav-color-white.theme-c .layui-header .layui-nav .layui-nav-mored {
    border-color: transparent;
    border-bottom-color: #4e89f8;
}

.theme-nav-color-white.theme-d .layui-logo,
.theme-nav-color-white.theme-d .layui-header,
.theme-nav-color-white.theme-d .layui-header a {
    color: #2db7f5;
}

.theme-nav-color-white.theme-d .layui-header .layui-nav .layui-nav-more {
    border-top-color: #2db7f5;
}

.theme-nav-color-white.theme-d .layui-header .layui-nav .layui-nav-mored {
    border-color: transparent;
    border-bottom-color: #2db7f5;
}

.theme-nav-color-white.theme-e .layui-logo,
.theme-nav-color-white.theme-e .layui-header,
.theme-nav-color-white.theme-e .layui-header a {
    color: #87b94b;
}

.theme-nav-color-white.theme-e .layui-header .layui-nav .layui-nav-more {
    border-top-color: #87b94b;
}

.theme-nav-color-white.theme-e .layui-header .layui-nav .layui-nav-mored {
    border-color: transparent;
    border-bottom-color: #87b94b;
}

.theme-nav-color-white.theme-f .layui-logo,
.theme-nav-color-white.theme-f .layui-header,
.theme-nav-color-white.theme-f .layui-header a {
    color: #f04134;
}

.theme-nav-color-white.theme-f .layui-header .layui-nav .layui-nav-more {
    border-top-color: #f04134;
}

.theme-nav-color-white.theme-f .layui-header .layui-nav .layui-nav-mored {
    border-color: transparent;
    border-bottom-color: #f04134;
}

.theme-nav-color-white.theme-g .layui-logo,
.theme-nav-color-white.theme-g .layui-header,
.theme-nav-color-white.theme-g .layui-header a {
    color: #f26038;
}

.theme-nav-color-white.theme-g .layui-header .layui-nav .layui-nav-more {
    border-top-color: #f26038;
}

.theme-nav-color-white.theme-g .layui-header .layui-nav .layui-nav-mored {
    border-color: transparent;
    border-bottom-color: #f26038;
}

.theme-nav-color-white.theme-h .layui-logo,
.theme-nav-color-white.theme-h .layui-header,
.theme-nav-color-white.theme-h .layui-header a {
    color: #f4aa16;
}

.theme-nav-color-white.theme-h .layui-header .layui-nav .layui-nav-more {
    border-top-color: #f4aa16;
}

.theme-nav-color-white.theme-h .layui-header .layui-nav .layui-nav-mored {
    border-color: transparent;
    border-bottom-color: #f4aa16;
}


.theme-nav-color-black .layui-logo,
.theme-nav-color-black .layui-header {
    background-color: #3a3f51;
    color: #ffffff;
}

.theme-nav-color-main.theme-a .layui-logo,
.theme-nav-color-main.theme-a .layui-header {
    background-color: #323549;
    color: #ffffff;
}

.theme-nav-color-main.theme-b .layui-logo,
.theme-nav-color-main.theme-b .layui-header {
    background-color: #673ab7;
    color: #ffffff;
}

.theme-nav-color-main.theme-c .layui-logo,
.theme-nav-color-main.theme-c .layui-header {
    background-color: #4e89f8;
    color: #ffffff;
}

.theme-nav-color-main.theme-d .layui-logo,
.theme-nav-color-main.theme-d .layui-header {
    background-color: #2db7f5;
    color: #ffffff;
}

.theme-nav-color-main.theme-e .layui-logo,
.theme-nav-color-main.theme-e .layui-header {
    background-color: #87b94b;
    color: #ffffff;
}

.theme-nav-color-main.theme-f .layui-logo,
.theme-nav-color-main.theme-f .layui-header {
    background-color: #f04134;
    color: #ffffff;
}

.theme-nav-color-main.theme-g .layui-logo,
.theme-nav-color-main.theme-g .layui-header {
    background-color: #f26038;
    color: #ffffff;
}

.theme-nav-color-main.theme-h .layui-logo,
.theme-nav-color-main.theme-h .layui-header {
    background-color: #f4aa16;
    color: #ffffff;
}

/* 导航栏为白色，左侧为黑色或主色，login颜色随左侧变化 */
.theme-nav-color-white.theme-left-color-black .layui-logo {
    background-color: #3a3f51;
    color: #ffffff;
}

.theme-nav-color-white.theme-left-color-main.theme-a .layui-logo {
    background-color: #323549;
    color: #ffffff;
}

.theme-nav-color-white.theme-left-color-main.theme-b .layui-logo {
    background-color: #673ab7;
    color: #ffffff;
}

.theme-nav-color-white.theme-left-color-main.theme-c .layui-logo {
    background-color: #4e89f8;
    color: #ffffff;
}

.theme-nav-color-white.theme-left-color-main.theme-d .layui-logo {
    background-color: #2db7f5;
    color: #ffffff;
}

.theme-nav-color-white.theme-left-color-main.theme-e .layui-logo {
    background-color: #87b94b;
    color: #ffffff;
}

.theme-nav-color-white.theme-left-color-main.theme-f .layui-logo {
    background-color: #f04134;
    color: #ffffff;
}

.theme-nav-color-white.theme-left-color-main.theme-g .layui-logo {
    background-color: #f26038;
    color: #ffffff;
}

.theme-nav-color-white.theme-left-color-main.theme-h .layui-logo {
    background-color: #f4aa16;
    color: #ffffff;
}


/* <!-- ----左侧栏设置---- --> */

/* 左侧应用标题设置 */
.app-title cite {
    font-weight: bold;
    color: #333;
}

.app-title a{
    cursor: default;
}

.app-title a i{
    cursor: pointer;
}

.theme-left-color-white.theme-a .app-title cite,
.theme-left-color-white.theme-a .app-title:hover cite {
    color: #323549;
}

.theme-left-color-white.theme-b .app-title cite,
.theme-left-color-white.theme-b .app-title:hover cite {
    color: #673ab7;
}

.theme-left-color-white.theme-c .app-title cite,
.theme-left-color-white.theme-c .app-title:hover cite {
    color: #4e89f8;
}

.theme-left-color-white.theme-d .app-title cite,
.theme-left-color-white.theme-d .app-title:hover cite {
    color: #2db7f5;
}

.theme-left-color-white.theme-e .app-title cite,
.theme-left-color-white.theme-e .app-title:hover cite {
    color: #87b94b;
}

.theme-left-color-white.theme-f .app-title cite,
.theme-left-color-white.theme-f .app-title:hover cite {
    color: #f04134;
}

.theme-left-color-white.theme-g .app-title cite,
.theme-left-color-white.theme-g .app-title:hover cite {
    color: #f26038;
}

.theme-left-color-white.theme-h .app-title cite,
.theme-left-color-white.theme-h .app-title:hover cite {
    color: #f4aa16;
}

/* 左侧为白色 */
.theme-left-color-white .layui-side-menu {
    background-color: #ffffff;
}

/* 左侧为黑色，字体为白色 */
.theme-left-color-black .layui-side-menu {
    background-color: #3a3f51;
    color: #ffffff;
}

/* 左侧为主色，字体为白色，背景色为主色 */
.theme-left-color-main.theme-a .layui-side-menu {
    background-color: #323549;
    color: #ffffff;
}

.theme-left-color-main.theme-b .layui-side-menu {
    background-color: #673ab7;
    color: #ffffff;
}

.theme-left-color-main.theme-c .layui-side-menu {
    background-color: #4e89f8;
    color: #ffffff;
}

.theme-left-color-main.theme-d .layui-side-menu {
    background-color: #2db7f5;
    color: #ffffff;
}

.theme-left-color-main.theme-e .layui-side-menu {
    background-color: #87b94b;
    color: #ffffff;
}

.theme-left-color-main.theme-f .layui-side-menu {
    background-color: #f04134;
    color: #ffffff;
}

.theme-left-color-main.theme-g .layui-side-menu {
    background-color: #f26038;
    color: #ffffff;
}

.theme-left-color-main.theme-h .layui-side-menu {
    background-color: #f4aa16;
    color: #ffffff;
}

/* 底色为白色，默认字体为黑色 */
.theme-left-color-white .layui-side-menu .layui-nav .layui-nav-item a,
.theme-left-color-white .layui-side-menu .layui-nav .layui-nav-item cite {
    color: #333;
}

/* 底色为黑色或主色，默认字体为白色 */
.theme-left-color-black .layui-side-menu .layui-nav .layui-nav-item a,
.theme-left-color-black .layui-side-menu .layui-nav .layui-nav-item cite,
.theme-left-color-main .layui-side-menu .layui-nav .layui-nav-item a,
.theme-left-color-main .layui-side-menu .layui-nav .layui-nav-item cite {
    color: #ffffff;
}

/* 底色为白色，选中后字体为主色 */
.layui-nav-tree .layui-this .theme-left-color-white.theme-a .layui-side-menu .layui-nav .layui-nav-item.layui-this>a,
.theme-left-color-white.theme-a .layui-side-menu .layui-nav .layui-nav-item.layui-this cite {
    color: #323549;
}

.theme-left-color-white.theme-b .layui-side-menu .layui-nav .layui-nav-item.layui-this>a,
.theme-left-color-white.theme-b .layui-side-menu .layui-nav .layui-nav-item.layui-this cite {
    color: #673ab7;
}

.theme-left-color-white.theme-c .layui-side-menu .layui-nav .layui-nav-item.layui-this>a,
.theme-left-color-white.theme-c .layui-side-menu .layui-nav .layui-nav-item.layui-this cite {
    color: #4e89f8;
}

.theme-left-color-white.theme-d .layui-side-menu .layui-nav .layui-nav-item.layui-this>a,
.theme-left-color-white.theme-d .layui-side-menu .layui-nav .layui-nav-item.layui-this cite {
    color: #2db7f5;
}

.theme-left-color-white.theme-e .layui-side-menu .layui-nav .layui-nav-item.layui-this>a,
.theme-left-color-white.theme-e .layui-side-menu .layui-nav .layui-nav-item.layui-this cite {
    color: #87b94b;
}

.theme-left-color-white.theme-f .layui-side-menu .layui-nav .layui-nav-item.layui-this>a,
.theme-left-color-white.theme-f .layui-side-menu .layui-nav .layui-nav-item.layui-this cite {
    color: #f04134;
}

.theme-left-color-white.theme-g .layui-side-menu .layui-nav .layui-nav-item.layui-this>a,
.theme-left-color-white.theme-g .layui-side-menu .layui-nav .layui-nav-item.layui-this cite {
    color: #f26038;
}

.theme-left-color-white.theme-h .layui-side-menu .layui-nav .layui-nav-item.layui-this>a,
.theme-left-color-white.theme-h .layui-side-menu .layui-nav .layui-nav-item.layui-this cite {
    color: #f4aa16;
}

/* 左侧为白色时，划过为主色 */
.theme-left-color-white.theme-a .layui-nav-tree .layui-nav-bar {
    background-color: #323549;
}

.theme-left-color-white.theme-b .layui-nav-tree .layui-nav-bar {
    background-color: #673ab7;
}

.theme-left-color-white.theme-c .layui-nav-tree .layui-nav-bar {
    background-color: #4e89f8;
}

.theme-left-color-white.theme-d .layui-nav-tree .layui-nav-bar {
    background-color: #2db7f5;
}

.theme-left-color-white.theme-e .layui-nav-tree .layui-nav-bar {
    background-color: #87b94b;
}

.theme-left-color-white.theme-f .layui-nav-tree .layui-nav-bar {
    background-color: #f04134;
}

.theme-left-color-white.theme-g .layui-nav-tree .layui-nav-bar {
    background-color: #f26038;
}

.theme-left-color-white.theme-h .layui-nav-tree .layui-nav-bar {
    background-color: #f4aa16;
}

/* 左侧为黑色或主色时，划过为白色 */
.theme-left-color-black .layui-nav-tree .layui-nav-bar,
.theme-left-color-main .layui-nav-tree .layui-nav-bar {
    background-color: #ffffff;
}

/* 左侧为白色，选中背景色为设置主题的选中背景色 */
.theme-left-color-white.theme-a .layui-nav-tree .layui-this {
    background-color: #eaeaec !important;
}

.theme-left-color-white.theme-b .layui-nav-tree .layui-this {
    background-color: #f0ebf8 !important;
}

.theme-left-color-white.theme-c .layui-nav-tree .layui-this {
    background-color: #edf3fe !important;
}

.theme-left-color-white.theme-d .layui-nav-tree .layui-this {
    background-color: #e5f6ff !important;
}

.theme-left-color-white.theme-e .layui-nav-tree .layui-this {
    background-color: #f3f8ed !important;
}

.theme-left-color-white.theme-f .layui-nav-tree .layui-this {
    background-color: #fdecea !important;
}

.theme-left-color-white.theme-g .layui-nav-tree .layui-this {
    background-color: #feefeb !important;
}

.theme-left-color-white.theme-h .layui-nav-tree .layui-this {
    background-color: #fef6e7 !important;
}

/* .layui-nav-tree .layui-this {
    background-color: #fef6e7 !important;
} */

/* 滑动样式 */
.theme-left-color-white.theme-a .layui-nav.layui-nav-tree .layui-nav-item:hover {
    background-color: #eaeaec;
}

.theme-left-color-white.theme-b .layui-nav.layui-nav-tree .layui-nav-item:hover {
    background-color: #f0ebf8;
}

.theme-left-color-white.theme-c .layui-nav.layui-nav-tree .layui-nav-item:hover {
    background-color: #edf3fe;
}

.theme-left-color-white.theme-d .layui-nav.layui-nav-tree .layui-nav-item:hover {
    background-color: #e5f6ff;
}

.theme-left-color-white.theme-e .layui-nav.layui-nav-tree .layui-nav-item:hover {
    background-color: #f3f8ed;
}

.theme-left-color-white.theme-f .layui-nav.layui-nav-tree .layui-nav-item:hover {
    background-color: #fdecea;
}

.theme-left-color-white.theme-g .layui-nav.layui-nav-tree .layui-nav-item:hover {
    background-color: #feefeb;
}

.theme-left-color-white.theme-h .layui-nav.layui-nav-tree .layui-nav-item:hover {
    background-color: #fef6e7;
}

/* 底色为黑色，选中背景色为指定色 */
.theme-left-color-black .layui-nav.layui-nav-tree .layui-nav-item.layui-this {
    background-color: #717786;
}

/* 底色为主色，选中背景色为设置主题的选中背景色 */
.theme-left-color-main.theme-a .layui-nav.layui-nav-tree .layui-nav-item.layui-this {
    background-color: #6c7080;
}

.theme-left-color-main.theme-b .layui-nav.layui-nav-tree .layui-nav-item.layui-this {
    background-color: #9173cd;
}

.theme-left-color-main.theme-c .layui-nav.layui-nav-tree .layui-nav-item.layui-this {
    background-color: #7fabfa;
}

.theme-left-color-main.theme-d .layui-nav.layui-nav-tree .layui-nav-item.layui-this {
    background-color: #49c2fd;
}

.theme-left-color-main.theme-e .layui-nav.layui-nav-tree .layui-nav-item.layui-this {
    background-color: #a7cc81;
}

.theme-left-color-main.theme-f .layui-nav.layui-nav-tree .layui-nav-item.layui-this {
    background-color: #f17871;
}

.theme-left-color-main.theme-g .layui-nav.layui-nav-tree .layui-nav-item.layui-this {
    background-color: #f28e74;
}

.theme-left-color-main.theme-h .layui-nav.layui-nav-tree .layui-nav-item.layui-this {
    background-color: #f3c25c;
}


/* <!-- ----tab设置---- --> */

.theme-a .layadmin-pagetabs .layui-tab-title li.layui-this:after,
.theme-a .layadmin-pagetabs .layui-tab-title li:after {
    background-color: #323549;
}

.theme-b .layadmin-pagetabs .layui-tab-title li.layui-this:after,
.theme-b .layadmin-pagetabs .layui-tab-title li:after {
    background-color: #673ab7;
}

.theme-c .layadmin-pagetabs .layui-tab-title li.layui-this:after,
.theme-c .layadmin-pagetabs .layui-tab-title li:after {
    background-color: #4e89f8;
}

.theme-d .layadmin-pagetabs .layui-tab-title li.layui-this:after,
.theme-d .layadmin-pagetabs .layui-tab-title li:after {
    background-color: #2db7f5;
}

.theme-e .layadmin-pagetabs .layui-tab-title li.layui-this:after,
.theme-e .layadmin-pagetabs .layui-tab-title li:after {
    background-color: #87b94b;
}

.theme-f .layadmin-pagetabs .layui-tab-title li.layui-this:after,
.theme-f .layadmin-pagetabs .layui-tab-title li:after {
    background-color: #f04134;
}

.theme-g .layadmin-pagetabs .layui-tab-title li.layui-this:after,
.theme-g .layadmin-pagetabs .layui-tab-title li:after {
    background-color: #f26038;
}

.theme-h .layadmin-pagetabs .layui-tab-title li.layui-this:after,
.theme-h .layadmin-pagetabs .layui-tab-title li:after {
    background-color: #f4aa16;
}


/* <!-- ----按钮样式---- --> */

/* 默认按钮背景色为主色，颜色为白色 */
.theme-a .layui-btn,
.theme-a .layui-layer-iframe .layui-layer-btn .theme-style {
    background-color: #323549;
    border-color: #323549;
    color: #ffffff;
}

.theme-b .layui-btn,
.theme-b .layui-layer-iframe .layui-layer-btn .theme-style {
    background-color: #673ab7;
    border-color: #673ab7;
    color: #ffffff;
}

.theme-c .layui-btn,
.theme-c .layui-layer-iframe .layui-layer-btn .theme-style {
    background-color: #4e89f8;
    border-color: #4e89f8;
    color: #ffffff;
}

.theme-d .layui-btn,
.theme-d .layui-layer-iframe .layui-layer-btn .theme-style {
    background-color: #2db7f5;
    border-color: #2db7f5;
    color: #ffffff;
}

.theme-e .layui-btn,
.theme-e .layui-layer-iframe .layui-layer-btn .theme-style {
    background-color: #87b94b;
    border-color: #87b94b;
    color: #ffffff;
}

.theme-f .layui-btn,
.theme-f .layui-layer-iframe .layui-layer-btn .theme-style {
    background-color: #f04134;
    border-color: #f04134;
    color: #ffffff;
}

.theme-g .layui-btn,
.theme-g .layui-layer-iframe .layui-layer-btn .theme-style {
    background-color: #f26038;
    border-color: #f26038;
    color: #ffffff;
}

.theme-h .layui-btn,
.theme-h .layui-layer-iframe .layui-layer-btn .theme-style {
    background-color: #f4aa16;
    border-color: #f4aa16;
    color: #ffffff;
}


/* <!-- 其他样式 --> */

.app-title {
    height: 40px;
    line-height: 40px;
}

.app-title i {
    display: none;
    position: absolute;
    right: 30px;
    top: 1px;
}

.app-title:hover i {
    display: block;
}

/* 底色白色，字体为黑色 */
.theme-left-color-white .app-title i,
.theme-left-color-white .app-title cite {
    color: #333;
}

.theme-left-color-white .app-title:hover i,
.theme-left-color-white .app-title:hover cite {
    color: #333;
}

/* 底色为黑色或主色，字体为白色 */
.theme-left-color-black .app-title i,
.theme-left-color-black .app-title cite,
.theme-left-color-main .app-title i,
.theme-left-color-main .app-title cite {
    color: #FFF;
}

.theme-left-color-black .app-title:hover i,
.theme-left-color-black .app-title:hover cite,
.theme-left-color-main .app-title:hover i,
.theme-left-color-main .app-title:hover cite {
    color: #FFF;
}

.app-title a {
    padding-left: 45px;
}

.layadmin-side-shrink .app-title cite {
    display: none;
}

/* <!-- ----面包屑---- --> */

.theme-a .layui-breadcrumb a:hover {
    color: #323549 !important;
}

.theme-b .layui-breadcrumb a:hover {
    color: #673ab7 !important;
}

.theme-c .layui-breadcrumb a:hover {
    color: #4e89f8 !important;
}

.theme-d .layui-breadcrumb a:hover {
    color: #2db7f5 !important;
}

.theme-e .layui-breadcrumb a:hover {
    color: #87b94b !important;
}

.theme-f .layui-breadcrumb a:hover {
    color: #f04134 !important;
}

.theme-g .layui-breadcrumb a:hover {
    color: #f26038 !important;
}

.theme-h .layui-breadcrumb a:hover {
    color: #f4aa16 !important;
}

/* 收缩样式 */

/* 左侧为黑色或主色时字体为白色 */
.theme-left-color-black .shrink_setting,
.theme-left-color-main .shrink_setting {
    color: #ffffff;
}

.theme-left-color-white .shrink_setting{
    color: #333333;
}

/* 顶部导航快捷应用分隔样式 */
.theme-left-color-white.theme-a .header-nav-fg {
    background-color: #3C3F53;
    width: 1px;
    margin: 0;
}

.theme-left-color-white.theme-b .header-nav-fg {
    background-color: #7144C1;
    width: 1px;
    margin: 0;
}

.theme-left-color-white.theme-c .header-nav-fg {
    background-color: #5893FF;
    width: 1px;
    margin: 0;
}

.theme-left-color-white.theme-d .header-nav-fg {
    background-color: #37C1FF;
    width: 1px;
    margin: 0;
}

.theme-left-color-white.theme-e .header-nav-fg {
    background-color: #91C355;
    width: 1px;
    margin: 0;
}

.theme-left-color-white.theme-f .header-nav-fg {
    background-color: #FA4B3E;
    width: 1px;
    margin: 0;
}

.theme-left-color-white.theme-g .header-nav-fg {
    background-color: #FC6A42;
    width: 1px;
    margin: 0;
}

.theme-left-color-white.theme-h .header-nav-fg {
    background-color: #FEB420;
    width: 1px;
    margin: 0;
}