@import "/Administration/Content/layui/css/layui.css";
@import "/Administration/Content/fonts/iconfont.css";
@import "/Administration/Content/layui/css/okmodules/jquery.contextMenu.css";

.childrenBody{width:100%;max-width: 500px;}
.childrenBody .layui-form-label{width:150px;} .childrenBody .layui-input-block {margin-left: 180px}
.hide{display:none}
.required {color: red;font-size: 20px;padding-right: 3px;}
.layui-input, .layui-select, .layui-textarea {color: #000;}
/*k-numerictextbox start*/
.k-textbox > input, .k-autocomplete .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {padding: 0em 0;text-indent: .33em;}
.k-grid .k-edit-cell {padding: 0 0em;}
input.k-textbox {height: 1.7em;text-indent: 0em;line-height: 0em;}
.k-numerictextbox, .form-horizontal .k-dropdown, .form-horizontal .k-selectbox, .form-horizontal .k-textbox, .form-horizontal .k-colorpicker, .form-horizontal .k-timepicker, .form-horizontal .k-datetimepicker, .form-horizontal .k-datepicker {
border-radius: 0;border-color: #d2d6de;display: block;color: #000;background-color: #fff;background-image: none;}
.k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default {border-radius: 0;}
/*屏蔽NumericTextBox的上下箭头*/
.k-numeric-wrap .k-select{display:none}
.k-numerictextbox .k-link {display:none}
.k-textbox, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap{padding: 0 0 0 0;}
.k-webkit .k-combobox .k-dropdown-wrap:before, .k-webkit .k-picker-wrap:before, .k-webkit .k-numeric-wrap:before {content: "\a0";display: inline-block;width: 0;height: 1.25em;padding-bottom: 0em;}
/*k-numerictextbox end*/

/*home/count 响应样式 start*/
@media screen and (max-width:750px){
	.ok-in-hide-md{display:none!important}
}
@media screen and (max-width:548px){
	.ok-in-hide-xs,[ok-pc-in-show]{display:none!important}
}
/*home/count 响应样式 end*/
a {color: #337ab7;}
/** loading start*/
.page-loading {position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;z-index: 19891017;background-color: #fff;}
body > .page-loading {position: fixed;background-color: #f5f7f9;}
.layui-layout-admin > .layui-body > .layui-tab > .layui-tab-content > .layui-tab-item > .page-loading,
.layui-layout-admin > .layui-body > .page-loading,
.layui-layout-admin > .layui-body > div > iframe[lay-id] + .page-loading {background-color: #f5f7f9;}
.layui-layout-admin > .layui-body > .layui-body-header.show + div + .page-loading {top: 40px;height: auto;}
.page-no-scroll {overflow-x: hidden !important;overflow-y: hidden !important;min-height: 80px;}
.ball-loader, .layui-loader {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.ball-loader > span {background-color: #4aca85;display: inline-block;}
.ball-loader > span:nth-child(1), .ball-loader.sm > span:nth-child(1) {-webkit-animation-delay: 0s;animation-delay: 0s;}
.ball-loader > span:nth-child(2), .ball-loader.sm > span:nth-child(2) {-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
.ball-loader > span:nth-child(3), .ball-loader.sm > span:nth-child(3) {-webkit-animation-delay: 0.15s;animation-delay: 0.15s;}
.ball-loader > span:nth-child(4), .ball-loader.sm > span:nth-child(4) {-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
/* 球形loading */
.ball-loader > span {width: 20px;height: 20px;margin: 0 3px;border-radius: 50%;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-animation: 1s ball-load ease-in-out infinite;
animation: ball-load 1s ease-in-out infinite;}
@-webkit-keyframes ball-load {
0% {-webkit-transform: scale(0);}
50% {-webkit-transform: scale(1);}
100% {-webkit-transform: scale(0);}
}
@keyframes ball-load {
0% {transform: scale(0);}
50% {transform: scale(1);}
100% {transform: scale(0);}
}
.ball-loader.sm > span {width: 15px;height: 15px;margin: 0 2px;}
/** loading end */

/*grid start*/
.k-grid td{border-top:1px solid #d0cdcd;border-color: #d0cdcd;color:#000;height:24px}
/*grid color statuses*/
span.grid-report-item {
    padding: .1em .6em .3em;
    border-radius: .25em;
    color: #2e2e2e;
}
span.grid-report-item.yellow {
    background-color: #f39c12;
    color: #fff;
}
span.grid-report-item.blue {
    background-color: #00c0ef;
    color: #fff;
}
span.grid-report-item.green {
    background-color: #00a65a;
    color: #fff;
}
span.grid-report-item.red {
    background-color: #dd4b39;
    color: #fff;
}
span.grid-report-item.gray {
    background-color: #a5a3a1;
    color: #fff;
}
/*grid end*/

/*新表单 start*/
.form-wrapper .layui-input-icon-group input{padding-right:25px}
.form-wrapper .layui-form-item.layui-input-focus input{border-color:dodgerblue!important}
.form-wrapper .layui-form-item label{position:absolute;color:#999;left:8px;top:9px;line-height:20px;background:0 0;padding:0 5px;font-size:14px;cursor:text}
.form-wrapper .layui-form-item input,.form-wrapper .layui-form-item label{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}
.form-wrapper .layui-form-item.layui-input-active label,.form-wrapper .layui-form-item.layui-input-focus label{top:-10px;font-size:14px;color:#999;background:#fff!important;z-index:1;}
.form-wrapper > .layui-form > .layui-form-item {position: relative;display: inline-block;padding-right: 10px;}
.form-wrapper .layui-input-icon-group > .layui-icon {width: 25px;font-size: 20px;color: #909399;position: absolute;right: 11px;top: 6px;text-align: center;cursor: pointer;background-color: #fff;}
.form-wrapper .layui-form-select .layui-input {padding-right: 0;}
@media screen and (max-width: 450px) {.form-wrapper > .layui-form > .layui-form-item {display: block;}}
@media screen and (min-width: 769px) {.layui-input{width:210px}
}
/*复杂form*/
.form-wrapper-complex .layui-form-item {position: relative;display: inline-block;padding-right: 10px;}
.text-center {text-align: center;}
.with-border {border-bottom: 1px solid #e6e6e6;color: #757575;padding: 5px;margin-bottom: 20px;}
/*新表单 end*/

/*common start*/
.ok-body{padding:10px}

/*多条件搜索框*/
/*.ok-search{margin-top:15px}*/
.ok-search .layui-input{width:190px;padding-left:10px;margin-left:10px;float:left}
.ok-search .layui-input:first-child{margin-left:0}
.ok-search .layui-btn{margin-left:10px}
@media screen and (max-width:768px){
    .ok-search .layui-input{width:100%;margin-left:0;margin-top:10px}
    .ok-search .layui-btn{margin-left:0;margin-top:10px}
}

.ok-search-form {margin-bottom: -15px;}
.ok-search-form .layui-form-item .layui-inline .layui-input-inline{margin-bottom: 5px;}

/*表单*/
.ok-form{margin-top:10px}

/*滚动条样式一*/
::-webkit-scrollbar{width: 8px; height: 8px;}
::-webkit-scrollbar-button:vertical{display: none;}
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner{background-color: #e2e2e2;}
::-webkit-scrollbar-thumb{border-radius: 0; background-color: rgba(0,0,0,.3);}
::-webkit-scrollbar-thumb:vertical:hover{background-color: rgba(0,0,0,.35);}
::-webkit-scrollbar-thumb:vertical:active{background-color: rgba(0,0,0,.38);}
/*common end*/

body .layui-form-checked[lay-skin=primary] i,
body .layui-form-checked[lay-skin=primary]:hover i {
    color: #fff;
}

body .layui-form-checkbox[lay-skin=primary] span,
body .layui-form-checkbox[lay-skin=primary]:hover span {
    background-color: transparent;
}

/** admin风格弹窗 */
.layui-layer.layui-layer-admin {
    border: none !important;
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .3) !important;
}
.layui-layer.layui-layer-admin .layui-layer-title {
    color: #fff;
    height: 50px;
    line-height: 50px;
    background-color: #191a23;
    border: none;
}


.layui-layer.layui-layer-admin .layui-layer-setwin {
    top: 17px;
}

.layui-layer.layui-layer-admin .layui-layer-setwin a {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-family: layui-icon !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 关闭按钮 */
.layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-close1 {
    background: none;
    margin-top: -1px;
}

.layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-close1:before {
    content: "\1006";
}

/* 最小化按钮 */
.layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-min cite {
    background-color: #dddddd;
}

/* 最大化按钮 */
.layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-max {
    font-size: 14px;
    padding-top: 1px;
    background: none;
}

.layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-max:before {
    content: "\e622";
}

.layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-maxmin:before {
    content: "\e758";
}

/* 弹窗按钮 */
.layui-layer.layui-layer-admin .layui-layer-btn {
    padding-bottom: 15px;
}

.layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 {
    border-color: #009688;
    background-color: #009688;
}

.layui-layer.layui-layer-admin .layui-layer-btn a {
    height: 34px;
    line-height: 34px;
}

/* header nav */
.layui-layout-admin .user-photo .layui-nav .layui-this:after, .layui-layout-admin .user-photo .layui-nav-bar {
    height: 0px;
    /*top: 0 !important;*/
    background-color: #191a23;
}
/** //header end */

/** layui nav tree */
.layui-nav-tree .layui-nav-bar {
    display: none;
}

.layui-nav-tree > .layui-nav-item > a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 100%;
    width: 4px;
    background-color: #009688;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.layui-nav-tree > .layui-nav-item:hover > a:before {
    bottom: 0;
}

.layui-nav-tree .layui-nav-item a:hover {
    background-color: transparent;
}

.layui-nav-tree .layui-this > a:hover {
    background-color: #009688;
}

.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-this {
    background: transparent;
}

.layui-nav-tree .layui-nav-item .layui-nav-child {
    padding: 5px 0;
}
/*边距*/
.ptb20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.ptb10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

#navBar .layui-nav-child {
    overflow: hidden;
    padding: 0 !important;
}

#navBar .layui-nav-itemed .layui-nav-child,
#navBar .layui-nav-child dd {
    overflow: hidden;
}

[class^="ok-icon"], [class*=" ok-icon"] {
    line-height: inherit;
    font-size: 16px;
}

/*不显示滚动条样式*/
.not-scroll::-webkit-scrollbar {
    height: 0;
    width: 0;
    background: transparent;
    display: none;
}

.scrollBody::-webkit-scrollbar {
    display: none;
}

/*去掉after*/
.no-line.layui-this:after {
    background: transparent !important;
    color: transparent !important;
}

/*通用*/
.ok-none-select {
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    user-select: none;
}

.okadmin-text-center {
    text-align: center;
}

.okadmin-bg-20222A {
    background: #20222A;
}

.post-left220 {
    left: 220px !important;
}

.flex-vc {
    display: flex !important;
    display: -webkit-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pr10 {
    padding-right: 10px !important;
}

#noticeQQ {
    cursor: pointer;
    color: #FF5722;
    font-weight: bolder;
}

/*框架布局样式*/
.okadmin-header .layui-nav-bar,
.okadmin-header .layui-nav-tree .layui-nav-itemed:after {
    background: #20222A !important;
    bottom: auto;
    top: 0 !important;
    height: 2px;
}

.okadmin-header .layui-nav .layui-this:after {
    background: transparent !important;
    color: transparent !important;
}


.layui-tab-brief > .layui-tab-title .layui-this {
    color: #000;
}

/*在tab导航中去掉首页标签的删除按钮*/
.ok-tab-title li strong[is-close="false"] ~ i.layui-tab-close,
.ok-tab-title li[tab="index"] i.layui-tab-close {
    display: none !important;
}

/*头部*/
.okadmin .okadmin-header {
    background: #FFFFFF;
    height: 49px;
    line-height: 49px;
    border-bottom: 1px solid #f6f6f6;
}

.okadmin-header .layui-nav-item .layui-icon {
    font-size: 16px;
}

.okadmin-header .layui-nav .layui-nav-item a,
.okadmin-header .layui-nav-child dd.layui-this a {
    color: #000;
}

.layui-layout-admin .layui-header .layui-nav .layui-nav-item {
    line-height: 50px;
    vertical-align: top;
}

    .layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child {
        top: 55px;
    }

.layui-layout-admin .layui-header .layui-nav-item .layui-icon {
    font-size: 16px;
}

.layui-layout-admin .layui-header a {
    color: #595959;
    padding: 0 15px;
    cursor: pointer;
}

    .layui-layout-admin .layui-header a:hover {
        color: #595959;
    }

#userInfo .layui-this,
#userInfo .layui-this a {
    background: transparent;
}

#userInfo .layui-this a:hover {
    background: #f2f2f2;
}

/*菜单显隐按钮*/
.ok-show-menu {
    font-size: 18px;
}

.ok-show-menu .layui-icon {
    font-size: 18px !important;
}

.ok-show-menu .ok-menu-hide:before {
    content: "\e66b";
}

#fullScreen i.okicon-screen-restore:before {
    content: "\e758";
}

.okadmin-header .layui-input-search {
    display: inline-block;
    vertical-align: middle;
    height: 32px;
    border: none;
    cursor: text;
}
/** header */
.layui-layout-admin .layui-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    background-color: #fff;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .03);
    z-index: 999;
}
/* header logo */
    .layui-layout-admin .layui-header .layui-logo {
        color: #ddd;
        line-height: 40px;
        background-color: #191a23;
        box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, .05);
        position: relative;
        vertical-align: top;
        white-space: nowrap;
        display: inline-block;
        -webkit-transition: width .3s;
        transition: width .3s;
        overflow: hidden;
        font-size: 28px;
        font-family: 楷体;
        font-weight:bold;
    }

    .layui-layout-admin .layui-header .layui-logo img {
        height: 28px;
        vertical-align: middle;
    }

    .layui-layout-admin .layui-header .layui-logo cite {
        font-style: normal;
        vertical-align: middle;
    }
/** layui nav tree */
.layui-nav-tree .layui-nav-bar {
    display: none;
}

.layui-nav-tree > .layui-nav-item > a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 100%;
    width: 4px;
    background-color: #009688;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.layui-nav-tree > .layui-nav-item:hover > a:before {
    bottom: 0;
}

.layui-nav-tree .layui-nav-item a:hover {
    background-color: transparent;
}

.layui-nav-tree .layui-this > a:hover {
    background-color: #009688;
}

.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-this {
    background: transparent;
}

.layui-nav-tree .layui-nav-item .layui-nav-child {
    padding: 5px 0;
}

.okadmin .menu-switch {
    width: 30px;
    height: 30px;
    position: relative;
    left: 220px;
    top: 16px;
    color: #FFF;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    z-index: 9999;
}

.okadmin-header .layui-nav .layui-nav-more {
    border-color: #000 transparent transparent;
}

.okadmin-header .layui-nav .layui-nav-mored,
.okadmin-header .layui-nav-itemed > a .layui-nav-more {
    border-color: transparent transparent #000;
}

.okadmin-header .layui-nav-child {
    top: 30px;
}

.icon-head-i {
    font-size: 18px;
    padding-right: 5px;
    /*color:#333!important;*/
}

/*左边菜单导航*/
.ok-left {
    top: 0 !important;
    width: 220px !important;
    z-index: 9999;
}

.ok-left .okadmin-logo {
    line-height: 49px;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1002;
    width: 220px;
    height: 49px;
    padding: 0 15px;
    box-sizing: border-box;
    overflow: hidden;
    font-weight: 300;
    background-repeat: no-repeat;
    background-position: center center;
    background: #20222A;
}

.layui-side-menu .layui-nav {
    width: 220px;
    background: 0 0;
}

.layui-side-menu .layui-side-scroll {
    width: 240px !important;
}

.layui-side-menu .layui-side-scroll:before {
    content: " ";
    height: 50px;
    line-height: 50px;
    display: flex;
    width: 1px;
}
.ok-left.layui-side-menu .layui-nav .layui-nav-item a,
.ok-left.layui-side-menu .layui-nav .layui-nav-item .layui-nav-child a {
    height: 40px;
    line-height: 40px;
    padding-left: 45px;
    position: relative;
}
.ok-left.layui-side-menu .layui-nav .layui-nav-item .layui-icon,
.ok-left.layui-side-menu .layui-nav .layui-nav-item a i {
    position: absolute;
    padding-right: 10px;
    left: 20px;
}

.ok-left.layui-side-menu .layui-nav .layui-nav-item .layui-nav-child a i {
    position: static !important;
    padding-right: 10px;
}

/*第三级菜单及其一下的缩进样式*/
#navBar .layui-nav-child .layui-nav-child > dd > a {
    padding-left: 65px;
}

/*第四级菜单及其一下的缩进样式*/
#navBar .layui-nav-child .layui-nav-child .layui-nav-child > dd > a {
    padding-left: 90px;
}

/*第五级菜单及其一下的缩进样式*/
#navBar .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child > dd > a {
    padding-left: 115px;
}

.ok-left .user-photo {
    width: 200px;
    height: 120px;
    padding: 15px 0 5px;
}

.ok-left .user-photo a.img {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto 10px;
}

.ok-left .user-photo a.img img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 4px solid #44576b;
    box-sizing: border-box;
}

.ok-left .user-photo p {
    display: block;
    width: 100%;
    height: 25px;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    white-space: nowrap;
    line-height: 25px;
    overflow: hidden;
}

#navBar ul {
    margin: 0 !important;
}

/*顶部tab标签样式*/
.ok-tab {
    height: 40px;
    border-bottom: 1px solid #eef0f1;
}

.okadmin-pagetabs {
    padding: 0 80px 0 40px;
    background-color: transparent;
    width: 100%;
    position: absolute;
    height: 40px;
    z-index: 1;
}

.okadmin-tabs-control {
    height: 32px;
    line-height: 32px;
    position: absolute;
    top: 4px;
    width: 32px;
    right: 4px;
    text-align: center;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    background: #FFF;
    z-index: 10;
}

.okadmin-tabs-control:hover {
    color: #009688;
}

.ok-tab .move-left {
    left: 0;
    border-left: none;
}

.ok-tab .move-right {
    right: 40px;
}

.layui-icon-down {
    right: 0;
}

.okadmin-tabs-select.layui-nav {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    background: 0 0;
}

/**tab的菜单**/
.okadmin-nav a,
.okadmin-tab a {
    cursor: pointer;
}

.ok-right-nav-menu {
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: normal;
    background: #fff;
    display: flex;
    align-items: center;
}

.okadmin-tab {
    height: 32px;
    line-height: 32px;
    width: 32px;
}

.okadmin-tab .okadmin-tab-item .okadmin-link {
    display: block;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    border-radius: 3px;
}

.ok-right-nav-menu:hover .okadmin-tab-item .okadmin-tab-child {
    display: block !important;
}

.okadmin-tab .okadmin-tab-item .okadmin-tab-child {
    position: absolute;
    top: 40px;
    right: 0;
    display: none;
    white-space: nowrap;
    line-height: 36px;
    padding: 5px 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
    border: 1px solid #d2d2d2;
    background-color: #fff;
    z-index: 100;
    border-radius: 2px;
}

.okadmin-tab .okadmin-tab-item a {
    display: block;
    padding: 0 20px;
    color: #000;
    transition: all .3s;
    -webkit-transition: all .3s;
    font-size: 14px;
}
.okadmin-tab .okadmin-tab-item a:hover {
    background: #F5F7F9;
}
.okadmin-tab .okadmin-tab-item .okadmin-tab-child:visited {
    display: none !important;
}
/* tab标题 */
.layui-layout-admin .layui-body > .layui-tab > .layui-tab-title {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    width: max-content !important;
    height: 40px;
    line-height: 40px;
    padding: 0 80px 0 60px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: none;
    overflow: hidden;
    -webkit-transition: none;
    transition: none;
    z-index: 9;
}
    .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li {
        min-width: auto;
        max-width: 160px;
        line-height: 40px;
        padding: 0 28px 0 8px;
        border-right: 1px solid #f6f6f6;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: top;
        -webkit-transition: background-color .2s;
        transition: background-color .2s;
    }
        .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this,
        .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:hover {
            background-color: #f6f6f6;
        }
            .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
                height: 2px;
                border: none;
                border-radius: 0;
                background-color: #191a23;
            }
        /* tab关闭按钮 */
        .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li .layui-tab-close {
            width: 16px;
            height: 16px;
            line-height: 16px;
            font-size: 12px;
            border-radius: 50%;
            position: absolute;
            top: 14px;
            right: 8px;
            -webkit-transition: background-color .2s, color .2s;
            transition: background-color .2s, color .2s;
        }
        .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:first-child .layui-tab-close {
            display: none;
        }
.ok-tab-title cite {
    padding-left: 5px;
    font-style: normal;
}

/*主体内容样式*/
.okadmin .content-body {
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0px;
    left: 220px;
    z-index: 1;
    overflow: hidden
}

.okadmin-tabs-select.layui-nav .layui-nav-item {
    line-height: 40px;
}

.ok-nav-item {
    height: 49px;
    line-height: 49px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: auto;
}

/*主体内容选项卡内容样式*/
.content-body .layui-tab {
    margin: 0;
    /*position: relative;*/
}

.okadmin .content-body .layui-tab-content {
    position: absolute;
    top: 41px;
    bottom: 0;
    width: 100%;
    padding: 0;
    overflow: hidden;
    left: 0;
    right: 0;
}

/*使iframe高度100%,它的父类高度也需要100%*/
.okadmin .content-body .layui-tab-content .layui-tab-item {
    height: 100%
}

/*使iframe高度100*/
.okadmin .content-body .layui-tab-content .layui-tab-item iframe {
    height: 100%
}

/**隐藏左侧菜单**/
.layui-layout-admin.ok-left-hide .ok-left,
.layui-layout-admin.ok-left-hide .ok-left .okadmin-logo {
    left: -220px;
}

.layui-layout-admin.ok-left-hide .layui-header .layui-layout-left {
    left: -20px;
}

.layui-layout-admin.ok-left-hide .content-body,
.layui-layout-admin.ok-left-hide .layui-footer {
    left: 0;
}

/**
 弹出系统设置
*/
.layui-layer.ok-setting {
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    bottom: 0;
    min-height: 500px;
}

/**==================锁屏样式 Start==================*/
.lock-screen {
    position: fixed;
    z-index: 99999999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0C0C0C;
    display: none;
}

.lock-screen .lock-bg {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 8;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.lock-screen .lock-bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: none;
}

.lock-screen .lock-bg img.active {
    display: block;
}

.lock-screen .lock-content {
    height: 100%;
    width: 100%;
    background: transparent;
    position: relative;
    z-index: 9;
}

.lock-screen .time {
    position: absolute;
    top: 10%;
    left: 10%;
    color: #f4f4f4;
    font-weight: 500;
}

.lock-screen .time .hhmmss,
.lock-screen .time .yyyymmdd,
.lock-screen .quit .layui-icon,
.lock-screen .lock-content p[lock='lock'] {
    color: #4690FF;
    /*color: transparent;
    background: linear-gradient(to bottom right, #1E9FFF, #6086ff);
    -webkit-background-clip: text;*/
}

.lock-screen .time .hhmmss {
    font-size: 64px;
    letter-spacing: 5px;
}

.lock-screen .time .yyyymmdd {
    font-size: 32px;
    letter-spacing: 5px;
}

.lock-screen .quit {
    position: absolute;
    z-index: 19;
    right: 10%;
    bottom: 10%;
    transition: all .5s;
}

.lock-screen .quit .layui-icon {
    font-size: 64px;
    cursor: pointer;
    height: 64px;
    line-height: 64px;
    /*color: transparent;
    background: linear-gradient(to bottom right, red, yellow);
    -webkit-background-clip: text;*/
    font-weight: bolder;
}

.lock-screen .quit:hover {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
}

.lock-screen .unlock {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 9;
    color: #f4f4f4;
    background: transparent;
    box-sizing: border-box;
}

.lock-screen .unlock tr,
.lock-screen .unlock td {
    text-align: center;
    align-content: center;
}

.lock-screen .unlock .lock-text {
    font-size: 42px;
    font-weight: bolder;
    color: transparent;
    background: linear-gradient(to top right, green, greenyellow);
    -webkit-background-clip: text;
    text-shadow: 0 0 15px rgba(173, 255, 47, .8);
    letter-spacing: 5px;
    font-family: '微软雅黑', '新宋体', '宋体', arial, tahoma, sans-serif;
}

.lock-screen .lock-form {
    position: relative;
    bottom: 64px;
}
.unlock{
    /*background: black!important;*/
}
.unlock .lock-head {
    width: 96px;
    height: 96px;
    padding: 2px;
    background: #FFFFFF;
    margin: 24px auto;
    text-align: center;
    border-radius: 100%;
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 10px #FFFFFF;
    overflow: hidden;
    animation-name: lock-head;
    -webkit-animation-name: lock-head;

    animation-delay: 1s;
    -webkit-animation-delay: 1s;

    animation-duration: 2s;
    -webkit-animation-duration: 2s;

    animation-timing-function: ease-in-out; /**播放的速度曲线 动画从头到尾的速度是相同的*/
    -webkit-animation-timing-function: ease-in-out;

    animation-iteration-count: infinite; /**无限循环播放*/
    -webkit-animation-iteration-count: infinite;

    animation-direction: alternate; /**规定动画在下一周期逆向地播放*/
    -webkit-animation-direction: alternate;
}

.unlock .lock-head img {
    display: inline-block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.lock-screen .lock-form .layui-form-item {
    width: 80%;
    max-width: 450px;
    margin: 0 auto;
}

/**雪花*/
.lock-screen .snowflake {
    position: absolute;
    z-index: 8;
    height: 100%;
    width: 100%;
}

.lock-screen .lock-content p[lock='lock'] {
    display: inline-block;
    animation-name: lock-cursor;
    -webkit-animation-name: lock-cursor;

    animation-duration: 2s;
    -webkit-animation-duration: 2s;

    animation-iteration-count: infinite; /**无限循环播放*/
    -webkit-animation-iteration-count: infinite;

}

.lock-gradual {
    animation-name: lock-gradual;
    -webkit-animation-name: lock-gradual;

    animation-duration: 4s;
    -webkit-animation-duration: 4s;

    animation-iteration-count: infinite; /**无限循环播放*/
    -webkit-animation-iteration-count: infinite;

    animation-timing-function: linear; /**播放的速度曲线 动画从头到尾的速度是相同的*/
    -webkit-animation-timing-function: linear;

    animation-direction: alternate; /**规定动画在下一周期逆向地播放*/
    -webkit-animation-direction: alternate;
}

@keyframes lock-head {
    0% {
        box-shadow: 0 0 10px #FFFFFF;
    }
    100% {
        box-shadow: 0 0 30px #FFFFFF;
    }

}

@keyframes lock-gradual {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

@keyframes lock-cursor {
    0% {
        color: #4690FF;
        /*color: transparent;
        background: linear-gradient(to bottom right, #1E9FFF, #6086ff);
        -webkit-background-clip: text;*/
    }
    25% {
        color: transparent;
        background: transparent;
    }
    50% {
        color: #4690FF;
        /*color: transparent;
        background: linear-gradient(to bottom right, #1E9FFF, #6086ff);
        -webkit-background-clip: text;*/
    }
    75% {
        color: transparent;
        background: transparent;
    }
    100% {
        color: #4690FF;
        /*color: transparent;
        background: linear-gradient(to bottom right, #1E9FFF, #6086ff);
        -webkit-background-clip: text;*/
    }
}

/**==================锁屏样式 End==================*/

/*
* 以下都是移动端的处理响应
*/

/*这里只是给元素加一些额外的效果也可以,去掉媒体查询效果一样*/
@media screen {
    .layui-layout-admin .ok-left,
    .ok-left .okadmin-logo,
    .layui-header .layui-layout-left,
    .layui-layout-admin .content-body,
    .layui-layout-admin .layui-footer {
        transition: left .5s;
    }
}

/*移动端遮罩层*/
.ok-make {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9998;
    background: rgba(0, 0, 0, .5);
    display: none;
}

@media screen and (max-width: 970px) {
    /*当屏幕宽度小于970时执行*/
    .ok-hide-md {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    [pc-show] {
        display: none !important;
    }

    .layui-layout-admin .ok-left {
        position: fixed;
    }

    .ok-input-search {
        width: 7rem;
    }

    .layui-layout-admin.ok-left-hide .ok-left,
    .layui-layout-admin.ok-left-hide .ok-left .okadmin-logo {
        left: 0;
    }

    .okadmin-header .layui-layout-left .layui-nav-item {
        margin: 0 5px;
    }

    .layui-layout-admin.ok-left-hide .ok-make {
        display: block;
    }

    .layui-layout-admin .ok-left,
    .ok-left .okadmin-logo {
        transition: left .5s;
        left: -220px;
    }

    .layui-header .layui-layout-left {
        transition: left .5s;
        left: -20px;
    }

    .layui-layout-admin .content-body,
    .layui-layout-admin .layui-footer {
        transition: left .5s;
        left: 0;
    }

    .ok-left .okadmin-side .user-photo {
        height: auto;
        margin: 0 auto;
    }

    .ok-left .user-photo a.img {
        width: 50px;
        height: 50px;
    }

    /*
    * 移动端菜单的宽度
    */
    .layui-side-menu .layui-side-scroll {
        width: 200px !important;
    }

    .ok-left,
    .ok-left .okadmin-logo,
    .ok-left .okadmin-side .user-photo,
    .ok-left.layui-side-menu .layui-nav {
        width: 180px !important;
        margin: 0;
    }
}

/*rex add*/
/* button */
.layui-btn {
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
}

body .layui-btn.layui-btn-radius {
    border-radius: 100px;
}

.layui-btn-primary {
    color: #595959;
    border-color: #e6e6e6;
}

    .layui-btn-primary:hover {
        border-color: #BBBBBB;
    }

.layui-btn-group .layui-btn-primary:hover {
    border-color: #e6e6e6;
}

.layui-btn-group .layui-btn-primary:first-child {
    border-left: 1px solid #e6e6e6;
}

body .layui-btn.layui-btn-disabled,
body .layui-transfer-active .layui-btn.layui-btn-disabled {
    background-color: #FBFBFB !important;
    border-color: #e6e6e6 !important;
    color: #C9C9C9 !important;
}

body .layui-btn.layui-btn-primary {
    background-color: #fff;
}

body .layui-btn.layui-btn-normal {
    background-color: #1E9FFF;
}

body .layui-btn.layui-btn-warm {
    background-color: #FFB800;
}

body .layui-btn.layui-btn-danger {
    background-color: #FF5722;
}

.layui-btn-group > .layui-btn + .layui-btn {
    border-radius: 0;
}

.layui-btn-group > .layui-btn:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

/** ---------------------------蓝色主题start----------------------------------- */
/* logo */
.theme-blue .layui-layout-admin .layui-header .layui-logo {
    color: #fff;
    box-shadow: none;
    background-color: transparent;
}

/* header */
.theme-blue .layui-layout-admin .layui-header {
    background-color: #3C8DBC;
}

    .theme-blue .layui-layout-admin .layui-header a {
        color: #fff;
    }

        .theme-blue .layui-layout-admin .layui-header a:hover {
            color: #fff;
        }

    .theme-blue .layui-layout-admin .layui-header .layui-nav-child a {
        color: #595959;
    }

    .theme-blue .layui-layout-admin .layui-header .layui-nav .layui-nav-more {
        border-color: #eee transparent transparent;
    }

    .theme-blue .layui-layout-admin .layui-header .layui-nav .layui-nav-mored {
        border-color: transparent transparent #eee;
    }

    .theme-blue .layui-layout-admin .layui-header .layui-nav .layui-this:after,
    .theme-blue .layui-layout-admin .layui-header .layui-nav-bar,
    .theme-blue .layui-layout-admin .user-photo .layui-nav-bar {
        background-color: #fff;
    }

/* side */
.theme-blue .layui-layout-admin .layui-side {
    background-color: #222D32;
}

.theme-blue .layui-side .layui-nav .layui-nav-item a {
    color: #b8c7ce;
}

.theme-blue .layui-nav-tree .layui-nav-child dd.layui-this a,
.theme-blue .layui-nav-tree .layui-this > a,
.theme-blue .layui-nav-tree .layui-this > a:hover {
    color: #fff;
    background-color: #3C8DBC;
}

.theme-blue .layui-nav-tree > .layui-nav-item > a:before {
    background-color: #3C8DBC;
}

.theme-blue .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before {
    background: #222D32 !important;
}

/* body tab */
.theme-blue .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
    background-color: #3C8DBC;
    top: 38px;
}

/* body title */
.theme-blue .layui-body-header-title {
    border-left-color: #3C8DBC;
}

/* admin dialog */
.theme-blue .layui-layer.layui-layer-admin .layui-layer-title {
    background-color: #3C8DBC;
}

.theme-blue .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 {
    border-color: #3C8DBC;
    background-color: #3C8DBC;
}

/* other */
.theme-blue .ball-loader > span,
.theme-blue .signal-loader > span {
    background-color: #3C8DBC;
}

.theme-blue .btn-circle {
    background: #3C8DBC;
}

.theme-blue .more-theme-item:hover,
.theme-blue .more-theme-item.active {
    border-color: #3C8DBC;
}

.theme-blue .text-primary,
.theme-blue .layui-link {
    color: #3C8DBC !important;
}

/* button */
.theme-blue .layui-btn {
    background-color: #3C8DBC;
}

/* switch */
.theme-blue .layui-form-onswitch {
    border-color: #3C8DBC;
    background-color: #3C8DBC;
}

/* radio */
.theme-blue .layui-form-radio > i:hover,
.theme-blue .layui-form-radioed > i,
.theme-blue .layui-form-checked i,
.theme-blue .layui-form-checked:hover i {
    color: #3C8DBC;
}

/* checkbox */
.theme-blue .layui-form-checked[lay-skin=primary] i,
.theme-blue .layui-form-checked span,
.theme-blue .layui-form-checked:hover span {
    border-color: #3C8DBC !important;
    background-color: #3C8DBC;
}

    .theme-blue .layui-form-checked[lay-skin=primary] i:hover,
    .theme-blue .layui-form-checkbox[lay-skin=primary]:hover i {
        border-color: #3C8DBC !important;
    }

/* select */
.theme-blue .layui-form-select dl dd.layui-this {
    background-color: #3C8DBC;
}

/* laypage */
.theme-blue .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #3C8DBC;
}

.theme-blue .layui-laypage input:focus,
.theme-blue .layui-laypage select:focus {
    border-color: #3C8DBC !important;
}

.theme-blue .layui-laypage a:hover {
    color: #3C8DBC;
}

/* tab */
.theme-blue .layui-tab-brief > .layui-tab-title .layui-this {
    color: #3C8DBC;
}

    .theme-blue .layui-tab-brief > .layui-tab-more li.layui-this:after,
    .theme-blue .layui-tab-brief > .layui-tab-title .layui-this:after {
        border-color: #3C8DBC !important;
    }

.theme-blue .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this {
    border-color: #3C8DBC;
    color: #3C8DBC;
}

/* breadcrumb */
.theme-blue .layui-breadcrumb a:hover {
    color: #3C8DBC !important;
}

/* laydate */
.theme-blue .layui-laydate-footer span:hover,
.theme-blue .layui-laydate-header i:hover,
.theme-blue .layui-laydate-header span:hover {
    color: #3C8DBC;
}

.theme-blue .layui-laydate .layui-this {
    background-color: #3C8DBC !important;
}

.theme-blue .layui-laydate-content td.laydate-selected {
    background-color: rgba(60, 141, 188, .1);
}

.theme-blue .laydate-selected:hover {
    background-color: rgba(60, 141, 188, .1) !important;
}

/* timeline */
.theme-blue .layui-timeline-axis {
    color: #3C8DBC;
}

/* transfer */
.theme-blue .layui-transfer-active .layui-btn {
    background-color: #3C8DBC !important;
    border-color: #3C8DBC !important;
}

/* progress-bar */
.theme-blue .layui-progress-bar {
    background-color: #3C8DBC;
}

/* slider */
.theme-blue .layui-slider-bar {
    background-color: #3C8DBC !important;
}

.theme-blue .layui-slider-wrap-btn {
    border-color: #3C8DBC !important;
}

/* steps */
.theme-blue .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon {
    color: #3C8DBC;
}

    .theme-blue .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok,
    .theme-blue .layui-elem-quote {
        border-color: #3C8DBC;
    }

.theme-blue .layui-tab.layui-steps > .layui-tab-title > li:before,
.theme-blue .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok {
    background-color: #3C8DBC;
}

.theme-blue .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li {
    background-color: #9DC6DD;
}

    .theme-blue .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this {
        background-color: #3C8DBC;
    }

    .theme-blue .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after {
        border-left-color: #9DC6DD !important;
    }

    .theme-blue .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after {
        border-left-color: #3C8DBC !important;
    }

/* cascader */
.theme-blue .ew-cascader-dropdown-list-item.active,
.theme-blue .ew-cascader-dropdown-list-item.active .ew-icon-right {
    color: #3C8DBC;
}

/* tagsinput */
.theme-blue div.tagsinput span.tag {
    background: #3C8DBC;
}

/* xmSelect */
.theme-blue xm-select .xm-body .xm-option .xm-option-icon {
    border-color: #3C8DBC !important;
}

.theme-blue xm-select .xm-body .xm-option.selected .xm-option-icon,
.theme-blue xm-select > .xm-body .xm-toolbar .toolbar-tag:hover,
.theme-blue .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content {
    color: #3C8DBC !important;
}

.theme-blue xm-select .xm-label .xm-label-block,
.theme-blue xm-select .xm-body .xm-option.hide-icon.selected {
    background-color: #3C8DBC !important;
}

/* city-select */
.theme-blue .city-select a.active {
    color: #fff !important;
    background-color: #3C8DBC !important;
}

.theme-blue .city-select a:hover,
.theme-blue .city-select a:focus {
    background-color: rgba(60, 141, 188, .1);
    color: #3C8DBC;
}

.theme-blue .city-picker-span > .title > span:hover {
    background-color: rgba(60, 141, 188, .1);
}

.theme-blue .city-select-tab > a.active {
    color: #3C8DBC;
}

/** ---------------------------蓝色主题end----------------------------------- */

/** ---------------------------绿色主题start----------------------------------- */
/* logo */
.theme-green .layui-layout-admin .layui-header .layui-logo {
    color: #fff;
    box-shadow: none;
    background-color: transparent;
}

/* header */
.theme-green .layui-layout-admin .layui-header {
    background-color: #00A65A;
}

    .theme-green .layui-layout-admin .layui-header a {
        color: #fff;
    }

        .theme-green .layui-layout-admin .layui-header a:hover {
            color: #fff;
        }

    .theme-green .layui-layout-admin .layui-header .layui-nav-child a {
        color: #595959;
    }

    .theme-green .layui-layout-admin .layui-header .layui-nav .layui-nav-more {
        border-color: #eee transparent transparent;
    }

    .theme-green .layui-layout-admin .layui-header .layui-nav .layui-nav-mored {
        border-color: transparent transparent #eee;
    }

    .theme-green .layui-layout-admin .layui-header .layui-nav .layui-this:after,
    .theme-green .layui-layout-admin .layui-header .layui-nav-bar,
    .theme-green .layui-layout-admin .user-photo .layui-nav-bar {
        background-color: #fff;
    }

/* side */
.theme-green .layui-layout-admin .layui-side {
    background-color: #222D32;
}

.theme-green .layui-side .layui-nav .layui-nav-item a {
    color: #b8c7ce;
}

.theme-green .layui-nav-tree .layui-nav-child dd.layui-this a,
.theme-green .layui-nav-tree .layui-this > a,
.theme-green .layui-nav-tree .layui-this > a:hover {
    color: #fff;
    background-color: #00A65A;
}

.theme-green .layui-nav-tree > .layui-nav-item > a:before {
    background-color: #00A65A;
}

.theme-green .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before {
    background: #222D32 !important;
}

/* body tab */
.theme-green .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
    background-color: #00A65A;
    top: 38px;
}

/* body title */
.theme-green .layui-body-header-title {
    border-left-color: #00A65A;
}

/* admin dialog */
.theme-green .layui-layer.layui-layer-admin .layui-layer-title {
    background-color: #00A65A;
}

.theme-green .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 {
    border-color: #00A65A;
    background-color: #00A65A;
}

/* other */
.theme-green .more-theme-item:hover,
.theme-green .more-theme-item.active {
    border-color: #00A65A;
}

.theme-green .btn-circle {
    background: #00A65A;
}

.theme-green .ball-loader > span,
.theme-green .signal-loader > span {
    background-color: #00A65A;
}

.theme-green .text-primary,
.theme-green .layui-link {
    color: #00A65A !important;
}

/* button */
.theme-green .layui-btn {
    background-color: #00A65A;
}

/* switch */
.theme-green .layui-form-onswitch {
    border-color: #00A65A;
    background-color: #00A65A;
}

/* radio */
.theme-green .layui-form-radio > i:hover,
.theme-green .layui-form-radioed > i,
.theme-green .layui-form-checked i,
.theme-green .layui-form-checked:hover i {
    color: #00A65A;
}

/* checkbox */
.theme-green .layui-form-checked[lay-skin=primary] i,
.theme-green .layui-form-checked span,
.theme-green .layui-form-checked:hover span {
    border-color: #00A65A !important;
    background-color: #00A65A;
}

    .theme-green .layui-form-checked[lay-skin=primary] i:hover,
    .theme-green .layui-form-checkbox[lay-skin=primary]:hover i {
        border-color: #00A65A !important;
    }

/* select */
.theme-green .layui-form-select dl dd.layui-this {
    background-color: #00A65A;
}

/* laypage */
.theme-green .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #00A65A;
}

