@charset "UTF-8";
html{
  overflow:hidden;
   font:normal 12px "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
}
body{
  height:100%;
}
#menu{
  position:absolute;
  left:0;
  top:0;
  width:300px;
  height:100%;
  overflow:hidden;
  background:#F2F2F2;
  border-right:1px solid #DDD;
}
.menu-header{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:164px;
  background:#FFF;
  overflow:hidden;
}
.logo{
  width:100%;
  padding:20px 0;
}
.logo img{
  width:160px;
  margin-left:70px;
}
.logo h1{
  margin-top:10px;
  text-align:center;
  font-size:14px;
  font-weight:normal;
  color:#999;
}
#ul-menu{
  background:#F2F2F2;
}
#ul-menu li{
  margin:20px;
}
.menu-body{
  position:absolute;
  left:0;
  top:164px;
  bottom:0;
  width:100%;
  overflow:hidden;
  overflow-y:auto;
}
#body{
  position:absolute;
  left:300px;
  right:0;
  top:0;
  height:100%;
  overflow:hidden;
}
ul{padding-left:20px}
ul a{text-decoration:none;color:#000;font-size:15px;}
a:hover{color:#007CD5}
a:visited{color:#999}
ol{
  padding-left:10px;
  display:none;
}
#ul-menu ol li{margin:10px}
ol a{color:#444;font-size:14px;}
ol a:hover{text-decoration:underline;}
ol a:active,a.active{color:#007CD5}
input.text,input[type="text"]{
 height: 30px;
 text-indent: 10px;
 outline:none;
 border:1px solid #DDD;
 -webkit-transition:all .2s linear 0s;
 -moz-transition:all .2s linear 0s;
 -ms-transition:all .2s linear 0s;
 -o-transition:all .2s linear 0s;
 transition:all .2s linear 0s;
}
input.text:hover,input[type="text"]:hover,input[type="text"]:focus{
 border:1px solid #0F9AE0 \9;
 border-color:rgba(82,168,236,0.8);
 -webkit-box-shadow:0 0 8px rgba(102, 175, 233, 0.6);
 -moz-box-shadow:0 0 8px rgba(102, 175, 233, 0.6);
 -ms-box-shadow:0 0 8px rgba(102, 175, 233, 0.6);
 -o-box-shadow:0 0 8px rgba(102, 175, 233, 0.6);
 box-shadow:0 0 8px rgba(102, 175, 233, 0.6);
}
#search{
  display:block;
  width:90%;
  margin:0 auto;
}