@charset "utf-8";
ul, ol, li{
  line-height:normal;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0
}
dl {
  margin:0
}
dd {
  margin-left:0
}
body{
  font: 12px/1.5 tahoma,arial,'Hiragino Sans GB',"微软雅黑",sans-serif;
}
a {
  outline:none;
} 
a {
  color: #0088cc;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #005580;
  text-decoration:none;
}
.login.copy-right{
  position:fixed;
  bottom: 0;
  left:50%;
  margin-left: -112px
}
.login-top{
  width:100%;
  height:220px;
  background: url(login-bg.jpg) no-repeat center center;
  margin-bottom:30px;
}
.login-top h4,.login-top h5{
  text-align: center;
  color:#fff;
  text-shadow:1px 1px 1px #333;
}
.login-top h4{
  font-size:48px;
  margin:70px 0 0 0;
}
.login-item .login-form{
  width: 400px;
  margin:0 auto;
}
.side-nav {
  width:50px;
  position:fixed;
  left:0;
  top:0;
}
.side-nav h1{
  background:#5bc0de;
  color:#fff;
  font-size: 24px;
  height:50px;
  line-height: 50px;
  margin:0;
  text-align: center
}
.side-nav ul{
  margin:0;
  padding:0;
  border-right:1px solid #5bc0de;
}
.side-nav ul li {
  width:50px;
  height:50px;
}
.side-nav ul li a{
  display:inline-block;
  color:#999;
  font-size: 18px;
  width:50px;
  height:50px;
  line-height: 50px;
  text-align: center
}
.side-nav ul li a:hover{
  color:#31b0d5
}
.side-nav ul li a.active{
  color:#5bc0de;
}
.warp-content {
  margin-left:50px;
}
.page-nav {
  margin-bottom:10px;
}