.theme-green .layui-laypage input:focus,
.theme-green .layui-laypage select:focus {
    border-color: #00A65A !important;
}

.theme-green .layui-laypage a:hover {
    color: #00A65A;
}

/* tab */
.theme-green .layui-tab-brief > .layui-tab-title .layui-this {
    color: #00A65A;
}

    .theme-green .layui-tab-brief > .layui-tab-more li.layui-this:after,
    .theme-green .layui-tab-brief > .layui-tab-title .layui-this:after {
        border-color: #00A65A !important;
    }

.theme-green .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this {
    border-color: #00A65A;
    color: #00A65A;
}

/* breadcrumb */
.theme-green .layui-breadcrumb a:hover {
    color: #00A65A !important;
}

/* laydate */
.theme-green .layui-laydate-footer span:hover,
.theme-green .layui-laydate-header i:hover,
.theme-green .layui-laydate-header span:hover {
    color: #00A65A;
}

.theme-green .layui-laydate .layui-this {
    background-color: #00A65A !important;
}

.theme-green .layui-laydate-content td.laydate-selected {
    background-color: rgba(0, 166, 90, .1);
}

.theme-green .laydate-selected:hover {
    background-color: rgba(0, 166, 90, .1) !important;
}

/* timeline */
.theme-green .layui-timeline-axis {
    color: #00A65A;
}

