CSS menu

ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #0000FF;//#DE7333;
}

li {
float: left;
}

.liquit {
float: right;
}

.liquit a{
background-color: #C15500;
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

li a {
background-color: #C15500;
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
border-left: 2px solid #bbf;
}

li a:hover:not(.active) {
background-color: #111;
}

.active {
background-color: #4CAF50;
}

/* 设置二级菜单绝对定位，并隐藏 */
ul > li > ul {
position: absolute;
display: none;
}

/* 设置二级菜单的li的样式 */

ul > li > ul > li {
float: none;
}

/* 鼠标放在一级菜单上，显示二级菜单 */

ul > li:hover ul {
display: block;
}

ul > li > ul > li > a {
width: 120px;
line-height: 36px;
color: #456;
background-color: #eff;
text-align: center;
border: 1px solid #ccc;
border-top: none;
display: block;
}

/* 在二级菜单中，第一个设置顶边框 */

ul > li > ul > li:first-child > a {
border-top: 1px solid #ccc;
}

/* 在二级菜单中，鼠标放上去的样式 */

ul > li > ul > li > a:hover {
color: #a4f;
background-color: #cdf;
}

#footer {
position:absolute;
bottom:0;
width:99%;
height:45px;
background-color: #2CAF30;
}

p {
color: white;
text-align: center;
}

#box{
width:120px;
font-size: 12px;
font-family: “宋体”;
}
#box ul{
margin:0px;
padding:0px;
list-style-type: none;
}
#box li{
border-bottom: #ed9f9f solid 1px;

}
#box li a{
display: block;
padding: 5px 5px 5px 8px;
text-decoration: none;
border-left: 12px solid #711515;
border-right: 1px solid #711515;
}

#box li a:link{
background-color: #c11136;
color:#ffffff;
}
#box li a:visited{
background-color: #c11136;
color:#ffffff;
}
#box li a:hover{
background-color: #990020;
color:#ffff00;
}

.main_left{
width: 15%;
height: 85%;
color: white;
float:left;
background:#2CAF20;
cursor:pointer;
}

.main_right{
width: 84%;
height: 85%;
float:right;
background:#c0c0c0;
cursor:pointer;
}

.main_left ul{
margin:0px;
padding:0px;
list-style-type: none;
}
.main_left ul li{
border-bottom: #ed9f9f solid 1px;

}
.main_left ul li a{
display: block;
padding: 5px 5px 5px 8px;
text-decoration: none;
border-left: 12px solid #711515;
border-right: 1px solid #711515;
}

.bor{
border:1px dashed #F00;
margin-top:10px
}

.tableLine {
width: 90%;
background: #ccc;
margin: 10px auto;
border-collapse: collapse;
}
.tableLine tr:nth-child(even)
{
//background:#F00;
}
.tableLine th,td {
height: 25px;
line-height: 25px;
text-align: center;
border: 1px solid #ccc;
}
.tableLine th {
background: #eee;
font-weight: normal;
}
.tableLine tr {
background: #fff;
}
.tableLine tr:hover {
background: #cc0;
}
.tableLine td a {
color: #06f;
text-decoration: none;
}
.tableLine td a:hover {
color: #06f;
text-decoration: underline;
}

.tabNoLine {
width: 90%;
background: #ccc;
margin: 10px auto;
border-collapse: collapse;
}

.tabNoLine th {
background: #eee;
font-weight: normal;
}
.tabNoLine tr {
background: #fff;
}
.tabNoLine tr:hover {
//background: #cc0;
}
.tabNoLine td a {
color: #06f;
text-decoration: none;
}
.tabNoLine td a:hover {
color: #06f;
text-decoration: underline;
}

• 首页
• 用户注册
  • 用户注册
  • 用户资料编辑
• 客户管理
  • 客户管理
  • 设备管理
  • 设备状态
  • 日志查询
  • 文件管理
• 系统管理
  • 角色权限
  • 数据字典
  • 设备维修记录
  • 数据备份
• 推送管理
  • 信息推送
  • 推送结果查询
• 数据分析
  • 设备工作情况
  • 用户使用情况
• 退出