﻿/* Login */
html.loginroot {
    overflow: hidden;
}

    html.loginroot > body.overflow {
        overflow: hidden;
    }

    html.loginroot > body > form#form1 {
        padding: 0;
    }

a {
    text-decoration: none;
}

form {
    margin: 0;
}

#divLogin {
    height: 100%;
    /*background: url(images/login/loginBack.jpg) no-repeat center;*/
    overflow: hidden;
}

    #divLogin .checkDiv, #divLogin .storeCookieDiv {
        display: none;
    }

    #divLogin .ID, #divLogin .Password {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        background: url(images/login/icons.png) no-repeat -271px -18px;
        width: 60px;
        height: 38px;
        vertical-align: top;
        font-size: 0;
        color: transparent;
    }

    #divLogin .Password {
        background-position: -377px -18px;
    }

    #divLogin .loginback {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
    }

.login_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2572ce', endColorstr='#54c3e1',GradientType=0 );
    background: linear-gradient(to bottom, #2572ce,#54c3e1);
}

.login_right {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(images/login/star.png) repeat-x right top;
    z-index: 1;
}

#divLogin img {
    height: 100%;
}

#divLogin .outer {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 300px;
    background: url(images/login/yhdr.png) no-repeat center top;
    z-index: 3;
    margin: 30px 0 0 -180px;
    padding: 100px 20px 0;
}

#divLogin .inner { /*background: url(images/login/loginCenter.png) no-repeat center 0;*/
    height: 262px;
}

#divLogin .innerText {
    position: absolute;
    top: -385px;
    left: -198px;
    background: url(images/login/loginLogo1.png) no-repeat 0 0;
    width: 747px;
    height: 285px;
}

#divLogin .IDInput input[type='text'], #divLogin .PasswordInput input[type='password'] {
    height: 36px;
    border: none;
    width: 210px;
    background: url(about:blank);
    font-size: 16px;
    outline: none;
    color: #888;
    font-family: 'Microsoft YaHei';
    line-height: 36px;
}

#divLogin .IDInput, #divLogin .PasswordInput {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

#divLogin .LoginButton input, #divLogin .CloseButton input {
    border: none;
    width: 100px;
    height: 100px;
    background: url(about:blank);
    outline: none;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    font-family: 'Microsoft YaHei';
}

#divLogin .LoginButton {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100px;
    background: url(images/login/icons.png) no-repeat -19px -20px;
}

    #divLogin .LoginButton:hover {
        background-position: -151px -20px;
    }

#divLogin .CloseButton {
    position: absolute;
    top: 185px;
    left: 773px;
    display: none;
}

#divLogin .outBottom {
    position: fixed;
    bottom: 30px;
    font-size: 14px;
    color: #fff;
}

.login {
    width: 400px;
    position: relative;
}

    .login input[type='text'], .login input[type='password'] {
    }

.id-div, .pw-div {
    background: url(images/login/icons.png) no-repeat -24px -396px;
    margin-top: 10px;
}

    .id-div.sel, .pw-div.sel {
        background-position: -24px -453px;
    }

#divLogin .id-div.sel .ID {
    background-position: -325px -18px;
}

#divLogin .pw-div.sel .Password {
    background-position: -431px -18px;
}

/* Index */
html.homeroot {
    *overflow: auto;
}

    html.homeroot > body {
        padding: 0;
    }

#header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 156px;
    background: url(images/headpp.png) repeat-x 0 0;
}

    #header .header-bg {
        position: absolute;
        height: 132px;
        width: 100%;
        top: 0;
        left: 0;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2572ce', endColorstr='#40adca',GradientType='1' );
        background: linear-gradient(to right, #2572ce,#40adca);
        border-bottom: 1px solid #787576;
    }

    #header > .topArea {
        height: 115px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        background: #00A0EF url(images/login/banner_left.jpg) no-repeat 0 0;
    }

.div_homeTop {
    display: flex;
    align-items: center;
}

    .div_homeTop > .div_logo {
        /*margin-left: 50px;
        width: 80px;
        height: 80px;
        background: url(images/login/banner_logo.png) no-repeat;
        background-size: 100% 100%;*/
        /*position: absolute;*/
        /*top: 33px;
            left: 200px;*/
    }

    .div_homeTop .div_banner_title {
        margin-left: 100px;
        width: 500px;
        height: 53px;
        background: url(images/login/banner_title02.png) no-repeat;
        background-size: 100% 100%;
        /*position: absolute;*/
        /*top: 33px;
            left: 200px;*/
    }

#header > .topArea .logo {
    width: 450px;
    height: 35px;
    background: url(images/Head_Title1.png) no-repeat left top;
    position: absolute;
    top: 33px;
    left: 200px;
}

#header > .topArea .logo1 {
    width: 729px;
    height: 39px;
    background: url(images/Head_Title-1.png) no-repeat left top;
    position: absolute;
    top: 33px;
    left: 37px;
}

#header .user {
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    color: #ffffff;
    float: right;
    margin: 0 10px 5px 0;
    /*padding-left: 15px;
    line-height: 29px;
    height: 29px;*/
}

.headRight > .icon {
    width: 80px;
    height: 80px;
    background: url(images/login/banner_imgHead.png) no-repeat;
    background-size: 100% 100%;
    padding: 0;
    margin: 0 50px 0 0;
    /*width: 69px;
    height: 70px;
    background: url(images/login/icons.png) no-repeat -101px -132px;
    position: absolute;
    top: -2px;
    left: 9px;*/
}
/*#header .user .userName { border-right: 1px solid #BFE2ED; padding-right: 8px; }*/
#header .user .deptName {
    /*border-left: 1px solid #98D1E3;
    padding-left: 8px;
    display: none;*/
}

.headRight {
    display: flex;
    align-items: center;
    /*position: absolute;
    top: 15px;
    right: 10px;
    background: url(images/headRight.png) no-repeat 0 0;
    width: 206px;
    height: 72px;
    padding: 10px 0 0 66px;*/
}

#header input[type='button'] {
    border: none;
    position: absolute;
    top: 15px;
    right: 0px;
    width: 10px;
    height: 72px;
    background: #017fbe url(images/login/icons.png) no-repeat -334px -212px;
    cursor: pointer;
    padding: 0;
}

    #header input[type='button'].close {
        background-position: -297px -212px;
    }
/*.headTool { position: absolute; right: 20px; bottom: 30px; height: 24px; color: #fff; z-index: 1; }*/
.headTool span {
    font-size: 14px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
    height: 22px;
    line-height: 22px;
    font-family: 'Microsoft YaHei';
    color: #fff;
    /*background-color: #017fbe;*/
    position: relative;
    margin-left: 12px;
    padding: 0 10px 0 30px;
}

.headTool .Desktop {
    padding-left: 20px;
    background: url(images/desk.png) no-repeat left 2px;
    display: none;
}

.headTool .Logout .icon, .headTool .Close .icon {
    background: url(images/login/icons.png) no-repeat -204px -148px;
    /*background: #0a6b9e url(images/login/icons.png) no-repeat -204px -148px;*/
    width: /*24px*/ 8px;
    height: 22px;
    position: absolute;
    top: 0;
    left: 0;
}

.headTool .Close .icon {
    background-position: -241px -148px;
}

.headTool .Logout:hover, .headTool .Close:hover {
    /*color: #0066cc;*/
}

#section {
    height: 100%;
    padding: 15px 15px 15px 111px;
    position: relative;
    background-color: #eee;
    z-index: 99;
}

    #section #coverMain {
        width: 100%;
        height: 100%;
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
        background-image: url(#);
    }
/*--- 开打的页面及其选项卡 ---*/
#header .tapArea {
    position: absolute;
    left: 223px;
    right: 0;
    bottom: -1px;
    overflow: hidden;
    z-index: 99;
}

    #header .tapArea.btn_show {
        right: 42px;
    }

.tapArea .tabMenu {
    white-space: nowrap;
    font-family: 'Microsoft YaHei';
    font-size: 0;
    padding: 0;
    margin: 0;
    position: relative;
    float: left;
    left: 0;
    height: 37px;
    display: none;
}

#header .tapArea.desktop_hide {
    left: 97px;
}

.tabMenu li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 14px;
    list-style: none;
    padding: 5px 10px 0;
    position: relative;
    cursor: pointer;
    margin-right: -4px;
    top: -1px;
    left: -4px;
}

    .tabMenu li.desktop {
        position: fixed;
        left: 93px;
        top: 96px;
        z-index: 9;
    }