/* transfer */
.theme-green .layui-transfer-active .layui-btn {
    background-color: #00A65A !important;
    border-color: #00A65A !important;
}

/* progress-bar */
.theme-green .layui-progress-bar {
    background-color: #00A65A;
}

/* slider */
.theme-green .layui-slider-bar {
    background-color: #00A65A !important;
}

.theme-green .layui-slider-wrap-btn {
    border-color: #00A65A !important;
}

/* steps */
.theme-green .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon {
    color: #00A65A;
}

    .theme-green .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok,
    .theme-green .layui-elem-quote {
        border-color: #00A65A;
    }

.theme-green .layui-tab.layui-steps > .layui-tab-title > li:before,
.theme-green .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok {
    background-color: #00A65A;
}

.theme-green .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li {
    background-color: #7FD2AC;
}

    .theme-green .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this {
        background-color: #00A65A;
    }

    .theme-green .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after {
        border-left-color: #7FD2AC !important;
    }

    .theme-green .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after {
        border-left-color: #00A65A !important;
    }

/* cascader */
.theme-green .ew-cascader-dropdown-list-item.active,
.theme-green .ew-cascader-dropdown-list-item.active .ew-icon-right {
    color: #00A65A;
}

/* tagsinput */
.theme-green div.tagsinput span.tag {
    background: #00A65A;
}

/* xmSelect */
.theme-green xm-select .xm-body .xm-option .xm-option-icon {
    border-color: #00A65A !important;
}

.theme-green xm-select .xm-body .xm-option.selected .xm-option-icon,
.theme-green xm-select > .xm-body .xm-toolbar .toolbar-tag:hover,
.theme-green .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content {
    color: #00A65A !important;
}

.theme-green xm-select .xm-label .xm-label-block,
.theme-green xm-select .xm-body .xm-option.hide-icon.selected {
    background-color: #00A65A !important;
}

/* city-select */
.theme-green .city-select a.active {
    color: #fff !important;
    background-color: #00A65A !important;
}

.theme-green .city-select a:hover,
.theme-green .city-select a:focus {
    background-color: rgba(0, 166, 90, .1);
    color: #00A65A;
}

.theme-green .city-picker-span > .title > span:hover {
    background-color: rgba(0, 166, 90, .1);
}

.theme-green .city-select-tab > a.active {
    color: #00A65A;
}

/** ---------------------------绿色主题end----------------------------------- */

/** ---------------------------紫色主题start----------------------------------- */
/* logo */
.theme-purple .layui-layout-admin .layui-header .layui-logo {
    color: #fff;
    box-shadow: none;
    background-color: transparent;
}

/* header */
.theme-purple .layui-layout-admin .layui-header {
    background-color: #722ed1;
}

    .theme-purple .layui-layout-admin .layui-header a {
        color: #fff;
    }

        .theme-purple .layui-layout-admin .layui-header a:hover {
            color: #fff;
        }

    .theme-purple .layui-layout-admin .layui-header .layui-nav-child a {
        color: #595959;
    }

    .theme-purple .layui-layout-admin .layui-header .layui-nav .layui-nav-more {
        border-color: #eee transparent transparent;
    }

    .theme-purple .layui-layout-admin .layui-header .layui-nav .layui-nav-mored {
        border-color: transparent transparent #eee;
    }

    .theme-purple .layui-layout-admin .layui-header .layui-nav .layui-this:after,
    .theme-purple .layui-layout-admin .layui-header .layui-nav-bar,
    .theme-purple .layui-layout-admin .user-photo .layui-nav-bar {
        background-color: #fff;
    }

/* side */
.theme-purple .layui-layout-admin .layui-side {
    background-color: #222D32;
}

.theme-purple .layui-side .layui-nav .layui-nav-item a {
    color: #b8c7ce;
}

.theme-purple .layui-nav-tree .layui-nav-child dd.layui-this a,
.theme-purple .layui-nav-tree .layui-this > a,
.theme-purple .layui-nav-tree .layui-this > a:hover {
    color: #fff;
    background-color: #722ed1;
}

.theme-purple .layui-nav-tree > .layui-nav-item > a:before {
    background-color: #722ed1;
}

.theme-purple .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before {
    background: #222D32 !important;
}

/* body tab */
.theme-purple .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
    background-color: #722ed1;
    top: 38px;
}

/* body title */
.theme-purple .layui-body-header-title {
    border-left-color: #722ed1;
}

/* admin dialog */
.theme-purple .layui-layer.layui-layer-admin .layui-layer-title {
    background-color: #722ed1;
}

.theme-purple .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 {
    border-color: #722ed1;
    background-color: #722ed1;
}

/* other */
.theme-purple .more-theme-item:hover,
.theme-purple .more-theme-item.active {
    border-color: #722ed1;
}

