body { background-color:#606060; } nav { width:300px; height:auto; padding:20px 20px; } nav ul { padding:0; margin:0; } nav ul li { width:300px; height:45px; list-style:none; font-family:"微软雅黑"; color:white; font-weight:bold; overflow:hidden; -webkit-transition:all .5s linear; -ms-transition:all .5s linear; border-bottom:1px solid #a9a9a9; } nav ul li a { display:block; color:#4d4d4d; width:300px; height:45px; text-align:left; line-height:45px; background-color:white; text-decoration:none; } .text { float:left; width:80%; display:inline-block; } .text i { font-size:20px; } .i { float:left; width:20%; display:inline-block; font-size:20px; } .submenu li { width:300px; height:45px; text-align:center; line-height:45px; background-color:#a8a8a8; } .submenu li:hover { background-color:#de5f03; } .i { margin:0 auto; -webkit-border-radius:110px; -webkit-transition:0.2s ease-out; -ms-transform:0.2s ease-out; -webkit-transition:0.2s ease-out; } .ul { -webkit-transform:rotateZ(180deg); }