@charset "utf-8";
/* CSS Document */

/*页面整体格式参考1：
<div class="wrap"> 最外层的div
    <div class="header"></div>头部div用于存放按钮，文字描述等
    <table class="table"> 表信息，存放并显示数据
         <tr class="tHeader"> 列头
             <td>xxx</td> 
             <td>xxx</td>
         </tr>
        <tr class="dynamicRow"> 此为动态添加的行，根据ajax数据动态生成
            <td>xxx</td>
        <tr/>
        </table>
</div>*/

/*页面整体格式参考2：*/
/*<div class="wrap">最外层div
        <div class="header">标题</div> 头部div
        <div class="content"> 主题内容div
            <div class="input_NoSelected">用户名：<input type="text" /></div> 表单数据div
            <div class="btn_Area">底部按钮区域div
                <input class="btnSave" type="button" value="保存" />
                <input class="btnCancel" type="button" value="返回" />
            </div>
        </div>
    </div>*/
/*块级元素div命名可以根据其上北下南左西右东的位置命名，north,south,west,east*/

/*格式化边距，解决部分浏览器不兼容问题*/
body {
    margin: 0;
    padding: 0;
    overflow:hidden;
}
/*最外层div样式*/
.center {
    width: 800px;
    height: 450px;
    margin: auto;
    background: #E2F2FD;
    border: 3px solid #cad9ea;
}

a {
    cursor: pointer;
}
/*提示框弹窗样式*/
.message {
    text-align: center;
    width: 280px;
    padding-top: 30px;
}
/*数据查询的表样式*/
.table {
    font-size: 12px;
    table-layout: fixed;
    empty-cells: show;
    border-collapse: collapse;
    margin: 0 auto;
    border: 1px solid #cad9ea;
    color: #666;
    text-align: center;
    width: 1000px;
}
/*.tr行所有td的样式
    高30，边框实线
    */
.td_Height td {
    height: 30px;
    border: 1px solid #cad9ea;
}
/*h标签样式*/
h1, h2, h3 {
    font-size: 12px;
}
/*表头div的颜色*/
.tHeader {
    background: #F0F0F0;
}

/*动态行的悬停事件，悬停变色*/
.dynamicRow:hover {
    background: #99CCFF;
}

.selectRow {
    background: #99CCFF;
}
/*通用a标签样式*/
/*a {
    text-decoration: none;
}*/
/*链接样式*/
/*a:link {
        font-size: 12px;
        color: #006699;
        text-decoration: none;
    }*/
/*点击之后样式*/
/*a:visited {
        font-size: 12px;
        color: #006699;
        text-decoration: none;
    }*/
/*鼠标悬停样式*/
/*a:hover {
        font-size: 12px;
        text-decoration: none;
    }*/
/*通用按钮的样式*/
.btn_Edit {
    width: 60px;
    height: 32px;
    background: url(../images/return.png) repeat-x;
    border: 1px solid #9FCDEA;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    /*padding: .5em 2em .55em;*/
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    color: #417CA0;
}

/*div左浮动样式*/
.floatLeft {
    float: left;
    /*margin-left:190px;*/
    /*padding-top:15px;*/
}

.floatRight {
    float: right;
}
/*div横向通用样式*/
.div_Horizontal {
    clear: both;
    width: 100%;
    height: 120px;
    margin: 20px 0px;
}

.textCenter {
    text-align: center;
}
/*所有ul样式*/
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


/*登录菜单区域部分div通用样式*/
/*格式化边距*/
body .wrap {
    margin: 0px auto;
}
/*设置内容的总宽度*/
.wrap {
    width: 100%;
}
/*头部div样式*/
/*.north {
    height: 25px;
    line-height: 25px;
    width: 100%;
}*/
.north {
    height: 45px;
    line-height: 45px;
    width: 100%;
    color: white;
    background-color: #8ac1d3;
}
/*最外层div样式*/
.Wmain {
    width: 100%;
    min-height: 700px;
    /*margin-top: 45px;*/
}