.theme-purple .btn-circle {
    background: #722ed1;
}

.theme-purple .ball-loader > span,
.theme-purple .signal-loader > span {
    background-color: #722ed1;
}

.theme-purple .text-primary,
.theme-purple .layui-link {
    color: #722ed1 !important;
}

/* button */
.theme-purple .layui-btn {
    background-color: #722ed1;
}

/* switch */
.theme-purple .layui-form-onswitch {
    border-color: #722ed1;
    background-color: #722ed1;
}

/* radio */
.theme-purple .layui-form-radio > i:hover,
.theme-purple .layui-form-radioed > i,
.theme-purple .layui-form-checked i,
.theme-purple .layui-form-checked:hover i {
    color: #722ed1;
}

/* checkbox */
.theme-purple .layui-form-checked[lay-skin=primary] i,
.theme-purple .layui-form-checked span,
.theme-purple .layui-form-checked:hover span {
    border-color: #722ed1 !important;
    background-color: #722ed1;
}

    .theme-purple .layui-form-checked[lay-skin=primary] i:hover,
    .theme-purple .layui-form-checkbox[lay-skin=primary]:hover i {
        border-color: #722ed1 !important;
    }

/* select */
.theme-purple .layui-form-select dl dd.layui-this {
    background-color: #722ed1;
}

/* laypage */
.theme-purple .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #722ed1;
}

.theme-purple .layui-laypage input:focus,
.theme-purple .layui-laypage select:focus {
    border-color: #722ed1 !important;
}

.theme-purple .layui-laypage a:hover {
    color: #722ed1;
}

/* tab */
.theme-purple .layui-tab-brief > .layui-tab-title .layui-this {
    color: #722ed1;
}

    .theme-purple .layui-tab-brief > .layui-tab-more li.layui-this:after,
    .theme-purple .layui-tab-brief > .layui-tab-title .layui-this:after {
        border-color: #722ed1 !important;
    }

.theme-purple .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this {
    border-color: #722ed1;
    color: #722ed1;
}

/* breadcrumb */
.theme-purple .layui-breadcrumb a:hover {
    color: #722ed1 !important;
}

/* laydate */
.theme-purple .layui-laydate-footer span:hover,
.theme-purple .layui-laydate-header i:hover,
.theme-purple .layui-laydate-header span:hover {
    color: #722ed1;
}

.theme-purple .layui-laydate .layui-this {
    background-color: #722ed1 !important;
}

.theme-purple .layui-laydate-content td.laydate-selected {
    background-color: rgba(114, 46, 209, .1);
}

.theme-purple .laydate-selected:hover {
    background-color: rgba(114, 46, 209, .1) !important;
}

/* timeline */
.theme-purple .layui-timeline-axis {
    color: #722ed1;
}

/* transfer */
.theme-purple .layui-transfer-active .layui-btn {
    background-color: #722ed1 !important;
    border-color: #722ed1 !important;
}

/* progress-bar */
.theme-purple .layui-progress-bar {
    background-color: #722ed1;
}

/* slider */
.theme-purple .layui-slider-bar {
    background-color: #722ed1 !important;
}

.theme-purple .layui-slider-wrap-btn {
    border-color: #722ed1 !important;
}

/* steps */
.theme-purple .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon {
    color: #722ed1;
}

    .theme-purple .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok,
    .theme-purple .layui-elem-quote {
        border-color: #722ed1;
    }

.theme-purple .layui-tab.layui-steps > .layui-tab-title > li:before,
.theme-purple .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok {
    background-color: #722ed1;
}

.theme-purple .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li {
    background-color: #B896E8;
}

    .theme-purple .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this {
        background-color: #722ed1;
    }

    .theme-purple .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after {
        border-left-color: #B896E8 !important;
    }

    .theme-purple .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after {
        border-left-color: #722ed1 !important;
    }

/* cascader */
.theme-purple .ew-cascader-dropdown-list-item.active,
.theme-purple .ew-cascader-dropdown-list-item.active .ew-icon-right {
    color: #722ed1;
}

/* tagsinput */
.theme-purple div.tagsinput span.tag {
    background: #722ed1;
}

/* xmSelect */
.theme-purple xm-select .xm-body .xm-option .xm-option-icon {
    border-color: #722ed1 !important;
}

.theme-purple xm-select .xm-body .xm-option.selected .xm-option-icon,
.theme-purple xm-select > .xm-body .xm-toolbar .toolbar-tag:hover,
.theme-purple .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content {
    color: #722ed1 !important;
}

.theme-purple xm-select .xm-label .xm-label-block,
.theme-purple xm-select .xm-body .xm-option.hide-icon.selected {
    background-color: #722ed1 !important;
}

/* city-select */
.theme-purple .city-select a.active {
    color: #fff !important;
    background-color: #722ed1 !important;
}

.theme-purple .city-select a:hover,
.theme-purple .city-select a:focus {
    background-color: rgba(114, 46, 209, .1);
    color: #722ed1;
}

.theme-purple .city-picker-span > .title > span:hover {
    background-color: rgba(114, 46, 209, .1);
}

.theme-purple .city-select-tab > a.active {
    color: #722ed1;
}

/** ---------------------------紫色主题end----------------------------------- */

/** ---------------------------红色主题start----------------------------------- */
/* logo */
.theme-red .layui-layout-admin .layui-header .layui-logo {
    color: #fff;
    box-shadow: none;
    background-color: transparent;
}

/* header */
.theme-red .layui-layout-admin .layui-header {
    background-color: #DD4B39;
}

    .theme-red .layui-layout-admin .layui-header a {
        color: #fff;
    }

        .theme-red .layui-layout-admin .layui-header a:hover {
            color: #fff;
        }

    .theme-red .layui-layout-admin .layui-header .layui-nav-child a {
        color: #595959;
    }

    .theme-red .layui-layout-admin .layui-header .layui-nav .layui-nav-more {
        border-color: #eee transparent transparent;
    }

    .theme-red .layui-layout-admin .layui-header .layui-nav .layui-nav-mored {
        border-color: transparent transparent #eee;
    }

    .theme-red .layui-layout-admin .layui-header .layui-nav .layui-this:after,
    .theme-red .layui-layout-admin .layui-header .layui-nav-bar,
    .theme-red .layui-layout-admin .user-photo .layui-nav-bar {
        background-color: #fff;
    }

/* side */
.theme-red .layui-layout-admin .layui-side {
    background-color: #28333E;
}

.theme-red .layui-nav-tree .layui-nav-child dd.layui-this a,
.theme-red .layui-nav-tree .layui-this > a,
.theme-red .layui-nav-tree .layui-this > a:hover {
    background-color: #DD4B39;
}

.theme-red .layui-nav-tree > .layui-nav-item > a:before {
    background-color: #DD4B39;
}

.theme-red .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before {
    background: #28333E !important;
}

/* body tab */
.theme-red .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
    background-color: #DD4B39;
    top: 38px;
}

/* body title */
.theme-red .layui-body-header-title {
    border-left-color: #DD4B39;
}

/* admin dialog */
.theme-red .layui-layer.layui-layer-admin .layui-layer-title {
    background-color: #DD4B39;
}

.theme-red .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 {
    border-color: #DD4B39;
    background-color: #DD4B39;
}

/* other */
.theme-red .more-theme-item:hover,
.theme-red .more-theme-item.active {
    border-color: #DD4B39;
}

.theme-red .btn-circle {
    background: #DD4B39;
}

.theme-red .ball-loader > span,
.theme-red .signal-loader > span {
    background-color: #DD4B39;
}

.theme-red .text-primary,
.theme-red .layui-link {
    color: #DD4B39 !important;
}

/* button */
.theme-red .layui-btn {
    background-color: #DD4B39;
}

/* switch */
.theme-red .layui-form-onswitch {
    border-color: #DD4B39;
    background-color: #DD4B39;
}

/* radio */
.theme-red .layui-form-radio > i:hover,
.theme-red .layui-form-radioed > i,
.theme-red .layui-form-checked i,
.theme-red .layui-form-checked:hover i {
    color: #DD4B39;
}

/* checkbox */
.theme-red .layui-form-checked[lay-skin=primary] i,
.theme-red .layui-form-checked span,
.theme-red .layui-form-checked:hover span {
    border-color: #DD4B39 !important;
    background-color: #DD4B39;
}

    .theme-red .layui-form-checked[lay-skin=primary] i:hover,
    .theme-red .layui-form-checkbox[lay-skin=primary]:hover i {
        border-color: #DD4B39 !important;
    }

/* select */
.theme-red .layui-form-select dl dd.layui-this {
    background-color: #DD4B39;
}

/* laypage */
.theme-red .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #DD4B39;
}

.theme-red .layui-laypage input:focus,
.theme-red .layui-laypage select:focus {
    border-color: #DD4B39 !important;
}

.theme-red .layui-laypage a:hover {
    color: #DD4B39;
}

/* tab */
.theme-red .layui-tab-brief > .layui-tab-title .layui-this {
    color: #DD4B39;
}

    .theme-red .layui-tab-brief > .layui-tab-more li.layui-this:after,
    .theme-red .layui-tab-brief > .layui-tab-title .layui-this:after {
        border-color: #DD4B39 !important;
    }

.theme-red .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this {
    border-color: #DD4B39;
    color: #DD4B39;
}

/* breadcrumb */
.theme-red .layui-breadcrumb a:hover {
    color: #DD4B39 !important;
}

/* laydate */
.theme-red .layui-laydate-footer span:hover,
.theme-red .layui-laydate-header i:hover,
.theme-red .layui-laydate-header span:hover {
    color: #DD4B39;
}

.theme-red .layui-laydate .layui-this {
    background-color: #DD4B39 !important;
}

.theme-red .layui-laydate-content td.laydate-selected {
    background-color: rgba(221, 75, 57, .1);
}

.theme-red .laydate-selected:hover {
    background-color: rgba(221, 75, 57, .1) !important;
}

/* timeline */
.theme-red .layui-timeline-axis {
    color: #DD4B39;
}

/* transfer */
.theme-red .layui-transfer-active .layui-btn {
    background-color: #DD4B39 !important;
    border-color: #DD4B39 !important;
}

/* progress-bar */
.theme-red .layui-progress-bar {
    background-color: #DD4B39;
}

/* slider */
.theme-red .layui-slider-bar {
    background-color: #DD4B39 !important;
}

.theme-red .layui-slider-wrap-btn {
    border-color: #DD4B39 !important;
}

/* steps */
.theme-red .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon {
    color: #DD4B39;
}

    .theme-red .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok,
    .theme-red .layui-elem-quote {
        border-color: #DD4B39;
    }

.theme-red .layui-tab.layui-steps > .layui-tab-title > li:before,
.theme-red .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok {
    background-color: #DD4B39;
}

.theme-red .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li {
    background-color: #EEA39A;
}

    .theme-red .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this {
        background-color: #DD4B39;
    }

    .theme-red .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after {
        border-left-color: #EEA39A !important;
    }

    .theme-red .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after {
        border-left-color: #DD4B39 !important;
    }

/* cascader */
.theme-red .ew-cascader-dropdown-list-item.active,
.theme-red .ew-cascader-dropdown-list-item.active .ew-icon-right {
    color: #DD4B39;
}

/* tagsinput */
.theme-red div.tagsinput span.tag {
    background: #DD4B39;
}

/* xmSelect */
.theme-red xm-select .xm-body .xm-option .xm-option-icon {
    border-color: #DD4B39 !important;
}

.theme-red xm-select .xm-body .xm-option.selected .xm-option-icon,
.theme-red xm-select > .xm-body .xm-toolbar .toolbar-tag:hover,
.theme-red .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content {
    color: #DD4B39 !important;
}

.theme-red xm-select .xm-label .xm-label-block,
.theme-red xm-select .xm-body .xm-option.hide-icon.selected {
    background-color: #DD4B39 !important;
}

/* city-select */
.theme-red .city-select a.active {
    color: #fff !important;
    background-color: #DD4B39 !important;
}

.theme-red .city-select a:hover,
.theme-red .city-select a:focus {
    background-color: rgba(221, 75, 57, .1);
    color: #DD4B39;
}

.theme-red .city-picker-span > .title > span:hover {
    background-color: rgba(221, 75, 57, .1);
}

.theme-red .city-select-tab > a.active {
    color: #DD4B39;
}

/** ---------------------------红色主题end----------------------------------- */

/** ---------------------------藏青主题start----------------------------------- */
/* logo */
.theme-cyan .layui-layout-admin .layui-header .layui-logo {
    background-color: #001529;
}

/* header */
.theme-cyan .layui-layout-admin .layui-header .layui-nav .layui-this:after,
.theme-cyan .layui-layout-admin .layui-header .layui-nav-bar,
.theme-cyan .layui-layout-admin .user-photo .layui-nav-bar {
    background-color: #001529;
}

/* side */
.theme-cyan .layui-layout-admin .layui-side {
    background-color: #001529;
}

.theme-cyan .layui-nav-tree .layui-nav-child dd.layui-this a,
.theme-cyan .layui-nav-tree .layui-this > a,
.theme-cyan .layui-nav-tree .layui-this > a:hover {
    background-color: #1890ff;
}

.theme-cyan .layui-nav-tree > .layui-nav-item > a:before {
    background-color: #1890FF;
}

.theme-cyan .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before {
    background: #001529 !important;
}

/* body tab */
.theme-cyan .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
    background-color: #001529;
}

/* body title */
.theme-cyan .layui-body-header-title {
    border-left-color: #1890FF;
}

/* admin dialog */
.theme-cyan .layui-layer.layui-layer-admin {
    border-radius: 4px;
}

    .theme-cyan .layui-layer.layui-layer-admin .layui-layer-title {
        color: #333;
        font-size: 16px;
        padding-left: 23px;
        background-color: #fff;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom: 1px solid #f1f1f1;
    }

    .theme-cyan .layui-layer.layui-layer-admin .layui-layer-setwin a {
        color: #8c8c8c;
        font-weight: 600;
    }

    .theme-cyan .layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-min cite {
        background-color: #8c8c8c;
    }

    .theme-cyan .layui-layer.layui-layer-admin .layui-layer-btn a {
        height: 32px;
        line-height: 32px;
        border-radius: 4px;
        box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
    }

    .theme-cyan .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 {
        border-color: #1890FF;
        background-color: #1890FF;
    }

/* other */
.theme-cyan .more-theme-item:hover,
.theme-cyan .more-theme-item.active {
    border-color: #1890FF;
}

.theme-cyan .btn-circle {
    background: #1890FF;
}

.theme-cyan .ball-loader > span,
.theme-cyan .signal-loader > span {
    background-color: #1890FF;
}

.theme-cyan .text-primary,
.theme-cyan .layui-link {
    color: #1890FF !important;
}

/* button */
.theme-cyan .layui-btn {
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    background-color: #1890FF;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
}

.theme-cyan .layui-btn-lg {
    height: 42px;
    line-height: 42px;
}

.theme-cyan .layui-btn-sm {
    height: 28px;
    line-height: 28px;
}

.theme-cyan .layui-btn-xs {
    height: 22px;
    line-height: 22px;
}

/* input */
.theme-cyan .layui-input,
.theme-cyan .layui-select,
.theme-cyan .layui-textarea,
.theme-cyan xm-select {
    height: 36px;
    border-radius: 4px;
}

    .theme-cyan .layui-input:focus,
    .theme-cyan .layui-textarea:focus,
    .theme-cyan xm-select:hover {
        border-color: #40a9ff !important;
    }

/* form */
.theme-cyan .layui-form-label,
.theme-cyan .layui-form-mid {
    padding-top: 8px;
    padding-bottom: 8px;
}

.theme-cyan .layui-input-block {
    min-height: 36px;
}

.theme-cyan .layui-form-radio {
    margin-top: 4px;
}

/* switch */
.theme-cyan .layui-form-onswitch {
    border-color: #1890FF;
    background-color: #1890FF;
}

/* radio */
.theme-cyan .layui-form-radio > i:hover,
.theme-cyan .layui-form-radioed > i,
.theme-cyan .layui-form-checked i,
.theme-cyan .layui-form-checked:hover i {
    color: #1890FF;
}

