/** ---------------------------{{ d.theme_name }}主题start----------------------------------- */
/* logo */
.{{ d.theme_name }} .layui-layout-admin .layui-header .layui-logo {
    color: {{ d.logo_color }};
    background-color: {{ d.logo_bg }};
    {{# if(d.logo_shadow=='0'){ }}
    box-shadow: none;
    {{# }else if(d.logo_shadow=='2'){ }}
    box-shadow: 2px 8px 8px 0 rgba(29, 35, 41, .05);
    {{# } }}
}

/* header */
{{# if(d.header_shadow=='0'){ }}
.{{ d.theme_name }} .layui-layout-admin .layui-header {
    box-shadow: none;
}
{{# }else if(d.header_shadow=='2'){ }}
.{{ d.theme_name }} .layui-layout-admin .layui-header {
    box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
}
{{# } }}

.{{ d.theme_name }} .layui-layout-admin .layui-header {
    background-color: {{ d.header_bg }};
}

.{{ d.theme_name }} .layui-layout-admin .layui-header a {
    color: {{ d.header_color }};
}

.{{ d.theme_name }} .layui-layout-admin .layui-header a:hover {
    color: {{ d.header_color }};
}

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

.{{ d.theme_name }} .layui-layout-admin .layui-header .layui-nav .layui-nav-more {
    border-color: {{ d.header_color }} transparent transparent;
}

.{{ d.theme_name }} .layui-layout-admin .layui-header .layui-nav .layui-nav-mored {
    border-color: transparent transparent {{ d.header_color }};
}

.{{ d.theme_name }} .layui-layout-admin .layui-header .layui-nav .layui-this:after,
.{{ d.theme_name }} .layui-layout-admin .layui-header .layui-nav-bar {
    background-color: {{ d.header_bar }};
}

{{# if(d.header_height){ }}
/* header height */
.{{ d.theme_name }} .layui-header {
    height: {{ d.header_height }}px;
}

.{{ d.theme_name }} .layui-header .layui-logo,
.{{ d.theme_name }} .layui-header .layui-nav .layui-nav-item {
    line-height: {{ d.header_height }}px;
}

.{{ d.theme_name }} .layui-body,
.{{ d.theme_name }} .layui-side {
    top: {{ d.header_height }}px;
}
{{# } }}

/* side */
.{{ d.theme_name }} .layui-layout-admin .layui-side {
    background-color: {{ d.side_bg }};
    {{# if(d.side_shadow=='0'){ }}
    box-shadow: none;
    {{# }else if(d.side_shadow=='2'){ }}
    box-shadow: 2px 8px 8px 0 rgba(29, 35, 41, .05);
    {{# } }}
}

{{# if(d.side_style=='light'){ }}
.{{ d.theme_name }} .layui-side .layui-nav .layui-nav-item a {
    color: #595959;
}

.{{ d.theme_name }} .layui-side .layui-nav .layui-nav-item a:hover {
    color: {{ d.primary_color }};
}

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

.{{ d.theme_name }} .layui-side .layui-nav-itemed > a:hover {
    color: {{ d.primary_color }} !important;
}

.{{ d.theme_name }} .layui-side .layui-nav-tree .layui-nav-child dd.layui-this a,
.{{ d.theme_name }} .layui-side .layui-nav-tree .layui-this > a,
.{{ d.theme_name }} .layui-side .layui-nav-tree .layui-this > a:hover {
    color: {{ d.primary_color }};
    background: {{ d.side_active_bg }};
    border-right: 2px solid {{ d.primary_color }};
}

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

@media screen and (min-width: 769px) {
    .{{ d.theme_name }} .layui-layout-admin.admin-nav-mini .layui-side .layui-nav li.layui-nav-itemed > a {
        background: {{ d.side_active_bg }};
        color: {{ d.primary_color }} !important;
    }
}

.{{ d.theme_name }} .layui-nav-tree > .layui-nav-item > a:before {
    display: none;
}

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

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

.{{ d.theme_name }} .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) {
    .{{ d.theme_name }} .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);
    }
}
{{# }else{ }}
.{{ d.theme_name }} .layui-nav-tree .layui-nav-child dd.layui-this a,
.{{ d.theme_name }} .layui-nav-tree .layui-this > a,
.{{ d.theme_name }} .layui-nav-tree .layui-this > a:hover {
    background-color: {{ d.primary_color }};
}

.{{ d.theme_name }} .layui-nav-tree > .layui-nav-item > a:before {
    background-color: {{ d.primary_color }};
}
{{# } }}

.{{ d.theme_name }} .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before {
    background: {{ d.side_bg }} !important;
}

{{# if(d.side_width){ }}
/* side width */
.{{ d.theme_name }} .layui-header .layui-logo,
.{{ d.theme_name }} .layui-side,
.{{ d.theme_name }} .layui-side .layui-nav {
    width: {{ d.side_width }}px;
}

.{{ d.theme_name }} .layui-side .layui-side-scroll {
    width: {{ parseInt(d.side_width)+20 }}px;
}

.{{ d.theme_name }} .layui-body,
.{{ d.theme_name }} .layui-footer {
    left: {{ d.side_width }}px;
}

@media screen and (max-width: 768px) {
    .{{ d.theme_name }} .layui-layout-admin {
        left: -{{ d.side_width }}px;
    }

    .{{ d.theme_name }} .layui-layout-admin.admin-nav-mini .site-mobile-shade {
        left: {{ d.side_width }}px;
    }

    body .layui-layout-admin.admin-nav-mini {
        left: 0;
    }
}
{{# } }}

{{# if(d.side_icon=='colorful'){ }}
/* side icon */
.{{ d.theme_name }} .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;
}

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

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

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

.{{ d.theme_name }} .layui-side .layui-nav-item:nth-child(5) > a > .layui-icon {
    background-color: #7383CF;
}

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

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

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

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

.{{ d.theme_name }} .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;
}

.{{ d.theme_name }} .layui-side .layui-nav .layui-nav-item a cite {
    vertical-align: middle;
}
{{# } }}

/* body tab */
{{# if('card'==d.tab_style){ }}
.{{ d.theme_name }} .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title {
    top: 8px;
    right: 8px;
    height: 32px;
    line-height: 32px;
    box-sizing: border-box;
    background-color: transparent;
    box-shadow: -4px 4px 0 #f5f7f9;
    padding-right: 70px;
}

.{{ d.theme_name }} .layui-layout-admin .layui-body > .layui-tab > .layui-tab-content {
    top: 40px;
}

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

.{{ d.theme_name }} .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this {
    color: {{ d.tab_bar }};
    background-color: #fff;
}

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

.{{ d.theme_name }} .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
    display: none;
}

.{{ d.theme_name }} .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li .layui-tab-close,
.{{ d.theme_name }} .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li .layui-tab-close:hover {
    top: 8px;
    color: #8c8c8c;
    background-color: transparent;
}

.{{ d.theme_name }} .layui-layout-admin .layui-body .admin-tabs-control,
.{{ d.theme_name }} .layui-layout-admin .layui-body .admin-tabs-control:hover {
    top: 8px;
    height: 32px;
    line-height: 32px;
    background-color: #f5f7f9;
    border: none;
}

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

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

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

.{{ d.theme_name }} .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);
}

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

.{{ d.theme_name }} .layui-layout-admin .layui-body .admin-tabs-control.layui-icon-next:before {
    content: "\e602";
}
{{# }else{ }}
.{{ d.theme_name }} .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
    background-color: {{ d.tab_bar }};
    {{# if(d.header_bg!='#fff'&&d.header_bg!='#ffffff'){ }}
    top: 38px;
    {{# } }}
}
{{# } }}

/* body title */
.{{ d.theme_name }} .layui-body-header-title {
    border-left-color: {{ d.primary_color }};
}

{{# if('0'==d.header_shadow){ }}
.{{ d.theme_name }} .layui-body-header {
    box-shadow: none;
}
{{# }else if('2'==d.header_shadow){ }}
.{{ d.theme_name }} .layui-body-header {
    box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
}
{{# } }}

/* admin dialog */
.{{ d.theme_name }} .layui-layer.layui-layer-admin .layui-layer-title {
    color: {{ d.dialog_color }};
    background-color: {{ d.dialog_bg }};
    {{# if('border'==d.input_style||'focus'==d.input_style){ }}
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    {{# } }}
    {{# if('#fff'==d.dialog_bg||'#ffffff'==d.dialog_bg){ }}
    font-size: 16px;
    padding-left: 23px;
    border-bottom: 1px solid #f1f1f1;
    {{# } }}
}

{{# if('#fff'==d.dialog_bg||'#ffffff'==d.dialog_bg){ }}
.{{ d.theme_name }} .layui-layer.layui-layer-admin .layui-layer-setwin a {
    color: #8c8c8c;
    font-weight: 600;
}

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

.{{ d.theme_name }} .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 {
    border-color: {{ d.primary_color }};
    background-color: {{ d.primary_color }};
}

{{# if('border'==d.input_style||'focus'==d.input_style){ }}
.{{ d.theme_name }} .layui-layer.layui-layer-admin .layui-layer-btn a {
    box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
}

.{{ d.theme_name }} .layui-layer.layui-layer-admin {
    border-radius: 4px;
}
{{# } }}

{{# if(d.dialog_title_height){ }}
.{{ d.theme_name }} .layui-layer.layui-layer-admin .layui-layer-title {
    height: {{ d.dialog_title_height_0 }};
    line-height: {{ d.dialog_title_height_0 }};
}

.{{ d.theme_name }} .layui-layer.layui-layer-admin .layui-layer-setwin {
    top: {{ d.dialog_title_height_1 }};
}
{{# } }}

/* other */
.{{ d.theme_name }} .more-theme-item:hover,
.{{ d.theme_name }} .more-theme-item.active {
    border-color: {{ d.primary_color }};
}

.{{ d.theme_name }} .btn-circle {
    background: {{ d.primary_color }};
}

.{{ d.theme_name }} .ball-loader > span,
.{{ d.theme_name }} .signal-loader > span {
    background-color: {{ d.primary_color }};
}

.{{ d.theme_name }} .text-primary,
.{{ d.theme_name }} .layui-link {
    color: {{ d.primary_color }} !important;;
}

{{# if(d.tab_style=='card'){ }}
.{{ d.theme_name }} .layui-card {
    border-radius: 4px;
    box-shadow: none;
}

.{{ d.theme_name }} .layui-fluid {
    padding-top: 10px;
}
{{# } }}

/* button */
.{{ d.theme_name }} .layui-btn {
    background-color: {{ d.primary_color }};
    {{# if('border'==d.input_style||'focus'==d.input_style){ }}
    box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
    {{# } }}
}

{{# if('border'==d.input_style||'focus'==d.input_style){ }}
/* input */
.{{ d.theme_name }} .layui-input:focus,
.{{ d.theme_name }} .layui-textarea:focus,
.{{ d.theme_name }} xm-select:hover {
    border-color: {{ d.primary_color }} !important;
}

{{# if('focus'==d.input_style){ }}
.{{ d.theme_name }} .layui-input:focus,
.{{ d.theme_name }} .layui-textarea:focus,
.{{ d.theme_name }} .layui-btn:active,
.{{ d.theme_name }} .layui-layer.layui-layer-admin .layui-layer-btn a:focus,
.{{ d.theme_name }} .layui-layer.layui-layer-admin .layui-layer-btn a:active,
.{{ d.theme_name }} xm-select:active {
    box-shadow: 0 0 0 2px {{ d.input_shadow_color }};
}

.{{ d.theme_name }} .layui-form-danger:focus,
.{{ d.theme_name }} .layui-form-danger + .layui-form-select .layui-input {
    box-shadow: 0 0 0 2px rgba(237, 64, 20, .2);
}

.{{ d.theme_name }} .layui-btn.layui-btn-normal:focus,
.{{ d.theme_name }} .layui-btn.layui-btn-normal:active {
    box-shadow-color: rgba(20, 159, 255, .2);
}

.{{ d.theme_name }} .layui-btn.layui-btn-warm:active {
    box-shadow: 0 0 0 2px rgba(255, 184, 0, .2);
}

.{{ d.theme_name }} .layui-btn.layui-btn-danger:active {
    box-shadow: 0 0 0 2px rgba(255, 87, 34, .2);
}
{{# } }}
{{# } }}

{{# if(d.input_height){ }}
/* input、button height */
/* button */
.{{ d.theme_name }} .layui-btn {
    height: {{ d.input_height_0 }};
    line-height: {{ d.input_height_0 }};
    border-radius: {{ d.input_height_1 }};
}

.{{ d.theme_name }} .layui-layer.layui-layer-admin .layui-layer-btn a {
    height: {{ d.input_height_4 }};
    line-height: {{ d.input_height_4 }};
    border-radius: {{ d.input_height_1 }};
}

/* input */
.{{ d.theme_name }} .layui-input,
.{{ d.theme_name }} .layui-select,
.{{ d.theme_name }} .layui-textarea,
.{{ d.theme_name }} xm-select {
    height: {{ d.input_height_0 }};
    border-radius: {{ d.input_height_1 }};
}

/* form */
.{{ d.theme_name }} .layui-form-label,
.{{ d.theme_name }} .layui-form-mid {
    padding-top: {{ d.input_height_2 }};
    padding-bottom: {{ d.input_height_2 }};
}

.{{ d.theme_name }} .layui-input-block {
    min-height: {{ d.input_height_0 }};
}

.{{ d.theme_name }} .layui-form-radio {
    margin-top: {{ d.input_height_3 }};
}

/* button lg sm */
.{{ d.theme_name }} .layui-btn-lg {
    height: 42px;
    line-height: 42px;
}

.{{ d.theme_name }} .layui-btn.layui-btn-sm {
    height: 28px;
    line-height: 28px;
}

.{{ d.theme_name }} .layui-btn.layui-btn-xs {
    height: 22px;
    line-height: 22px;
}
{{# } }}

/* switch */
.{{ d.theme_name }} .layui-form-onswitch {
    border-color: {{ d.primary_color }};
    background-color: {{ d.primary_color }};
}

/* radio */
.{{ d.theme_name }} .layui-form-radio > i:hover,
.{{ d.theme_name }} .layui-form-radioed > i,
.{{ d.theme_name }} .layui-form-checked i,
.{{ d.theme_name }} .layui-form-checked:hover i {
    color: {{ d.primary_color }};
}

/* checkbox */
.{{ d.theme_name }} .layui-form-checked[lay-skin=primary] i,
.{{ d.theme_name }} .layui-form-checked span,
.{{ d.theme_name }} .layui-form-checked:hover span {
    border-color: {{ d.primary_color }} !important;
    background-color: {{ d.primary_color }};
}

.{{ d.theme_name }} .layui-form-checkbox[lay-skin=primary] i:hover,
.{{ d.theme_name }} .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: {{ d.primary_color }};
}

/* select */
.{{ d.theme_name }} .layui-form-select dl dd.layui-this {
    background-color: {{ d.primary_color }};
}

/* laypage */
.{{ d.theme_name }} .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: {{ d.primary_color }};
}

.{{ d.theme_name }} .layui-laypage input:focus,
.{{ d.theme_name }} select:focus {
    border-color: {{ d.primary_color }} !important;
}

.{{ d.theme_name }} .layui-laypage a:hover {
    color: {{ d.primary_color }};
}

/* tab */
.{{ d.theme_name }} .layui-tab-brief > .layui-tab-title .layui-this {
    color: {{ d.primary_color }};
}

.{{ d.theme_name }} .layui-tab-brief > .layui-tab-more li.layui-this:after,
.{{ d.theme_name }} .layui-tab-brief > .layui-tab-title .layui-this:after {
    border-color: {{ d.primary_color }} !important;
}

.{{ d.theme_name }} .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this {
    border-color: {{ d.primary_color }};
    color: {{ d.primary_color }};
}

/* breadcrumb */
.{{ d.theme_name }} .layui-breadcrumb a:hover {
    color: {{ d.primary_color }} !important;
}

/* laydate */
.{{ d.theme_name }} .layui-laydate-footer span:hover,
.{{ d.theme_name }} .layui-laydate-header i:hover,
.{{ d.theme_name }} .layui-laydate-header span:hover {
    color: {{ d.primary_color }};
}

.{{ d.theme_name }} .layui-laydate .layui-this {
    background-color: {{ d.primary_color }} !important;
}

.{{ d.theme_name }} .layui-laydate-content td.laydate-selected {
    background-color: {{ d.laydate_sel_color }};
}

.{{ d.theme_name }} .laydate-selected:hover {
    background-color: {{ d.laydate_sel_color }} !important;
}

/* timeline */
.{{ d.theme_name }} .layui-timeline-axis {
    color: {{ d.primary_color }};
}

/* transfer */
.{{ d.theme_name }} .layui-transfer-active .layui-btn {
    background-color: {{ d.primary_color }} !important;
    border-color: {{ d.primary_color }} !important;
}

/* progress-bar */
.{{ d.theme_name }} .layui-progress-bar {
    background-color: {{ d.primary_color }};
}

/* slider */
.{{ d.theme_name }} .layui-slider-bar {
    background-color: {{ d.primary_color }} !important;
}

.theme-colorful .layui-slider-wrap-btn {
    border-color: {{ d.primary_color }} !important;
}

/* steps */
.{{ d.theme_name }} .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon {
    color: {{ d.primary_color }};
}

.{{ d.theme_name }} .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok,
.{{ d.theme_name }} .layui-elem-quote {
    border-color: {{ d.primary_color }};
}

.{{ d.theme_name }} .layui-tab.layui-steps > .layui-tab-title > li:before,
.{{ d.theme_name }} .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok {
    background-color: {{ d.primary_color }};
}

.{{ d.theme_name }} .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li {
    background-color: {{ d.steps_light_color }};
}

.{{ d.theme_name }} .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this {
    background-color: {{ d.primary_color }};
}

.{{ d.theme_name }} .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after {
    border-left-color: {{ d.steps_light_color }} !important;
}

.{{ d.theme_name }} .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after {
    border-left-color: {{ d.primary_color }} !important;
}

/* xmSelect */
.{{ d.theme_name }} xm-select .xm-body .xm-option .xm-option-icon {
    border-color: {{ d.primary_color }} !important;
}

.{{ d.theme_name }} xm-select .xm-body .xm-option.selected .xm-option-icon,
.{{ d.theme_name }} xm-select > .xm-body .xm-toolbar .toolbar-tag:hover,
.{{ d.theme_name }} .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content {
    color: {{ d.primary_color }} !important;
}

.{{ d.theme_name }} xm-select .xm-label .xm-label-block,
.{{ d.theme_name }} xm-select > .xm-body .xm-option.hide-icon.selected {
    background-color: {{ d.primary_color }} !important;
}

/* tagsinput */
.{{ d.theme_name }} div.tagsinput span.tag {
    background: {{ d.primary_color }};
}

/* cascader */
.{{ d.theme_name }} .ew-cascader-dropdown-list-item.active,
.{{ d.theme_name }} .ew-cascader-dropdown-list-item.active .ew-icon-right {
    color: {{ d.primary_color }};
}

/* city-select */
.{{ d.theme_name }} .city-select a.active {
    color: #fff !important;
    background-color: {{ d.primary_color }} !important;
}

.{{ d.theme_name }} .city-select a:hover,
.{{ d.theme_name }} .city-select a:focus {
    background-color: {{ d.side_active_bg }};
    color: {{ d.primary_color }};
}

.{{ d.theme_name }} .city-picker-span > .title > span:hover {
    background-color: {{ d.side_active_bg }};
}

.{{ d.theme_name }} .city-select-tab > a.active {
    color: {{ d.primary_color }};
}

{{# if(d.theme_patch){ }}
/* theme patch */
/* checkbox */
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;
}

/* form danger */
body .layui-form-danger + .layui-form-select .layui-input,
body .layui-input.layui-form-danger:focus,
body .layui-textarea.layui-form-danger:focus {
    border-color: #FF5722 !important;
}

/* laypage */
body .layui-laypage input.layui-input {
    height: 30px;
    line-height: 30px;
}

body .layui-table-page .layui-laypage input.layui-input {
    height: 26px;
    line-height: 26px;
}

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

.layui-btn-primary:hover, .layui-btn-group .layui-btn-primary:hover {
    color: #262626;
    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;
}

.layui-transfer-active .layui-btn {
    background-color: #5FB878 !important;
    border-color: #5FB878 !important;
    color: #fff !important;
}
{{# } }}
/** ---------------------------{{ d.theme_name }}主题end----------------------------------- */