.layout-panel-west .panel-header {
    padding-left: 5px;
    width: 220px;
    height: 30px;
    border-color: #d3d3d3;
    background: #f9fafc;
    color: #777;
}

    .layout-panel-west .panel-header .panel-title {
        padding-left: 20px;
        height: 30px;
        color: #777;
        line-height: 30px;
    }

.label-mes {
    position: absolute;
    top: 3px;
    display: none;
    margin-left: 13px;
    padding: 2px 3px;
    border-radius: 3px;
    text-align: center;
    font-size: 9px;
    line-height: .9;
}

.label-success {
    background-color: #f39c12 !important;
}

#west .tree-icon {
    margin-top: 0px;
}

#west .tree-hit {
    margin-top: 0px;
}

#west .tree-node {
    padding-left: 20px;
    height: 35px;
    line-height: 30px;
}

#west .tree-title {
    padding-left: 4px;
    color: #444;
    line-height: 35px;
}

#west .tree-file {
    overflow: auto;
    background: url('');
    vertical-align: middle;
}

#west .tree-folder, .tree-folder-open {
    background: url('');
    line-height: 19px;
}

#west .tree-node-selected {
    background: #e7eaec;
    color: #444;
}

#west .tree-node-hover {
    background: #e7eaec;
    color: #000000;
}

    #west .tree-node-hover .tree-title {
        color: #000000;
    }

#west .panel-header {
    padding-left: 20px;
}

#west .panel-body {
    border: 0px;
    background: #f9fafc;
}

#west .panel-icon {
    left: 14px;
}

#west .panel-title {
    padding-left: 15px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
}

#west {
    background: #F9FAFC;
}

    #west .accordion {
        background: #F9FAFC;
    }

    #west .accordion-body {
        border: 0px;
    }

    #west .accordion .accordion-header {
        height: 30px;
        border-top: solid 1px #ddd;
        border-left: 3px #F9FAFC solid;
        background: #f9fafc;
        color: #444;
        line-height: 30px;
        margin-bottom: 2px;
        margin-top: 2px;
    }

    #west .accordion .accordion-header-selected {
        border-left: 3px #20706f solid;
        background: #e7eaec;
        border-bottom: solid 0px #ddd;
    }

    #west .accordion .accordion-header:hover {
        border-left: 3px #20706f solid;
        background: #e7eaec;
        color: #000;
    }

    #west .accordion .accordion-header-selected .panel-title {
        color: #444;
    }

    #west .accordion .accordion-header .panel-title:hover {
        color: #333;
    }

    #west .layout-split-west {
        border-right: 3px solid #efefef;
    }

    #west .tree-collapsed {
        display: inline-block;
        margin-top: 0px;
        margin-right: 0px;
        background: url('');
        color: #000;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

        #west .tree-collapsed:before {
            content: "\f0da";
        }

    #west .tree-expanded {
        display: inline-block;
        margin-top: 0px;
        margin-right: 0px;
        background: url('');
        color: #000;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

        #west .tree-expanded:before {
            content: "\f0d7";
        }

#center .tabs-panels {
    border-bottom: 0px;
}

#west .panel-header, #west .panel-body {
    border: 0px;
}

.user-image {
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.user-name {
    float: left;
    display: block;
    overflow: hidden;
    padding-top: 0;
    font-family: 'Microsoft YaHei',Arial,Verdana;
}

.user-header {
    padding-top: 20px;
    background: #20706f;
    color: #fff;
    text-align: center;
    font-family: 'Microsoft YaHei',Arial,Verdana;
}

    .user-header img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
    }

.tabs li.tabs-selected a.tabs-inner {
    border-top-color: #20706f;
    border-top-width: 3px;
}

.banner {
    width: 100%;
    height: 50px;
    background: #20706f;
    color: #fff;
}

    .banner .l-btn-text {
        /*margin:0px;*/
    }

    .banner .webname {
        width: 215px;
        background: #20706f;
        text-align: left;
        padding-left: 10px;
        font-weight: bold;
        font-size: 20px;
        line-height: 25px;
    }