.tabMenu .x {
    position: absolute;
    top: 4px;
    right: 4px;
    background: url(images/icons.png) no-repeat -167px -372px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    z-index: 12;
}

.tabMenu .l, .tabMenu .r {
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    background: url(images/tabMenu_bg.png) no-repeat 4px -149px;
}

.tabMenu .l {
    left: 0;
}

.tabMenu .r {
    right: 0;
    background-position: 0 -191px;
}

.tabMenu .t {
    padding: 0 20px;
    height: 32px;
    line-height: 32px;
    display: block;
    color: #fff;
    text-align: center;
    min-width: 70px;
    position: relative;
    z-index: 11;
    background: url(about:blank);
}

.tabMenu .back {
    min-width: 70px;
    height: 32px;
    background: #48a0f3 url(images/tabMenu_bg.png) repeat-x 100px 100px;
    position: absolute;
    left: 10px;
    top: 5px;
    right: 10px;
}

.tabMenu li.sl {
    padding: 0 10px;
    z-index: 10;
    top: 0;
}

.tabMenu li.desktop.sl {
    top: 97px;
}

.tabMenu li.sl .l {
    background-position: 0 -14px;
}

.tabMenu li.sl .r {
    background-position: 0 -61px;
}

.tabMenu li.sl .t {
    padding-top: 4px;
    padding-bottom: 1px;
    background-position: 0 -108px;
    color: #2b80cd;
    background-color: transparent;
}

.tabMenu li.sl .x {
    top: 2px;
}

.tabMenu li.sl .back {
    background: #fff;
    top: 3px;
    height: 34px;
}

.tabMenu .t-shadow {
    position: absolute;
    right: -42px;
    bottom: 0;
    background: url(images/icons.png) no-repeat -204px -360px;
    width: 46px;
    height: 30px;
    z-index: 2;
}

.tabMenu li.sl .t-shadow {
    right: -42px;
    bottom: 1px;
}

.tabMenu_btn_left, .tabMenu_btn_right {
    position: absolute;
    bottom: 0;
    background: url(images/icons.png) no-repeat -213px -302px;
    width: 25px;
    height: 32px;
    cursor: pointer;
    z-index: 99;
}

.tabMenu_btn_left {
    left: 70px;
}

    .tabMenu_btn_left:hover {
        background-position: -245px -302px;
    }

.tabMenu_btn_right {
    right: 16px;
    background-position: -318px -302px;
    display: none !important;
}

    .tabMenu_btn_right:hover {
        background-position: -288px -302px;
    }
/*--- 左边菜单 ---*/
.topMenu {
    background: url(images/leftArea_bg1.png) repeat-x 0 0;
    padding-left: 210px;
    height: 40px;
}

.leftArea { /*width: 94px;*/
    position: absolute;
    left: 0;
    right: 20px;
    top: 116px;
    z-index: 5;
    overflow: hidden;
}

    .leftArea .child {
        white-space: nowrap;
        position: relative;
        display: block;
        line-height: 40px;
        text-align: center;
        background: url(about:blank);
        color: #fff;
        cursor: pointer;
        font-family: 'Microsoft YaHei';
        font-size: 14px;
    }

        .leftArea .child span {
            display: block;
        }

        .leftArea .child .txt {
            overflow: hidden;
        }

    .leftArea .MenuLevel-2 .child .txt {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .leftArea .MenuLevel-1 {
        position: absolute;
        top: 0;
        white-space: nowrap;
        display: block;
        left: 210px;
    }

        .leftArea .MenuLevel-1 > li {
            width: 94px;
            border-left-width: 3px;
            border-right-width: 3px;
            display: inline-block;
            *display: inline;
            *zoom: 1;
        }
            /*.leftArea .MenuLevel-1 > li.sl {background-color:#fff; border-right:3px solid #014d96}*/
            .leftArea .MenuLevel-1 > li.sl {
                background-color: #fff;
            }

                .leftArea .MenuLevel-1 > li.sl > .child {
                    color: #0059a2;
                }

            .leftArea .MenuLevel-1 > li > .child .txt { /*text-shadow: 0 0 1px #080103;*/
                position: relative;
            }

            .leftArea .MenuLevel-1 > li > .child .icon {
                display: none;
            }

            .leftArea .MenuLevel-1 > li > .child .child-bg {
                position: absolute;
                bottom: 0;
                left: 0;
                height: 0;
                width: 100%;
                background: url(images/oneMenu_sl_bg.png) repeat 0 0;
            }

            .leftArea .MenuLevel-1 > li:hover > .child .child-bg {
                height: 100%;
            }

.leftAreaMenu, .leftArea-top {
    position: absolute;
    left: 0px;
    top: 116px;
    bottom: 32px;
    width: 200px;
    background-color: #b6e5fd;
    overflow: visible; /*z-index: 99999;*/
}

.leftAreaMenu {
    top: 200px; /*315px;*/
}
    /*.leftAreaMenu .ul-bg { position: absolute; top: 0; left: 0; height: 100%; width: 100%;  z-index: 1; }*/
    .leftAreaMenu .ul-shadow {
        position: absolute;
        top: -2px;
        left: -2px;
        height: 100%;
        width: 100%;
        padding: 0; /*filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);*/
    }

:root .leftAreaMenu .ul-shadow {
    filter: none; /*box-shadow: 0 0 6px #555;*/
    background: none;
    top: 0;
    left: 0;
}

.leftArea .MenuLevel-2 {
    display: none;
    overflow: hidden;
    position: relative;
    font-size: 0;
}

.leftAreaMenu > .MenuLevel-2 {
    height: 100%;
    z-index: 99;
    overflow: auto;
    width: 100%;
    position: absolute;
}

    .leftAreaMenu > .MenuLevel-2.show {
        left: 0;
        display: block;
    }

.leftArea .MenuLevel-2 li { /*z-index: 2;*/
    display: block;
}

.leftArea .MenuLevel-2 > li > .child {
    color: #333;
    padding: 0 6px 0 30px;
    text-align: left;
    height: 36px;
    line-height: 34px;
}

    .leftArea .MenuLevel-2 > li > .child .child-bg {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-top: 1px solid #d9d9d9;
        background-color: #fff;
        height: 1px;
        overflow: hidden;
        line-height: 0;
        font-size: 0;
    }

    .leftArea .MenuLevel-2 > li > .child .icon {
        position: absolute;
        top: 12px;
        left: 12px;
        width: 10px;
        height: 10px;
        background: url(images/login/icons.png) no-repeat -31px -243px;
    }
/*.leftArea .MenuLevel-2 > li.childs > .child .icon, .leftArea > .MenuLevel-2 > li > .child .icon { background-image: url(images/arrowR.png); left: 6px; top: 12px; }*/
.leftArea .MenuLevel-2 > li.childs.sl > .child .icon {
    background-position: -71px -243px;
}

.leftArea .MenuLevel-2 > li.sl > .child {
    color: #fff;
    background-color: #0295de;
}

.leftArea li.childs .MenuLevel-2 {
    background-color: transparent;
    padding-top: 10px;
}

    .leftArea li.childs .MenuLevel-2 > li > .child {
        padding: 0;
        height: auto;
        line-height: normal;
        background-color: transparent;
    }

        .leftArea li.childs .MenuLevel-2 > li > .child .icon {
            background-position: -147px -243px;
            top: 6px;
            left: 30px;
        }

        .leftArea li.childs .MenuLevel-2 > li > .child .txt {
            line-height: 20px;
            height: 30px;
            margin-left: 34px;
            text-indent: 11px;
            border-left: 1px solid #989898;
            background-color: transparent;
            display: block;
        }

    .leftArea li.childs .MenuLevel-2 > li.sl > .child .txt {
        color: #005e8d;
    }

    .leftArea li.childs .MenuLevel-2 > li.sl > .child .icon {
        background-position: -109px -243px;
    }

    .leftArea li.childs .MenuLevel-2 > li > .child .child-bg {
        display: none;
    }

    .leftArea li.childs .MenuLevel-2 > li.last > .child {
        padding-bottom: 5px;
    }

        .leftArea li.childs .MenuLevel-2 > li.last > .child .child-bg {
            display: block;
        }

.leftArea li.childs li.childs .MenuLevel-2 > li > .child .txt {
    padding-left: 35px;
}

.leftArea li.childs .MenuLevel-2 > li.childs.sl > .child .txt {
    background-color: #fff9f3;
    color: #2472c3;
}

.leftArea li.childs li.childs .MenuLevel-2 > li > .child .icon {
    left: 23px;
}

.leftArea li.childs li.childs > .child .icon {
    top: 6px;
    left: 8px;
}

.leftArea li.childs li.childs.sl > .child .icon {
    background-image: url(images/arrowD.png);
}

.leftArea-top {
    font-size: 14px;
}

    .leftArea-top .time {
        height: 50px;
        line-height: 50px;
        text-align: center;
    }

    .leftArea-top .dbj, .leftArea-top .ybj {
        background: url(images/login/icons.png) no-repeat -8px -294px;
        width: 100px;
        height: 20px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        padding-top: 80px;
        position: relative;
        text-align: center;
    }

    .leftArea-top .ybj {
        background-position: -116px -294px;
    }

        .leftArea-top .dbj label, .leftArea-top .ybj label {
            position: absolute;
            top: 49px;
            left: 42px;
            color: #fff;
            display: inline-block;
            *display: inline;
            *zoom: 1;
        }

    .leftArea-top .lin {
        background: url(images/login/icons.png) no-repeat -261px -279px;
        height: 30px;
    }
/*--- leftArea一级菜单按钮 ---*/
.leftArea-up, .leftArea-down {
    width: 10px;
    height: 40px;
    background: url(images/login/icons.png) no-repeat -303px -139px;
    position: absolute;
    z-index: 98;
    cursor: pointer;
    top: 115px;
}

.leftArea-up {
    left: 200px;
}

.leftArea-down {
    background-position: -338px -139px;
    right: 10px;
}


/*--- 内容iframe ---*/
.rightArea {
    z-index: 1;
    position: absolute;
    top: 166px;
    bottom: 47px;
    left: 210px;
    right: 15px;
}

    .rightArea iframe {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        left: -200%;
    }

        .rightArea iframe.show {
            left: 0;
        }
/* 上下屏设置，主要用于WaitWorkFrames.aspx */
.panel-tbm {
    height: 100%;
}

    .panel-tbm iframe {
        width: 100%;
        height: 100%;
        border-width: 0;
    }

.panel-tbm-set {
    padding-top: 65px;
    *padding-top: 0;
}

    .panel-tbm-set > .panel-top {
        height: 37px;
        margin-top: -67px;
        *margin-top: 0;
    }

    .panel-tbm-set > .panel-bottom {
        height: 100%;
        *height: auto;
    }


#btnSort {
    background: url(images/ywlbpx.png) no-repeat;
    width: 95px;
    height: 25px;
    border: 0;
    color: #476383;
    margin-right: 10px;
    display: none;
}

