/*
	* Author: weishuheng
	* Time: 2013-12-02
	* common.css 为全局公共样式表，所包含的样式都为全局样式
	* common.css 页面左侧导航,头部公导航,底部,页面容器结构等
	* common.css 为网站所有页面公共都必须引用的全局css
**/

body{ color:#88919d; font-family: "Microsoft yahei"; }
.fa{ font-family: Arial,Verdana,Sans-serif }
a,.ca{ color:#88919d; text-decoration: none;}
.darkblue{ color:#656d78}
.wathet{ color:#aab2bd }
.error{color:#f00;}
.dis{color:#d2d2d2;cursor: default;}
.noPage{width:100%;height:100%;position:absolute;left:0;top:0;background:url('/web7/basic/img/noPage.png') center center no-repeat;  }
.noAuthority{width:100%;height:100%;left:0;top:0;background:url('/web7/basic/img/noAuthority.png') center center no-repeat; }
.tiNone{ text-indent:0 !important}

/*滚动栏样式*/
::-webkit-scrollbar {
    width: 10px;
    height: 1px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #333;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #999;
}

/** angular **/
[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\:form{display:block;}
/** angular */
body{ background: url("/web7/dmp/img/bg.jpg") top center #000; color:#A5ADB6; }
.container{ margin-left: 0px; margin-top: 60px; background-color:rgba(0, 0, 0, 0); }
.customNav{ background-color: rgba(0, 0, 0 , 0.8); border-bottom: 1px solid #8E989D; padding: 10px; width: 100%; height: 60px; box-sizing: border-box; position: fixed; top:0; left: 0; z-index: 300; }

.customNav .logo{ float: left; height: 40px; width: 40px; vertical-align: middle; }
.customNav .platName{ float: left; color: #fff; height: 40px; vertical-align: middle; line-height: 40px; font-weight: bold; font-size: 20px; margin:0 20px 0 10px; }
.customNav .navListWrap{ float: left; width: 20px; height: 40px; position: relative; vertical-align: middle; }
.customNav .navListShowBtn{ display: block; cursor: pointer; padding-top: 12px; }
.customNav .navListShowBtn span{ display:block; width: 100%; height: 2px; margin-bottom: 5px; overflow: hidden; background-color: #fff; }
.customNav .navListWrap:hover .navListShowBtn span{animation: bgColorTran 0.2s linear forwards; }
@keyframes bgColorTran {
	0% { background-color: #fff; }
    100%  {background-color: #1AC8E1;}
}
.customNav .navListBox{ position: fixed; left:0; top:0; padding-top: 59px; width: 200px; height: 0%; transition: height 0.5s; box-sizing: border-box; overflow: hidden;}
.customNav .navListWrap:hover .navListBox{ height: 100%; }
.customNav .navListLogoBox{ position: absolute; width: 100%; bottom: 0px; height: 0px; transition: height 0.5s; font-size: 12px; color:#fff; line-height: 40px; text-align: center; }
.customNav .navListWrap:hover .navListLogoBox{ height: 40px; }
.customNav .navListLogo{ width: 24px; height: 24px; margin-right:3px; }
.customNav .navListBox ul{ padding-top: 10px;position: absolute; width: 100%; height: 100%; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.9); border-right: 1px solid #8E989D; }
.customNav .navItem{ display: block; position: relative; height: 50px; line-height: 50px;font-size: 13px; }
.customNav .navItemName{ position: relative; padding-left: 20px;  color: #A9AFB8;  }
.customNav .navItembg{ position: absolute; left: 0; top:0; width: 0%;transition: width 0.2s; height: 100%; background-color:#3E4447 }
.customNav .navItem:hover .navItemName{ color: #fff; }
.customNav .navItem:hover .navItembg{ width: 100%; }
.customNav .navItem.cur .navItembg{ display: none; }
.customNav .navItem.cur{ background-color:#545C61; border-right: 2px solid #fff; }
.customNav .navItem.cur .navItemName{ color: #fff; }
.customNav .navUserName{ height: 40px; line-height: 40px; color: #fff; font-size: 14px; max-width:300px; }
.customNav .navExit{ text-align: center; color: #00c1de; height: 40px; line-height: 40px; font-size: 14px; display: inline-block; cursor: pointer; }


/** 结构 **/
.main{ padding:30px 50px 30px 50px; box-sizing: border-box;}

.footer { padding:0 50px 30px 50px; height: 20px;  line-height: 20px; font-size:12px;}
.outerWrap{ border-radius: 5px; box-sizing:border-box; background-color: rgba(0,0,0,0);}
/*面包屑*/
.locationBox,.tabKey{ padding:0 20px; font-size:16px; color:#656d78; height:40px; line-height:40px; font-weight:bold}

/*导出*/
.export{ text-align: right; }
.export a{ line-height: 20px; font-size: 14px; color:#4da1ff; }