﻿
#toolmenu {
    position: absolute;
    right: 20px;
    top: 0
}

#info {
    position: absolute;
    right: 190px;
    top: 1px
}

#help {
    position: absolute;
    right: 130px;
    top: 1px;
    cursor: pointer;
}

    #help a {
        color: #fff;
        position: relative;
    }

        #help a:before {
            position: absolute;
            top: -1px;
            content: '';
            left: -16px;
            display: block;
            width: 16px;
            height: 16px;
            background-image: url('../image/pos.png');
        }

a {
    color: #000;
    text-decoration: none
}

    a:hover {
        color: Red;
        text-decoration: none
    }

.icon {
    width: 18px;
    line-height: 18px;
    display: inline-block
}

.icon-sys {
    background-position: 0 -200px
}

.icon-set {
    background-position: -380px -200px
}

.icon-add {
    background-position: -20px 0
}

.icon-add1 {
    background: url(icon/edit_add.png) no-repeat
}

.icon-nav {
    background-position: -100px -20px
}

.icon-users {
    background-position: -100px -480px
}

.icon-role {
    background-position: -360px -200px
}

.icon-set {
    background-position: -380px -200px
}

.icon-log {
    background-position: -380px -80px
}

.icon-delete16 {
    background: url(icon/delete.gif) no-repeat;
    width: 18px;
    line-height: 18px;
    display: inline-block
}

.icon-delete {
    background-position: -140px -120px
}

.icon-edit {
    background-position: -380px -320px
}

.icon-magic {
    background-position: 0 -500px
}

.icon-database {
    background-position: -20px -140px
}

.icon-parantmenu {
    background-repeat: no-repeat;
}

.leftnav {
    width: 200px;
    border: 0;
    border: none
}

    .leftnav .panel-icon {
        left: 15px;
    }

.indexleft .panel-title {
    color: #2A3441;
    line-height: 24px
}

.panel-tool a {
    opacity: 1;
}

.indexleft .layout-button-left {
    background: url(../image/leftmenu2.png) no-repeat;
    opacity: 1
}

.panel-tool a:hover {
    background-color: transparent;
    opacity: .7
}

.leftnav {
    background: #e7e7e7;
    -webkit-box-shadow: 2px 0 6px rgba(0,21,41,.35);
    position: relative;
    box-shadow: 2px 0 6px rgba(0,21,41,.35);
    z-index: 10;
}

.layout-panel-west {
    border-right: 1px solid #ddd;
}
/*.leftnav .panel>div:first-child {
    -webkit-box-shadow: inset 0 10px 8px -10px rgba(0,0,0,.4);
    -moz-box-shadow: inset 0 8px 10px -10px rgba(0,0,0,.4);
    box-shadow: 0 1px 2px 1px rgba(0,0,0,.3);
}*/
.leftnav .panel-body {
    background: #e7e7e7 url(../image/linebg03.png) no-repeat top left;
    color: #5D657A;
    border-top: 1px solid #ccc;
}

