html,body
{
    overflow-x:hidden;
}

*{
    margin: 0;
    padding: 0;
}
ul,ol{
    list-style: none;
}
body{
    position: relative;
}

/*控制header的浮动图标*/
.float{
    position: absolute;
    width: 22px;
    height: 18px;
    border-radius: 6px 0 6px 0;
    background-color: #f98824;
    text-align: center;
    line-height: 18px;
    font-size:14px;
    color: white;
    top: 82px;
    right: 30px;
    cursor: pointer;
    box-shadow: 0 1px 10px rgba(249, 136, 36, 0.4);
    z-index: 10;
}

/*header区域*/
/*logo和主导航栏*/
.header{
    width: 100%;
    height: 390px;
    z-index: 1;
    position: relative;
}

.headerTop{
    width: 100%;
    height: 90px;
    position: relative;
    z-index: 3;
}

/*logo层*/
.headerTop .logoCen{
    /*width: 22%;*/
    width:420px;
    height: 62px;
    float: left;
    background:url("../img/logo_bj.png") repeat-x;
}
.headerTop .logoCen img{
    position: absolute;
    top: 12px;
    left: 25px;
}
/*拼接小图标*/
    .headerTop .imgF {
        /*position: absolute;
    top: 0;
    right: 78%;*/
    margin-left: -50px;
    }
/*主导航栏*/
    .headerTop .navigationBar {
        /*width: 78%;*/
        width: calc(100% - 438px);
        height: 86px;
        float: right;
        position: absolute;
        top: 0;
        right: 0;
        background: url("../img/navigationBar_bj.png") repeat-x;
    }
.headerTop .navigationBar ul{
    margin-bottom: 0px;
}
.headerTop .navigationBar ul li{
    float: left;
    width: 116px;
    text-align: center;
    font: 100 14px/16px "微软雅黑";
    color: #9cd3ff;
    cursor: pointer;
    margin-left: 2px;
    margin-top: 20px;
}

.headerTop .navigationBar ul li .p1{
    font-size: 18px;
}

#fullScreen{
    font-size: 17px;
    margin-right: 10px;
    margin-top: -2px;
    z-index:99;
}
.headerTop .navigationBar .standby{
    height: 80px;
    float: right;
    margin-right: 15px;
}
.headerTop .navigationBar .standby p{
    font: 100 14px/66px "微软雅黑";
    float:left;
    color: #e3f3ff;
    margin-right: 15px;
    cursor: pointer;
    margin-top: 10px;
}
#pagermakes{
    font-size: 15px;
    line-height: 88px;
    color: white;
    margin-right: 20px;
    cursor: pointer;
}
.headerTop .navigationBar .out{
    float: right;
    height: 80px;
    font-size: 22px;
    line-height: 88px;
    margin: 0 60px 0 10px;
    color: white;
    cursor: pointer;
}


/*banner层*/
.bannerImg{
    width: 100%;
    height: 320px;
    background: url("../img/img_banner.jpg") no-repeat;
    background-size:100% 100%;  
    position: relative;
    overflow: hidden;
    top: -28px;
}
/*用户信息栏*/
.bannerImg .nameImg{
    width: 420px;
    height: 142px;
    margin: 68px 0 0 5.7%;
}
.bannerImg .nameImg .nameD{
    width: 142px;
    height: 142px;
    float: left;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    position: relative;
}
.bannerImg .nameImg .nameK{
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background-color: white;
    position: absolute;
    top: 16px;
    left: 16px;
    overflow: hidden;
}
.bannerImg .nameImg .nameK img{
    width: 110px;
    height: 110px;
}
.bannerImg .nameImg .nameText{
    width: 260px;
    height: 100px;
    float: right;
    margin-top: 16px;
}
.bannerImg .nameImg .nameText ul .li1{
    display: block;
    width: 260px;
    height: 28px;
    font: 600 16px/30px "微软雅黑";
    color: white;
}
.bannerImg .nameImg .nameText ul .li2{
    display: block;
    width: 260px;
    height: 28px;
    font: 100 14px/20px "微软雅黑";
    color: white;
    cursor: pointer;
}