.FlowConfig_WorkTop_Title {
    display: none;
}

.FlowConfig_WorkTop_TabBar {
    height: 31px;
    border-bottom: 1px solid #96c6e0;
    overflow: visible;
}

.Tab {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .Tab li {
        cursor: pointer;
        left: -12px;
        position: relative;
        top: 1px;
    }

        .Tab li.sl {
            z-index: 90 !important;
        }

        .Tab li:first-child {
            left: 0;
        }

    .Tab a {
        text-decoration: none;
        font-size: 14px;
        color: #fff;
        font-family: 'Microsoft YaHei';
    }

    .Tab > li > table {
        text-align: center;
    }

.ButtonBar {
    width: 20px;
}

.FlowConfig_WorkTop_Select_Left, .FlowConfig_WorkTop_Left {
    background: url(images/tabs_bg.png) no-repeat -3px -116px;
    width: 6px;
    height: 31px;
}

.FlowConfig_WorkTop_Center a {
    height: 31px;
    color: #fff;
    display: block;
    line-height: 31px;
    padding: 0 4px 0 13px;
    background-color: #0295de;
}

.FlowConfig_WorkTop_Select_Right, .FlowConfig_WorkTop_Right {
    background: url(images/tabs_bg.png) no-repeat -3px -167px;
    width: 29px;
    height: 31px;
}

.FlowConfig_WorkTop_Select_Left {
    background-position: -3px -12px;
    width: 9px;
}

.FlowConfig_WorkTop_Select_Right {
    background-position: -3px -62px;
}

.FlowConfig_WorkTop_Select_Center a {
    color: #ff4800;
    filter: none;
    background: #fff;
    border-top: 1px solid #96c6e0;
    height: 30px;
    display: block;
    line-height: 30px;
    padding: 0 4px 0 10px;
}
/*.Tab table .FlowConfig_WorkTop_Select_Center,.Tab table .FlowConfig_WorkTop_Center:hover{background-color:#fefeff; }
.FlowConfig_WorkTop_Select_Right,.FlowConfig_WorkTop_Right {background:url(images/libg.png) no-repeat 0 4px; width:2px; }
.FlowConfig_WorkTop_Select_Center,.FlowConfig_WorkTop_Center { width:92px; height:38px; line-height:38px; text-align:center;}
.FlowConfig_WorkTop_Select_Center a, .FlowConfig_WorkTop_Select_Center,.FlowConfig_WorkTop_Center:hover a, .FlowConfig_WorkTop_Center:hover { display:block; background-color:#fdfdfd; color:#fd4900;  }*/

/*主题管理页面*/
.themeTable {
    border: 1px solid #a4d0eb;
    vertical-align: top;
    padding: 0;
}

    .themeTable .Title, .ThemeConfigBar .Title {
        font-family: "SimSun";
    }

.themeTitle {
    border-bottom: 1px solid #a4d0eb;
    background-color: #d6f0ff;
    height: 35px;
    vertical-align: middle;
    padding-left: 10px;
    font-size: 1.2em;
    color: #3f577d;
}

    .themeTitle .sysInfo {
        font-weight: normal;
        color: #3f577d;
    }

#ThemeTree a:link, #ThemeTree a:visited {
    color: #000;
}

#ThemeTree {
    padding-left: 10px;
    font-size: 1.2em;
    margin-top: 5px;
}

    #ThemeTree img {
        display: none;
    }

.SystemManagTree a[href="#ThemeTree_SkipLink"] {
}

    .SystemManagTree a[href="#ThemeTree_SkipLink"] > img {
        display: none;
    }

.ThemeConfigBar {
    margin: 0 15px;
}

.SystemManagTree {
    font-size: 1em;
}

    .SystemManagTree span {
        font-size: 12px;
    }

    .SystemManagTree > #OrgTree_ctl00 {
        font-size: 0;
    }

    .SystemManagTree #OrgTree_ctl00t0 {
        color: #f00;
    }

    .SystemManagTree .divAllUser, .SystemManagTree .divUser {
        border: none;
    }

    .SystemManagTree .CenterBar > a {
        color: #3392d6;
    }

    .SystemManagTree .divLeftTitle, .SystemManagTree .divRightTitle {
        color: #3f577d;
        font-size: 1.2em;
    }

.SystemManagSearch > img[src="/tlwoawebv2/Portal/Themes/Resource/images/Search.gif"] {
    margin-right: 2px;
}

/*左边菜单图标*/
.leftArea .MenuLevel-1 > li > .child[title="日常办公"] .icon {
    background-image: url(images/topMenuI/rcbg.png);
}

.leftArea .MenuLevel-1 > li > .child[title="信息管理"] .icon {
    background-image: url(images/topMenuI/xxgl.png);
}

.leftArea .MenuLevel-1 > li > .child[title="资源管理"] .icon {
    background-image: url(images/topMenuI/zygl.png);
}

.leftArea .MenuLevel-1 > li > .child[title="考勤管理"] .icon {
    background-image: url(images/topMenuI/swgl.png);
}

.leftArea .MenuLevel-1 > li > .child[title="政府采购"] .icon {
    background-image: url(images/topMenuI/zfcg.png);
}

.leftArea .MenuLevel-1 > li > .child[title="党务公开"] .icon {
    background-image: url(images/topMenuI/dwgk.png);
}

.leftArea .MenuLevel-1 > li > .child[title="个人设置"] .icon {
    background-image: url(images/topMenuI/grsz.png);
}

