:root{
    --btnBgColor:#4758ef;
    --mainColor:#4758ef;
}
a,a:visited,a:hover,a:link{
    text-decoration:none;
}
.input-bottom {
    height: 28px;
    border: none !important;
    border-bottom: 1px solid #999 !important;
    background-color: transparent;
    outline: none;
}
ul,li,ol{
    padding-left:0px !important;
}

/*头部*/
.headerTop{
    height:50px;
    width:100%;
    background:#23262e ;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    padding-right:20px;
    box-sizing:border-box;
    z-index:242;
    position:relative;
}
.headerTop>div:first-child{
    font-size:20px;
    letter-spacing:4px;
    color:#ffffff;
    width:204px;
    text-align:center;
    background:#0c0c0c;
    height:100%;
    line-height:50px;
}
.headerTop>div{
    /*width:40%;
    width:250px;*/
}
.headerTop>div:nth-child(n+2){
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
}
.headerTop>div:nth-child(2){
    width:calc(100% - 690px);
}
    .headerTop > div:nth-child(2) ul {
       
        display: flex;
        
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin: 0;
    }
        .headerTop > div:nth-child(2) ul > li {
         
            width: 100px;
            height: 50px;
            display: flex;
            flex-direction: row;
            align-items: center;
            font-size: 15px;
            color: #ffffff;
            cursor: pointer;
            justify-content: center;
            font-weight: bold;
        }
.headerTop > div>div>span{
    color:#ffffff;
    letter-spacing:10px;
    font-size:18px;
    width:100px;
    text-align:center;
    line-height:50px;
    cursor:pointer;
}
.headerTop > div ul:nth-child(2) > li.activeLI,.headerTop > div ul:nth-child(2) > li:hover,.headerTop > div>div>span:hover{
    background:#337ab7;
    margin-top:0;
}
.headerTop > div:nth-child(2) ul > li.activeLI{
    position:relative;
}
.headerTop > div:nth-child(2) ul > li.activeLI::after{
    position: absolute;
    left: 41%;
    bottom: 0px;
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
}
.headerTop > div:last-child{
    justify-content:flex-end;

}
.headerTop > div:last-child > div {
    margin-right:20px;    
    padding:0px 5px;
    cursor:pointer;
}
.headerTop > div:last-child > div a{
    display:block;
}
.headerTop > div:last-child > div>a>img{
    max-height:20px;
}
.headerTop > div:last-child > div.weatherDiv>a>img{
    max-height:25px;
}
.headerTop > div:last-child > div:last-child{
    margin:0;
}


.page-header-fixed .page-container{
    margin-top:0 ;
    width:100%;
	height: calc( 100vh  -  50px );
    background:#f1f1f1;
}




.zjXfys_search{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    height:50px;
    padding:0px 20px;
}
.zjXfys_search>div{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    height:50px;
    margin-right:20px;
}
.zjXfys_search>div>div:first-child{
    margin-right:5px;
}
.zjXfys_search>div input{
    width:150px;
    height:30px;
    border-radius:3px !important;
    border:1px solid #dddddd;
    padding:0px 5px;
}
.zjXfys_search>div a.searchBtn{
    background:var(--btnBgColor);
    color:#ffffff;
    padding:6px 15px;
    border-radius:5px !important;
}
.zjXfys_search>div a.searchBtn:hover{
    opacity:0.8;
}