/*快捷图标栏*/
.Cover{
    width:100%;
    height: 48px;
    position: absolute;
    top: 334px;
    left: 0;
    background-color: #f4f4f4
}
.navImg{
    width: 100%;
    height: 48px;
    position: absolute;
    top: 334px;
    left: 0;
    z-index: 4;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}

.navImg ul{
    width: 800px;
    height: 48px;
    padding-left:60px;
    float: left;
    border-radius: 0 20px 0 0;
    background-color: #fd9d48;
}

.navImg ul li{
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    float: left;
    margin: 11px 0 0 30px;
    cursor: pointer;
    color: #398cda;
    font-size: 14px;
    position: relative;
}
.navImg ul li i{
    width: 15px;
    height: 15px;
    position: absolute;
    right: -7px;
    top: -7px;
    cursor: pointer;
}

#navigation li:hover{
    color: #f00 !important;
    font-size: 20px !important;
}
.passImg{
    background: url("../img/passImg.png") no-repeat;
}
.navImg p{
    position: absolute;
    width: 18px;
    height: 18px;
    text-align: center;
    background-color: #fd9d48;
    border-radius: 3px 3px 3px 3px;
    top: 17px;
    left: 30px;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    cursor: pointer;
}
.deleteImg{
    color: #036dbe !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

.threeBtn{
    float: right;
    margin:10px 55px 0 0;
}

/*时间日期待办事项栏*/
.bannerImg .timeDay{
    width: 340px;
    position: absolute;
    bottom: 38px;
    right: 0;
}
.bannerImg .timeDay .weatherTime{
    color: White;
    width: 340px;
    height: 40px;
}
.bannerImg .timeDay .weatherTime #datetime{
    font: 100 22px/40px 微软雅黑;
    float:right;
    margin-right: 30px;
}
.bannerImg .timeDay .weatherTime #date{
    font: 100 22px/40px 微软雅黑;
    float:right;
    opacity: 0.9;
    margin-right: 30px;
}
.bannerImg .timeDay .weather{
    width: 340px;
    height: 76px;
}
.bannerImg .timeDay .weather iframe{
    width: 243px;
    height: 76px;
    float: right;
}
.bannerImg .timeDay .WaitingForProcessing{
    margin-bottom: 10px;
    float:right;
    width: 214px;
}



/*表格区*/
.fromText{
    position: relative;
    height: 100%;
    overflow: hidden;
}
.fromText .left .left-nav button{
    font-family: "微软雅黑";
}
.fromText .left .left-nav i{
    font-size: 30px;
    width: 40px;
    height: 30px;
    line-height: 30px;
    display: block;
    float: left;
    cursor: pointer;
    color: #337ab7;
}
.fromText{
    position: relative;
}

/*表格头部*/
.fromText .left .form-top{
    height: 60px;
    width: 100%;
    border-top: 6px solid #f98824;
    border-bottom: 1px solid #bcbcbc;
    padding: 16px; 
}
.fromText .left .form-top i{
    font-size: 20px;
    text-indent: 5px;
    color: #fb8e2d;
    float: left;
}
.fromText .left .form-top p{
    font: 600 16px/23px "微软雅黑";
    float: left;
    margin-left: 14px;
    color: #414141;
}

/*----------------*/

.fromText .left .form-left{
    height: 420px;
    width: 38%;
    float: left;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4)
}

.fromText .left .form-right{
    height: 420px;
    width: 60.8%;
    float: right;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4)
}
.fromText .left .big-form{
    margin-top: 15px;
}
.fromText .left .big-form .form-data{
    width: 100%;
    height: 100%;
    padding: 20px;
}

.btnLeft{
    float: right; 
}


/*树型导航区*/
.fromText .right{
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
    background-color: #edf0f4;
    z-index: 3;
    position: absolute;
    width: 91%;
}
.fromText .right .headline{
    width: 100%;
    height: 50px;
    background-color: #f98824;
}
.fromText .right .headline i{
    float: left;
    line-height: 50px;
    text-indent: 16px;
    font-size: 15px;
    color: #fff;
}
.fromText .right .headline p{
    float: left;
    width: 60%;
    height: 32px;
    line-height: 50px;
    font-family: "微软雅黑";
    font-size: 14px;
    text-indent: 6px;
    color: #fff;
}

