
/*绿色*/

/*左侧导航背景*/
body.green_theme .layui-side-menu,body.green_theme .layadmin-pagetabs .layui-tab-title li:after,body.green_theme .layadmin-pagetabs .layui-tab-title li.layui-this:after,body.green_theme .layui-layer-admin .layui-layer-title,body.green_theme .layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child{background-color:#222d32 !important;}

body.green_theme .layui-nav-tree .layui-this,body.green_theme .layui-nav-tree .layui-this>a,body.green_theme .layui-nav-tree .layui-nav-child dd.layui-this,body.green_theme .layui-nav-tree .layui-nav-child dd.layui-this a{background-color:#50314F !important;}

/*顶部导航LOGO颜色*/
body.green_theme .zp-left .zpadmin-logo{background-color:#009B8B !important;box-shadow: 0 4px 4px 0 rgba(0,0,0,.5);
z-index: 1200;border-bottom: 0 solid transparent;}


/*顶部导航条颜色*/
body.green_theme .layui-header{background-color:#009688;}
body.green_theme .zpadmin-tabs-control:hover{color: #009688;}

/*左侧当行选着左侧颜色*/
body.green_theme .layui-nav-tree .layui-nav-bar{background-color:#009688;}
body.green_theme .layui-layout-admin .layui-header a,body.green_theme .layui-layout-admin .layui-header a cite{color: #f8f8f8;}
body.green_theme .layui-layout-admin .layui-header a:hover,body.green_theme .zpadmin-header .layui-nav-child dd.layui-this a ,body.green_theme .zpadmin-header .layui-nav-more{color: #fff;}
body.green_theme .layui-layout-admin .layui-header .layui-anim a{color: #333;}
body.green_theme .layui-layout-admin .layui-header .layui-nav .layui-nav-more{border-top-color: #fbfbfb;}
body.green_theme .layui-layout-admin .layui-header .layui-nav .layui-nav-mored{border-color: transparent; border-bottom-color: #fbfbfb;}
body.green_theme .layui-layout-admin .layui-header .layui-nav .layui-this:after,body.green_theme .layui-layout-admin .layui-header .layui-nav-bar{background-color: #fff; background-color: rgba(255,255,255,.5);}
body.green_theme .layadmin-pagetabs .layui-tab-title li:after{display: none;}
/*左侧导航选择颜色*/
body.green_theme .layui-nav-tree .layui-this,body.green_theme .layui-nav-tree .layui-this > a,body.green_theme .layui-nav-tree .layui-nav-child dd.layui-this,body.green_theme .layui-nav-tree .layui-nav-child dd.layui-this a{background-color:#009688 !important;}

/*左侧导航选择颜色*/
body.green_theme .zp-tab .layui-tab-brief > .layui-tab-more li.layui-this,body.green_theme .zp-tab .layui-tab-brief > .layui-tab-title .layui-this,body.green_theme .zp-tab .layui-tab-title li.layui-this,body.green_theme .layui-tab-brief > .layui-tab-title .layui-this{color: #009688;}
body.green_theme .layui-nav.layui-layout-right .layui-nav-item a:hover,body.green_theme .layui-nav.layui-layout-right .layui-nav-item a.active{background: rgba(0,0,0,0.1);}
body.green_theme .zpadmin-header .layui-nav-bar,body.green_theme .zpadmin-header .layui-nav-tree .layui-nav-itemed::after {background:#00BBA8!important;}
body.green_theme .layui-form-radio > i:hover,body.green_theme .layui-form-radioed > i {color: #009688!important;}
body.green_theme .layui-form-onswitch {border-color: #009688!important;background-color: #009688!important;}

body.green_theme .layui-tab-title li .layui-tab-close:hover,body.green_theme .layui-nav-child dd.layui-this,body.green_theme .layui-nav .layui-nav-child dd.layui-this a{background-color: #009688;}

/* layui 内容颜色*/
body.green_theme .layui-tab-brief>.layui-tab-title .layui-this,body.green_theme .layui-tab-brief > .layui-tab-title .layui-this{color:#009688}
body.green_theme .layui-tab-brief>.layui-tab-more li.layui-this::after,body.green_theme .layui-tab-brief>.layui-tab-title .layui-this::after{border-bottom:2px solid #009688!important}
body.green_theme .layui-this::after{border-color:#009688!important}
body.green_theme .layui-form-checked[lay-skin=primary] i{border-color:#009688!important;background-color:#009688}
body.green_theme .layui-btn-primary:hover{border-color:#009688}
body.green_theme .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#009688}
body.green_theme .layui-laypage a:hover{color:#009688}
body.green_theme .layui-form-checkbox[lay-skin=primary]:hover i{border-color:#009688;color:#fff}


/* layui 信息窗口颜色*/
body.green_theme .layui-layer-title{background-color: #009688;color: #fff;}
body.green_theme a.layui-layer-close{color: #fff;}
body.green_theme .layui-layer-setwin .layui-layer-close1{background-position: -83px -40px;}
body.green_theme .layui-layer-btn .layui-layer-btn0{border-color: #009688;background-color: #009688;color:#fff;}






/*紫色*/
/*左侧导航背景*/
body.purple_theme .layui-side-menu,body.purple_theme .layadmin-pagetabs .layui-tab-title li:after,body.purple_theme .layadmin-pagetabs .layui-tab-title li.layui-this:after,body.purple_theme .layui-layer-admin .layui-layer-title,body.purple_theme .layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child{background-color:#222d32 !important;}

body.purple_theme .layui-nav-tree .layui-this,body.purple_theme .layui-nav-tree .layui-this>a,body.purple_theme .layui-nav-tree .layui-nav-child dd.layui-this,body.purple_theme .layui-nav-tree .layui-nav-child dd.layui-this a{background-color:#50314F !important;}

/*顶部导航LOGO颜色*/
body.purple_theme .zp-left .zpadmin-logo{background-color:#555299 !important;box-shadow: 0 4px 4px 0 rgba(0,0,0,.5);
z-index: 1200;border-bottom: 0 solid transparent;}


/*顶部导航条颜色*/
body.purple_theme .layui-header{background-color:#605ca8;}
body.purple_theme .zpadmin-tabs-control:hover{color: #605ca8;}

/*左侧当行选着左侧颜色*/
body.purple_theme .layui-nav-tree .layui-nav-bar{background-color:#605ca8;;}
body.purple_theme .layui-layout-admin .layui-header a,body.purple_theme .layui-layout-admin .layui-header a cite{color: #f8f8f8;}
body.purple_theme .layui-layout-admin .layui-header a:hover,body.purple_theme .zpadmin-header .layui-nav-child dd.layui-this a ,body.purple_theme .zpadmin-header .layui-nav-more{color: #fff;}
body.purple_theme .layui-layout-admin .layui-header .layui-anim a{color: #333;}
body.purple_theme .layui-layout-admin .layui-header .layui-nav .layui-nav-more{border-top-color: #fbfbfb;}
body.purple_theme .layui-layout-admin .layui-header .layui-nav .layui-nav-mored{border-color: transparent; border-bottom-color: #fbfbfb;}
body.purple_theme .layui-layout-admin .layui-header .layui-nav .layui-this:after,body.purple_theme .layui-layout-admin .layui-header .layui-nav-bar{background-color: #fff; background-color: rgba(255,255,255,.5);}
body.purple_theme .layadmin-pagetabs .layui-tab-title li:after{display: none;}
/*左侧导航选择颜色*/
body.purple_theme .layui-nav-tree .layui-this,body.purple_theme .layui-nav-tree .layui-this > a,body.purple_theme .layui-nav-tree .layui-nav-child dd.layui-this,body.purple_theme .layui-nav-tree .layui-nav-child dd.layui-this a{background-color:#555299!important;}

/*左侧导航选择颜色*/
body.purple_theme .zp-tab .layui-tab-brief > .layui-tab-more li.layui-this,body.purple_theme .zp-tab .layui-tab-brief > .layui-tab-title .layui-this,body.purple_theme .zp-tab .layui-tab-title li.layui-this,body.purple_theme .layui-tab-brief > .layui-tab-title .layui-this{color: #555299;}
body.purple_theme .layui-nav.layui-layout-right .layui-nav-item a:hover,body.purple_theme .layui-nav.layui-layout-right .layui-nav-item a.active{background: rgba(0,0,0,0.1);}
body.purple_theme .zpadmin-header .layui-nav-bar,body.purple_theme .zpadmin-header .layui-nav-tree .layui-nav-itemed::after {background: #7E7BB9!important;}
body.purple_theme .layui-form-radio > i:hover,body.purple_theme .layui-form-radioed > i {color: #605ca8!important;}
body.purple_theme .layui-form-onswitch {border-color: #605ca8!important;background-color: #605ca8!important;}
body.purple_theme .layui-tab-title li .layui-tab-close:hover,body.purple_theme .layui-nav-child dd.layui-this,body.purple_theme .layui-nav .layui-nav-child dd.layui-this a{background-color: #605ca8;}


/* layui 内容颜色*/
body.purple_theme .layui-tab-brief>.layui-tab-title .layui-this,body.purple_theme .layui-tab-brief > .layui-tab-title .layui-this{color:#605ca8}
body.purple_theme .layui-tab-brief>.layui-tab-more li.layui-this::after,body.purple_theme .layui-tab-brief>.layui-tab-title .layui-this::after{border-bottom:2px solid #605ca8!important}
body.purple_theme .layui-this::after{border-color:#605ca8!important}
body.purple_theme .layui-form-checked[lay-skin=primary] i{border-color:#605ca8!important;background-color:#605ca8}
body.purple_theme .layui-btn-primary:hover{border-color:#605ca8}
body.purple_theme .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#605ca8}
body.purple_theme .layui-laypage a:hover{color:#605ca8}
body.purple_theme .layui-form-checkbox[lay-skin=primary]:hover i{border-color:#605ca8;color:#fff}


/* layui 信息窗口颜色*/
body.purple_theme .layui-layer-title{background-color: #605ca8;color: #fff;}
body.purple_theme a.layui-layer-close{color: #fff;}
body.purple_theme .layui-layer-setwin .layui-layer-close1{background-position: -83px -40px;}
body.purple_theme .layui-layer-btn .layui-layer-btn0{border-color: #605ca8;background-color: #605ca8;color:#fff;}

/*蓝色*/
/*左侧导航背景*/
body.blue_theme .layui-side-menu,body.blue_theme .layadmin-pagetabs .layui-tab-title li:after,body.blue_theme .layadmin-pagetabs .layui-tab-title li.layui-this:after,body.blue_theme .layui-layer-admin .layui-layer-title,body.blue_theme .layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child{background-color:#222d32 !important;}



/*顶部导航LOGO颜色*/
body.blue_theme .zp-left .zpadmin-logo{background-color:#357ca5 !important;box-shadow: 0 4px 4px 0 rgba(0,0,0,.5);
z-index: 1200;border-bottom: 0 solid transparent;}


/*顶部导航条颜色*/
body.blue_theme .layui-header{background-color:#3c8dbc;}
body.blue_theme .zpadmin-tabs-control:hover{color: #3c8dbc;}

/*左侧当行选着左侧颜色*/
body.blue_theme .layui-nav-tree .layui-nav-bar{background-color:#3c8dbc;;;}
body.blue_theme .layui-layout-admin .layui-header a,body.blue_theme .layui-layout-admin .layui-header a cite{color: #f8f8f8;}
body.blue_theme .layui-layout-admin .layui-header a:hover,body.blue_theme .zpadmin-header .layui-nav-child dd.layui-this a ,body.blue_theme .zpadmin-header .layui-nav-more{color: #fff;}
body.blue_theme .layui-layout-admin .layui-header .layui-anim a{color: #333;}
body.blue_theme .layui-layout-admin .layui-header .layui-nav .layui-nav-more{border-top-color: #fbfbfb;}
body.blue_theme .layui-layout-admin .layui-header .layui-nav .layui-nav-mored{border-color: transparent; border-bottom-color: #fbfbfb;}
body.blue_theme .layui-layout-admin .layui-header .layui-nav .layui-this:after,body.blue_theme .layui-layout-admin .layui-header .layui-nav-bar{background-color: #fff; background-color: rgba(255,255,255,.5);}
body.blue_theme .layadmin-pagetabs .layui-tab-title li:after{display: none;}
/*左侧导航选择颜色*/
body.blue_theme .layui-nav-tree .layui-this,body.blue_theme .layui-nav-tree .layui-this > a,body.blue_theme .layui-nav-tree .layui-nav-child dd.layui-this,body.blue_theme .layui-nav-tree .layui-nav-child dd.layui-this a{background-color:#357ca5!important;}

/*左侧导航选择颜色*/
body.blue_theme .zp-tab .layui-tab-brief > .layui-tab-more li.layui-this,body.blue_theme .zp-tab .layui-tab-brief > .layui-tab-title .layui-this,body.blue_theme .zp-tab .layui-tab-title li.layui-this,body.blue_theme .layui-tab-brief > .layui-tab-title .layui-this{color:#3c8dbc;}
body.blue_theme .layui-nav.layui-layout-right .layui-nav-item a:hover,body.blue_theme .layui-nav.layui-layout-right .layui-nav-item a.active{background: rgba(0,0,0,0.1);}
body.blue_theme .zpadmin-header .layui-nav-bar,body.blue_theme .zpadmin-header .layui-nav-tree .layui-nav-itemed::after {background: #66A7CE!important;}
body.blue_theme .layui-form-radio > i:hover,body.blue_theme .layui-form-radioed > i {color: #3c8dbc;!important;}
body.blue_theme .layui-form-onswitch {border-color: #3c8dbc;!important;background-color: #3c8dbc;!important;}
body.blue_theme .layui-tab-title li .layui-tab-close:hover,body.blue_theme .layui-nav-child dd.layui-this,body.blue_theme .layui-nav .layui-nav-child dd.layui-this a{background-color: #3c8dbc;;}


/* layui 内容颜色*/
body.blue_theme .layui-tab-brief>.layui-tab-title .layui-this,body.blue_theme .layui-tab-brief > .layui-tab-title .layui-this{color:#3c8dbc;}
body.blue_theme .layui-tab-brief>.layui-tab-more li.layui-this::after,body.blue_theme .layui-tab-brief>.layui-tab-title .layui-this::after{border-bottom:2px solid #3c8dbc;!important}
body.blue_theme .layui-this::after{border-color:#3c8dbc;!important}
body.blue_theme .layui-form-checked[lay-skin=primary] i{border-color:#3c8dbc;!important;background-color:#3c8dbc;}
body.blue_theme .layui-btn-primary:hover{border-color:#3c8dbc;}
body.blue_theme .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#3c8dbc;}
body.blue_theme .layui-laypage a:hover{color:#3c8dbc;}
body.blue_theme .layui-form-checkbox[lay-skin=primary]:hover i{border-color:#3c8dbc;;color:#fff}


/* layui 信息窗口颜色*/
body.blue_theme .layui-layer-title{background-color: #3c8dbc;;color: #fff;}
body.blue_theme a.layui-layer-close{color: #fff;}
body.blue_theme .layui-layer-setwin .layui-layer-close1{background-position: -83px -40px;}
body.blue_theme .layui-layer-btn .layui-layer-btn0{border-color: #3c8dbc;;background-color: #3c8dbc;;color:#fff;}

/*橙色*/

/*左侧导航背景*/
body.danger_theme .layui-side-menu,body.danger_theme .layadmin-pagetabs .layui-tab-title li:after,body.danger_theme .layadmin-pagetabs .layui-tab-title li.layui-this:after,body.danger_theme .layui-layer-admin .layui-layer-title,body.danger_theme .layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child{background-color:#222d32 !important;}

body.danger_theme .layui-nav-tree .layui-this,body.danger_theme .layui-nav-tree .layui-this>a,body.danger_theme .layui-nav-tree .layui-nav-child dd.layui-this,body.danger_theme .layui-nav-tree .layui-nav-child dd.layui-this a{background-color:#50314F !important;}

/*顶部导航LOGO颜色*/
body.danger_theme .zp-left .zpadmin-logo{background-color:#EA5357!important;box-shadow: 0 4px 4px 0 rgba(0,0,0,.5);
z-index: 1200;border-bottom: 0 solid transparent;}


/*顶部导航条颜色*/
body.danger_theme .layui-header{background-color:#EA585A;}
body.danger_theme .zpadmin-tabs-control:hover{color: #EA585A;}

/*左侧当行选着左侧颜色*/
body.danger_theme .layui-nav-tree .layui-nav-bar{background-color:#EA585A;}
body.danger_theme .layui-layout-admin .layui-header a,body.danger_theme .layui-layout-admin .layui-header a cite{color: #f8f8f8;}
body.danger_theme .layui-layout-admin .layui-header a:hover,body.danger_theme .zpadmin-header .layui-nav-child dd.layui-this a ,body.danger_theme .zpadmin-header .layui-nav-more{color: #fff;}
body.danger_theme .layui-layout-admin .layui-header .layui-anim a{color: #333;}
body.danger_theme .layui-layout-admin .layui-header .layui-nav .layui-nav-more{border-top-color: #fbfbfb;}
body.danger_theme .layui-layout-admin .layui-header .layui-nav .layui-nav-mored{border-color: transparent; border-bottom-color: #fbfbfb;}
body.danger_theme .layui-layout-admin .layui-header .layui-nav .layui-this:after,body.danger_theme .layui-layout-admin .layui-header .layui-nav-bar{background-color: #fff; background-color: rgba(255,255,255,.5);}
body.danger_theme .layadmin-pagetabs .layui-tab-title li:after{display: none;}
/*左侧导航选择颜色*/
body.danger_theme .layui-nav-tree .layui-this,body.danger_theme .layui-nav-tree .layui-this > a,body.danger_theme .layui-nav-tree .layui-nav-child dd.layui-this,body.danger_theme .layui-nav-tree .layui-nav-child dd.layui-this a{background-color:#EA5357!important;}

/*左侧导航选择颜色*/
body.danger_theme .zp-tab .layui-tab-brief > .layui-tab-more li.layui-this,body.danger_theme .zp-tab .layui-tab-brief > .layui-tab-title .layui-this,body.danger_theme .zp-tab .layui-tab-title li.layui-this,body.danger_theme .layui-tab-brief > .layui-tab-title .layui-this{color: #EA585A;}
body.danger_theme .layui-nav.layui-layout-right .layui-nav-item a:hover,body.danger_theme .layui-nav.layui-layout-right .layui-nav-item a.active{background: rgba(0,0,0,0.1);}
body.danger_theme .zpadmin-header .layui-nav-bar,body.danger_theme .zpadmin-header .layui-nav-tree .layui-nav-itemed::after {background: #EF8184!important;}
body.danger_theme .layui-form-radio > i:hover,body.danger_theme .layui-form-radioed > i {color: #EA585A!important;}
body.danger_theme .layui-form-onswitch {border-color: #EA585A!important;background-color: #EA585A!important;}

body.danger_theme .layui-tab-title li .layui-tab-close:hover,body.danger_theme .layui-nav-child dd.layui-this,body.danger_theme .layui-nav .layui-nav-child dd.layui-this a{background-color: #EA585A;}

/* layui 内容颜色*/
body.danger_theme .layui-tab-brief>.layui-tab-title .layui-this,body.danger_theme .layui-tab-brief > .layui-tab-title .layui-this{color:#EA585A}
body.danger_theme .layui-tab-brief>.layui-tab-more li.layui-this::after,body.danger_theme .layui-tab-brief>.layui-tab-title .layui-this::after{border-bottom:2px solid #EA585A!important}
body.danger_theme .layui-this::after{border-color:#EA585A!important}
body.danger_theme .layui-form-checked[lay-skin=primary] i{border-color:#EA585A!important;background-color:#EA585A}
body.danger_theme .layui-btn-primary:hover{border-color:#EA585A}
body.danger_theme .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#EA585A}
body.danger_theme .layui-laypage a:hover{color:#EA585A}
body.danger_theme .layui-form-checkbox[lay-skin=primary]:hover i{border-color:#EA585A;color:#fff}


/* layui 信息窗口颜色*/
body.danger_theme .layui-layer-title{background-color: #EA585A;color: #fff;}
body.danger_theme a.layui-layer-close{color: #fff;}
body.danger_theme .layui-layer-setwin .layui-layer-close1{background-position: -83px -40px;}
body.danger_theme .layui-layer-btn .layui-layer-btn0{border-color: #EA585A;background-color: #EA585A;color:#fff;}


.layui-layer-btn {text-align: center !important;padding: 10px !important;background: #ecf0f1;}

/**============================导航菜单的箭头 start============================*/
#navBar.zp-arrow2 .layui-nav-item a span,
#navBar.zp-arrow3 .layui-nav-item a span,
#navBar.zp-arrow2 .layui-nav-item.layui-nav-itemed dd a span,
#navBar.zp-arrow3 .layui-nav-item.layui-nav-itemed dd a span{
    top: 23px!important;
}
#navBar.zp-arrow2 .layui-nav-item.layui-nav-itemed a span,
#navBar.zp-arrow2 .layui-nav-item dd.layui-nav-itemed a span,
#navBar.zp-arrow3 .layui-nav-item.layui-nav-itemed a span,
#navBar.zp-arrow3 .layui-nav-item dd.layui-nav-itemed a span {
    top: 28px!important;
}

#navBar.zp-arrow2 .layui-nav-item a span.layui-nav-more,
#navBar.zp-arrow3 .layui-nav-item a span.layui-nav-more {
    font-family: zp-icon !important;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 12px;
    height: 12px;
    color: #FFFFFF;
    border: 0;
}
#navBar.zp-arrow2 .layui-nav-item a span.layui-nav-more:before,
#navBar.zp-arrow3 .layui-nav-item a span.layui-nav-more:before{
    position: absolute;
    top: 0;
    left: 0;
    height: 12px;
    line-height: 12px;
    width: 100%;
    font-size: 12px;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
}
#navBar.zp-arrow2 .layui-nav-item a span.layui-nav-more:before {
    content: "\e661";
}
#navBar.zp-arrow2 .layui-nav-itemed > a > span.layui-nav-more:before{
    /*content: "\e6de";*/
     transform: rotate(180deg);
}

#navBar.zp-arrow3 .layui-nav-item a span.layui-nav-more:before{
    content: "\e767";
}
#navBar.zp-arrow3 .layui-nav-itemed > a > span.layui-nav-more:before{
    content: "\e768";
}

/**============================导航菜单的箭头 end============================*/