.leftArea .MenuLevel-1 > li > .child[title="下基层"] .icon {
    background-image: url(images/topMenuI/xjc.png);
}
/*.leftArea .MenuLevel-1 > li> .child[title="个人事务"] .icon {background-position:-2px 0}
.leftArea .MenuLevel-1 > li> .child[title="行政办公"] .icon {background-position:-50px 0}*/
.leftArea .MenuLevel-1 > li > .child[title="公文管理"] .icon {
    background-image: url(images/topMenuI/gwgl.png);
}
/*.leftArea .MenuLevel-1 > li> .child[title="人力资源"] .icon {background-position:-50px -25px}
.leftArea .MenuLevel-1 > li> .child[title="财务事务"] .icon {background-position:-98px -25px}
.leftArea .MenuLevel-1 > li> .child[title="项目管理"] .icon {background-position:-2px -50px}
.leftArea .MenuLevel-1 > li> .child[title="CRM管理"] .icon {background-position:-50px -50px}
.leftArea .MenuLevel-1 > li> .child[title="交流园地"] .icon  {background-position:-98px -50px}
.leftArea .MenuLevel-1 > li> .child[title="检查工具"] .icon {background-position:-2px -75px}*/
.leftArea .MenuLevel-1 > li > .child[title="系统管理"] .icon {
    background-image: url(images/topMenuI/xtgl.png);
}
/*.leftArea .MenuLevel-1 > li> .child[title="皮肤切换"] .icon {background-position:-98px -75px}*/

/***地市菜单****/
.leftArea .MenuLevel-1 > li > .child[title="未签收"] .icon {
    background-image: url(images/topMenuI/rcbg.png);
}

.leftArea .MenuLevel-1 > li > .child[title="已签收"] .icon {
    background-image: url(images/topMenuI/xxgl.png);
}

.leftArea .MenuLevel-1 > li > .child[title="发件箱"] .icon {
    background-image: url(images/topMenuI/zygl.png);
}

.leftArea .MenuLevel-1 > li > .child[title="写邮件"] .icon {
    background-image: url(images/topMenuI/swgl.png);
}

.leftArea .MenuLevel-1 > li > .child[title="收件箱"] .icon {
    background-image: url(images/topMenuI/xjc.png);
}
/*----------------------  ----------------------*/
/*搜索*/
.divSeach {
    border: 1px solid #96c6e0;
    background-color: #fff;
    padding: 8px 10px 8px 15px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.divSeach-border {
    border-top-width: 0;
}

.divSeach .btns {
    position: absolute;
    right: 10px;
    top: 9px;
}

.divSeach ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    color: #333;
}

    .divSeach ul li {
        line-height: 30px;
        float: left;
        margin: 2px 10px 2px 0;
        white-space: nowrap;
    }

.divSeach select#Department {
    margin-right: 15px;
}

.divSeach ul li.rightBtn {
    float: right;
}

.divSeach .QueryButton, .divSeach .PublicButton {
    margin-left: 10px;
}
/*列表内删除及编辑图片*/
.zx_edit, img[src="/tlwoawebv2/Portal/Themes/Resource/images/Edit.gif"], .zx_CodeImageXG, input[src="images/func_Edit.gif"], img[src="../Controls/SelectDept/images/EditIco.gif"], input[src="../Controls/SelectDept/images/EditIco.gif"] {
    width: 0;
    height: 16px;
    padding-left: 16px;
    vertical-align: middle;
    background: url(images/edit.png) center center no-repeat;
    border: none;
}

    .zx_edit img {
        display: none;
    }

.zx_sc, input[src="/tlwoawebv2/Portal/Themes/Resource/images/Delete.gif"], .zx_CodeImage, input[src="images/func_Delete.gif"], input[src="../Controls/SelectDept/images/DEL.gif"] {
    width: 0;
    height: 16px;
    padding-left: 16px;
    vertical-align: middle;
    background: url(images/chacha.png) center center no-repeat;
}


/*文件路径按钮修改样式*/
.zx_FileInput {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 5px;
}

.zx_file {
    position: absolute;
    top: 0;
    right: 0px;
    filter: alpha(opacity:0);
    opacity: 0;
    width: 279px;
    *width: 284px;
    height: 26px;
    cursor: pointer;
    line-height: 20px;
    vertical-align: middle;
}

.zx_Fileinput {
    width: 200px;
}

/*主题切换*/
.themesCont .img .bg {
    background: transparent url(images/themes/themes_hover.png) no-repeat 0 0;
    filter: none;
}

:root .themesCont .img .bg {
    background-color: rgba(0, 0, 0, 0);
}

.themesBtn > div {
    background: url(images/themes/btn-c.png) repeat-x 0 0;
    border: none;
    height: 29px;
    line-height: 29px;
}

    .themesBtn > div > div.l {
        left: -10px;
        background: url(images/themes/btn-l.png) no-repeat 0 0;
    }

    .themesBtn > div > div.r {
        right: -10px;
        background: url(images/themes/btn-r.png) no-repeat 0 0;
    }

#divPresonInfo_XXYD {
}

    #divPresonInfo_XXYD .Title {
        background: url(images/home_xxyd.png) no-repeat 10px center;
    }

    #divPresonInfo_XXYD .List a:hover {
        color: #ffa31e;
    }

    #divPresonInfo_XXYD .List table td {
        height: 28px;
        line-height: 28px;
    }

    #divPresonInfo_XXYD .List table .text {
        padding-left: 5px;
    }

#divPresonInfo_GRDB .Title {
    background: url(images/home_grdb.png) no-repeat 10px center;
}

#divPresonInfo_GRDB table td {
    border-top: 1px dashed #d9d9d9;
}

#divPresonInfo_GRDB .List table tr:first-child td {
    border-top: none;
}

#divPresonInfo_GRDB .List .text:before {
    background: url(images/tdIco_grdb.png) 1px 4px no-repeat;
}

#divPresonInfo_GRDB .List tr:hover .text:before {
    background-position: 1px -19px;
}

#divPresonInfo_TZGG .Title {
    background: url(images/home_gsgg.png) no-repeat 10px center;
}

#divPresonInfo_TZGG table td {
    border-top: 1px dashed #d9d9d9;
}

#divPresonInfo_TZGG .List table tr:first-child td {
    border-top: none;
}

#divPresonInfo_TZGG .List .text:before {
    background: url(images/tdIco_gsgg.png) 1px 4px no-repeat;
}

#divPresonInfo_TZGG .List tr:hover .text:before {
    background-position: 1px -19px;
}

#divPresonInfo_ZXDB1 .Title {
    background: url(images/home_zxfw.png) no-repeat 10px center;
}

#divPresonInfo_ZXDB1 .List .text:before {
    background: url(images/tdIco_zxfw.png) 2px 5px no-repeat;
}

#divPresonInfo_ZXDB1 .List tr:hover .text:before {
    background-position: 2px -16px;
}

#divPresonInfo_ZXDB1 .Title span {
    color: #808080;
    border-color: transparent;
    cursor: pointer;
}

    #divPresonInfo_ZXDB1 .Title span.cur {
        color: #1998c5;
        border-color: #39b8ed;
    }

#divPresonInfo_LDPSJ .Title {
    background: url(images/home_ldps.png) no-repeat 10px center;
}

#divPresonInfo_LDPSJ .List .text:before {
    background: url(images/tdIco_ldps.png) 1px 4px no-repeat;
}

#divPresonInfo_LDPSJ .List tr:hover .text:before {
    background-position: 1px -19px;
}
/*---------------------- indexHome ----------------------*/
.desktop-html body {
    *position: relative;
}
/*.indexHome { padding-right: 60%; position: relative; }

.homemiddle { position: absolute; right: 0; top: 0; width: 40%;}
.homeRight { position: absolute; right: 0; top: 0; width: 20%; }*/
/*.homeRight .desktop-tabs { margin-bottom: 10px; }*/
.indexHome {
    position: relative;
    padding-right: 210px;
}