.fromText .right .fast-navigation{
    width: 100%;
    padding: 5px 0 1px 0;
}
.fromText .right .fast-navigation ul>li>a{
    width: 100%;
    text-decoration: none;
    display: block;
    font: 100 14px/48px "微软雅黑";
    color: #6b6b6b;
    cursor: pointer;
}
.fromText .right .fast-navigation>ul>li>a:hover{
    background-color: #c1cbd8 !important;
}
.fromText .right .fast-navigation>ul li i{
    /*text-indent: 10%;chrome版本72.0.3626.81和72.0.3626.109 栏目导航不缩进*/
    padding-left:10%;
}
.fromText .right .fast-navigation>ul li span{
    margin-left: 4%;
}
.fromText .right .fast-navigation>ul li p{
    float: right;
    margin-right: 10%;
    line-height: 48px;
    height: 30px;
}
.fromText .right .fast-navigation ul li .twoLevelMenu{
    display: none;
}
.fromText .right .fast-navigation ul li .twoLevelMenu li{
    height: 49px;
}
.fromText .right .fast-navigation ul li .twoLevelMenu li a{
    background-color:#f4faff;
    border-bottom: 1px solid #e1e5ea;
}
.fromText .right .fast-navigation ul li .twoLevelMenu li a:hover{
    background-color: #dfe7f1 !important;
}
.fromText .right .fast-navigation ul li .twoLevelMenu li i{
    /*text-indent: 17%;chrome版本72.0.3626.81和72.0.3626.109 栏目导航不缩进*/
    padding-left:17%;
}

/*快捷导航显示隐藏操作*/
.formF{
    position: absolute;
    width: 20px;
    height: 24px;
    background-color: #f98824;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    border-radius: 6px 0 6px 0;
    box-shadow:0 1px 10px rgba(249, 136, 36, 0.5);
    color: white;
    top: 14px;
    right: 40px;
    cursor: pointer;
    z-index: 4;
}

.gai {
    /*position: absolute;
    width: 432px;*/
    width: 400px;
    height: 50px;
    top: 0;
    right: 0;
    z-index: 1;
    background-color: White;
}

.content-iframe{
    margin-top: 16px;
}


.content-tabs{position:relative;height:51px;line-height:32.5px;font-size:13px; border-bottom:1px solid #bcbcbc;}
.content-tabs .roll-nav,.page-tabs-list{position:absolute;top:10px;}
.content-tabs .roll-left{left:0; cursor:pointer;}
.content-tabs .roll-right{right:0; cursor:pointer;}
.content-tabs button{float:right;border:none;background-color:#fff;border-radius:3px;border:1px solid #bcbcbc;}
.content-tabs button i{color: #999;}
.content-tabs nav.page-tabs{margin-left:34px;width:100%;height:48px;overflow:hidden}
.content-tabs nav.page-tabs .page-tabs-content{float:left;margin-top:10px;}
.content-tabs .page-tabs a{display:block;float:left;padding:0 15px;padding-right:8px;text-decoration:none;color:#475059;margin-left:5px;border-radius:3px }
.content-tabs .page-tabs a:first-child{padding-right:15px;}
.content-tabs .page-tabs a.active{background: #5bc0de;color: #fff;border-radius:3px;}
.content-tabs .page-tabs a i{margin-top:-10px;right: 0px;position: relative;color: #fff;}
.content-tabs .page-tabs a i:hover{color:#000 !important;}
.content-tabs .page-tabs a.active i:hover{color:#fff !important;}
.content-tabs .roll-right.tabRight{right:150px;z-index:2;}
.content-tabs .roll-right.btn-group button{width:100px;z-index:2;}
.content-tabs .roll-right.tabExit{background:#fff;height:39px;width:40px;outline:0}