.leftnav ul.tree > li > ul li {
    box-sizing: border-box;
    display: inline;
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    height: 42px;
}

    .leftnav ul.tree > li > ul li:hover {
        background: linear-gradient(90deg,#e7e7e7 0,#e7e7e7 195px,#085DC0 0,#085DC0 );
    }

.leftnav .tree-title {
    overflow: hidden;
    font-size: 14px;
}

.indexleft .leftnav .accordion {
    background: #e7e7e7;
    border: none;
}

.leftnav ul.tree > li > div.tree-node {
    height: 32px;
    line-height: 32px;
    padding: 3px 5px 4px;
    background: #f3f3f3;
    color: #444;
    border-top: 1px solid #fff;
    cursor: default;
    border-bottom: 1px solid #ccc;
    clear: both;
}

    .leftnav ul.tree > li > div.tree-node .tree-title {
        font-size: 14px;
        line-height: 30px;
        font-weight: 700;
        height: 30px;
    }

    .leftnav ul.tree > li > div.tree-node .tree-expanded {
        background-image: url(../image/leftnav01.png);
        background-repeat: no-repeat;
        margin-left: 20px;
        margin-right: 7px;
        background-position: left;
    }

.leftnav ul.tree > li > ul > li > div.tree-node {
    box-sizing: border-box;
    display: inline;
    /* margin-left: 18px; */
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 42px;
    line-height: 42px;
}

.leftnav ul.tree > li > ul > li > div.tree-node-selected {
    background: none;
    color: #444;
}

.indexleft .accordion .accordion-header-selected .panel-title {
    color: #444;
    background: none
}

.leftnav .panel-with-icon {
    padding-left: 32px
}

.easyui-accordion ul li a, .easyui-accordion ul li a:visited {
    color: black
}

.leftnav .accordion-collapse {
    background: url(../image/leftnav03.png) no-repeat;
    *background: url(../image/leftnav003.png) no-repeat;
    opacity: 1;
    display: none;
}

.leftnav .accordion-expand {
    background: url(../image/leftnav05.png) no-repeat;
    *background: url(../image/leftnav005.png) no-repeat
}

.easyui-accordion ul {
    list-style-type: none;
    margin: 0;
    padding: 10px 5px 10px 0
}

    .easyui-accordion ul li {
        padding: 0
    }

        .easyui-accordion ul li a {
            line-height: 24px
        }

        .easyui-accordion ul li div {
            margin: 2px 0;
            padding-left: 26px;
            padding-top: 2px
        }

            .easyui-accordion ul li div.hover, .easyui-accordion ul li div.selected {
                border: none;
                cursor: pointer;
                background: #A9CBE0 url(../image/leftnav07.png) no-repeat left center
            }

                .easyui-accordion ul li div.hover a, .easyui-accordion ul li div.selected a {
                    color: #fff
                }

.icon-childmenu {
    background-image: url(../image/leftnav09.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin-right: 3px
}

.easyui-accordion ul li div.hover .icon-childmenu, .easyui-accordion ul li div.selected .icon-childmenu {
    background: url(../image/leftnav08.png) no-repeat left center;
    *background: url(../image/leftnav008.png) no-repeat left center;
    margin-right: 3px
}

.indexleft .layout-expand {
    border-right: 1px solid #ddd
}

    .indexleft .layout-expand .panel-header {
        background: #F3F3F3;
    }

.indexleft .layout-button-right {
    background: url(../image/rightmenu2.png) no-repeat;
    opacity: 1;
}

.indexleft .layout-expand .panel-tool a:hover {
    background: url(../image/leftmenu2.png) no-repeat;
    opacity: .7
}

.indexleft .panel-body.righttop {
    height: 50px !important;
    overflow: hidden;
    line-height: 50px;
    color: #fff;
    position: relative;
    background: #0457b7;
    border-bottom-color: #ddd\9;
    border-bottom-style: solid\9;
    border-bottom-width: 1px\9
}

.righth1 {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    /*margin-left: 50px;*/
    text-indent: 36px;
    /*background: url(../image/index-logo.png) no-repeat left center;*/
}

.indexcenter .tabs {
    border: none;
    background: #fff;
    -webkit-box-shadow: inset 0 8px 8px -10px rgba(0,0,0,.4);
    -moz-box-shadow: inset 0 8px 10px -10px rgba(0,0,0,.4);
    box-shadow: inset 0 8px 8px -10px rgba(0,0,0,.4);
    height: 40px !important;
    transition: all .2s;
    -webkit-transition: all .2s;
    -webkit-box-shadow: 0 1px 4px rgba(0,21,41,.08);
    box-shadow: 0 1px 4px rgba(0,21,41,.08);
}

.tabs-header {
    border: none;
    padding: 0
}

.righttop {
    background-color: #D0EBE5
}

    .righttop .icon-setting {
        background: url(../image/topnav01.png) no-repeat left center
    }

    .righttop .icon-loginout {
        background: url(../image/topnav02.png) no-repeat left center
    }

    .righttop a.l-btn {
        color: #4ca5de
    }

.l-btn-plain:hover {
    opacity: 0.8;
    background: none;
}

.m-btn-active,
.s-btn-active {
    background: none;
}

.righttop .m-btn-downarrow {
    display: none
}

#layout_north_kzmbMenu .icon-key {
    background: url(../image/topbg03.png) no-repeat
}

#layout_north_kzmbMenu .icon-help {
    background: url(../image/topbg04.png) no-repeat
}

#layout_north_zxMenu .icon-home {
    background: url(../image/topbg05.png) no-repeat
}

#layout_north_zxMenu .icon-disconnect {
    background: url(../image/topbg06.png) no-repeat
}

.menu-text {
    height: 24px;
    line-height: 24px
}

.menu-active {
    border-color: #ddd;
    color: #1359A0;
    background: #e6e6e6;
}

.tabs li:first-child {
    margin-left: 15px;
    font-size: 0;
}