/*/*导航样式*/
/*.west {
    position: relative;
    width: 150px;
    height: 100%;
    float: left;
    margin: 13px 5px 5px 5px;
    background-color: #f3f8f8;
}

    .west div ul {
        overflow: hidden;
        display: none;
        height: auto;
    }

    .west > div > span, .west > div > span > a {
        color: #000000;
        font-size: 18px;
    }

    .west > div > ul > div > span {
        background-color: #99CCFF;
        margin-left: 10px;
        font-size: 14px;
    }

        .west > div > ul > div > span a {
            font-size: 14px;
        }

    .west > div > ul > div > ul > div > span {
        margin-left: 15px;
        font-size: 12px;
    }

    .west span {
        display: block;
        height: 25px;
        line-height: 25px;
        padding-left: 5px;
        margin: 1px 0;
        cursor: pointer;
    }

        .west span:hover {
            background-color: #e6e6e6;
        }

    .west a {
        color: #333;
        text-decoration: none;
        display: block;
        width: 100%;
        outline: none;
    }*/

/*主要内容div样式*/
.content {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 2px;
}

/*提示lable*/
.tips {
    color: red;
    font-size: 16px;
}

/*禁止拖动*/
.Bandrag {
    resize: none;
}

/*选项卡div样式*/
.border_div {
    margin: 0;
    padding: 0;
    width: 980px;
    border: 1px solid #ccc;
    margin: auto;
    display: none;
    font-size: 15px;
    font-weight: 100;
    font-family: "宋体";
}
/*选项卡框*/
.tab {
    margin: auto;
    list-style: none;
    width: 980px;
    overflow: hidden;
    padding-left: 20px;
}
    /*选项卡标题*/
    .tab li {
        float: left;
        width: 80px;
        height: 30px;
        background: #00adee;
        color: #ffffff;
        border: 1px solid #cccccc;
        border-color: #00adee;
        text-align: center;
        line-height: 30px;
        cursor: pointer;
        border-bottom-width: 0px;
        margin-right: 2px;
    }
        /*选项卡选中样式*/
        .tab li.cur {
            background: white;
            color: #00adee;
        }

/*显示*/
.show {
    display: block;
}

/*隐藏*/
.hide {
    display: none;
}

/*滚动条*/
.scroll {
    /*总是显示纵向滚动条*/
    overflow-y: scroll;
}


/*菜单样式*/
* {
    font-size: 9pt;
    margin: 0;
    padding: 0;
}

/*body {
    font-family: '微软雅黑';
    margin: 0 auto;
    min-width: 1200px;
}*/

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

li {
    margin: 0;
    padding: 0;
    list-style: none;
}

img {
    border: 0;
}

a, a:focus {
    text-decoration: none;
    color: #000;
    outline: none;
}

    a:hover {
        color: #CD0A2C;
        text-decoration: none;
    }


/*left.html*/
.lefttop {
    background: url(../images/lefttop.gif) repeat-x;
    height: 40px;
    color: #fff;
    font-size: 0.875em;
    line-height: 40px;
}

    .lefttop span {
        margin-left: 8px;
        margin-top: 10px;
        margin-right: 8px;
        background: url(../images/leftico.png) no-repeat;
        width: 20px;
        height: 21px;
        float: left;
    }

.west {
    width: 187px;
    min-width: 150px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: url(../images/leftline.gif) repeat-y right;
    background: #f0f9fd;
    float: left;
    border-top: solid 2px #338fcc;
    margin-top: 10px;
    margin-bottom: 10px;
}

.aa {
    background: url(../images/leftmenubg.gif) repeat-x;
    line-height: 35px;
    font-weight: bold;
    font-size: 0.875em;
    border-right: solid 1px #b7d5df;
    min-width: 180px;
}

    .aa span {
        margin: 0px 8px 0 20px;
    }

        .aa span img {
            margin-left: 15px;
        }

.cc {
    line-height: 30px;
    /*min-width: 100px;*/
    font-weight: normal;
    /*background: url(../images/list.gif)left 50% no-repeat;
    margin-left: 32px;*/
    padding-left: 55px;
    border: 1px solid white;
}

    .cc:hover {
        cursor: pointer;
        /*background:#D4E7F0;*/
        background: #B9CAD3;
        border: 1px solid white;
        color: white;
    }

.title {
    cursor: pointer;
}

    .title img {
        padding-top: 9px;
        padding-right: 5px;
        float: left;
    }

