@charset "utf-8"; 
@import url(../base/base.css);
@import url(../base/iconfont.css);
@import url(../base/ui.css);
/*公用*/
html, body {font-family: "Source Sans Pro","Helvetica Neue", Helvetica, Arial,sans-serif, "Microsoft YaHei";font-size: 14px;color: #58666e;line-height: 1.42857143;}
a{color:#4c5161}
a:hover{color:#1890ff}
i{margin-right: 5px}
/*布局*/
#app-navbar {position: absolute;top:0px;left: 0;right: 0;bottom: 0;z-index:100;width:74px;background-color:#333744;z-index:4;}
#app-navbar li{display: block;overflow:hidden;cursor:pointer;text-align: center;padding: 12px 0px;}
#app-navbar li p{color: #FFF}
#app-navbar li .icon{font-size:24px}
#app-navbar li:hover,#app-navbar li.focus{background: #282B35;}
#app-navbar .user{position:absolute;bottom:2px;right:0px;left:0px;}
#app-navbar a{display: block;color: #FFF}
#app-title{position:fixed;z-index:3;top:0px;bottom:0px;left:74px;right: 0px;background: #fff;height: 50px;border-bottom:1px #dadfe6 solid;box-shadow: 0 1px 4px rgba(0,21,41,.08);}
#app-title .appname{display: block;font-weight: 600;float: left;text-align: center;line-height:49px;height: 49px;background-color: #F2F6FF;width:140px;font-size: 16px;padding:0px 10px;border-right: 1px solid #dadfe6;color: #1890ff;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
#app-title .breadcrumb{float: left;height: 50px;font-size: 14px;line-height:50px;padding:0px 10px;color: rgba(0, 0, 0, 0.45);;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
#app-title .breadcrumb ul{display: inline-block;}
#app-title .breadcrumb li {display: inline-block;padding-right: 5px;}
#app-title .breadcrumb li a {color:rgba(0, 0, 0, 0.45);} 
#app-title .appuser{float:right;line-height: 50px;cursor:pointer;line-height:49px;height: 49px;background-color: #F2F6FF;width: 140px;text-align: center;}
#app-title .appuser span{padding-right: 10px;}
#nav{position:fixed;top:50px;bottom:0px;left:74px;width:140px;z-index:2;overflow-y:auto;overflow-x:hidden;border: 1px solid #dadfe6;border-width: 0px 1px;background: #FFF;color: #1b212e;}
#nav::-webkit-scrollbar {width: 10px;height: 10px;}
#nav::-webkit-scrollbar-thumb {border-radius: 5px;background: rgba(0,0,0,0.2);}
#nav::-webkit-scrollbar-track {border-radius: 0;background: rgba(0,0,0,0.1);}
#main{position:fixed;top:50px;bottom:0px;right:0px;left:214px;overflow:hidden;background: #FfF;z-index:1;}
/*子菜单 */
#subnav{position:fixed;top:50px;bottom:0px;left:214px;z-index:2;display: none;border:1px solid #dadfe6;border-width:0px 1px 0px 0px;width:100px;}
#subnav a{width:99px;line-height:40px;font-size:14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-bottom: 1px #ebf2fe solid;color:#333;display: block;padding-left:20px;}
#subnav a:hover,#subnav a.focus{background: #F2F6FF;color:#333744;}
/*左侧菜单*/
#homeLink{position: relative;;height: 60px;background: #3399ff;}
#homeLink:before {position: absolute;top: 0;right: 0;left: 0;display: block;height: 60px;content: ' ';
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAAB2CAMAAAAZbkpvAAAAulBMVEUAAAAAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAAAAAAD///////////////8AAAD///////////8AAAAAAAD////////IjkQBAAAAPXRSTlMAM9qBBUVo09Ctx26Xcb39YxsSjjcZ37OqLx/1e1VCCD0j+UxIFuOhhwztlCy4qaQpGMt3Xicg58SbEQnqY7/VNwAAA1BJREFUeNrt1mlT4kAQgOFeCQQQCCSQINGEU5ZLFPFg1/7/f2t7ZmAjORRGqqTKfj5YExV9M0cAGGOMMcYYY4wxxhhj7GcwLhD9YXTdLhIHInX31h1AbTp9K8A+B+ml3d3VYFGrLUM4iSaSCg1aV5KDQkEMOwaQIl3mbCS16E7sCX0tI7kEpefTRd+O/u5gEIAeZ+UjsRZ2x8KElzrARHy/7MnfqrXJLITeG+ImFlVDcg07T0hyoAV3hk1MYTVhiHFduBQ/2o9ai3HRiObSFGvb+1rUQEb1F6Udz1f3+pgSVUWyFzWaqluIdJF4oGNj9lEwWzLKgchAbbZeZUxMOW93FZIzUqLuYq8mS3mvoEPd0Zjm22m3x++nu9EmdVDmSMqgJKLUDfj7R6+BxNU7jp13G3RNE+HY4g86NLpRp8gRyh/O1ORW/rief0+t+/VXo67kAczTqC43mJy3xQF7aoaZ/I52lAP///+FIW79RQzv1FGPC+JRTQuzlbSjrNcAII+CWrSCeiCkzUK/F496xY8MNaPI43ZOytGbz/YuRy0iI2+vGmSS2OhBIYsvVkE7qt+g2fE8rzQHpVmiq/V+lPs0GqWdvmzzIAhC7agNjZ7ycU/J5ZvOwkTU9cUHStpRFh00O7ldrVbKRh8noi4wi+7zs7k7Zz1MmqedvtZxUTcaUXe751Qr5WB3VJSv3mbcioskSI9yi3G+blTPUlEkqAtLFJZynAcVNVOfREpqNoepUR4kXOlGbeJvBiMURqCoqN/QUFFGdlQFEkaaUa1+PMpGwT5FlK0ZVcczjGrlZhpRa/HA0lg+nU8J0SMCm+lRoYoycu1lAHN5ugrbqJVtxISP2lE3SKo0KLmS2mT9W+k13IsyLpF01YxOUQpUVLYuHMswre0LJ5hmvheVk70TEGgsuOEnUS+h3odhWpfDol7VrEpv6l+KdS5itmkAR2ssVqta1RDDsZnkGVA3zVWXFtc0izfVYrE9AOXR87xl1ZbbMJdpPQLGGGOMMcZYil9bcE44iqM46kA/I4odu3xntaQcxVEcdaCfEcWOXb7DR0kcxVEcxVHsHHy+aPf3zw+g7/RRD3/+gp7TR90/a9ecPopqaKm+37bpXi3Vmfj2pUrxD9iHU+Cb4oPPAAAAAElFTkSuQmCC) no-repeat bottom left;
-webkit-background-size: 100% 100%;background-size: 100%;-webkit-transition: background-color .2s;-o-transition: background-color .2s;transition: background-color .2s;}
#homeLink:after {position: absolute;top: 48px;right: 0;left: 0;display: block;width: 0;height: 0;content: ' ';border-color: transparent transparent #3a3c4f transparent;border-style: solid;border-width: 0 0 12px 74px;}   
#nav h1{box-shadow: 0px 1px 3px 1px rgba(2,2,2,.11);display: inline-block;text-align: center;width:140px;height: 50px;font-size: 16px;line-height:50px;padding:0px 10px;background: #fff;color: #3f4a56;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
#nav h1 a{color: #3f4a56;padding:5px 0px}
#nav h1 .icon{font-size:25px;vertical-align:-20%}
#nav dl{width:100%;border-bottom: 1px #ebf2fe solid;}
#nav dt{line-height:50px;padding:0px 10px;font-size:16px;cursor:pointer;font-size: 14px;cursor: pointer;font-weight: 500;}
#nav dt:hover{background: #F2F6FF;}
#nav dt i.right-icon{float:right;font-size: 12px;}
#nav dd{width:100;line-height:40px;font-size:14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#nav dd a{color:#333;display: block;padding-left:20px;}
#nav dd:hover,#nav dd.focus{background: #F2F6FF;color:#333744;}
#nav dd a:hover,#nav dd.focus a{color:#333744}
#nav dd.focus{font-weight: 600;}
/*嵌入框架*/
#iframe{width: 100%;height: 100%;overflow:hidden;}
/*弹出层*/
#layer {display:none;background: #fff;width:140px;border: 1px #dadfe6 solid;border-width:0px 1px 1px 1px;box-shadow: 0 1px 4px rgba(0,21,41,.08);}
#layer > .item {padding: 10px 20px;}
#layer > .item:hover{background-color: #ebf2fe}
#layer > .item.divider{border-bottom:1px solid #ebf2fe;}
#layer a:hover{color:#4c5161}
/*浮动*/
.leftlayer{background-color: #ffffff;display: none;}
.leftlayer .title{padding: 0 20px;padding-top: 10px;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-flow: row nowrap;-webkit-box-align: center;align-items: center;height: 65px;box-sizing: border-box;-webkit-box-pack: justify;justify-content: space-between;}
.leftlayer .title span{font-size: 22px;font-weight: 100;}
.leftlayer .title .iconfont{font-size: 18px;padding: 5px 10px;justify-content: flex-end;}
.leftlayer .title .iconfont:hover{background: #F7F9FA}
.leftlayer .bodys{display: flex;flex-flow: row wrap;margin:5px 0px 0px 23px;}
.leftlayer .bodys a{background: #FAF9F8;margin: 0 10px 10px 0;font-size: 14px;font-weight: 400;width: 130px;height: 130px;line-height: 30px;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;text-decoration: none;}
.leftlayer .bodys a:hover{background-color: #efefef;color: #444}
.leftlayer .bodys img{width: 80px;height: 80px;border-radius:5px}
.leftlayer .bodys .icon{font-size: 47px;}