/* checkbox */
.theme-cyan .layui-form-checked[lay-skin=primary] i,
.theme-cyan .layui-form-checked span,
.theme-cyan .layui-form-checked:hover span {
    border-color: #1890FF !important;
    background-color: #1890FF;
}

    .theme-cyan .layui-form-checked[lay-skin=primary] i:hover,
    .theme-cyan .layui-form-checkbox[lay-skin=primary]:hover i {
        border-color: #1890FF !important;
    }

/* select */
.theme-cyan .layui-form-select dl dd.layui-this {
    background-color: #1890FF;
}

/* laypage */
.theme-cyan .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #1890FF;
}

.theme-cyan .layui-laypage input:focus,
.theme-cyan .layui-laypage select:focus {
    border-color: #1890FF !important;
}

.theme-cyan .layui-laypage a:hover {
    color: #1890FF;
}

/* tab */
.theme-cyan .layui-tab-brief > .layui-tab-title .layui-this {
    color: #1890FF;
}

    .theme-cyan .layui-tab-brief > .layui-tab-more li.layui-this:after,
    .theme-cyan .layui-tab-brief > .layui-tab-title .layui-this:after {
        border-color: #1890FF !important;
    }

.theme-cyan .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this {
    border-color: #2d8cf0;
    color: #2d8cf0;
}

/* breadcrumb */
.theme-cyan .layui-breadcrumb a:hover {
    color: #1890FF !important;
}

/* laydate */
.theme-cyan .layui-laydate-footer span:hover,
.theme-cyan .layui-laydate-header i:hover,
.theme-cyan .layui-laydate-header span:hover {
    color: #1890FF;
}

.theme-cyan .layui-laydate .layui-this {
    background-color: #1890FF !important;
}

.theme-cyan .layui-laydate-content td.laydate-selected {
    background-color: rgba(24, 144, 255, .1);
}

.theme-cyan .laydate-selected:hover {
    background-color: rgba(24, 144, 255, .1) !important;
}

/* timeline */
.theme-cyan .layui-timeline-axis {
    color: #1890FF;
}

/* transfer */
.theme-cyan .layui-transfer-active .layui-btn {
    background-color: #1890FF !important;
    border-color: #1890FF !important;
}

/* progress-bar */
.theme-cyan .layui-progress-bar {
    background-color: #1890FF;
}

/* slider */
.theme-cyan .layui-slider-bar {
    background-color: #1890FF !important;
}

.theme-cyan .layui-slider-wrap-btn {
    border-color: #1890FF !important;
}

/* steps */
.theme-cyan .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon {
    color: #1890FF;
}

    .theme-cyan .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok,
    .theme-cyan .layui-elem-quote {
        border-color: #1890FF;
    }

.theme-cyan .layui-tab.layui-steps > .layui-tab-title > li:before,
.theme-cyan .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok {
    background-color: #1890FF;
}

.theme-cyan .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li {
    background-color: #89C6FF;
}

    .theme-cyan .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this {
        background-color: #1890FF;
    }

    .theme-cyan .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after {
        border-left-color: #89C6FF !important;
    }

    .theme-cyan .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after {
        border-left-color: #1890FF !important;
    }

/* cascader */
.theme-cyan .ew-cascader-dropdown-list-item.active,
.theme-cyan .ew-cascader-dropdown-list-item.active .ew-icon-right {
    color: #1890FF;
}

/* tagsinput */
.theme-cyan div.tagsinput span.tag {
    background: #1890FF;
}

/* xmSelect */
.theme-cyan xm-select .xm-body .xm-option .xm-option-icon {
    border-color: #1890FF !important;
}

.theme-cyan xm-select .xm-body .xm-option.selected .xm-option-icon,
.theme-cyan xm-select > .xm-body .xm-toolbar .toolbar-tag:hover,
.theme-cyan .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content {
    color: #1890FF !important;
}

.theme-cyan xm-select .xm-label .xm-label-block,
.theme-cyan xm-select .xm-body .xm-option.hide-icon.selected {
    background-color: #1890FF !important;
}

/* city-select */
.theme-cyan .city-select a.active {
    color: #fff !important;
    background-color: #1890FF !important;
}

.theme-cyan .city-select a:hover,
.theme-cyan .city-select a:focus {
    background-color: #f0faff;
    color: #1890FF;
}

.theme-cyan .city-picker-span > .title > span:hover {
    background-color: #f0faff;
}

.theme-cyan .city-select-tab > a.active {
    color: #1890FF;
}

/** ---------------------------藏青主题end----------------------------------- */

/** ---------------------------白色主题start----------------------------------- */
/* logo */
.theme-white .layui-layout-admin .layui-header .layui-logo {
    color: #262626;
    background-color: transparent;
    box-shadow: 2px 8px 8px 0 rgba(29, 35, 41, .05);
}

/* header */
.theme-white .layui-layout-admin .layui-header {
    box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
}

    .theme-white .layui-layout-admin .layui-header .layui-nav .layui-this:after,
    .theme-white .layui-layout-admin .layui-header .layui-nav-bar,
    .theme-white .layui-layout-admin .user-photo .layui-nav-bar {
        background-color: #2d8cf0;
    }

/* side */
.theme-white .layui-layout-admin .layui-side {
    background-color: #fff;
    box-shadow: 2px 8px 8px 0 rgba(29, 35, 41, .05);
}

.theme-white .layui-side .layui-nav .layui-nav-item a {
    color: #595959;
}

    .theme-white .layui-side .layui-nav .layui-nav-item a:hover {
        color: #2d8cf0;
    }

.theme-white .layui-side .layui-nav-itemed > a,
.theme-white .layui-side .layui-nav-tree .layui-nav-title a,
.theme-white .layui-side .layui-nav-tree .layui-nav-title a:hover {
    color: #595959 !important;
}

    .theme-white .layui-side .layui-nav-itemed > a:hover {
        color: #2d8cf0 !important;
    }

.theme-white .layui-side .layui-nav-tree .layui-nav-child dd.layui-this a,
.theme-white .layui-side .layui-nav-tree .layui-this > a,
.theme-white .layui-side .layui-nav-tree .layui-this > a:hover {
    color: #2d8cf0;
    background: #f0faff;
    border-right: 2px solid #2d8cf0;
}

.theme-white .layui-side .layui-nav-tree .layui-nav-item .layui-nav-child {
    background-color: transparent !important;
}

.theme-white .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before {
    background: #fff !important;
}

@media screen and (min-width: 769px) {
    .theme-white .layui-layout-admin.admin-nav-mini .layui-side .layui-nav li.layui-nav-itemed > a {
        background: #f0faff;
        color: #2d8cf0 !important;
    }
}

.theme-white .layui-nav-tree > .layui-nav-item > a:before {
    display: none;
}

/* side arrow */
.theme-white .layui-side .layui-nav .layui-nav-more {
    border-color: rgba(89, 89, 89, .7) transparent transparent;
}

.theme-white .layui-side .layui-nav .layui-nav-mored,
.theme-white .layui-side .layui-nav-itemed > a .layui-nav-more {
    border-color: transparent transparent rgba(89, 89, 89, .7);
}

.theme-white .layui-side .layui-nav-tree.arrow3 .layui-nav-itemed > a > .layui-nav-more:before {
    background-color: rgba(89, 89, 89, .7);
}

@media screen and (min-width: 769px) {
    .theme-white .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child > dd > a .layui-nav-more {
        border-color: transparent transparent transparent rgba(89, 89, 89, .7);
    }
}

/* body tab */
.theme-white .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title {
    right: 8px;
    box-sizing: border-box;
    background-color: transparent;
    padding-right: 70px;
}
        .theme-white .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this {
            color: #2d8cf0;
            background-color: #fff;
        }

        .theme-white .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:hover {
            background-color: #fff;
        }

        .theme-white .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
            display: none;
        }
		.theme-white .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li .layui-tab-close,
		.theme-pink .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li .layui-tab-close,
		.theme-colorful .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li .layui-tab-close
		{top:12px}
.theme-white .layui-layout-admin .layui-body .admin-tabs-control,
.theme-white .layui-layout-admin .layui-body .admin-tabs-control:hover {
    top: 8px;
    height: 32px;
    line-height: 32px;
    background-color: #f5f7f9;
    border: none;
}

    .theme-white .layui-layout-admin .layui-body .admin-tabs-control.layui-icon-down {
        border-radius: 4px;
        background-color: #fff;
        width: 32px;
        right: 8px;
    }

.theme-white .admin-tabs-control > .layui-nav .layui-nav-item {
    line-height: 32px;
}

    .theme-white .admin-tabs-control > .layui-nav .layui-nav-item > a {
        height: 32px;
        width: 32px;
        padding: 0;
    }

.theme-white .admin-tabs-control > .layui-nav .layui-nav-child {
    top: 36px;
    border: none;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
}

.theme-white .layui-layout-admin .layui-body .admin-tabs-control.layui-icon-prev:before {
    content: "\e603";
}

.theme-white .layui-layout-admin .layui-body .admin-tabs-control.layui-icon-next:before {
    content: "\e602";
}

/* body title */
.theme-white .layui-body-header-title {
    border-left-color: #2d8cf0;
}

.theme-white .layui-body-header {
    box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
}

/* admin dialog */
.theme-white .layui-layer.layui-layer-admin {
    border-radius: 4px;
}

    .theme-white .layui-layer.layui-layer-admin .layui-layer-title {
        color: #262626;
        font-size: 16px;
        padding-left: 23px;
        background-color: #fff;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom: 1px solid #f1f1f1;
    }

    .theme-white .layui-layer.layui-layer-admin .layui-layer-setwin a {
        color: #8c8c8c;
        font-weight: 600;
    }

    .theme-white .layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-min cite {
        background-color: #8c8c8c;
    }

    .theme-white .layui-layer.layui-layer-admin .layui-layer-btn a {
        height: 32px;
        line-height: 32px;
        border-radius: 4px;
        box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
    }

    .theme-white .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 {
        border-color: #2d8cf0;
        background-color: #2d8cf0;
    }

/* other */
.theme-white .more-theme-item:hover,
.theme-white .more-theme-item.active {
    border-color: #2d8cf0;
}

.theme-white .btn-circle {
    background: #2d8cf0;
}

.theme-white .ball-loader > span,
.theme-white .signal-loader > span {
    background-color: #2d8cf0;
}

.theme-white .text-primary,
.theme-white .layui-link {
    color: #2d8cf0 !important;
    ;
}

.theme-white .layui-card {
    border-radius: 4px;
    box-shadow: none;
}

/* button */
.theme-white .layui-btn {
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    background-color: #2d8cf0;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
}

.theme-white .layui-btn-lg {
    height: 42px;
    line-height: 42px;
}

.theme-white .layui-btn-sm {
    height: 28px;
    line-height: 28px;
}

.theme-white .layui-btn-xs {
    height: 22px;
    line-height: 22px;
}

/* input */
.theme-white .layui-input,
.theme-white .layui-select,
.theme-white .layui-textarea,
.theme-white xm-select {
    height: 36px;
    border-radius: 4px;
}

    .theme-white .layui-input:focus,
    .theme-white .layui-textarea:focus,
    .theme-white xm-select:hover {
        border-color: #2d8cf0 !important;
    }

/* form */
.theme-white .layui-form-label,
.theme-white .layui-form-mid {
    padding-top: 8px;
    padding-bottom: 8px;
}

.theme-white .layui-input-block {
    min-height: 36px;
}

.theme-white .layui-form-radio {
    margin-top: 4px;
}

/* switch */
.theme-white .layui-form-onswitch {
    border-color: #2d8cf0;
    background-color: #2d8cf0;
}

/* radio */
.theme-white .layui-form-radio > i:hover,
.theme-white .layui-form-radioed > i,
.theme-white .layui-form-checked i,
.theme-white .layui-form-checked:hover i {
    color: #2d8cf0;
}

/* checkbox */
.theme-white .layui-form-checked[lay-skin=primary] i,
.theme-white .layui-form-checked span,
.theme-white .layui-form-checked:hover span {
    border-color: #2d8cf0 !important;
    background-color: #2d8cf0;
}

    .theme-white .layui-form-checked[lay-skin=primary] i:hover,
    .theme-white .layui-form-checkbox[lay-skin=primary]:hover i {
        border-color: #2d8cf0 !important;
    }

/* select */
.theme-white .layui-form-select dl dd.layui-this {
    background-color: #2d8cf0;
}

/* laypage */
.theme-white .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #2d8cf0;
}

.theme-white .layui-laypage input:focus,
.theme-white .layui-laypage select:focus {
    border-color: #2d8cf0 !important;
}

.theme-white .layui-laypage a:hover {
    color: #2d8cf0;
}

/* tab */
.theme-white .layui-tab-brief > .layui-tab-title .layui-this {
    color: #2d8cf0;
}

    .theme-white .layui-tab-brief > .layui-tab-more li.layui-this:after,
    .theme-white .layui-tab-brief > .layui-tab-title .layui-this:after {
        border-color: #2d8cf0 !important;
    }

.theme-white .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this {
    border-color: #2d8cf0;
    color: #2d8cf0;
}

/* breadcrumb */
.theme-white .layui-breadcrumb a:hover {
    color: #2d8cf0 !important;
}

/* laydate */
.theme-white .layui-laydate-footer span:hover,
.theme-white .layui-laydate-header i:hover,
.theme-white .layui-laydate-header span:hover {
    color: #2d8cf0;
}

.theme-white .layui-laydate .layui-this {
    background-color: #2d8cf0 !important;
}

.theme-white .layui-laydate-content td.laydate-selected {
    background-color: rgba(45, 140, 240, .1);
}

.theme-white .laydate-selected:hover {
    background-color: rgba(45, 140, 240, .1) !important;
}

/* timeline */
.theme-white .layui-timeline-axis {
    color: #2d8cf0;
}

/* transfer */
.theme-white .layui-transfer-active .layui-btn {
    background-color: #2d8cf0 !important;
    border-color: #2d8cf0 !important;
}

/* progress-bar */
.theme-white .layui-progress-bar {
    background-color: #2d8cf0;
}

/* slider */
.theme-white .layui-slider-bar {
    background-color: #2d8cf0 !important;
}

.theme-white .layui-slider-wrap-btn {
    border-color: #2d8cf0 !important;
}

/* steps */
.theme-white .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon {
    color: #2d8cf0;
}

    .theme-white .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok,
    .theme-white .layui-elem-quote {
        border-color: #2d8cf0;
    }

.theme-white .layui-tab.layui-steps > .layui-tab-title > li:before,
.theme-white .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok {
    background-color: #2d8cf0;
}

.theme-white .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li {
    background-color: #95C5F7;
}

    .theme-white .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this {
        background-color: #2d8cf0;
    }

    .theme-white .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after {
        border-left-color: #95C5F7 !important;
    }

    .theme-white .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after {
        border-left-color: #2d8cf0 !important;
    }

/* cascader */
.theme-white .ew-cascader-dropdown-list-item.active,
.theme-white .ew-cascader-dropdown-list-item.active .ew-icon-right {
    color: #2d8cf0;
}

/* tagsinput */
.theme-white div.tagsinput span.tag {
    background: #2d8cf0;
}

/* xmSelect */
.theme-white xm-select .xm-body .xm-option .xm-option-icon {
    border-color: #2d8cf0 !important;
}

.theme-white xm-select .xm-body .xm-option.selected .xm-option-icon,
.theme-white xm-select > .xm-body .xm-toolbar .toolbar-tag:hover,
.theme-white .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content {
    color: #2d8cf0 !important;
}

.theme-white xm-select .xm-label .xm-label-block,
.theme-white xm-select .xm-body .xm-option.hide-icon.selected {
    background-color: #2d8cf0 !important;
}

/* city-select */
.theme-white .city-select a.active {
    color: #fff !important;
    background-color: #2d8cf0 !important;
}

.theme-white .city-select a:hover,
.theme-white .city-select a:focus {
    background-color: #f0faff;
    color: #2d8cf0;
}