.panel-icon, .panel-tool {
    margin-top: -6px;
}
/*easyui inner*/
.window {
    padding: 0;
    border-width: 3px 1px 1px 1px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 50px rgba(0,0,0,.3);
    border-top-color: #20706f;
}

    .window .window-body {
        border-width: 0px;
    }

    .window .window-header .panel-tool {
        right: 12px;
    }

    .window .window-header {
        height: 30px;
        border-color: #e7eaec;
        background: #f9f9f9;
    }

        .window .window-header .panel-icon {
            left: 12px;
            color: #444;
            font-weight: normal;
            font-size: 14px;
        }

        .window .window-header .panel-with-icon {
            padding-left: 30px;
            font-weight: normal;
            font-size: 13px;
        }

        .window .window-header .panel-icon, .window .window-header .panel-tool {
            margin-top: -8px;
        }

.window-proxy-mask, .window-mask {
    background: #D6D6D6;
}

.datagrid-row {
    height: 30px;
    cursor: pointer;
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    user-select: none;
}

.datagrid-row-selected {
    height: 30px;
    background: #e7eaec;
    color: #000;
}

.datagrid-header-row {
    padding: 0 10px 0 10px;
    height: 30px;
    background: #f9f9f9;
}

.datagrid-row-over, .datagrid-header td.datagrid-header-over {
    background: #e7eaec;
}

.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber {
    padding: 0 7px;
    white-space: normal;
}

.accordion .accordion-header-selected {
    background: #20706f;
}
/*btn*/
.bannerbtn {
    padding: 18px 10px 6px 10px;
    height: 25px;
    color: #fff;
    text-decoration: none;
    line-height: 36px;
}

    .bannerbtn:hover {
        background: #20706f;
        filter: none;
    }

.endbtndiv {
    padding: 8px 10px 8px 0;
    border-top: 1px solid #f0f0f0;
    background: #f9f9f9;
    text-align: right;
}

.l-btn-left {
    margin: 0;
}

.switchbutton-on {
    background: #03b463;
    color: #fff;
}

.switchbutton-off {
    background: #E1E1E1;
    color: #000;
}
/*顶部菜单*/
.bannerMenu {
    padding: 5px 12px 0 12px;
    height: 45px;
    color: #9db7b7;
    text-decoration: none;
    font-size: 18px;
    line-height: 45px;
    filter: none;
}

    .bannerMenu lable {
        font-size: 24px;
    }

    .bannerMenu span {
        font-size: 13px;
        font-family: 'Microsoft YaHei',Arial,Verdana;
        letter-spacing: 1px
    }

#north .topmenu {
    background: #20706f;
    text-align: center
}

    #north .topmenu:hover {
        background: #2a6160;
        text-align: center
    }

#north .selected {
    background: #2a6160;
    text-align: center
}

.selected {
    color: #fff;
}


#north .splitborder {
    width: 1px;
    background: #20706f;
}

#menu_right .l-btn-plain {
    outline: 0;
}

#menu_right .l-btn {
    color: #9db7b7 !important;
}

    #menu_right .l-btn:hover {
        color: #fff !important;
    }

#menu_right .l-btn-plain:hover {
    background: #2a6160;
}

#menu_right .m-btn-plain-active {
    background: #2a6160;
}

#menu_right .menu-active {
    background: #fff;
}
/*修改个人信息弹框样式*/
.layui-layer-title {
    text-align: center;
    padding: 0 !important;
}

#userInfo .userInfo_container .userInfo_content {
    width: 80%;
    margin: 0 auto;
}

    #userInfo .userInfo_container .userInfo_content .layui-form-item {
        text-align: center;
    }

        #userInfo .userInfo_container .userInfo_content .layui-form-item img {
            width: 64px;
            height: 64px;
            border-radius: 50%;
        }

    #userInfo .userInfo_container .userInfo_content .userImg {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        display: inline-block;
        position: relative;
        margin-top: 12px;
        border: 1px solid #e8e8e8;
    }

        #userInfo .userInfo_container .userInfo_content .userImg .deleIcon {
            color: #ff0000;
            position: absolute;
            top: 0px;
            left: 0px;
        }

    #userInfo .userInfo_container .userInfo_content .upload {
        height: 21px;
        line-height: 21px;
        padding: 0px;
        background-color: transparent;
        display: inline-block;
        vertical-align: bottom;
        margin-left: 5px;
        cursor: pointer;
    }

        #userInfo .userInfo_container .userInfo_content .upload span {
            font-size: 20px;
            color: #20706f;
        }