/*浮动-清除*/
.fL{float:left}
.fR{float:right}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both}
.header-wraper{width:100%;height:60px;background:#4877fc;position: relative;}
.header-logo{width:256px;border-right:1px solid #1a4edd;height:100%;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.header-logo .logo-image{background: url(../img/logo-oa.png) no-repeat; width:170px;height:31px;margin-left:40px;margin-top:15px;}
.header-logo img{/*height:30px;*/padding-top:15px;}
.header-nav{text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-left:1px solid #4877fc;height:100%;}
.header-nav ul.nav-li{height:100%;}
.header-nav ul.nav-li li{float:left;list-style:none;height:100%;padding:0 20px;border-right:1px solid #1a4edd;position: relative;}
.header-nav ul.nav-li li a {text-decoration:none;color: #fff;padding-top:18px;display:inline-block;}
.header-nav ul.nav-li li.active{background:#fff;color:#333}
.header-nav ul.nav-li li.active a{color:#333}
.header-nav ul.nav-li li a .triangle.up {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 10px solid #fff;display: inline-block;}
.header-nav ul.nav-li li a .triangle.down {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 10px solid #fff; display: inline-block;}
.header-nav ul.nav-li li.active a .triangle.up {border-bottom-color:#333 ;}
.header-nav ul.nav-li li.active a .triangle.down {border-top-color:#333 ;}
.header-nav ul.nav-li li:hover {background: #f8f8f9;}
.header-nav ul.nav-li li:hover a{color: #4877fc;}
.header-nav ul.nav-li li:hover a .triangle.up{border-bottom-color: #4877fc;}
.header-nav ul.nav-li li:hover a .triangle.down{border-top-color: #4877fc;}
.nav-popbox,.sys-set .sys-set-pop{background:#fff;box-shadow: 0px 1px 1px 1px #ccc;display:block;position: absolute;left:0;right:0;top:60px;padding: 10px;width:200px;z-index:800}
.nav-popbox .pop-item{float:left;width: 100%}
.nav-popbox .pop-item .items-block{margin:0 10px 0px 0;width:100%;}
.nav-popbox .pop-item .items-block h3{font-size:14px;color:#4877fc;}
.nav-popbox .pop-item .items-block h3 img{width:14px;vertical-align: middle;margin-right:8px;}
.nav-popbox .pop-item .items-block p{padding:5px 10px;width:100%;}
.nav-popbox .pop-item .items-block p:hover{background: #f1f1f1;}
.nav-popbox .pop-item .items-block p>a{padding-top:0;}
.nav-popbox .pop-item .items-block p>a>b{color:#4877fc;font-size:18px;vertical-align: middle;padding-right:4px;}


.sys-set{position:absolute;right:20px;top:0;padding:15px 20px;}
.sys-set .user-hd-img{width:30px;height:30px;display: inline-block;}
.sys-set .user-hd-img img{width:30px;height:30px;border-radius:50%;}
.sys-txt{display: inline-block;line-height: 30px;font-size:14px;vertical-align:top;color:#fff;padding-left:10px;}
.sys-set.active{background:#fff;}
.sys-set.active .sys-txt{color:#333;}
.sys-set .sys-set-pop{width:auto;padding:0;}
.sys-set .sys-set-pop .set-popcont a{color:#333;text-decoration: none;padding:10px 20px;display: block;border-bottom:1px solid #eee;}
.sys-set .sys-set-pop .set-popcont a:hover{background:#f1f1f1;}



.logo-con{
    background: #fff !important;
    
}
.logo-con h1{
    color:#4877fc !important
}

.ivu-shrinkable-menu{
    background-color: #fff!important;
}
.ivu-menu-dark,.ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened,.ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-submenu-title{
    background-color: #fff !important;
    color:#333 !important;
}
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item, .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title{
    color:#333 !important;
}


.ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened{
    background-color: #fff!important;
}
.main .sidebar-menu-con {
background-color: #fff;
}
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item:hover,.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item:hover, .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title:hover,.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active, .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:hover{
    background: #eaf2ff !important;
    color:#4877fc !important;
}