/*表单页*/
.formDiv{
    width:98%;
    height:100%;
    margin:15px auto;
    overflow:hidden;
    box-shadow:0px 0px 15px #dddddd;
    padding:15px;
}
.titleDiv{
    width:100%;
    height:40px;
    border-bottom:1px solid #dddddd;
    font-size:15px;
    font-weight:bold;
    color:#4758ef;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    margin-bottom:10px;
}
.titleDiv>span.xianSpan{
    display: inline-block;
    width: 4px;
    height: 20px;
    background: #4758ef;
    border-radius: 7px !important;
    margin-right: 10px;
}
.formGroup {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    /*    margin-bottom:15px;*/
    margin-bottom:8px;
    padding: 0px 15px;
    box-sizing: border-box;
}
.formGroup>div{
    width:49.5%;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
}
.formGroup>div>label{
    width:100px;
    font-size:12px;
    font-weight:normal;
}
.formGroup>div>div{
    width:calc(90% - 100px)
}
.redFont{
    color:#ff0000;
}
.formGroup>div>div input,.formGroup>div>div select{
    border:1px solid #dddddd;
    border-radius:5px !important;
    outline:none;
}
.form-control.focus, .form-control:focus {
    border-color: #dddddd;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.zcAddress{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
}
.zcAddress>div{
    width:32% !important;
    
}
.zcAddress>div>a,.chosen-select+div>a{
    border-radius:5px !important;
}
.uploadDiv{
    position:relative;
}
.uploadDiv>input{
    opacity:0; 
    position:absolute;
    left:0;
    top:0;
    z-index:111;
    cursor:pointer;
}
.uploadDiv>a{
    display:block;
    height:100%;
    border:1px solid #dddddd;
    width:100%;
    border-radius:5px !important;
    line-height:30px;
    height:30px;
    padding-left:10px;
}
.twoUpload{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
}
.twoUpload>.uploadDiv{
    width:49%;
}
/*左侧菜单*/
.mainPannel{
    height:calc( 100vh - 50px );
    width:100%;
    overflow:hidden;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
}
.navigation{
    height:calc( 100vh - 50px);
    width:204px;
    z-index:1;
    background:#23262e;
    position:relative;
}
.shouHideDiv{
    position:absolute;
    right:0px;
    top:48%;
    z-index:13213;
    height:32px;
    display:flex;
    flex-direction:row;
    align-items:center;
     cursor:pointer;
}
.shouHideDiv>img{
    width:15px;
}
ul#accordion>li>div.link{
    background:#23262e;
    color:#ffffff;
}
.accordion {
    overflow: hidden;
    border-top: #333 1px solid;
}
.accordion .link{
    border-bottom:0px solid #23262e;
    height: 45px;
    line-height: 45px;
}
.submenu{
    background:#0c0c0c;
    border-bottom: 1px solid #23262e;
}
.taskbarTabs{
    border-top:0;
    height:48px;
    line-height:45px;
    margin:0;
    background:#ffffff;
}
.taskbarTabs>div{
    height:45px;
    width:auto;
}
#dww-menu{
    padding-top:0;
    background: #f1f1f1;
    padding-left: 15px;
}
#dww-menu>div{
    height:45px;
}
#tabs_container{
    height: 45px;
    overflow: hidden;
    margin: 0;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
}
#dww-menu .mod-hd>ul>li{
    height:100%;
    border:0;
    display:flex;
    flex-direction:row;
    align-items:center;
    background:#f1f1f1;
}
#dww-menu .mod-hd > ul > li:hover{
    background:#ffffff;
}
#dww-menu .mod-hd>ul>li a{
    color:#333333;
}
#tabs_container li .win_close{
    top:15px;
}
#ContentPannel{
    width:calc(100vw - 204px);
    height:calc(100vh - 50px);
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:flex-end;
    background:#f8f8f8;
}
#ContentPannel>div{
    width:100%;
}
#ContentPannel iframe{
/*    width:calc(100vw - 226px);
    margin-top:15px;*/
    box-sizing:border-box;
    background:#ffffff;
    /*margin-right: 14px;*/
}
.accordion .link{
    padding: 0px 30px 0px 20px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    font-size:14px !important;
    letter-spacing:1px;
    color:rgb(191, 187, 187) !important
}
.accordion .link span{
    font-size:14px !important;
    
}

.submenu .link {
    padding: 0px 30px 0px 10px !important;
}
    ul #accordion > li.open > div.link {
    /*background:#737373;*/
}
ul#accordion > li.open > div.link span {
    color:#ffffff;
}