.theme-white .city-picker-span > .title > span:hover {
    background-color: #f0faff;
}

.theme-white .city-select-tab > a.active {
    color: #2d8cf0;
}

/** ---------------------------白色主题end----------------------------------- */

/** ---------------------------粉色主题start----------------------------------- */
/* logo */
.theme-pink .layui-layout-admin .layui-header .layui-logo {
    color: #262626;
    background-color: transparent;
    box-shadow: 2px 8px 8px 0 rgba(29, 35, 41, .05);
}

/* header */
.theme-pink .layui-layout-admin .layui-header {
    box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
}

    .theme-pink .layui-layout-admin .layui-header .layui-nav .layui-this:after,
    .theme-pink .layui-layout-admin .layui-header .layui-nav-bar,
    .theme-pink .layui-layout-admin .user-photo .layui-nav-bar {
        background-color: #FB7299;
    }

/* side */
.theme-pink .layui-layout-admin .layui-side {
    background-color: #fff;
    box-shadow: 2px 8px 8px 0 rgba(29, 35, 41, .05);
}

.theme-pink .layui-side .layui-nav .layui-nav-item a {
    color: #595959;
}

    .theme-pink .layui-side .layui-nav .layui-nav-item a:hover {
        color: #FB7299;
    }

.theme-pink .layui-side .layui-nav-itemed > a,
.theme-pink .layui-side .layui-nav-tree .layui-nav-title a,
.theme-pink .layui-side .layui-nav-tree .layui-nav-title a:hover {
    color: #595959 !important;
}

    .theme-pink .layui-side .layui-nav-itemed > a:hover {
        color: #FB7299 !important;
    }

.theme-pink .layui-side .layui-nav-tree .layui-nav-child dd.layui-this a,
.theme-pink .layui-side .layui-nav-tree .layui-this > a,
.theme-pink .layui-side .layui-nav-tree .layui-this > a:hover {
    color: #FB7299;
    background: #FFF7F9;
    border-right: 2px solid #FB7299;
}

.theme-pink .layui-side .layui-nav-tree .layui-nav-item .layui-nav-child {
    background-color: transparent !important;
}

.theme-pink .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before {
    background: #fff !important;
}

@media screen and (min-width: 769px) {
    .theme-pink .layui-layout-admin.admin-nav-mini .layui-side .layui-nav li.layui-nav-itemed > a {
        background: #FFF1F5;
        color: #FB7299 !important;
    }
}

.theme-pink .layui-nav-tree > .layui-nav-item > a:before {
    display: none;
}

/* side arrow */
.theme-pink .layui-side .layui-nav .layui-nav-more {
    border-color: rgba(89, 89, 89, .7) transparent transparent;
}

.theme-pink .layui-side .layui-nav .layui-nav-mored,
.theme-pink .layui-side .layui-nav-itemed > a .layui-nav-more {
    border-color: transparent transparent rgba(89, 89, 89, .7);
}

.theme-pink .layui-side .layui-nav-tree.arrow3 .layui-nav-itemed > a > .layui-nav-more:before {
    background-color: rgba(89, 89, 89, .7);
}

@media screen and (min-width: 769px) {
    .theme-pink .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child > dd > a .layui-nav-more {
        border-color: transparent transparent transparent rgba(89, 89, 89, .7);
    }
}

/* body tab */
.theme-pink .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title {
    top: 4px;
    right: 8px;
    height: 32px;
    line-height: 32px;
    box-sizing: border-box;
    background-color: transparent;
    /*box-shadow: -4px 4px 0 #f5f7f9;*/
    padding-right: 70px;
}

    .theme-pink .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li {
        border: none;
        margin-right: 6px;
        border-radius: 4px;
        background-color: #efefef;
        line-height: 32px;
        height: 32px;
    }

        .theme-pink .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this {
            color: #FB7299;
            background-color: #efefef;
        }

        .theme-pink .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:hover {
            background-color: #efefef;
        }

        .theme-pink .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
            display: none;
        }
.theme-pink .layui-layout-admin .layui-body .admin-tabs-control,
.theme-pink .layui-layout-admin .layui-body .admin-tabs-control:hover {
    top: 8px;
    height: 32px;
    line-height: 32px;
    background-color: #f5f7f9;
    border: none;
}

    .theme-pink .layui-layout-admin .layui-body .admin-tabs-control.layui-icon-down {
        border-radius: 4px;
        background-color: #fff;
        width: 32px;
        right: 8px;
    }

.theme-pink .admin-tabs-control > .layui-nav .layui-nav-item {
    line-height: 32px;
}

    .theme-pink .admin-tabs-control > .layui-nav .layui-nav-item > a {
        height: 32px;
        width: 32px;
        padding: 0;
    }

.theme-pink .admin-tabs-control > .layui-nav .layui-nav-child {
    top: 36px;
    border: none;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
}

.theme-pink .layui-layout-admin .layui-body .admin-tabs-control.layui-icon-prev:before {
    content: "\e603";
}

.theme-pink .layui-layout-admin .layui-body .admin-tabs-control.layui-icon-next:before {
    content: "\e602";
}

/* body title */
.theme-pink .layui-body-header-title {
    border-left-color: #FB7299;
}

.theme-pink .layui-body-header {
    box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
}

/* admin dialog */
.theme-pink .layui-layer.layui-layer-admin {
    border-radius: 4px;
}

    .theme-pink .layui-layer.layui-layer-admin .layui-layer-title {
        color: #262626;
        font-size: 16px;
        padding-left: 23px;
        background-color: #fff;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom: 1px solid #f1f1f1;
    }

    .theme-pink .layui-layer.layui-layer-admin .layui-layer-setwin a {
        color: #8c8c8c;
        font-weight: 600;
    }

    .theme-pink .layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-min cite {
        background-color: #8c8c8c;
    }

    .theme-pink .layui-layer.layui-layer-admin .layui-layer-btn a {
        height: 32px;
        line-height: 32px;
        border-radius: 4px;
        box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
    }

    .theme-pink .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 {
        border-color: #FB7299;
        background-color: #FB7299;
    }

/* other */
.theme-pink .more-theme-item:hover,
.theme-pink .more-theme-item.active {
    border-color: #FB7299;
}

.theme-pink .btn-circle {
    background: #FB7299;
}

.theme-pink .ball-loader > span,
.theme-pink .signal-loader > span {
    background-color: #FB7299;
}

.theme-pink .text-primary,
.theme-pink .layui-link {
    color: #FB7299 !important;
    ;
}

.theme-pink .layui-card {
    border-radius: 4px;
    box-shadow: none;
}

/* button */
.theme-pink .layui-btn {
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    background-color: #FB7299;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
}

.theme-pink .layui-btn-lg {
    height: 42px;
    line-height: 42px;
}

.theme-pink .layui-btn-sm {
    height: 28px;
    line-height: 28px;
}

.theme-pink .layui-btn-xs {
    height: 22px;
    line-height: 22px;
}

/* input */
.theme-pink .layui-input,
.theme-pink .layui-select,
.theme-pink .layui-textarea,
.theme-pink xm-select {
    height: 36px;
    border-radius: 4px;
}

    .theme-pink .layui-input:focus,
    .theme-pink .layui-textarea:focus,
    .theme-pink xm-select:hover {
        border-color: #FB7299 !important;
    }

/* form */
.theme-pink .layui-form-label,
.theme-pink .layui-form-mid {
    padding-top: 8px;
    padding-bottom: 8px;
}

.theme-pink .layui-input-block {
    min-height: 36px;
}

.theme-pink .layui-form-radio {
    margin-top: 4px;
}

/* switch */
.theme-pink .layui-form-onswitch {
    border-color: #FB7299;
    background-color: #FB7299;
}

/* radio */
.theme-pink .layui-form-radio > i:hover,
.theme-pink .layui-form-radioed > i,
.theme-pink .layui-form-checked i,
.theme-pink .layui-form-checked:hover i {
    color: #FB7299;
}

/* checkbox */
.theme-pink .layui-form-checked[lay-skin=primary] i,
.theme-pink .layui-form-checked span,
.theme-pink .layui-form-checked:hover span {
    border-color: #FB7299 !important;
    background-color: #FB7299;
}

    .theme-pink .layui-form-checked[lay-skin=primary] i:hover,
    .theme-pink .layui-form-checkbox[lay-skin=primary]:hover i {
        border-color: #FB7299 !important;
    }

/* select */
.theme-pink .layui-form-select dl dd.layui-this {
    background-color: #FB7299;
}

/* laypage */
.theme-pink .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #FB7299;
}

.theme-pink .layui-laypage input:focus,
.theme-pink .layui-laypage select:focus {
    border-color: #FB7299 !important;
}

.theme-pink .layui-laypage a:hover {
    color: #FB7299;
}

/* tab */
.theme-pink .layui-tab-brief > .layui-tab-title .layui-this {
    color: #FB7299;
}

    .theme-pink .layui-tab-brief > .layui-tab-more li.layui-this:after,
    .theme-pink .layui-tab-brief > .layui-tab-title .layui-this:after {
        border-color: #FB7299 !important;
    }

.theme-pink .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this {
    border-color: #FB7299;
    color: #FB7299;
}

/* breadcrumb */
.theme-pink .layui-breadcrumb a:hover {
    color: #FB7299 !important;
}

/* laydate */
.theme-pink .layui-laydate-footer span:hover,
.theme-pink .layui-laydate-header i:hover,
.theme-pink .layui-laydate-header span:hover {
    color: #FB7299;
}

.theme-pink .layui-laydate .layui-this {
    background-color: #FB7299 !important;
}

.theme-pink .layui-laydate-content td.laydate-selected {
    background-color: #FFF1F5;
}

.theme-pink .laydate-selected:hover {
    background-color: #FFF1F5 !important;
}

/* timeline */
.theme-pink .layui-timeline-axis {
    color: #FB7299;
}

/* transfer */
.theme-pink .layui-transfer-active .layui-btn {
    background-color: #FB7299 !important;
    border-color: #FB7299 !important;
}

/* progress-bar */
.theme-pink .layui-progress-bar {
    background-color: #FB7299;
}

/* slider */
.theme-pink .layui-slider-bar {
    background-color: #FB7299 !important;
}

.theme-pink .layui-slider-wrap-btn {
    border-color: #FB7299 !important;
}

/* steps */
.theme-pink .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon {
    color: #FB7299;
}

    .theme-pink .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok,
    .theme-pink .layui-elem-quote {
        border-color: #FB7299;
    }

.theme-pink .layui-tab.layui-steps > .layui-tab-title > li:before,
.theme-pink .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok {
    background-color: #FB7299;
}

.theme-pink .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li {
    background-color: #FDB8CC;
}

    .theme-pink .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this {
        background-color: #FB7299;
    }

    .theme-pink .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after {
        border-left-color: #FDB8CC !important;
    }

    .theme-pink .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after {
        border-left-color: #FB7299 !important;
    }

/* cascader */
.theme-pink .ew-cascader-dropdown-list-item.active,
.theme-pink .ew-cascader-dropdown-list-item.active .ew-icon-right {
    color: #FB7299;
}

/* tagsinput */
.theme-pink div.tagsinput span.tag {
    background: #FB7299;
}

/* xmSelect */
.theme-pink xm-select .xm-body .xm-option .xm-option-icon {
    border-color: #FB7299 !important;
}

.theme-pink xm-select .xm-body .xm-option.selected .xm-option-icon,
.theme-pink xm-select > .xm-body .xm-toolbar .toolbar-tag:hover,
.theme-pink .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content {
    color: #FB7299 !important;
}

.theme-pink xm-select .xm-label .xm-label-block,
.theme-pink xm-select .xm-body .xm-option.hide-icon.selected {
    background-color: #FB7299 !important;
}

/* city-select */
.theme-pink .city-select a.active {
    color: #fff !important;
    background-color: #FB7299 !important;
}

.theme-pink .city-select a:hover,
.theme-pink .city-select a:focus {
    background-color: #FFF1F5;
    color: #FB7299;
}

.theme-pink .city-picker-span > .title > span:hover {
    background-color: #FFF1F5;
}

.theme-pink .city-select-tab > a.active {
    color: #FB7299;
}

/** ---------------------------粉色主题end----------------------------------- */

/** ---------------------------colorful主题start----------------------------------- */
/* logo */
.theme-colorful .layui-layout-admin .layui-header .layui-logo {
    color: #262626;
    background-color: transparent;
    box-shadow: 2px 8px 8px 0 rgba(29, 35, 41, .05);
}

/* header */
.theme-colorful .layui-layout-admin .layui-header {
    box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
}

    .theme-colorful .layui-layout-admin .layui-header .layui-nav .layui-this:after,
    .theme-colorful .layui-layout-admin .layui-header .layui-nav-bar,
    .theme-colorful .layui-layout-admin .user-photo .layui-nav-bar {
        background-color: #2d8cf0;
    }

/* side */
.theme-colorful .layui-layout-admin .layui-side {
    background-color: #fff;
    box-shadow: 2px 8px 8px 0 rgba(29, 35, 41, .05);
}

.theme-colorful .layui-side .layui-nav .layui-nav-item a {
    color: #595959;
}

    .theme-colorful .layui-side .layui-nav .layui-nav-item a:hover {
        color: #2d8cf0;
    }

.theme-colorful .layui-side .layui-nav-itemed > a,
.theme-colorful .layui-side .layui-nav-tree .layui-nav-title a,
.theme-colorful .layui-side .layui-nav-tree .layui-nav-title a:hover {
    color: #595959 !important;
}

    .theme-colorful .layui-side .layui-nav-itemed > a:hover {
        color: #2d8cf0 !important;
    }

.theme-colorful .layui-side .layui-nav-tree .layui-nav-child dd.layui-this a,
.theme-colorful .layui-side .layui-nav-tree .layui-this > a,
.theme-colorful .layui-side .layui-nav-tree .layui-this > a:hover {
    color: #2d8cf0;
    background: #f0faff;
    border-right: 2px solid #2d8cf0;
}

.theme-colorful .layui-side .layui-nav-tree .layui-nav-item .layui-nav-child {
    background-color: transparent !important;
}

.theme-colorful .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before {
    background: #fff !important;
}

@media screen and (min-width: 769px) {
    .theme-colorful .layui-layout-admin.admin-nav-mini .layui-side .layui-nav li.layui-nav-itemed > a {
        background: #f0faff;
        color: #2d8cf0 !important;
    }
}

.theme-colorful .layui-nav-tree > .layui-nav-item > a:before {
    display: none;
}

/* side arrow */
.theme-colorful .layui-side .layui-nav .layui-nav-more {
    border-color: rgba(89, 89, 89, .7) transparent transparent;
}

.theme-colorful .layui-side .layui-nav .layui-nav-mored,
.theme-colorful .layui-side .layui-nav-itemed > a .layui-nav-more {
    border-color: transparent transparent rgba(89, 89, 89, .7);
}

.theme-colorful .layui-side .layui-nav-tree.arrow3 .layui-nav-itemed > a > .layui-nav-more:before {
    background-color: rgba(89, 89, 89, .7);
}

@media screen and (min-width: 769px) {
    .theme-colorful .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child > dd > a .layui-nav-more {
        border-color: transparent transparent transparent rgba(89, 89, 89, .7);
    }
}

.theme-colorful .layui-side .layui-nav .layui-nav-item a cite {
    vertical-align: middle;
}

/* side icon */
.theme-colorful .layui-side .layui-nav-item > a > .layui-icon {
    color: #fff;
    width: 28px;
    height: 28px;
    font-size: 12px !important;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    background-color: #61B2FC;
}

.theme-colorful .layui-side .layui-nav-item:nth-child(even) > a > .layui-icon {
    background-color: #7DD733;
}

.theme-colorful .layui-side .layui-nav-item:nth-child(3) > a > .layui-icon {
    background-color: #32A2D4;
}

.theme-colorful .layui-side .layui-nav-item:nth-child(4) > a > .layui-icon {
    background-color: #2BCCCE;
}