.nav {
    width: 1350px;
    height: 50px;
    background-color: #338fcc;
    margin: 0 auto;
}

.maint {
    width: 1350px;
    height: 10px;
    background: #e0ecff;
    margin: 0 auto;
}

.logo1 {
    float: left;
    line-height: 20px;
    padding-top: 15px;
    padding-left: 50px;
}

    .logo1 h1 {
        color: #ffffff;
        font-size: 1.7em;
    }

.zhuxiao {
    float: right;
}

    .zhuxiao span {
        color: #ffffff;
        font-size: 1.125em;
        padding-left: 10px;
        padding-top: 5px;
    }

    .zhuxiao ul li {
        height: 60px;
        width: 80px;
        float: left;
    }

        .zhuxiao ul li a {
            height: 60px;
            width: 80px;
            color: #ffffff;
        }

            .zhuxiao ul li a:hover {
                background-color: #338fcc;
            }

#btnMenu {
    color: #287BCE;
    border: 1px solid #DCDCDC;
    background-color: Transparent;
    /*border-style: none;
    outline: none;*/
    font-weight: bolder;
    width: 43px;
    background: url("../images/sanjiao.png") no-repeat scroll right center transparent;
    margin-left: 10px;
    margin-top: 15px;
    text-align: left;
    float: left;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px !important;
}

    #btnMenu:hover {
        cursor: pointer;
        border: 1px solid #fff;
        background-color: #ADD8E6;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px !important;
    }

.winMenu {
    position: absolute;
    display: none;
    border: 1px solid #ccc;
    background: #FFFFFF;
    z-index: 999;
    box-shadow: 0 0 18px 3px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 18px 3px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 18px 3px rgba(0, 0, 0, .5);
    width: 200px;
    height: 900px;
    overflow: scroll;
}
/*下面是标签页的*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*#tabs ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
}*/
a {
    color: #428bca;
    text-decoration: none;
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*这是一个字体,可以自定义一个x图片*/
.fa-times:before {
    content: "X";
    color: red;
}

.tabbable {
    border: none;
    /*margin-bottom: 10px;多了最右边滚动条，这里去除*/
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .nav > li {
        position: relative;
        display: block;
    }

.nav-tabs {
    margin-bottom: 0;
    margin-left: 0;
    border: 0;
    top: 2px;
    background-color: #f3f3f3;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.3);
    box-shadow: 0 0 4px rgba(0,0,0,.3);
    border-bottom: 1px solid #ddd;
}

    .nav-tabs > li {
        float: left;
        margin-bottom: 0px;
        margin-left: 5px;
    }

    .nav-tabs li i {
        position: relative;
        margin-left: 10px;
        cursor: pointer;
    }

    .nav-tabs li [class*=" fa-"], .nav-tabs li [class^="fa-"] {
        width: 1.25em;
        display: inline-block;
        text-align: center;
    }

#myTab {
    height: 30px;
    overflow: hidden;
    width: 100%;
}

    #myTab > li {
        height: 25px;
        overflow: hidden;
        margin-top: 2px;
        background: #dedede;
        background: rgba(0,0,0,0.05);
        color: #777;
    }

        #myTab > li.active, #myTab > li:hover, #myTab > li:focus {
            background-color: #fff;
            border-bottom-color: transparent;
            box-shadow: 0 -2px 3px 0 rgba(0,0,0,.15);
        }

        #myTab > li > a {
            position: relative;
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            padding: 3px 0px 8px 10px;
            /*margin: 0 20px 0 0;*/
            border-top: 0px;
            box-shadow: none;
            background: transparent;
            line-height: 17px;
            border: 0;
            max-width: 108px;
            color: #777;
        }

        #myTab > li.active {
            border-top: 2px solid #2dc3e8;
        }

    #myTab li [class*=" fa-"], #myTab li [class^="fa-"] {
        vertical-align: middle;
        margin-left: 0px;
        position: absolute;
        right: 2px;
        margin-top: 10px;
    }

.tab-content {
    background: none;
    padding: 0;
    padding-top: 5px;
    position: relative;
}

    .tab-content > div {
        display: none;
    }

    .tab-content > .active {
        display: block;
    }