.homeLeft, .homemiddle {
    width: 49%;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.homeLeft {
    margin-right: 10px;
}

.homeRight {
    width: 210px;
    position: absolute;
    right: 0;
    top: 0;
    margin-left: 10px;
}
/*.homemiddle {margin-left:10px}*/
/*数字*/
.s-o-num {
    background-color: #F17F23;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    height: 14px;
    color: #fff;
    line-height: 14px;
    font-size: 14px;
    padding-top: 1px;
    text-align: center;
    min-width: 16px;
    font-family: 'Microsoft YaHei';
    margin: 0 6px;
    cursor: pointer;
}

:root .s-o-num {
    height: 15px;
    line-height: 15px;
    padding: 0;
}

.s-o-num:before, .s-o-num:after, .s-o-num .before, .s-o-num .after {
    content: "";
    width: 6px;
    height: 15px;
    position: absolute;
    top: 0;
    background: url(images/icons.png) no-repeat -300px -207px;
}

.s-o-num:before, .s-o-num .before {
    left: -6px;
}

.s-o-num:after, .s-o-num .after {
    right: -6px;
    background-position: -318px -207px;
}
/*学习园地*/
.studyUl {
    font-size: 0;
    margin: 0;
    padding: 0;
}

    .studyUl li {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 50%;
        height: 34px;
        line-height: 34px;
        text-align: left;
        font-size: 14px;
        cursor: pointer;
        margin: 6px 0 0 -1px;
    }

    .studyUl .icon {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 20px;
        height: 20px;
        background: url(images/icon_study.png) no-repeat -270px -80px;
        margin: 0 6px 0 20px;
        vertical-align: middle;
        position: relative;
        top: -2px;
        *position: static;
        *top: 0;
    }
    /*.studyUl li:hover { color: #ffa101; }
.studyUl li:hover .icon { background-position: -334px -80px; }*/
    .studyUl .sldjh .icon {
        background-position: 1px 3px;
    }

    .studyUl .tldjh .icon {
        background-position: -52px 3px;
    }

    .studyUl .zyzcwj .icon {
        background-position: 1px -26px;
    }

    .studyUl .xxtz .icon {
        background-position: -52px -26px;
    }

    .studyUl .xxjl .icon {
        background-position: 1px -55px;
    }

    .studyUl .lzjy .icon {
        background-position: -52px -55px;
    }

    .studyUl .lzcszl .icon {
        background-position: 1px -84px;
    }

    .studyUl .bmgz .icon {
        background-position: -52px -84px;
    }

    .studyUl .qtxxzl .icon {
        background-position: 1px -113px;
    }

    .studyUl .gbrsgl .icon {
        background-position: -52px -113px;
    }

/* easyui-tabs */
.desktop-tabs .tabs-header, .desktop-tabs .tabs-panels, .desktop-tabs .tabs-panels > .panel > .panel-body {
    width: auto !important;
}

.desktop-tabs {
    position: relative;
    margin-bottom: 10px;
    border: 1px solid #9ec7db;
}

    .desktop-tabs > div {
        border-width: 0;
        background: none;
        filter: none;
    }

    .desktop-tabs .tabs-header {
        position: static;
        overflow: visible;
        padding: 0;
        border-bottom: 1px solid #9ec7db;
        background-color: #e7f7ff;
    }

    .desktop-tabs .tabs-wrap {
        z-index: 2;
        margin-left: 0 !important;
        overflow: visible;
    }

    .desktop-tabs .tabs {
        border-bottom-width: 0;
        height: 35px !important;
        padding: 0;
    }

        .desktop-tabs .tabs li {
            margin: 0;
            z-index: 9;
            cursor: pointer;
        }

            .desktop-tabs .tabs li.tabs-first {
                left: 0;
            }

            .desktop-tabs .tabs li a.tabs-inner { /*height: 35px!important; line-height: 30px!important;*/
                filter: none;
                border-width: 0;
                font-family: 'Microsoft YaHei';
                border-radius: 0;
                padding: 0;
            }

    .desktop-tabs .tabs-title {
        display: block;
        font-size: 14px;
        padding: 0 15px 0 30px;
        cursor: pointer;
        border: 1px solid #9ec7db;
        border-top: 3px solid transparent;
        line-height: 32px;
        border-bottom: 1px solid transparent;
        border-left: none;
    }

ul.tabs li a.tabs-inner, .tabs li a.tabs-inner:hover {
    background: none;
}

.desktop-tabs .s-o-num {
    left: 6px;
    *left: 12px;
    display: none;
}

.desktop-tabs .tabs li + li {
    z-index: 8;
}

    .desktop-tabs .tabs li + li + li {
        z-index: 7;
    }

        .desktop-tabs .tabs li + li + li + li {
            z-index: 6;
        }

            .desktop-tabs .tabs li + li + li + li + li {
                z-index: 5;
            }

.desktop-tabs .tabs > li:first-child .tabs-title { /*border-left:none*/
}

.desktop-tabs .tabs-tool {
    bottom: auto;
    top: 0;
    z-index: 3;
    background: none;
    border: none;
}

    .desktop-tabs .tabs-tool .l-btn {
        padding: 0;
        background: none;
    }

        .desktop-tabs .tabs-tool .l-btn:hover {
            border: none;
            background: none;
        }

    .desktop-tabs .tabs-tool .l-btn-text { /*width: 80px;*/
        height: 22px;
        line-height: 22px;
        position: relative;
        z-index: 1;
        color: #667ebd;
        text-align: right;
        margin: 0;
        padding-right: 15px;
    }

    .desktop-tabs .tabs-tool .l-btn-icon {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin: 0;
    }

    .desktop-tabs .tabs-tool .icon-more {
        background: none;
    }

.desktop-tabs .tabs li.tabs-selected { /*background-position: 0 -12px; z-index: 10;*/
}

    .desktop-tabs .tabs li.tabs-selected a.tabs-inner {
        color: #016191;
        font-weight: normal;
    }

.desktop-tabs li.tabs-selected .tabs-title {
    filter: none;
    background: #fff;
    border-top-color: #9ec7db;
    border-right-width: 1px;
}

.desktop-tabs .tabs-panels {
    overflow: visible; /*background: url(images/tabs_x_bg.png) repeat-x 0 -6px;*/
    padding-top: 4px;
    position: relative;
    top: -4px;
}
/*.desktop-container:before, .desktop-container:after, .desktop-container > div:before, .desktop-container > div:after, .desktop-container > .before, .desktop-container > .after, .desktop-container > div > .before, .desktop-container > div > .after { content: ""; position: absolute; width: 10px; height: 10px; background: url(images/icons.png) no-repeat 100px 100px; }
.desktop-tabs:before, .desktop-tabs:after, .desktop-tabs > .before, .desktop-tabs > .after { background: url(images/tabs_y_bg.png) repeat-y 0 0; width: 4px; top: 40px; bottom: 10px; height: auto; }
.desktop-tabs:before, .desktop-tabs > .before { left: 0; top: 33px; }
.desktop-tabs:after, .desktop-tabs > .after { right: 0; background-position: -6px 0; }
.desktop-tabs > .tabs-header:before, .desktop-tabs > .tabs-header > .before { top: 30px; right: 0; background-position: -179px -145px; }
.desktop-tabs > .tabs-header:after, .desktop-tabs > .tabs-header > .after { bottom: 0; background: url(images/tabs_x_bg.png) repeat-x 0 0; height: 4px; left: 10px; right: 10px; width: auto; }
.desktop-tabs > .tabs-panels:before, .desktop-tabs > .tabs-panels > .before { background-position: -167px -161px; left: -10px; bottom: -4px; }
.desktop-tabs > .tabs-panels:after, .desktop-tabs > .tabs-panels > .after { background-position: -179px -161px; right: -10px; bottom: -4px; }*/

.desktop-tabs > .tabs-panels {
    height: 200px;
    padding: 15px 15px 0 15px;
}

    .desktop-tabs > .tabs-panels > .panel > .panel-body {
        height: 200px;
        overflow: hidden;
    }

/* .desktop-tabs icons */
.desktop-tabs .tabs-icon {
    left: 8px;
    width: 17px;
    margin-top: -5px;
    height: 19px;
    background: url(images/login/icons.png) no-repeat -285px -86px;
}
/*.desktop-tabs .icon-grdb { background: url(images/login/icons.png) no-repeat -285px -86px; }*/
/*.desktop-tabs .tabs-selected .icon-grdb { background-position: -285px -86px;  }*/
.desktop-tabs .icon-gryb {
    background-position: -327px -86px;
}
/*.desktop-tabs .tabs-selected .icon-gryb { background-position: -331px -44px;  }*/
.desktop-tabs .icon-file {
    background-position: -367px -85px;
}
/*.desktop-tabs .tabs-selected .icon-file { background-position: -68px -20px; margin-top: -8px; }*/
.desktop-tabs .icon-folder {
    background-position: -433px -84px;
}
/*.desktop-tabs .tabs-selected .icon-folder { background: url(images/icons.png) no-repeat -176px -20px; margin-top: -8px; }*/
.desktop-tabs .icon-gsgg {
    background-position: -468px -84px;
}
/*.desktop-tabs .icon-xxyd { background-position: -79px -82px; }*/

/* desktop-table */
.desktop-table, .desktop-table2 {
    border-collapse: collapse;
    border: none;
    width: 100%;
    table-layout: fixed;
}

    .desktop-table td, .desktop-table2 td {
        border: none;
        height: 34px;
        font-size: 14px;
        padding: 0;
        border-bottom: 1px dashed #a1a1a1;
        padding-top: 2px;
        cursor: pointer;
    }

    .desktop-table tr:first-child td {
        border-top-width: 0;
    }

    .desktop-table td.DateTime {
        color: #a1a1a1;
        font-size: 14px;
        text-align: center;
        width: /*90px*/ 140px;
    }

    .desktop-table td.text, .desktop-table2 td.text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 2px;
    }

    .desktop-table td.bold {
        font-weight: bold;
    }

    .desktop-table tr:hover td, .desktop-table2 tr:hover td {
        color: #ff723a;
    }

    .desktop-table tr td:first-child {
        border-left: 3px solid transparent;
    }
    /*.desktop-table tr:hover > td:first-child { border-left-color: #FDE0BF; }*/

    .desktop-table2 td {
        height: 33px;
        border-top: 8px solid #fff;
        padding: 0;
        background-color: #eef6fd;
    }

        .desktop-table2 td.DateTime {
            width: 74px;
            text-align: center;
        }

    .desktop-table td.td-ldps {
        width: 40px;
        text-align: right;
        background-color: transparent;
    }

    .desktop-table2 tr:hover td.td-ldps {
        background-color: transparent;
    }

    .desktop-table2 tr:hover .td-icon-ldps {
        border-right-color: #fff9f3;
    }

