看看合不合你用
* {margin: 0;overflow: hidden;}
i,em,strong{font-style: normal;}
.bar{border-radius: 10px;width: 450px;box-sizing: ;}
.sndli em{display: block;float: right;height: 30px;border-right: 1px dashed #666;margin: 5px 0 0 0;}
a{text-decoration: none;height: 40px;width: 150px;line-height: 40px;color: #000000;display: block;background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#b8c4cb), to(#f6f6f8))}
ul,li{margin: 0;padding: 0;}
.outli>li{list-style: none;float: left;box-sizing: border-box;text-align: center;position: relative;}
.inli li{list-style: none;box-sizing: border-box;text-align: center;background:#DCDCDC;}
ul.inli{display: none;}
.inli0>li{float: left;width: 33%;}
.inli0>li:hover{background: #AAA;}
ul.outli>li.sndli:hover>ul{display: block;}
1
1.1
1.12
1.13
1.21
1.22
1.23
1.31
1.32
1.33
2
2.1
2.12
2.13
2.21
2.22
2.23
2.31
2.32
2.33
3
3.1
3.12
3.13
3.21
3.22
3.23
3.31
3.32
3.33