.theme-colorful .layui-side .layui-nav-item:nth-child(5) > a > .layui-icon {
    background-color: #7383CF;
}
.theme-colorful .ok-left.layui-side-menu .layui-nav .layui-nav-item .layui-icon,
.theme-colorful .ok-left.layui-side-menu .layui-nav .layui-nav-item a i {
padding-right: 0px;left: 10px;top: 6px;}

@media screen and (min-width: 768px) {
    .theme-colorful .admin-nav-mini .layui-side .layui-nav-item > a {
        padding-left: 16px;
    }
}

.theme-colorful .layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child a {
    padding-left: 63px;
}

.theme-colorful .layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child .layui-nav-child a {
    padding-left: 83px;
}

.theme-colorful .layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child .layui-nav-child .layui-nav-child a {
    padding-left: 103px;
}

.theme-colorful .layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child a {
    padding-left: 123px;
}

/* body tab */
.theme-colorful .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title {
    right: 8px;
    box-sizing: border-box;
    background-color: transparent;
    padding-right: 70px;
}
        .theme-colorful .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this {
            color: #2d8cf0;
            background-color: #fff;
        }

        .theme-colorful .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:hover {
            background-color: #fff;
        }

        .theme-colorful .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
            display: none;
        }
.theme-colorful .layui-layout-admin .layui-body .admin-tabs-control,
.theme-colorful .layui-layout-admin .layui-body .admin-tabs-control:hover {
    top: 8px;
    height: 32px;
    line-height: 32px;
    background-color: #f5f7f9;
    border: none;
}

    .theme-colorful .layui-layout-admin .layui-body .admin-tabs-control.layui-icon-down {
        border-radius: 4px;
        background-color: #fff;
        width: 32px;
        right: 8px;
    }

.theme-colorful .admin-tabs-control > .layui-nav .layui-nav-item {
    line-height: 32px;
}

    .theme-colorful .admin-tabs-control > .layui-nav .layui-nav-item > a {
        height: 32px;
        width: 32px;
        padding: 0;
    }

.theme-colorful .admin-tabs-control > .layui-nav .layui-nav-child {
    top: 36px;
    border: none;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
}

.theme-colorful .layui-layout-admin .layui-body .admin-tabs-control.layui-icon-prev:before {
    content: "\e603";
}

.theme-colorful .layui-layout-admin .layui-body .admin-tabs-control.layui-icon-next:before {
    content: "\e602";
}

/* body title */
.theme-colorful .layui-body-header-title {
    border-left-color: #2d8cf0;
}

.theme-colorful .layui-body-header {
    box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
}

/* admin dialog */
.theme-colorful .layui-layer.layui-layer-admin {
    border-radius: 4px;
}

    .theme-colorful .layui-layer.layui-layer-admin .layui-layer-title {
        color: #262626;
        font-size: 16px;
        padding-left: 23px;
        background-color: #fff;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom: 1px solid #f1f1f1;
    }

    .theme-colorful .layui-layer.layui-layer-admin .layui-layer-setwin a {
        color: #8c8c8c;
        font-weight: 600;
    }

    .theme-colorful .layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-min cite {
        background-color: #8c8c8c;
    }

    .theme-colorful .layui-layer.layui-layer-admin .layui-layer-btn a {
        height: 32px;
        line-height: 32px;
        border-radius: 4px;
        box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
    }

    .theme-colorful .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 {
        border-color: #2d8cf0;
        background-color: #2d8cf0;
    }

/* other */
.theme-colorful .more-theme-item:hover,
.theme-colorful .more-theme-item.active {
    border-color: #2d8cf0;
}

.theme-colorful .btn-circle {
    background: #2d8cf0;
}

.theme-colorful .ball-loader > span,
.theme-colorful .signal-loader > span {
    background-color: #2d8cf0;
}

.theme-colorful .text-primary,
.theme-colorful .layui-link {
    color: #2d8cf0 !important;
    ;
}

.theme-colorful .layui-card {
    border-radius: 4px;
    box-shadow: none;
}

/* button */
.theme-colorful .layui-btn {
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    background-color: #2d8cf0;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
}

.theme-colorful .layui-btn-lg {
    height: 42px;
    line-height: 42px;
}

.theme-colorful .layui-btn-sm {
    height: 28px;
    line-height: 28px;
}

.theme-colorful .layui-btn-xs {
    height: 22px;
    line-height: 22px;
}

/* input */
.theme-colorful .layui-input,
.theme-colorful .layui-select,
.theme-colorful .layui-textarea,
.theme-colorful xm-select {
    height: 36px;
    border-radius: 4px;
}

    .theme-colorful .layui-input:focus,
    .theme-colorful .layui-textarea:focus,
    .theme-colorful xm-select:hover {
        border-color: #2d8cf0 !important;
    }

/* form */
.theme-colorful .layui-form-label,
.theme-colorful .layui-form-mid {
    padding-top: 8px;
    padding-bottom: 8px;
}

.theme-colorful .layui-input-block {
    min-height: 36px;
}

.theme-colorful .layui-form-radio {
    margin-top: 4px;
}

/* switch */
.theme-colorful .layui-form-onswitch {
    border-color: #2d8cf0;
    background-color: #2d8cf0;
}

/* radio */
.theme-colorful .layui-form-radio > i:hover,
.theme-colorful .layui-form-radioed > i,
.theme-colorful .layui-form-checked i,
.theme-colorful .layui-form-checked:hover i {
    color: #2d8cf0;
}

/* checkbox */
.theme-colorful .layui-form-checked[lay-skin=primary] i,
.theme-colorful .layui-form-checked span,
.theme-colorful .layui-form-checked:hover span {
    border-color: #2d8cf0 !important;
    background-color: #2d8cf0;
}

.theme-colorful .layui-form-checkbox[lay-skin=primary] i:hover,
.theme-colorful .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #2d8cf0;
}

/* select */
.theme-colorful .layui-form-select dl dd.layui-this {
    background-color: #2d8cf0;
}

/* laypage */
.theme-colorful .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #2d8cf0;
}

.theme-colorful .layui-laypage input:focus,
.theme-colorful .layui-laypage select:focus {
    border-color: #2d8cf0 !important;
}

.theme-colorful .layui-laypage a:hover {
    color: #2d8cf0;
}

/* tab */
.theme-colorful .layui-tab-brief > .layui-tab-title .layui-this {
    color: #2d8cf0;
}

    .theme-colorful .layui-tab-brief > .layui-tab-more li.layui-this:after,
    .theme-colorful .layui-tab-brief > .layui-tab-title .layui-this:after {
        border-color: #2d8cf0 !important;
    }

.theme-colorful .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this {
    border-color: #2d8cf0;
    color: #2d8cf0;
}

/* breadcrumb */
.theme-colorful .layui-breadcrumb a:hover {
    color: #2d8cf0 !important;
}

/* laydate */
.theme-colorful .layui-laydate-footer span:hover,
.theme-colorful .layui-laydate-header i:hover,
.theme-colorful .layui-laydate-header span:hover {
    color: #2d8cf0;
}

.theme-colorful .layui-laydate .layui-this {
    background-color: #2d8cf0 !important;
}

.theme-colorful .layui-laydate-content td.laydate-selected {
    background-color: rgba(45, 140, 240, .1);
}

.theme-colorful .laydate-selected:hover {
    background-color: rgba(45, 140, 240, .1) !important;
}

/* timeline */
.theme-colorful .layui-timeline-axis {
    color: #2d8cf0;
}

/* transfer */
.theme-colorful .layui-transfer-active .layui-btn {
    background-color: #2d8cf0 !important;
    border-color: #2d8cf0 !important;
}

/* progress-bar */
.theme-colorful .layui-progress-bar {
    background-color: #2d8cf0;
}

/* slider */
.theme-colorful .layui-slider-bar {
    background-color: #2d8cf0 !important;
}

.theme-colorful .layui-slider-wrap-btn {
    border-color: #2d8cf0 !important;
}

/* steps */
.theme-colorful .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon {
    color: #2d8cf0;
}

    .theme-colorful .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok,
    .theme-colorful .layui-elem-quote {
        border-color: #2d8cf0;
    }

.theme-colorful .layui-tab.layui-steps > .layui-tab-title > li:before,
.theme-colorful .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok {
    background-color: #2d8cf0;
}

.theme-colorful .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li {
    background-color: #96C6F8;
}

    .theme-colorful .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this {
        background-color: #2d8cf0;
    }

    .theme-colorful .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after {
        border-left-color: #96C6F8 !important;
    }

    .theme-colorful .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after {
        border-left-color: #2d8cf0 !important;
    }

/* cascader */
.theme-colorful .ew-cascader-dropdown-list-item.active,
.theme-colorful .ew-cascader-dropdown-list-item.active .ew-icon-right {
    color: #2d8cf0;
}

/* tagsinput */
.theme-colorful div.tagsinput span.tag {
    background: #2d8cf0;
}

/* xmSelect */
.theme-colorful xm-select .xm-body .xm-option .xm-option-icon {
    border-color: #2d8cf0 !important;
}

.theme-colorful xm-select .xm-body .xm-option.selected .xm-option-icon,
.theme-colorful xm-select > .xm-body .xm-toolbar .toolbar-tag:hover,
.theme-colorful .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content {
    color: #2d8cf0 !important;
}

.theme-colorful xm-select .xm-label .xm-label-block,
.theme-colorful xm-select .xm-body .xm-option.hide-icon.selected {
    background-color: #2d8cf0 !important;
}

/* city-select */
.theme-colorful .city-select a.active {
    color: #fff !important;
    background-color: #2d8cf0 !important;
}

.theme-colorful .city-select a:hover,
.theme-colorful .city-select a:focus {
    background-color: #f0faff;
    color: #2d8cf0;
}

.theme-colorful .city-picker-span > .title > span:hover {
    background-color: #f0faff;
}

.theme-colorful .city-select-tab > a.active {
    color: #2d8cf0;
}

/** ---------------------------colorful主题end----------------------------------- */
/** ---------------------------theme-orange主题start----------------------------------- */
/* logo */
.theme-orange .layui-layout-admin .layui-header .layui-logo {
    color: #ffffff;
    background-color: #ff7800;
}

/* header */
.theme-orange .layui-layout-admin .layui-header {
    background-color: #ff7800;
}

    .theme-orange .layui-layout-admin .layui-header a {
        color: #ffffff;
    }

        .theme-orange .layui-layout-admin .layui-header a:hover {
            color: #ffffff;
        }

    .theme-orange .layui-layout-admin .layui-header .layui-nav-child a {
        color: #595959;
    }

    .theme-orange .layui-layout-admin .layui-header .layui-nav .layui-nav-more {
        border-color: #ffffff transparent transparent;
    }

    .theme-orange .layui-layout-admin .layui-header .layui-nav .layui-nav-mored {
        border-color: transparent transparent #ffffff;
    }

    .theme-orange .layui-layout-admin .layui-header .layui-nav .layui-this:after,
    .theme-orange .layui-layout-admin .layui-header .layui-nav-bar,
    .theme-orange .layui-layout-admin .user-photo .layui-nav-bar {
        background-color: #191a23;
    }

/* side */
.theme-orange .layui-layout-admin .layui-side {
    background-color: #191a23;
}

.theme-orange .layui-nav-tree .layui-nav-child dd.layui-this a,
.theme-orange .layui-nav-tree .layui-this > a,
.theme-orange .layui-nav-tree .layui-this > a:hover {
    background-color: #ff7800;
}

.theme-orange .layui-nav-tree > .layui-nav-item > a:before {
    background-color: #ff7800;
}

.theme-orange .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before {
    background: #191a23 !important;
}

/* body tab */
.theme-orange .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
    background-color: #191a23;
    top: 38px;
}

/* body title */
.theme-orange .layui-body-header-title {
    border-left-color: #ff7800;
}

/* admin dialog */
.theme-orange .layui-layer.layui-layer-admin .layui-layer-title {
    color: #ffffff;
    background-color: #191a23;
}

.theme-orange .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 {
    border-color: #ff7800;
    background-color: #ff7800;
}

/* other */
.theme-orange .more-theme-item:hover,
.theme-orange .more-theme-item.active {
    border-color: #ff7800;
}

.theme-orange .btn-circle {
    background: #ff7800;
}

.theme-orange .ball-loader > span,
.theme-orange .signal-loader > span {
    background-color: #ff7800;
}

.theme-orange .text-primary,
.theme-orange .layui-link {
    color: #ff7800 !important;
    ;
}

/* button */
.theme-orange .layui-btn {
    background-color: #ff7800;
}

/* switch */
.theme-orange .layui-form-onswitch {
    border-color: #ff7800;
    background-color: #ff7800;
}

/* radio */
.theme-orange .layui-form-radio > i:hover,
.theme-orange .layui-form-radioed > i,
.theme-orange .layui-form-checked i,
.theme-orange .layui-form-checked:hover i {
    color: #ff7800;
}

/* checkbox */
.theme-orange .layui-form-checked[lay-skin=primary] i,
.theme-orange .layui-form-checked span,
.theme-orange .layui-form-checked:hover span {
    border-color: #ff7800 !important;
    background-color: #ff7800;
}

.theme-orange .layui-form-checkbox[lay-skin=primary] i:hover,
.theme-orange .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #ff7800;
}

/* select */
.theme-orange .layui-form-select dl dd.layui-this {
    background-color: #ff7800;
}

/* laypage */
.theme-orange .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #ff7800;
}

.theme-orange .layui-laypage input:focus,
.theme-orange select:focus {
    border-color: #ff7800 !important;
}

.theme-orange .layui-laypage a:hover {
    color: #ff7800;
}

/* tab */
.theme-orange .layui-tab-brief > .layui-tab-title .layui-this {
    color: #ff7800;
}

    .theme-orange .layui-tab-brief > .layui-tab-more li.layui-this:after,
    .theme-orange .layui-tab-brief > .layui-tab-title .layui-this:after {
        border-color: #ff7800 !important;
    }

.theme-orange .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this {
    border-color: #ff7800;
    color: #ff7800;
}

/* breadcrumb */
.theme-orange .layui-breadcrumb a:hover {
    color: #ff7800 !important;
}

/* laydate */
.theme-orange .layui-laydate-footer span:hover,
.theme-orange .layui-laydate-header i:hover,
.theme-orange .layui-laydate-header span:hover {
    color: #ff7800;
}

.theme-orange .layui-laydate .layui-this {
    background-color: #ff7800 !important;
}

.theme-orange .layui-laydate-content td.laydate-selected {
    background-color: rgba(255,120,0,.1);
}

.theme-orange .laydate-selected:hover {
    background-color: rgba(255,120,0,.1) !important;
}

/* timeline */
.theme-orange .layui-timeline-axis {
    color: #ff7800;
}

/* transfer */
.theme-orange .layui-transfer-active .layui-btn {
    background-color: #ff7800 !important;
    border-color: #ff7800 !important;
}

/* progress-bar */
.theme-orange .layui-progress-bar {
    background-color: #ff7800;
}

/* slider */
.theme-orange .layui-slider-bar {
    background-color: #ff7800 !important;
}

.theme-colorful .layui-slider-wrap-btn {
    border-color: #ff7800 !important;
}

/* steps */
.theme-orange .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon {
    color: #ff7800;
}

    .theme-orange .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok,
    .theme-orange .layui-elem-quote {
        border-color: #ff7800;
    }

.theme-orange .layui-tab.layui-steps > .layui-tab-title > li:before,
.theme-orange .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok {
    background-color: #ff7800;
}

.theme-orange .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li {
    background-color: rgba(255,120,0,.5);
}

    .theme-orange .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this {
        background-color: #ff7800;
    }

    .theme-orange .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after {
        border-left-color: rgba(255,120,0,.5) !important;
    }

    .theme-orange .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after {
        border-left-color: #ff7800 !important;
    }

/* xmSelect */
.theme-orange xm-select .xm-body .xm-option .xm-option-icon {
    border-color: #ff7800 !important;
}