.span-state {
    margin-left: 10px;
    color: #808080;
}
/*---------------*/
/*.ldps-tabs > .tabs-panels > .panel > .panel-body { height: 175px; }*/
/*.ldps-tabs > .tabs-panels { padding-top: 8px; }*/
/*.gsgg-tabs > .tabs-panels > .panel > .panel-body { height: 175px; }*/
.gsgg-tabs .desktop-table td {
    height: 46px;
}

.xxyd-tabs > .tabs-panels > .panel > .panel-body {
    height: 212px;
}
/*----- icons -----*/
.td-icon-dot, .td-icon-block, .td-icon-tzgg, .td-icon-ldps {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    position: relative;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #ff723a;
}

.td-ldps {
    background: url(images/icons.png) no-repeat -12px -359px;
}

.td-icon-ldps {
    border: 4px solid transparent;
    border-right-color: #eef6fd;
    border-width: 4px 8px 4px 0;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.td-icon-dot { /*background-position: -14px -150px;*/
    top: -2px;
    margin-right: 15px;
}

.dot3 {
    background-position: -64px -150px;
}

.dot4, .dot5 {
    background-position: -114px -150px;
}

.td-icon-block {
    background-position: -183px -207px;
    width: 20px;
    height: 16px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    margin-right: 14px;
    top: -1px;
    padding-top: 2px;
    line-height: normal;
}

:root .td-icon-block {
    padding-top: 0;
    line-height: 16px;
}

.block2 {
    background-position: -16px -207px;
}

.block3 {
    background-position: -72px -207px;
}

.block4, .block5 {
    background-position: -128px -207px;
}

.td-icon-tzgg {
    background-position: -143px -81px;
    width: 20px;
    height: 18px;
    margin-right: 10px;
    top: -2px;
    *top: -1px;
}

/*-- workTopDiv --*/
.workTopDiv {
    position: relative;
    border: 1px solid #9ec7db;
    height: 316px;
}

    .workTopDiv:before, .workTopDiv:after, .workTopDiv > .before, .workTopDiv > .after {
        background: url(images/tabs_y_bg.png) repeat-y 0 0;
        width: 4px;
        top: 38px;
        bottom: 10px;
        height: auto;
    }

    .workTopDiv:before, .workTopDiv > .before {
        left: -11px;
    }

    .workTopDiv:after, .workTopDiv > .after {
        right: -11px;
        background-position: -6px 0;
    }

    .workTopDiv > .workTopDiv-head:before, .workTopDiv > .workTopDiv-head > .before {
        top: 0;
        left: -11px;
        background-position: -218px -133px;
        width: 11px;
        height: 38px;
    }

    .workTopDiv > .workTopDiv-head:after, .workTopDiv > .workTopDiv-head > .after {
        top: 0;
        right: -11px;
        background-position: -237px -133px;
        width: 11px;
        height: 38px;
    }

    .workTopDiv > .workTopDiv-cont:before, .workTopDiv > .workTopDiv-cont > .before {
        background-position: -167px -161px;
        left: -11px;
        bottom: 0;
    }

    .workTopDiv > .workTopDiv-cont:after, .workTopDiv > .workTopDiv-cont > .after {
        background-position: -179px -161px;
        right: -11px;
        bottom: 0;
    }

.workTopDiv-foot {
    position: absolute;
    bottom: 0;
    left: -1px;
    width: 100%;
    height: 4px;
    overflow: hidden;
    font-size: 0;
    background: url(images/tabs_x_bg.png) repeat-x 0 0;
    padding: 0 1px;
}

.workTopDiv-head {
    height: 27px;
    background-color: #ddf6fd;
    padding: 7px 0 0 12px;
    display: none;
}

.v-line {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 1px;
    height: 18px;
    background-color: #297CCD;
    border-right: 1px solid #fff;
    vertical-align: middle;
    margin: 0 6px;
}

.workTopDiv .l-btn {
    border-width: 0;
    border-radius: 0;
    background: none;
    filter: none;
}

.workTopDiv-head .l-btn {
    color: #2180cd;
}

.workTopDiv-head .icon-email {
    background: url(images/icons.png) no-repeat -16px -260px;
}

.workTopDiv-head .icon-db {
    background: url(images/icons.png) no-repeat -90px -258px;
    margin-top: -9px;
}

.workTopDiv-head .icon-msg {
    background: url(images/icons.png) no-repeat -169px -259px;
    width: 18px;
    margin-top: -9px;
    left: 2px;
}

.workTopDiv-head .s-o-num {
    top: 2px;
    margin: 0 16px 0 0;
    left: 8px;
}

.workTopDiv-head .v-line {
    margin-left: 8px;
}

.homeRighthead {
    height: 35px;
    line-height: 35px;
    text-indent: 20px;
    color: #fff;
    background-color: #0295de;
}

.workTopDiv-cont {
    padding: 8px 0;
    text-align: center;
    font-size: 0;
    margin-top: 20px;
    height: 208px;
    overflow: auto;
    position: relative;
}

    .workTopDiv-cont .l-btn {
        margin: 0;
        width: 48%;
        vertical-align: top;
    }

    .workTopDiv-cont .l-btn-icon-left {
        padding: 58px 0 0 0;
        text-align: center;
    }

        .workTopDiv-cont .l-btn-icon-left .l-btn-text {
            padding: 0;
            min-width: 60px;
            margin: 0;
            font-size: 14px;
            color: #333;
        }

    .workTopDiv-cont .l-btn-icon {
        top: 0;
        left: 50%;
        width: 60px;
        height: 58px;
        margin: 0 0 0 -30px;
        background: url(images/icons/gtzyba.png) no-repeat 0 0;
    }
    /*.workTopDiv-cont .icon-fwng { background: url(images/icons.png) no-repeat -300px -409px; }
.workTopDiv-cont .icon-grkq { background: url(images/icons.png) no-repeat 0 -409px; }
.workTopDiv-cont .icon-ldrc { background: url(images/icons.png) no-repeat -60px -409px; }
.workTopDiv-cont .icon-hyssq { background: url(images/icons.png) no-repeat -240px -409px; }
.workTopDiv-cont .icon-gcdj { background: url(images/icons.png) no-repeat -180px -409px; }
.workTopDiv-cont .icon-msg { background: url(images/icons.png) no-repeat -360px -409px; }
.workTopDiv-cont .icon-email { background: url(images/icons.png) no-repeat -120px -409px; }*/
    /*国土资源备案*/
    .workTopDiv-cont .icon-spjc {
        background-image: url(images/icons/gtzyba.png);
    }
    /*土地规划*/
    .workTopDiv-cont .icon-spjc {
        background-image: url(images/icons/tdgh.png);
    }
    /*土地监测*/
    .workTopDiv-cont .icon-tdjc {
        background-image: url(images/icons/tdjc.png);
    }
    /*土地整治*/
    .workTopDiv-cont .icon-tdzz {
        background-image: url(images/icons/tdzz.png);
    }
    /*一张图*/
    .workTopDiv-cont .icon-yzt {
        background-image: url(images/icons/yzt.png);
    }
    /*综合监管*/
    .workTopDiv-cont .icon-zhjg {
        background-image: url(images/icons/zhjg.png);
    }
/*---------------------- WorkTopFrame ----------------------*/
.WorkTopFrame_UserInfo {
    padding-top: 10px;
}

    .WorkTopFrame_UserInfo .user {
        padding: 6px 0 6px 108px;
        height: 60px;
        line-height: 30px;
        color: #333;
        font-family: "Microsoft Yahei";
        position: relative;
    }

        .WorkTopFrame_UserInfo .user:after {
            border-left: 1px dashed #d9d9d9;
            height: 100%;
            position: absolute;
            left: 89px;
            top: 0;
            content: "";
        }

    .WorkTopFrame_UserInfo .message {
        margin: 7px 0 8px;
        padding-left: 42px;
        line-height: 24px;
        color: #333;
        background: url(images/i_mail.png) #e9f5fe 18px center no-repeat;
    }

q .WorkTopFrame_UserInfo .message .red {
    color: #ff4348;
    font-weight: bold;
    margin: 0 3px;
}

.divWorkTopFrame {
    height: 35px;
    padding-top: 3px;
}

    .divWorkTopFrame li {
        float: none;
        margin-left: -15px;
    }

.divWorkTopFrame_center {
}

.divWorkTopFrame_right {
    width: 18px;
    height: 25px;
    background: url(images/divWorkTopFrame_left.gif) no-repeat left center;
}

.divWorkTopFrame_left {
    width: 18px;
    height: 25px;
    background: url(images/divWorkTopFrame_right.gif) no-repeat right center;
}

.divWorkTopFrame div {
    width: 60px;
    padding-top: 60px;
    margin: 0 0 15px 20px;
    color: #333;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center 4px;
}

    .divWorkTopFrame div:hover {
        color: #ffa101;
    }

.divWorkTopFrame .spanWorkTop1 {
    background-image: url(images/link_grkq.png);
}

.divWorkTopFrame .spanWorkTop2 {
    background-image: url(images/link_ldrc.png);
}

.divWorkTopFrame .spanWorkTop3 {
    background-image: url(images/link_hyssq.png);
}

.divWorkTopFrame .spanWorkTop4 {
    background-image: url(images/link_gcdj.png);
}

.divWorkTopFrame .spanWorkTop5 {
    background-image: url(images/link_dxx.png);
}

.divWorkTopFrame .spanWorkTop6 {
    background-image: url(images/link_xyj.png);
}

.tui-frame-top {
    line-height: 0;
}

    .tui-frame-top > iframe {
        height: 38px;
    }


/*---------------------- footer ----------------------*/
#footer {
    width: 100%;
    height: 32px;
    line-height: 32px;
    position: absolute;
    bottom: 0;
    background: #3facca;
    text-align: center;
    color: #fff;
    z-index: 3;
}

