body .mainmenu:after { clear: both; content: " "; display: block; }
body .mainmenu li { float:left; margin-left: 2.5%; margin-top: 2.5%; width: 30%; border-radius:5px; overflow:hidden; }
body .mainmenu li a { display:block; color:#ffffff; text-align:center; padding:15px 0; }
body .mainmenu li a b { display:block; }
body .mainmenu li a img { width: 50px; height: 50px; }
body .mainmenu li a span { display:block; height:20px; line-height:20px; color: #ffffff; font-size:14px; }
body .mainmenu li:nth-child(9n+1) {background-color:#f3b613}
body .mainmenu li:nth-child(9n+2) {background-color:#fc5366}
body .mainmenu li:nth-child(9n+3) {background-color:#8c67df}
body .mainmenu li:nth-child(9n+4) {background-color:#84d018}
body .mainmenu li:nth-child(9n+5) {background-color:#ff8a4a}
body .mainmenu li:nth-child(9n+6) {background-color:#36A1DB}
body .mainmenu li:nth-child(9n+7) {background-color:#14c760}
body .mainmenu li:nth-child(9n+8) {background-color:#678ce1}
body .mainmenu li:nth-child(9n+9) {background-color:#3F6DE4}