www.gusucode.com > QQ浏览器官网左右滑动效果菜单源码程序 > QQ浏览器官网左右滑动效果菜单/css/style.css
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline} body{ font-family:"Microsoft Yahei", "微软雅黑", Tahoma, Arial, sans-serif} .header{width:1105px;margin:0 auto;height:111px;padding:12px 0 18px;position:relative;*z-index:1} .header .logo{height:86px;width:256px;margin-top:25px} .top-nav .navlist-wrap{width:1050px;margin:0 auto;position:relative} .top-nav .navlist{position:absolute;right:130PX;top:-40PX} .top-nav .navlist .nav-btn{float:left;margin-left:60px;color:#666;vertical-align:middle;text-decoration:none} .navlist .nav-btn span{background:url(../images/broswer_home.png) no-repeat -29px -145px;display:inline-block;width:16px;height:16px;margin-left:4px;vertical-align:middle;*height:12px;*vertical-align:middle;*cursor:pointer;*letter-spacing:0;*margin-left:0;*background-position:-26px -145px} .navlist .btn-active span{background:url(../images/broswer_home.png) no-repeat -8px -145px;*background-position:-5px -145px} .top-nav .expand{height:0px;background-color:#333d4d;overflow:hidden;position:relative;width:100%} .expand .download{height:130px;width:500%;} .expand .download .item{float:left;width:20%} .expand .download .item-active{display:block} .expand .close-btn{width:120px;height:20px;background:url(../images/broswer_home.png) no-repeat -13px -117px;position:absolute;left:50%;bottom:-2px;margin-left:-60px;cursor:pointer;} .download .download-list{text-align:center;height:56px;padding:37px} .download .download-list .btn{display:inline-block;text-decoration:none;color:#586e91;font-size:18px;line-height:24px;margin:0 28px;cursor:pointer} .download .download-list .btn:hover{color:#7896af} .download-list .btn .icon{background-repeat:no-repeat;background-image:url(../images/broswer_home.png);height:56px;width:56px;float:left} .download-list .btn .text{float:left;padding:16px 0 16px 16px} .download-list .zj .icon{background-position:-4px 0} .download .download-list .zj{} .download .download-list .zj:hover .icon{background-position:-5px -57px} .download .download-list .sjgj{} .download .download-list .sjgj .icon{background-position:-58px 0} .download .download-list .sjgj:hover .icon{background-position:-59px -58px} .download .download-list .wdj{} .download-list .wdj .icon{background-position:-169px -4px} .download-list .wdj:hover .icon{background-position:-169px -64px} .download .download-list .jy{} .download-list .jy .icon{background-position:-114px 0} .download-list .jy:hover .icon{background-position:-114px -62px} .download-list .apple .icon{background-position:-225px -1px;width:38px} .download-list .apple:hover .icon{background-position:-225px -58px} .download-list .itools .icon{background-position:-270px 0} .download-list .itools:hover .icon{background-position:-270px -57px} .top-nav .nav-bottom-bg{height:7px;_font-size:1px;background-color:#fff} .btm{ margin:30px auto;} .btm p{ font:normal 12px/24px 'Microsoft YaHei'; text-align:center;}