/*-- tableNav导航栏 --*/
.tableNav, .tableNav td {
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    height: 28px;
    border-collapse: collapse;
    border-width: 0;
}

    .tableNav td {
        line-height: 28px;
        padding-bottom: 6px;
    }
    /*.tableNav img { width: 0; height: 0; padding: 28px 0 0 26px; background: url(images/icons2.png) no-repeat -21px -26px; float: left;  }*/
    .tableNav img {
        width: 0;
        height: 0;
        padding: 28px 0 0 26px;
        background: url(images/page_icons.png) no-repeat -91px -32px !important;
        float: left;
        margin-right: 6px;
    }

/*-- OnlinePersonList --*/
.onlienPerson body {
    font-family: SimSun;
}

.onlienPerson .Info_left_center, .onlienPerson .Info_left_left, .onlienPerson .Info_left_right {
    background: none;
}

.onlienPerson .Info_Information {
    border-color: #96c6e0;
}

.onlienPerson .Info_right {
    background: none;
    border-width: 0;
}

.onlienPerson .Info_left_center {
    border-bottom: 1px solid #96c6e0;
}

    .onlienPerson .Info_left_center ul {
        overflow: hidden;
        margin: 0;
        position: relative;
        top: 1px;
    }

    .onlienPerson .Info_left_center li {
        float: left;
        position: relative;
        padding: 0 26px 0 7px;
        height: 31px;
        line-height: 32px;
        top: 1px;
        list-style: none;
        width: auto;
        left: -12px;
        z-index: 9;
        font-family: 'Microsoft YaHei';
    }

        .onlienPerson .Info_left_center li:first-child {
            left: 0;
        }

        .onlienPerson .Info_left_center li + li {
            z-index: 8;
        }

        .onlienPerson .Info_left_center li .txt {
            display: block;
            padding: 0 13px 0 22px;
            font-size: 14px;
            cursor: pointer;
            border-top: 1px solid transparent;
            height: 30px;
            color: #fff;
            min-width: 70px;
            text-align: center;
            font-weight: normal;
            background-color: #0295de;
        }

        .onlienPerson .Info_left_center li > .before, .onlienPerson .Info_left_center li > .after {
            background: url(images/tabs_bg.png) no-repeat -3px -116px;
            content: "";
            position: absolute;
            top: 0;
            height: 100%;
        }

        .onlienPerson .Info_left_center li::before, .onlienPerson .Info_left_center li::after {
            background: url(images/tabs_bg.png) no-repeat -3px -116px;
            content: "";
            position: absolute;
            top: 0;
            height: 100%;
        }

        .onlienPerson .Info_left_center li > .before {
            left: 0;
            width: 7px;
        }

        .onlienPerson .Info_left_center li::before {
            left: 0;
            width: 7px;
        }

        .onlienPerson .Info_left_center li > .after {
            right: 0;
            width: 26px;
            background-position: -3px -167px;
        }

        .onlienPerson .Info_left_center li::after {
            right: 0;
            width: 26px;
            background-position: -3px -167px;
        }

        .onlienPerson .Info_left_center li.Info_Choose {
            padding: 0 29px 0 9px;
            height: 32px;
            top: 0;
            z-index: 10;
        }

            .onlienPerson .Info_left_center li.Info_Choose .txt {
                padding: 0 10px 0 20px;
                filter: none;
                background: #fff;
                border-top-color: #96c6e0;
                color: #ff4800;
                height: 31px;
            }

            .onlienPerson .Info_left_center li.Info_Choose > .before {
                width: 9px;
                background-position: -3px -12px;
            }

            .onlienPerson .Info_left_center li.Info_Choose::before {
                width: 9px;
                background-position: -3px -12px;
            }

            .onlienPerson .Info_left_center li.Info_Choose > .after {
                width: 29px;
                background-position: 0 -62px;
            }

            .onlienPerson .Info_left_center li.Info_Choose::after {
                width: 29px;
                background-position: 0 -62px;
            }

.messagebox {
    border-color: #96c6e0;
}

    .messagebox .headbox {
        background-color: #DEEEFD;
        color: #333;
        border: 1px solid #96c6e0;
        border-width: 1px 0;
        padding: 4px;
    }

.onlienPerson .messagebox {
    border-width: 0;
    background: none;
}

.onlienPerson .headbox {
    border-width: 0 0 1px;
    height: 31px;
    background-color: transparent;
    padding: 0;
}

.onlienPerson_tab {
    height: 32px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    padding: 0 29px 0 9px;
    line-height: 32px;
    font-family: 'Microsoft YaHei';
    background: none;
}

    .onlienPerson_tab .txt, .onlienPerson_tab #UserHeadName {
        padding: 0 10px 0 20px;
        background: #fff;
        border-top: 1px solid #96c6e0;
        color: #ff4800;
        height: 31px;
        display: block;
        margin: 0;
        font-weight: normal;
        min-width: 70px;
        text-align: center;
        font-size: 14px;
    }

    .onlienPerson_tab:before, .onlienPerson_tab:after, .onlienPerson_tab > .before, .onlienPerson_tab > .after {
        background: url(images/tabs_bg.png) no-repeat -3px -12px;
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
    }

    .onlienPerson_tab:before, .onlienPerson_tab > .before {
        width: 9px;
        left: 0;
    }

    .onlienPerson_tab:after, .onlienPerson_tab > .after {
        width: 29px;
        background-position: 0 -62px;
        right: 0;
    }

.onlienPerson .contbox {
    border: 1px solid #96c6e0;
    border-top-width: 0;
}

.infoUser2 {
    line-height: 24px;
    padding: 2px 28px;
    border: 1px solid #96c6e0;
    margin: 0;
    position: relative;
}

    .infoUser2 img[src*="DEL.gif"] {
        position: absolute;
        top: 4px;
        right: 4px;
        padding: 20px 20px 0 0;
        width: 0;
        height: 0;
        background: url(images/icons.png) no-repeat -35px -477px;
        cursor: pointer;
    }

