*{margin: 0px;padding: 0px;border: 0px;font-family: '仿宋';font-size: 18px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html,body{width: 100%;height: 100%;overflow-y: hidden;}


.transparent {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;background:#7c7c7c;}
.mask{width: 100%;height: 100%;position: absolute;z-index: 100;top: 0px;left: 0px;display: none;}
#loading{width: 40px;height: 40px;position: absolute;top: 50%;left: 50%;margin-left: -20px;margin-top: -20px;background: url('../img/loading.gif') no-repeat;background-size: 100% 100%;}


#header{height: 80px;background: #456285;color: #ffffff;min-width: 1048px;border-bottom: 1px solid #c0c0c0;}
#header .logo{height: 100%;cursor: pointer;float: left;min-width: 120px;}
#header .logo a{height: 100%;display: inline-block;}
#header .logo img{height: 100%;}

#header .headerMain{height: 100%;float: left;padding-right: 10px;padding-left: 10px;}
#header .headerMain .headerMessage{height: 40px;width:100%;line-height: 39px;text-align: center;font-size: 22px;}
#header .headerMain .headerMessage .horizontalSplitLine{height: 1px;background: #c0c0c0;}

#header .headerMain .tabSet{height: 40px;width:100%;font-size: 20px;}
#header .headerMain .tabSet .tab{height: 40px;float: left;line-height: 40px;text-align: center;cursor: pointer;padding-right: 3px;}
#header .headerMain .tabSet .tab:HOVER{background: #02376D;color: #ffffff;height: 40px;}
#header .headerMain .tabSet .tab:HOVER .glyphicons-208-remove{display: inline-block;}
#header .headerMain .tabSet .tab .glyphicons-208-remove:HOVER{color: #D0DFEF;}
#header .headerMain .tabSet .tab .icon{line-height: 40px;padding-left: 15px;padding-right: 15px;height: 40px;display: inline-block;}
#header .headerMain .tabSet .tab .tabName{display: none;vertical-align: top;}
#header .headerMain .tabSet .tab .fullName{display: none;}
#header .headerMain .tabSet .tab .glyphicons-208-remove{display: none;font-size: 12px;margin-top: 5px;margin-left:-10px;vertical-align: top;}
#header .headerMain .tabSet .active{background: #ffffff;color: #666666;height: 41px;font-weight: bold;}
#header .headerMain .tabSet .active .icon{padding-right: 3px;height: 40px;display: inline-block;}
#header .headerMain .tabSet .active .tabName{display: inline-block;padding-right:15px;}
#header .headerMain .tabSet .active .glyphicons-208-remove{display: inline-block;}


#toolTipMessage{background: #02376D;border-radius: 5px;padding: 2px 10px;font-size: 20px;position: absolute;display: none;z-index: 800;font-weight: bold;color: #ffffff;}
#toolTipPoint{position: absolute;display: none;}
#toolTipPoint span{font-weight: 100;font-size: 15px;color: #02376D;z-index: 799;}


#panel{width: 100%;}
#panel iframe{width: 100%;height: 100%;min-width: 1048px;display: none;}
#panel .active{display: block;}


.menuBox{position: absolute;left: 0px;width: auto;background: #456285;font-size: 20px;border-top: 1px solid #c0c0c0;border-right: 1px solid #c0c0c0;display: none;overflow: hidden;}
.menuBox>.menu{width: 230px;padding-left: 5px;padding-right: 5px;color: #ffffff;cursor: pointer;}
.menuBox>.menu:HOVER{color: #02376D;background: #7BC0F4;}
.menuBox>.active{color: #02376D;background: #7BC0F4;}
.menuBox>.menu>span{display: inline-block;height: 40px;line-height: 40px;width: 35px;text-align: center;vertical-align: top;}
.menuBox>.menu>.menuName{display: inline-block;width:150px;height: 40px;text-align: left;}
.menuBox>.menu>div{width: 95%;height: 1px; background: #c0c0c0;margin: 0 auto;}
.menuBox>.menu>.fullName{display: none;}

.alertBox{position: absolute;width: 350px;top: 50%;left: 50%;margin-left: -200px;margin-top: -100px;background: #D0DFEF;border-radius: 5px;display: none;z-index: 500;}
.alertBox .alertBoxHeader{width: 100%;height: 30px;background: #456285;color: #ffffff;font-size: 20px;line-height: 30px;border-top-left-radius: 5px;border-top-right-radius: 5px;padding-left: 8px;}
.alertBox .alertBoxHeader .close{float: right;line-height: 30px;margin-right: 5px;font-weight: 100;font-size: 16px;}
.alertBox .alertBoxHeader .close:HOVER{cursor: pointer;color: #D0DFEF;}
.alertBox .alertBoxHeader .alert{color: #D4DBE3;}
.alertBox .alertBoxMessage{text-align: center;color: #000000;min-height: 150px;}
.alertBox .alertBoxMessage strong{font-size: 24px;line-height: 40px;font-weight: 700;}
.alertBox .alertBoxFooter{border-top: 1px solid #eeeeee;height: 40px;position: absolute;left: 0px;width: 100%;bottom: 0px;text-align: right;}
.alertBox .alertBoxFooter a:HOVER{color: #fff;text-decoration: none;}

.glyphicons-208-remove{font-size: 13px;}
.btn-gray{display: inline-block;height: 26px;background: #5578a4;color: #ffffff;text-align: center;line-height: 26px;margin: 8px;cursor: pointer;font-size: 18px;text-decoration: none;padding: 0px 5px;border: 1px solid #bfbfbf;border-radius: 3px;}
.btn-green{display: inline-block;height: 26px;background: #9ACD32;color: #ffffff;text-align: center;line-height:26px;margin: 8px;cursor: pointer;font-size: 18px;text-decoration: none;padding: 0px 5px;border: 1px solid #bfbfbf;border-radius: 3px;}
.btn-dark-blue{display: inline-block;height: 26px;background: #456285;color: #ffffff;text-align: center;line-height: 26px;margin: 8px;cursor: pointer;font-size: 18px;text-decoration: none;padding: 0px 5px;border: 1px solid #6d8db4;border-radius: 3px;}
.btn-red{display: inline-block;height: 26px;background: #CC0001;color: #ffffff;text-align: center;line-height: 26px;margin: 8px;cursor: pointer;font-size: 18px;text-decoration: none;padding: 0px 5px;border: 1px solid #ff3737;border-radius: 3px;}
.btn-blue{display: inline-block;height: 26px;background: #0099FF;color: #ffffff;text-align: center;line-height: 26px;margin: 8px;cursor: pointer;font-size: 18px;text-decoration: none;padding: 0px 5px;border: 1px solid #71c6ff;border-radius: 3px;}

.btn-inline-dark-blue{line-height:22px;display: inline-block;height: 22px;background: #456285;color: #ffffff;text-align: center;line-height: 22px;margin: 0px 2px;cursor: pointer;font-size: 14px;padding: 0px 3px;border-radius: 3px;vertical-align: top;}
.ztree div.diy span.btn-inline-dark-blue{line-height:22px;display: inline-block;height: 22px;background: #456285;color: #ffffff;text-align: center;line-height: 22px;margin: 5px 2px;cursor: pointer;font-size: 14px;padding: 0px 3px;border-radius: 3px;vertical-align: top;}
.btn-inline-red{line-height:22px;display: inline-block;height: 22px;background: #CC0001;color: #ffffff;text-align: center;line-height: 22px;margin:  0px 2px;cursor: pointer;padding: 0px 3px;border-radius: 3px;vertical-align: top;}
.ztree div.diy span.btn-inline-red{line-height:22px;display: inline-block;height: 22px;background: #CC0001;color: #ffffff;text-align: center;line-height: 22px;margin:  5px 2px;cursor: pointer;padding: 0px 3px;border-radius: 3px;vertical-align: top;}
.btn-inline-green{line-height:22px;display: inline-block;height: 22px;background: #9ACD32;color: #ffffff;text-align: center;line-height: 22px;margin: 0px 2px;cursor: pointer;font-size: 14px;padding: 0px 3px;border-radius: 3px;vertical-align: top;}
.ztree div.diy span.btn-inline-green{line-height:22px;display: inline-block;height: 22px;background: #9ACD32;color: #ffffff;text-align: center;line-height: 22px;margin: 5px 2px;cursor: pointer;font-size: 14px;padding: 0px 3px;border-radius: 3px;vertical-align: top;}

.toolbar{width: 100%;}


.listBox{width: 100%;overflow: hidden;padding:0px 5px;}
.listBox .listBoxHead{width: 100%;border-collapse: collapse;border-spacing: 0;border-right: 1px solid #c0c0c0;border-left: 1px solid #c0c0c0;border-top: 1px solid #c0c0c0;}
.listBox .listBoxHead thead th{	background: #456285;color: #FFFFFF;	border-right: 1px solid #c0c0c0;height: 32px;line-height: 32px;}
.listBox .listBoxContent{width: 100%;overflow-y:auto;overflow-x:hidden; border: 1px solid #CDD6D5;}
.listBox .listBoxContent table{border-collapse: collapse;border-spacing: 0;}
.listBox .listBoxContent td{min-height:38px;background: #337AB7;padding: 8px 8px 8px 8px;border-right: 1px solid #F4F4F4;color: #000000;word-wrap:break-word;word-break:break-all;}
.listBox .listBoxContent tr:HOVER td{background: #CCCCCC; color: #FFFFFF;}
.listBox .listBoxContent .even td {background: #EEEEEE;}
.listBox .listBoxContent .odd td{background: #FAFAFA;}

.treeBox{width: 100%;overflow: hidden;padding:0px 5px;}
.treeBox .treeBoxHead{width: 100%;border-collapse: collapse;border-spacing: 0;border-right: 1px solid #c0c0c0;border-left: 1px solid #c0c0c0;border-top: 1px solid #c0c0c0;}
.treeBox .treeBoxHead thead th{	background: #456285;color: #FFFFFF;	border-right: 1px solid #c0c0c0;height: 32px;line-height: 32px;}
.treeBox .treeBoxContent{width: 100%;overflow-y:auto;overflow-x:hidden; border: 1px solid #CDD6D5;}

.dialogBox{position: absolute;background: #D0DFEF;border-radius: 5px;z-index: 300;top: 50%;left: 50%;margin-left: -250px;margin-top: -200px;width:500px;height: 400px;display: none;}
.dialogBoxHeader{width: 100%;height: 30px;background: #456285;color: #ffffff;font-size: 20px;line-height: 30px;border-top-left-radius: 5px;border-top-right-radius: 5px;padding-left: 8px;}
.dialogBox .dialogBoxHeader .close{float: right;line-height: 30px;margin-right: 5px;font-weight: 100;font-size: 16px;}
.dialogBox .dialogBoxHeader .close:HOVER{cursor: pointer;color: #D0DFEF;}
.dialogBox .dialogBoxHeader .alert{color: #D4DBE3;}
.dialogBox .dialogBoxmain{color: #777777;font-size: 24px;overflow: auto;}
.dialogBox .dialogBoxmain>div{border-bottom:1px dotted #cccccc;}
.dialogBox .dialogBoxmain label{margin-right: 5px;}
.dialogBox .dialogBoxmain>div>label:first-child{width: 140px;text-align: right;display: inline-block;padding-right: 5px;margin-right: 5px;background: none;height: 40px;line-height: 40px;font-weight: bold;border-right: 1px dotted #cccccc;}
.dialogBox .dialogBoxmain span{width: 380px;background: none;height: 30px;line-height: 30px;font-size: 18px;color: #000000;display: inline-block;}
.dialogBox .dialogBoxmain select{border: 1px solid #ffffff;width: 380px;border-radius: 3px;background: none;height: 30px;line-height: 30px;}
.dialogBox .dialogBoxmain input[type="text"],.dialogBox .dialogBoxmain input[type="password"]{border: 1px solid #ffffff;width: 380px;border-radius: 3px;background: none;height: 30px;line-height: 30px;}
.dialogBox .dialogBoxmain textarea{border: 1px solid #ffffff;width: 380px;border-radius: 3px;height: 90px;background: none;resize: none;}
.dialogBox .dialogBoxFooter{border-top: 1px solid #ffffff;height: 40px;width: 100%;text-align: right;resize: none;}