.theme-orange xm-select .xm-body .xm-option.selected .xm-option-icon,
.theme-orange xm-select > .xm-body .xm-toolbar .toolbar-tag:hover,
.theme-orange .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content {
    color: #ff7800 !important;
}

.theme-orange xm-select .xm-label .xm-label-block,
.theme-orange xm-select > .xm-body .xm-option.hide-icon.selected {
    background-color: #ff7800 !important;
}

/* tagsinput */
.theme-orange div.tagsinput span.tag {
    background: #ff7800;
}

/* cascader */
.theme-orange .ew-cascader-dropdown-list-item.active,
.theme-orange .ew-cascader-dropdown-list-item.active .ew-icon-right {
    color: #ff7800;
}

/* city-select */
.theme-orange .city-select a.active {
    color: #fff !important;
    background-color: #ff7800 !important;
}

.theme-orange .city-select a:hover,
.theme-orange .city-select a:focus {
    background-color: rgba(255,120,0,.07);
    color: #ff7800;
}

.theme-orange .city-picker-span > .title > span:hover {
    background-color: rgba(255,120,0,.07);
}

.theme-orange .city-select-tab > a.active {
    color: #ff7800;
}
/** ---------------------------theme-orange主题end----------------------------------- */

/** ---------------------------theme-light-green主题start----------------------------------- */
/* logo */
.theme-light-green .layui-layout-admin .layui-header .layui-logo {
    color: #ffffff;
    background-color: #00ced1;
}

/* header */
.theme-light-green .layui-layout-admin .layui-header {
    background-color: #00ced1;
}

    .theme-light-green .layui-layout-admin .layui-header a {
        color: #ffffff;
    }

        .theme-light-green .layui-layout-admin .layui-header a:hover {
            color: #ffffff;
        }

    .theme-light-green .layui-layout-admin .layui-header .layui-nav-child a {
        color: #595959;
    }

    .theme-light-green .layui-layout-admin .layui-header .layui-nav .layui-nav-more {
        border-color: #ffffff transparent transparent;
    }

    .theme-light-green .layui-layout-admin .layui-header .layui-nav .layui-nav-mored {
        border-color: transparent transparent #ffffff;
    }

    .theme-light-green .layui-layout-admin .layui-header .layui-nav .layui-this:after,
    .theme-light-green .layui-layout-admin .layui-header .layui-nav-bar,
    .theme-light-green .layui-layout-admin .user-photo .layui-nav-bar {
        background-color: #191a23;
    }

/* side */
.theme-light-green .layui-layout-admin .layui-side {
    background-color: #191a23;
}

.theme-light-green .layui-nav-tree .layui-nav-child dd.layui-this a,
.theme-light-green .layui-nav-tree .layui-this > a,
.theme-light-green .layui-nav-tree .layui-this > a:hover {
    background-color: #00ced1;
}

.theme-light-green .layui-nav-tree > .layui-nav-item > a:before {
    background-color: #00ced1;
}

.theme-light-green .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before {
    background: #191a23 !important;
}

/* body tab */
.theme-light-green .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
    background-color: #191a23;
    top: 38px;
}

/* body title */
.theme-light-green .layui-body-header-title {
    border-left-color: #00ced1;
}

/* admin dialog */
.theme-light-green .layui-layer.layui-layer-admin .layui-layer-title {
    color: #ffffff;
    background-color: #191a23;
}

.theme-light-green .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 {
    border-color: #00ced1;
    background-color: #00ced1;
}

/* other */
.theme-light-green .more-theme-item:hover,
.theme-light-green .more-theme-item.active {
    border-color: #00ced1;
}

.theme-light-green .btn-circle {
    background: #00ced1;
}

.theme-light-green .ball-loader > span,
.theme-light-green .signal-loader > span {
    background-color: #00ced1;
}

.theme-light-green .text-primary,
.theme-light-green .layui-link {
    color: #00ced1 !important;
    ;
}

/* button */
.theme-light-green .layui-btn {
    background-color: #00ced1;
}

/* switch */
.theme-light-green .layui-form-onswitch {
    border-color: #00ced1;
    background-color: #00ced1;
}

/* radio */
.theme-light-green .layui-form-radio > i:hover,
.theme-light-green .layui-form-radioed > i,
.theme-light-green .layui-form-checked i,
.theme-light-green .layui-form-checked:hover i {
    color: #00ced1;
}

/* checkbox */
.theme-light-green .layui-form-checked[lay-skin=primary] i,
.theme-light-green .layui-form-checked span,
.theme-light-green .layui-form-checked:hover span {
    border-color: #00ced1 !important;
    background-color: #00ced1;
}

.theme-light-green .layui-form-checkbox[lay-skin=primary] i:hover,
.theme-light-green .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #00ced1;
}

/* select */
.theme-light-green .layui-form-select dl dd.layui-this {
    background-color: #00ced1;
}

/* laypage */
.theme-light-green .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #00ced1;
}

.theme-light-green .layui-laypage input:focus,
.theme-light-green select:focus {
    border-color: #00ced1 !important;
}

.theme-light-green .layui-laypage a:hover {
    color: #00ced1;
}

/* tab */
.theme-light-green .layui-tab-brief > .layui-tab-title .layui-this {
    color: #00ced1;
}

    .theme-light-green .layui-tab-brief > .layui-tab-more li.layui-this:after,
    .theme-light-green .layui-tab-brief > .layui-tab-title .layui-this:after {
        border-color: #00ced1 !important;
    }

.theme-light-green .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this {
    border-color: #00ced1;
    color: #00ced1;
}

/* breadcrumb */
.theme-light-green .layui-breadcrumb a:hover {
    color: #00ced1 !important;
}

/* laydate */
.theme-light-green .layui-laydate-footer span:hover,
.theme-light-green .layui-laydate-header i:hover,
.theme-light-green .layui-laydate-header span:hover {
    color: #00ced1;
}

.theme-light-green .layui-laydate .layui-this {
    background-color: #00ced1 !important;
}

.theme-light-green .layui-laydate-content td.laydate-selected {
    background-color: rgba(0,206,209,.1);
}

.theme-light-green .laydate-selected:hover {
    background-color: rgba(0,206,209,.1) !important;
}

/* timeline */
.theme-light-green .layui-timeline-axis {
    color: #00ced1;
}

/* transfer */
.theme-light-green .layui-transfer-active .layui-btn {
    background-color: #00ced1 !important;
    border-color: #00ced1 !important;
}

/* progress-bar */
.theme-light-green .layui-progress-bar {
    background-color: #00ced1;
}

/* slider */
.theme-light-green .layui-slider-bar {
    background-color: #00ced1 !important;
}

.theme-colorful .layui-slider-wrap-btn {
    border-color: #00ced1 !important;
}

/* steps */
.theme-light-green .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon {
    color: #00ced1;
}

    .theme-light-green .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok,
    .theme-light-green .layui-elem-quote {
        border-color: #00ced1;
    }

.theme-light-green .layui-tab.layui-steps > .layui-tab-title > li:before,
.theme-light-green .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok {
    background-color: #00ced1;
}

.theme-light-green .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li {
    background-color: rgba(0,206,209,.5);
}

    .theme-light-green .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this {
        background-color: #00ced1;
    }

    .theme-light-green .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after {
        border-left-color: rgba(0,206,209,.5) !important;
    }

    .theme-light-green .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after {
        border-left-color: #00ced1 !important;
    }

/* xmSelect */
.theme-light-green xm-select .xm-body .xm-option .xm-option-icon {
    border-color: #00ced1 !important;
}

.theme-light-green xm-select .xm-body .xm-option.selected .xm-option-icon,
.theme-light-green xm-select > .xm-body .xm-toolbar .toolbar-tag:hover,
.theme-light-green .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content {
    color: #00ced1 !important;
}

.theme-light-green xm-select .xm-label .xm-label-block,
.theme-light-green xm-select > .xm-body .xm-option.hide-icon.selected {
    background-color: #00ced1 !important;
}

/* tagsinput */
.theme-light-green div.tagsinput span.tag {
    background: #00ced1;
}

/* cascader */
.theme-light-green .ew-cascader-dropdown-list-item.active,
.theme-light-green .ew-cascader-dropdown-list-item.active .ew-icon-right {
    color: #00ced1;
}

/* city-select */
.theme-light-green .city-select a.active {
    color: #fff !important;
    background-color: #00ced1 !important;
}

.theme-light-green .city-select a:hover,
.theme-light-green .city-select a:focus {
    background-color: rgba(0,206,209,.07);
    color: #00ced1;
}

.theme-light-green .city-picker-span > .title > span:hover {
    background-color: rgba(0,206,209,.07);
}

.theme-light-green .city-select-tab > a.active {
    color: #00ced1;
}
/** ---------------------------theme-light-green主题end----------------------------------- */

/** ---------------------------theme-dark-green主题start----------------------------------- */
/* logo */
.theme-dark-green .layui-layout-admin .layui-header .layui-logo {
    color: #ffffff;
    background-color: #009688;
}

/* header */
.theme-dark-green .layui-layout-admin .layui-header {
    background-color: #009688;
}

    .theme-dark-green .layui-layout-admin .layui-header a {
        color: #ffffff;
    }

        .theme-dark-green .layui-layout-admin .layui-header a:hover {
            color: #ffffff;
        }

    .theme-dark-green .layui-layout-admin .layui-header .layui-nav-child a {
        color: #595959;
    }

    .theme-dark-green .layui-layout-admin .layui-header .layui-nav .layui-nav-more {
        border-color: #ffffff transparent transparent;
    }

    .theme-dark-green .layui-layout-admin .layui-header .layui-nav .layui-nav-mored {
        border-color: transparent transparent #ffffff;
    }

    .theme-dark-green .layui-layout-admin .layui-header .layui-nav .layui-this:after,
    .theme-dark-green .layui-layout-admin .layui-header .layui-nav-bar,
    .theme-dark-green .layui-layout-admin .user-photo .layui-nav-bar {
        background-color: #191a23;
    }

/* side */
.theme-dark-green .layui-layout-admin .layui-side {
    background-color: #191a23;
}

.theme-dark-green .layui-nav-tree .layui-nav-child dd.layui-this a,
.theme-dark-green .layui-nav-tree .layui-this > a,
.theme-dark-green .layui-nav-tree .layui-this > a:hover {
    background-color: #009688;
}

.theme-dark-green .layui-nav-tree > .layui-nav-item > a:before {
    background-color: #009688;
}

.theme-dark-green .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before {
    background: #191a23 !important;
}

/* body tab */
.theme-dark-green .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
    background-color: #191a23;
    top: 38px;
}

/* body title */
.theme-dark-green .layui-body-header-title {
    border-left-color: #009688;
}

/* admin dialog */
.theme-dark-green .layui-layer.layui-layer-admin .layui-layer-title {
    color: #ffffff;
    background-color: #191a23;
}

.theme-dark-green .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 {
    border-color: #009688;
    background-color: #009688;
}

/* other */
.theme-dark-green .more-theme-item:hover,
.theme-dark-green .more-theme-item.active {
    border-color: #009688;
}

.theme-dark-green .btn-circle {
    background: #009688;
}

.theme-dark-green .ball-loader > span,
.theme-dark-green .signal-loader > span {
    background-color: #009688;
}

.theme-dark-green .text-primary,
.theme-dark-green .layui-link {
    color: #009688 !important;
    ;
}

/* button */
.theme-dark-green .layui-btn {
    background-color: #009688;
}

/* switch */
.theme-dark-green .layui-form-onswitch {
    border-color: #009688;
    background-color: #009688;
}

/* radio */
.theme-dark-green .layui-form-radio > i:hover,
.theme-dark-green .layui-form-radioed > i,
.theme-dark-green .layui-form-checked i,
.theme-dark-green .layui-form-checked:hover i {
    color: #009688;
}

/* checkbox */
.theme-dark-green .layui-form-checked[lay-skin=primary] i,
.theme-dark-green .layui-form-checked span,
.theme-dark-green .layui-form-checked:hover span {
    border-color: #009688 !important;
    background-color: #009688;
}

.theme-dark-green .layui-form-checkbox[lay-skin=primary] i:hover,
.theme-dark-green .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #009688;
}

/* select */
.theme-dark-green .layui-form-select dl dd.layui-this {
    background-color: #009688;
}

/* laypage */
.theme-dark-green .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #009688;
}

.theme-dark-green .layui-laypage input:focus,
.theme-dark-green select:focus {
    border-color: #009688 !important;
}

.theme-dark-green .layui-laypage a:hover {
    color: #009688;
}

/* tab */
.theme-dark-green .layui-tab-brief > .layui-tab-title .layui-this {
    color: #009688;
}

    .theme-dark-green .layui-tab-brief > .layui-tab-more li.layui-this:after,
    .theme-dark-green .layui-tab-brief > .layui-tab-title .layui-this:after {
        border-color: #009688 !important;
    }

.theme-dark-green .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this {
    border-color: #009688;
    color: #009688;
}

/* breadcrumb */
.theme-dark-green .layui-breadcrumb a:hover {
    color: #009688 !important;
}

/* laydate */
.theme-dark-green .layui-laydate-footer span:hover,
.theme-dark-green .layui-laydate-header i:hover,
.theme-dark-green .layui-laydate-header span:hover {
    color: #009688;
}

.theme-dark-green .layui-laydate .layui-this {
    background-color: #009688 !important;
}

.theme-dark-green .layui-laydate-content td.laydate-selected {
    background-color: rgba(0,150,136,.1);
}

.theme-dark-green .laydate-selected:hover {
    background-color: rgba(0,150,136,.1) !important;
}

/* timeline */
.theme-dark-green .layui-timeline-axis {
    color: #009688;
}

/* transfer */
.theme-dark-green .layui-transfer-active .layui-btn {
    background-color: #009688 !important;
    border-color: #009688 !important;
}

/* progress-bar */
.theme-dark-green .layui-progress-bar {
    background-color: #009688;
}

/* slider */
.theme-dark-green .layui-slider-bar {
    background-color: #009688 !important;
}

.theme-colorful .layui-slider-wrap-btn {
    border-color: #009688 !important;
}

/* steps */
.theme-dark-green .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon {
    color: #009688;
}

    .theme-dark-green .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok,
    .theme-dark-green .layui-elem-quote {
        border-color: #009688;
    }

.theme-dark-green .layui-tab.layui-steps > .layui-tab-title > li:before,
.theme-dark-green .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok {
    background-color: #009688;
}

.theme-dark-green .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li {
    background-color: rgba(0,150,136,.5);
}

    .theme-dark-green .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this {
        background-color: #009688;
    }

    .theme-dark-green .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after {
        border-left-color: rgba(0,150,136,.5) !important;
    }

    .theme-dark-green .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after {
        border-left-color: #009688 !important;
    }

/* xmSelect */
.theme-dark-green xm-select .xm-body .xm-option .xm-option-icon {
    border-color: #009688 !important;
}

.theme-dark-green xm-select .xm-body .xm-option.selected .xm-option-icon,
.theme-dark-green xm-select > .xm-body .xm-toolbar .toolbar-tag:hover,
.theme-dark-green .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content {
    color: #009688 !important;
}

.theme-dark-green xm-select .xm-label .xm-label-block,
.theme-dark-green xm-select > .xm-body .xm-option.hide-icon.selected {
    background-color: #009688 !important;
}

/* tagsinput */
.theme-dark-green div.tagsinput span.tag {
    background: #009688;
}

/* cascader */
.theme-dark-green .ew-cascader-dropdown-list-item.active,
.theme-dark-green .ew-cascader-dropdown-list-item.active .ew-icon-right {
    color: #009688;
}

/* city-select */
.theme-dark-green .city-select a.active {
    color: #fff !important;
    background-color: #009688 !important;
}

.theme-dark-green .city-select a:hover,
.theme-dark-green .city-select a:focus {
    background-color: rgba(0,150,136,.07);
    color: #009688;
}

.theme-dark-green .city-picker-span > .title > span:hover {
    background-color: rgba(0,150,136,.07);
}

.theme-dark-green .city-select-tab > a.active {
    color: #009688;
}
/** ---------------------------theme-dark-green主题end----------------------------------- */