.b-children li a {
    margin-left:20px;
}
.thirdMenu {
   padding:8px 0px 8px 30px !important;
}
ul.submenu > li {
    color: rgb(191, 187, 187) !important;
    /* height: 40px; */
    /* line-height: 40px; */
    /* width: 100%; */
    padding: 2px 0px 2px 0px;
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    font-size: 14px !important;
    /* letter-spacing: 1px; */
    display: block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
ul.submenu>li:last-child{
    border:0;
}
ul.submenu>li:hover{
    background:#737373;
    color:#ffffff;
    cursor:pointer;
}
/*form 页样式 */
.formDiv{
    width:100%;
    height:100%;
    padding:15px;
    margin:0;
}
.xfTable{
    border-top:1px solid #dddddd;
    border-left:1px solid #dddddd;
}
.xfTable tr td{
    border-right:1px solid #dddddd;
    vertical-align: middle !important;
    text-align:center;
}
.yanShou{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
}
.yanShou>div{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    margin-right:20px;
    padding-right:10px;
    box-sizing:border-box;
    width:50%;
}
.yanShou>div>div:last-child{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
}
.yanShou > div>div:first-child {
    min-width:80px;    
}
.yanShou>div input{
    height:30px !important;
    border:1px solid #cccccc;
    border-radius:5px !important;
    margin-right:10px;
}
.yanShou>div input.input-sm{
    border-top-right-radius:0 !important;
    border-bottom-right-radius:0 !important;
}
.yanShou>div>div>a{
    display:block;
    border-radius:3px !important;
}
.input-group-sm>.input-group-btn>.btn{
    height:30px !important;
}
.btnDivBg{
    height:40px;
    width:100%;
}
.btnDiv{
    position:fixed;
    bottom:0;
    width:100%;
    left:0;
    z-index:11111;
    background:#ffffff;
    box-shadow:-2px 0px 10px rgba(0,0,0,.5);
    height:40px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
}
.btnDiv>a{
    margin-right:10px;
    padding:5px 20px;
    border-radius:5px !important;
}
td.contentLeft{
    text-align:left !important;
}
.accordion li i.chevron-down{
    top:15px;
}
.headerTop > div:last-child > div.userInfoDiv{
    position:relative;
}
.headerTop > div:last-child > div.userInfoDiv>a{
    display:flex;
    height:45px;
    align-items:center;
    color:#ffffff;
    width:100%;

}
.headerTop > div:last-child > div.userInfoDiv>a img{
    margin-right:10px;
}
.headerTop > div:last-child > div.userInfoDiv>a b{
    margin-right:10px;
        font-size:14px;
}
.headerTop > div:last-child > div.userInfoDiv>ul{
    display: none;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    width:90px;
    position: absolute;
    top: 47px;
    right: 0px;
    background: #ffffff;
    box-shadow: 0px 0px 15px #666666;
    border-radius: 3px !important;
    outline:none;
}
.headerTop > div:last-child > div.userInfoDiv>ul:before{
    position:absolute;
    content:"";
    width:0;
    height:0;
    top:-20px;
    left:0;
    right:0;
    margin:0 auto;
    border-top:10px solid transparent;
    border-bottom:10px solid #ffffff;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
}
.headerTop > div:last-child > div.userInfoDiv > ul > li {
    height:40px;
    width:90px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
}
.headerTop > div:last-child > div.userInfoDiv>ul>li>a{
    display:block;
    color:#333333;
    width:100%;
    height:100%;
    line-height:35px;
    text-align:center;
    
}
.headerTop > div:last-child > div.userInfoDiv>ul>li:first-child{
    border-bottom:1px solid #dddddd;
}
.headerTop > div:last-child > div.userInfoDiv>ul>li:hover{
    background:#2a3448;
    color:#ffffff;
}
.headerTop > div:last-child > div.userInfoDiv>ul>li:hover>a{
    color:#ffffff;
}
.xuzhiSection{
    padding:20px 40px;

}
.xuzhiSection>div{
    width:100%;
    text-align:center;
}
.xuzhiSection>div:first-child{
    font-size:16px;
    height:35px;
    font-weight:bold;
}
.xuzhiSection>div>a{
    width:100px;
    background:#0094ff;
    border-radius:5px !important;
    color:#ffffff;
    display:block;
    margin:0 auto;
    height:35px;
    line-height:35px;
}
.proInfoDiv{
    padding-left:20px;
}
#agreeBtn>a{
    cursor:pointer;
}
#agreeBtn>a.disabled{
    background:#dddddd;
    border-color:#dddddd;
    color:#666666;
}
.searchForm>.input-group{
    width:100%;
}

.searchForm>.input-group form{
   /* width:100%;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;*/
}
    .searchForm > .input-group form > div.form-group {
        /*display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;*/
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .searchForm > .input-group form > div.form-group label {
        /*  width:auto;
    min-width:100px;
    margin-bottom:0;*/
        margin-top: 8px;
        margin-right: 8px;
        float: left;
        text-align: center;
    }
#btnSearch {
   margin-left:20px
}
.searchForm > .input-group form button {
    /*  border-radius:3px !important;
    margin-right:10px;*/
}


.required:after{
    content:""
}
.formForm input,.formForm select{
    height:32px;
    
}
.formForm .input-group-sm>.form-control{
    height:30px;
}
.flexHorizontal{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
}
.formForm .col-sm-8,.formForm .col-sm-10{
    padding-left:0;
}
.flexHorizontal input{
    width:68%;
}
.col-sm-10.flexHorizontal input {
    width:92%;
}
.formForm span.danWeiSpan{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size:15px;
    padding-left:10px;
    margin:10px auto;
    position:relative;
    width:100%;
    border-bottom:1px solid #dddddd;
    display:block;
    padding-bottom:10px;
    height:35px;
}
.formForm span.danWeiSpan:after{
    content:"";
    position:absolute;
    left:0;
    top:3px;
    width:4px;
    height:20px;
    border-radius:15px;
    background:#ff0000;
}
.bg-red {
   border-color: #d84a38 !important;
    background-image: none !important;
    background-color: #ffffff !important;
    color: #0c0c0c !important;
}
.input-group-sm > .form-control {
    height:30px !important;
}
.submenu .link i.submenu-chevron-down {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 16px;
    height: 16px;
    display: block;
    background: url(../Images/layout_arrows.png) repeat-x;
    background-position-x: 500%;
}

.submenu .link:hover i.submenu-chevron-down {
    background: url(../Images/layout_arrows_white.png) repeat-x;
    background-position-x: 500%;
}

.submenu .action i.submenu-chevron-down {
    background: url(../Images/layout_arrows_white.png) repeat-x;
    background-position-x: 500%;
    background-position-y: 97%;
}