/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */

   html,
   body,
   div,
   span,
   object,
   iframe,
   h1,
   h2,
   h3,
   h4,
   h5,
   h6,
   p,
   blockquote,
   pre,
   abbr,
   address,
   cite,
   code,
   del,
   dfn,
   em,
   img,
   ins,
   kbd,
   q,
   samp,
   small,
   strong,
   sub,
   sup,
   var,
   b,
   i,
   dl,
   dt,
   dd,
   ol,
   ul,
   li,
   fieldset,
   form,
   label,
   legend,
   article,
   aside,
   canvas,
   details,
   figcaption,
   figure,
   footer,
   header,
   hgroup,
   menu,
   nav,
   section,
   summary,
   time,
   mark,
   audio,
   video {
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
  }
  body {
    line-height: 1
  }
  ul,li{
   margin:0;
   padding:0;
 }
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section {
  display: block
}

nav ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none
}

a {
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold
}

del {
  text-decoration: line-through
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}

input,
select {
  vertical-align: middle
}

li {
  list-style: none
}



/* =============================================================================
   My CSS
   ========================================================================== */


   /* ---- base ---- */

   html,
   body {
    width: 100%;
    height: 100%;
    background: #F7FAFC;
  }

  html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  body {
    font: normal 90% Arial, Helvetica, sans-serif;
  }

  canvas {
    display: block;
    vertical-align: bottom;
  }
  .pull-left{float: left;}
  .pull-right{float: right;}
  .page-home .panel-body{background:url("images/bg-home.png") top right no-repeat;}
  .layout-split-proxy-h{position:absolute;width:2px;background:#888;font-size:1px;cursor:e-resize;display:none;z-index:5;}
  .layout-split-north{border-bottom:5px solid #efefef;}
  .layout-split-south{border-top:5px solid #efefef;}
  .layout-split-east{border-left:0px solid #efefef;}

  a:link{text-decoration:none;}
  a:visited{text-decoration:none;}
  a:hover{text-decoration:underline;}
  a:active{text-decoration:none;}
  .cs-north{height:60px;background:#0072B5;overflow:hidden;}
  .cs-north-bg{width:100%;height:100%;background:url(images/header_bg.png) repeat-x;}
  .cs-north-logo{height:40px;margin:10px 0px 0px 5px;display:inline-block;color:#FFF;font-size:15px;font-weight:bold;text-decoration:none;}
  .cs-west{width:200px;padding:0px;}
  .cs-navi-tab{padding:5px;}
  .cs-tab-menu{width:120px;}
  .cs-home-remark{padding:10px;padding-top: 0;padding-bottom:2%}
  .wrapper{float:right;height:30px;margin-left:10px;}
  .ui-skin-nav{float:right;padding:0;margin-right:10px;list-style:none outside none;height:30px;}
  .ui-skin-nav .li-skinitem{float:left;font-size:12px;line-height:30px;margin-left:10px;text-align:center;}
  .ui-skin-nav .li-skinitem span{cursor:pointer;width:10px;height:10px;display:inline-block;}
  .ui-skin-nav .li-skinitem span.cs-skin-on{border:1px solid #FFFFFF;}
  .ui-skin-nav .li-skinitem span.gray{background-color:gray;}
  .ui-skin-nav .li-skinitem span.default{background-color:blue;}
  .ui-skin-nav .li-skinitem span.bootstrap{background-color:#D7EBF9;}
  .ui-skin-nav .li-skinitem span.black{background-color:black;}
  .ui-skin-nav .li-skinitem span.metro{background-color:#FFE57E;}
  .ui-skin-nav .li-skinitem span.pepper-grinder{background-color:#BC3604;}
  .ui-skin-nav .li-skinitem span.blue{background-color:blue;}
  .ui-skin-nav .li-skinitem span.cupertino{background-color:#D7EBF9;}
  .ui-skin-nav .li-skinitem span.dark-hive{background-color:black;}
  .ui-skin-nav .li-skinitem span.sunny{background-color:#FFE57E;}
  .icon-logo{display:inline-block;width:42px;height:45px;background:url("images/home-sprite.png") -178px -22px no-repeat;vertical-align:middle;}
  .toplink{float:right;text-align:center;}
  .toplink a{height:60px;padding-top:10px;width:132px;color:#fff;display:inline-block;border-left:1px solid rgba(255,255,255,.2);padding-left:.2rem;}
  .toplink a:hover{text-decoration:none;color:#2AC8F3;}
  .toplink .icon{display:inline-block;width:42px;height:45px;background:url("images/home-sprite.png") -178px -22px no-repeat;vertical-align:middle;}
  .toplink .icon-user{background:url("../imgs/user-icon.png") 0 5px no-repeat;}
  .toplink .icon-qrcode{background:url("../imgs/qrcode-icon.png") 0 5px no-repeat;}
  .toplink .icon-quit{background:url("../imgs/exit-icon.png") 5px 5px no-repeat;}
  .user-infor{float:left;margin-left:50px;position: absolute;left:0;bottom:0}
  .user-infor dl{padding:0;}
  .user-infor dt{text-align:center;width:80px;height:80px;display:inline-block;background:#2AC8F3;vertical-align:middle;margin-right:10px;transform:scale(.9);}
  .user-infor dd{display:inline-block;vertical-align:middle;margin-left: 15px;}
  .user-infor .icon-user{width:48px;height:48px;background:url("../imgs/images/touxiang.png") 0 0 no-repeat;display:inline-block;margin-top:17px;}
  .user-infor dd h3{color:#2AC8F3;font-weight:normal;font-size: 16px;font-family: "微软雅黑";font-weight: lighter;}
  .user-infor dd h3 span{color:#FF2A00;}
  .user-infor .icon-edit{width:19px;height:19px;background:url("images/home-sprite.png") -117px -165px no-repeat;display:inline-block;vertical-align:middle;}
  .user-infor dd p{font-size:12px;color: #999;}
  .timer .date{margin-top: 85px;}
  .timer{width：60%;float:right;color:#2AC8F3;margin-right:50px;position: absolute;bottom:0;right:0}
  .timer span{font-size:38px;font-family:"微软雅黑";font-weight:lighter;}
  .apm{font-size:38px;display:inline-block;margin-top:35px;margin-right:10px;font-family:"微软雅黑";font-weight:lighter;margin-left:10px;background: #128CD5;background-image:-webkit-linear-gradient(left,#128CD5,#32DCFD);background-image:linear-gradient(left,#128CD5,#32DCFD);padding:2px 5px;color:#fff;line-height:1;}


  .system-title{position:absolute;bottom:6%;left:60px;width: 100%;height:12%;line-height:53px;}
  .system-title h6{margin:5px;font-weight:normal;font-size:18px;color:#00BDEF;}
  .system-title small{text-transform:uppercase;letter-spacing:6px;color:#f2f2f2;font-size:10px;transform:scale(.95);display:inline-block;}
  .system-title  .icon-qrcode{background:url("../imgs/images/home-sprite.png") 0 0 no-repeat;display: inline-block;width: 53px;height: 53px;float: left;margin-right: 10px;transform:scale(.9)}

  .tree-lines a:link{color:#0072B5!important;}
  .tree-lines a:visited{color:#999!important;}
  .tree-lines a:active{color:#32DBFD!important;}
  .line{width: 100%;height: 8px;background: #f2f2f2;margin-bottom:2%}
  .bg-home-bot{position: absolute;right: 0;bottom: 0;top: 458px;width: 645px;background:url("images/bg-home-bot.png") top right no-repeat;background-size: contain;}
  .tabs-wrap{border-bottom:8px solid #eee;}
  .tabs li.tabs-selected a.tabs-inner{background: #eee;border-bottom: 1px solid #eee;}

  /*菜单*/
  .layout-split-west{border-right:0px solid #efefef;}
  .layout-split-west .panel-body{border: none;}
  .tree-node{height: 36px;}
  .tree-node:hover{background: #243342;}
  .tree-node:hover .tree-title,.tree-node:hover .tree-lines a{color: #95A5A6!important;}
  .tree-title{height: 36px;line-height: 36px;}

  ul.tree>li>ul>li>.tree-node{background: #2C3E50;}
  .tree-node-selected{background: #3E5871;color: #2AC8F3!important;}

  .tree-join,.tree-line,.tree-expanded,.tree-joinbottom{background: none!important;}
  .tree-icon{
   margin-top:7px!important;
   margin-right:5px;
 }
 .panel-title{
  font-weight: bold;
  color: #0072B5;
  height: 16px;
  line-height: 16px;
}
.panel-header{
  padding:5px;
  position:relative;
}
.layout-split-west {top: 0!important;z-index: 9999;bottom: 0px;background: #34495E;}
.layout-split-west .panel-header{height: 47px;background: #3598DB url("images/brand-logo.png") no-repeat 10px center;border-color: #3598DB;}
.layout-split-west .panel-header .panel-title{display: none;}
.layout-expand{top: 0!important;bottom: 20px;z-index: 9999;}
.layout-expand .panel-body{height: 100%!important;}
.layout-expand{background: #34495E;}
.cs-north-logo{color:#fff;margin-left: 30px;float: left;}
.panel-body-noheader{border: none;}
.cs-north{background: #FFFFFF;border-bottom: 1px solid #eee;}
.toplink a{color: #3598DB;}
.layout-split-west .layout-button-left{color: #fff;}
.layout-split-west .layout-button-left:hover,.layout-button-right:hover{background: none!important;text-decoration: none;}
.layout-button-right{color: #fff;font-size: 14px;}
.layout-split-west .tree-folder-open,.layout-split-west .tree-file{margin-top: 10px;}
.toplink{position: absolute;top: 0;right: 0;left:0;}
.toplink .icon-down{background:url("../imgs/download-icon.png") 0 5px no-repeat;}

.layout-panel-west a,.layout-panel-west .panel-body{
	color:#999;
}
.layout-panel-west a:hover,.layout-panel-west .panel-body:hover{
	text-decoration:none;
}
.layout-panel-west .layout-body{
	background:#34495E;
}
.layout-button-left,.layout-button-right{
	background:url('../../../imgs/toggle-icon.png') 0 0 no-repeat;
	background-size:cover;
}
.layout-split-west .layout-button-left:hover, .layout-button-right:hover {
	text-decoration: none;
	background:url('../../../imgs/toggle-icon.png') 0 0 no-repeat !important;
	background-size:cover!important;
}
.tabs-wrap{
	border-bottom:none!important;
}
.index-bg{
  background:url("../imgs/images/bg-home.png") top right no-repeat;
}