.tabs li {
    min-width: 0;
    margin: 0;
    line-height: 34px;
    height: 34px;
    max-width: 160px;
    text-overflow: ellipsis;
    padding-right: 20px;
    overflow: hidden;
    border-right: 1px solid #f6f6f6;
    -webkit-transition: all .2s;
    vertical-align: top;
    moz-border-radius: 0;
    background: 0 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-top: 6px;
}

    .tabs li:hover {
        background: #f6f6f6;
    }

    .tabs li a.tabs-inner:hover {
        background: #f6f6f6;
        color: #222;
    }

    .tabs li:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 2px;
        border-radius: 0;
        background-color: #C07D34;
        transition: all .3s;
        -webkit-transition: all .3s;
    }

    .tabs li.tabs-selected {
        background: #f6f6f6;
        filter: none;
    }

        .tabs li.tabs-selected:after {
            width: 100%;
            border: none;
            height: 2px;
            background-color: #C07D34;
            position: absolute;
            left: 0;
            top: 0;
            content: '';
            width: 100%;
            box-sizing: border-box;
            pointer-events: none;
        }

    .tabs li:hover:after {
        width: 100%;
    }

    .tabs li a.tabs-inner {
        color: #444;
        font-weight: 400;
    }

    .tabs li.tabs-selected a.tabs-inner {
        border: none;
        background: none;
        color: #444;
        font-weight: 400;
    }

/* .home,.indexcenter,.panel-fit body,.tabs-panels-noborder{background:#edeff4;-webkit-box-shadow:inset 0 8px 8px -10px rgba(0,0,0,.35);-moz-box-shadow:inset 0 8px 8px -10px rgba(0,0,0,.35);box-shadow:inset 0 8px 8px -10px rgba(0,0,0,.35)} */
.homeflex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.homeblock {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    width: 50%;
    *width: 45%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 30px 20px;
    color: #6A88A3;
    float: left\9;
    box-sizing: border-box\9
}

    .homeblock a, .homeblock a:visited {
        color: #6A88A3
    }

    .homeblock h2 {
        font-weight: 700;
        line-height: 280%
    }

.homedl {
    width: 160px;
    height: 120px;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 8px 10px -5px rgba(0,0,0,.2);
    -moz-box-shadow: 0 8px 10px -5px rgba(0,0,0,.2);
    box-shadow: 0 8px 10px -5px rgba(0,0,0,.2);
    float: left;
    margin: 20px 15px 0 0;
    font-size: 12px;
    text-align: center
}

    .homedl:hover {
        -webkit-box-shadow: 0 8px 20px -1px rgba(0,0,0,.3);
        -moz-box-shadow: 0 8px 20px -1px rgba(0,0,0,.3);
        box-shadow: 0 8px 20px -1px rgba(0,0,0,.3);
        cursor: pointer;
        font-weight: 700
    }

    .homedl dt {
        height: 90px;
        background-image: url(../image/himg1.png);
        background-repeat: no-repeat;
        background-position: center center
    }

.linebg {
    height: 2px;
    background: #c7d6dd
}

    .linebg:before {
        content: "";
        width: 68px;
        display: inline-block;
        height: 3px;
        background: #728ea8
    }

.homedl dt.himg2 {
    background-image: url(../image/himg2.png)
}

.homedl dt.himg3 {
    background-image: url(../image/himg3.png)
}

.homedl dt.himg4 {
    background-image: url(../image/himg4.png)
}

.homedl dt.himg5 {
    background-image: url(../image/himg5.png)
}

.homedl dt.himg6 {
    background-image: url(../image/himg6.png)
}

.homedl dt.himg7 {
    background-image: url(../image/himg7.png)
}

.homedl dt.himg8 {
    background-image: url(../image/himg8.png)
}

.homedl dt.himg9 {
    background-image: url(../image/himg9.png)
}

.homedl dt.himg10 {
    background-image: url(../image/himg10.png)
}

.tabs-title {
    font-size: 14px;
    color: #666;
}

.tabs li:first-child {
    padding: 0 8px;
}

    .tabs li:first-child .tabs-title {
        font-size: 0;
        background: url(../image/home.png) no-repeat;
        width: 16px;
        height: 16px;
        display: inline-block;
        margin-top: 8px;
    }

.tabs li a.tabs-close {
    background: url(../image/tabclose.png) no-repeat center center;
    opacity: 1;
    width: 16px;
    height: 16px;
}

.tabs li a:hover.tabs-close {
    background: url(../image/tabcloseh.png) no-repeat center center;
    border-radius: 50px;
}



.panel-header.panel-header-noborder.window-header {
    width: 100%;
}

#btnUpdate .l-btn-left span, #btnCancel .l-btn-left span {
    margin: 0 6px !important;
}
/* setting */
tr {
    display: block;
    margin-top: 15px;
}

/*导航点击*/
.tree_active {
    color: #1890ff !important;
    font-weight: bold;
}
