body{background:#f5f5f5;}

/* header */
.header{position:fixed;width:100%; height:50px; background:#589dea; -webkit-box-shadow:0 1px #4d92df; -moz-box-shadow:0 1px #4d92df; box-shadow:0 1px #4d92df;z-index:2;}
.logo{ padding-left:32px; font:22px/50px "Microsoft Yahei"; color:#fff;}
.nav{ position:absolute; top:0; right:0; margin-right:10px;}
.nav li{ float:left; width:46px; }
.nav li a{ display:block; height:34px; padding-top:16px; text-align:center;}
.nav li a:hover{ background:#3185e3;}

.nav .icon{ display:inline-block; _display:inline; _zoom:1; width:18px; height:18px; background:url(../images/icons02.png) no-repeat; vertical-align:middle;}
.nav .icon-home{ background-position:0 0;}
.nav .icon-help{ background-position:0 -18px;}
.nav a:hover .icon-home{ background-position:-18px 0;}
.nav a:hover .icon-help{ background-position:-18px -18px;}
.administrator{ position:absolute; top:0; right:110px; width:auto; z-index:1;}
.administrator .head{ float:left; margin-top:7px;border-radius:50%;}
.admin{ float:left; height:50px; line-height:50px;}
.admin .set{ position:relative; z-index:99;}
.admin .set_nav{ display:block; height:50px; padding:0 21px 0 6px; background:url(../images/icons02.png) right -36px no-repeat; color:#fff;}
.admin .set_nav:hover{ text-decoration:none;}
.admin .level2{ display:none; position:absolute; top:50px; width:105px; background:#589dea; z-index:100;}
.admin .level2 li{ *display:inline;}
.admin .level2 a{ display:block; padding:0 10px 0 32px; line-height:34px; color:#fff;}
.admin .level2 a.s{ background:url(../images/icons02.png) left -86px no-repeat;}
.admin .level2 a.q{ background:url(../images/icons02.png) left -120px no-repeat;}
.admin .level2 a.h{ background:url(../images/static.png) 10% center no-repeat;}
.admin .level2 a.l{ background:url(../images/login.png) 10% center no-repeat;}
.admin .level2 a:hover{ text-decoration:none;}
.admin .level2 a.s:hover{ background:#4d92df url(../images/icons02.png) left -86px no-repeat;}
.admin .level2 a.q:hover{ background:#4d92df url(../images/icons02.png) left -120px no-repeat;}
.admin .level2 a.h:hover{ background:#4d92df url(../images/static.png) 10% center no-repeat;}
.admin .level2 a.l:hover{ background:#4d92df url(../images/login.png) 10% center no-repeat;}

/* content */
.content{ position:relative; _zoom:1;}

/* side */
.side{ position:fixed; top:50px;left: 0; bottom:0; width:210px; background:#3c5066; zoom:1;}
.side .info a{ display:block; padding-left:35px; border-bottom:1px solid #53667c; font:bold 14px/50px 微软雅黑; color:#fff;}
.side .info a:hover,.side .info.active{ border-left:3px solid #f86e4a; background:#2c4056; color:#8b9fb5; text-decoration:none;}


.sideNav-sub li a{ padding-left:36px; font-weight:normal;}
.sideNav-sub li a:hover{ color:#fff; text-decoration:none;}
.sideNav-sub .active a,.sideNav-sub .active a:hover{ border-left:2px solid #ec5d4d; background:#f5f5f5; color:#3c5066;}

.tree{border-bottom: 1px solid #53667c; background:#3c5066; overflow:auto;}
.tree ul{ clear:both;}
.tree li{ _display:inline-block;}
.tree a{ display:block; color:#8b9fb5;}
.tree a:hover{ text-decoration:none;}
.tree .secondUl,.tree .thirdUl{ display:none;}
.tree .firstDefault{ padding-left:18px; margin-left:17px; background:url(../images/icons02.png) left -294px no-repeat; font:bold 12px/38px 微软雅黑;}
.tree .firstTitle{ padding-left:16px; margin-left:19px; background:url(../images/icons02.png) left -154px no-repeat; font:bold 12px/38px 微软雅黑;}
.tree .firstTitleActive{ padding-left:19px; margin-left:16px; background:url(../images/icons02.png) left -192px no-repeat;}

.tree .secondDefault{ padding-left:18px; margin-left:32px; background:url(../images/icons02.png) left -297px no-repeat; font:12px/32px 微软雅黑;}
.tree .secondTitle{ padding-left:15px; margin-left:35px; background:url(../images/icons02.png) left -230px no-repeat; font:12px/32px 微软雅黑;}
.tree .secondTitleActive{ padding-left:17px; margin-left:33px; background:url(../images/icons02.png) left -262px no-repeat;}

.tree .thirdDefault{ padding-left:50px; font:12px/30px 微软雅黑;}
.tree .defaultActive{ color:#fff;}

/* main */
.main{ margin-left:210px;padding-top:50px;}
.dataIframe{ width:100%; overflow:auto; vertical-align:top;}

/* 2015-8-19 */
.dataIframe{ min-width:965px;min-height: calc(100% - 50px);}

/* 2015-8-19 */
.side .arrow{ position:absolute; right:-10px; top:45%; width:10px; height:80px; background:url(../images/side-arrow01.png) left top no-repeat;}
.side .arrow02{ background:url(../images/side-arrow02.png) left top no-repeat;}
.dataIframe{ min-width:992px;}