.infoContent2 {
    line-height: 24px;
    padding: 4px;
    margin-bottom: 4px;
    background-color: transparent;
}

.infoUser2 font, .Info_right_tool .imagesSet {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.infoUser2 .icon {
    width: 20px;
    height: 20px;
    background: url(images/icons.png) no-repeat -5px -477px;
    position: absolute;
    top: 4px;
    left: 4px;
}

.Info_right_Title {
    top: 1px;
    z-index: 1;
}

.Info_right_tool {
    border: 1px solid #96c6e0;
    background-color: #DEEEFD;
    text-align: center;
    line-height: 32px;
    position: relative;
    color: #2D8BC8;
}

    .Info_right_tool .imagesSet {
        cursor: pointer;
        position: relative;
        padding: 0 6px 0 28px;
    }

        .Info_right_tool .imagesSet .icon {
            background: url(images/icons.png) no-repeat -72px -477px;
            width: 22px;
            height: 22px;
            vertical-align: middle;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -11px;
        }

.Info_right_offices {
    border: 1px solid #96c6e0;
    border-width: 0 1px;
    text-align: center;
    padding: 4px 0;
}

    .Info_right_offices select {
        background-color: #F1F8FE;
        border: 1px solid #96c6e0;
    }

.workMan_Info {
    border: 1px solid #96c6e0;
    padding: 4px;
}

    .workMan_Info .dataGridInfo {
        border-width: 0;
    }

        .workMan_Info .dataGridInfo td {
            border-width: 0;
        }

.dataGridInfo img[src*="plusik.gif"], .dataGridInfo img[src*="minus.gif"] {
    padding: 13px 13px 0 0;
    width: 0;
    height: 0;
    background: url(images/icons.png) no-repeat -168px -479px;
}

.dataGridInfo img[src*="minus.gif"] {
    background-position: -135px -479px;
}

.dgrdOnlinePerson td {
    padding: 2px;
}

.dgrdOnlinePerson img {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin: 0 2px;
    position: relative;
    top: -2px;
}

.headTable {
    border-width: 0;
}

    .headTable td {
        border-color: #96c6e0;
        border-width: 1px 0 0 1px;
    }

    .headTable > tbody > tr:first-child > td {
        border-top-width: 0;
    }

    .headTable > tbody > tr > td:first-child {
        border-left-width: 0;
    }
/*-- divMessageWindow 点击信息提示后弹出的页面 --*/
.divMessageWindow {
    padding: 12px 20px;
}

.msg-user {
    color: #218cd0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    line-height: 20px;
    height: 28px;
}

    .msg-user b {
        font-weight: normal;
    }

.msg-cont {
    border: 1px solid #96c6e0;
    overflow: auto;
    height: 130px;
}

.msg-tool {
    border: 1px solid #96c6e0;
    border-width: 0 1px;
    padding: 6px;
}

.msg-historyList {
    border-top: 1px solid #96c6e0;
}

.GridBody .infoContent2 {
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
}

.historyList {
    margin-top: -1px;
}

    .historyList td {
        height: auto;
    }

/*-- 信息提示框 --*/
.popup {
    font-size: 0;
    width: 262px;
    font-family: SimSun;
    position: absolute;
    right: 15px;
    bottom: 32px;
}

.popupHeader {
    height: 34px;
    line-height: 34px;
    padding-left: 10px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4199e3',endColorstr='#52c8e7',GradientType='1');
    background: linear-gradient(to right, #4199e3,#52c8e7);
    color: #fff;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
}

.popupButtonClose {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(images/icons.png) no-repeat -314px -361px;
    cursor: pointer;
}

.popupBody {
    height: 162px;
    border: 1px solid #96c6e0;
    border-top-width: 0;
    line-height: 20px;
    color: #444;
    position: relative;
    background-color: #fff;
    font-size: 12px;
}

    .popupBody .icon {
        position: absolute;
        top: 16px;
        left: 12px;
        width: 22px;
        height: 14px;
        background: url(images/icons.png) no-repeat -320px -153px;
    }

.popupCaptionText {
    padding: 12px 10px 4px 45px;
    cursor: pointer;
}

    .popupCaptionText div {
        padding: 2px 0;
    }
/*-- easyui-dialog --*/
div.window, div.window-shadow {
    border-radius: 0;
    padding: 0;
    border-width: 0;
}

div.window {
    filter: none;
    background: none;
}

div.window-shadow {
    background: #fff;
}

div.window div.window-header {
    filter: none;
    background: none;
    padding: 0;
    border-width: 0;
}

    div.window div.window-header .panel-tool {
        right: 10px;
        height: auto;
        margin-top: -8px;
    }

        div.window div.window-header .panel-tool a {
            width: 18px;
            height: 18px;
        }

div.window .panel-title {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4199e3',endColorstr='#52c8e7',GradientType='1');
    background: linear-gradient(to right, #4199e3,#52c8e7);
    height: 34px;
    line-height: 34px;
    padding-left: 10px;
    color: #fff;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: normal;
}

div.window .window-body {
    border: 1px solid #96c6e0;
}

div.window .imagesSetDialog {
    overflow: hidden;
}

div.window .panel-tool-close {
    background: url(images/icons.png) no-repeat -323px -370px;
    filter: none;
    opacity: 1;
}

/*-- 个人考勤及密码修改 --*/
input[type='button'].submitBigBtn, input[type='submit'].submitBigBtn, input[type='reset'].submitBigBtn {
    background: url(images/submitBigBtn.png) no-repeat;
    width: 164px;
    height: 43px;
    border: none;
    color: #fff;
    font-family: SimSun;
    font-size: 16px;
    text-align: center;
    padding: 0 0 0 26px;
    cursor: pointer;
}

.page-panel {
    position: absolute;
    top: 34px;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #96C6E0;
    background-color: #f2f2f2;
    overflow: hidden;
}

.page-img-left {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 231px;
    background: url(images/page_left.png) no-repeat 0 bottom;
}

.page-img-right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 231px;
    background: url(images/page_right.png) no-repeat right bottom;
}

.page-main {
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    width: 415px;
    height: 301px;
    margin: auto;
    background-color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -190px 0 0 -385px;
    padding: 56px 0 0 356px;
}

    .page-main.page-pwd {
        background: #FFFFFF url(images/xgmm.png) no-repeat 57px center;
        padding: 20px 0 0 340px;
        height: 337px;
        width: 431px;
    }

.ChangePwdTable {
    border-collapse: collapse;
}

    .ChangePwdTable td {
        font-family: 'Microsoft YaHei';
        font-size: 14px;
        line-height: 32px;
        padding: 7px 2px;
    }

    .ChangePwdTable .td-title {
        font-size: 16px;
        color: #2470be;
        padding-right: 6px;
        vertical-align: top;
        text-align: right;
        white-space: nowrap;
    }

    .ChangePwdTable input[type='password'], .ChangePwdTable input[type='text'] {
        background: #f0f8fe;
        border: 1px solid #96C7E0;
        height: 30px;
        padding: 0 2px;
        width: 212px;
        line-height: 30px;
    }

    .ChangePwdTable .password-min-char {
        color: #808080;
    }

    .ChangePwdTable .lblMsg {
        display: block;
        text-align: center;
        min-height: 32px;
    }

    .ChangePwdTable td.td-button {
        text-align: center;
        padding: 15px 0 0 120px;
    }

/*--日历--*/
.easyui-calendar {
    margin: 0 auto 0;
    border: none;
}

.calendar-header {
    background-color: #d7e8f8;
}

.easyui-calendar .calendar-menu-year {
    border: none;
    height: auto;
    line-height: normal;
    border: none;
}

.easyui-calendar .calendar-nav-hover {
    background-color: transparent;
}

.calendar-title, .calendar-header {
    height: 35px;
}

.calendar-body th {
    background: none;
}

.calendar-body thead th {
    height: 30px;
    color: #464545;
    font-size: 14px;
    font-weight: normal;
}

.calendar-selected {
    background-color: #378fdb;
    border: none;
    color: #fff;
}

.calendar {
    padding: 0;
}

.calendar-title span {
    height: 33px;
    line-height: 33px;
    color: #000;
    font-size: 14px;
}

.calendar-prevmonth, .calendar-nextmonth, .calendar-prevyear, .calendar-nextyear {
    background-image: url('images/calendar_arrows.png');
}

.calendar-body .calendar-day {
    color: #8c8c8c;
    font-size: 14px;
}

.calendar-body .calendar-selected {
    color: #fff;
    background: url(images/calenderBack.png) no-repeat center;
}
