www.gusucode.com > 团购网站商品分类导航代码源码程序 > 团购网站商品分类导航代码/css/style.css
/*reset*/ body, p, b, dl, dd, table, td, th, input, img, form, div, ul, li, h1, h2, h3, h4, h5, h6{margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline} h1, h2, h3, h4, h5, h6{font-weight: 400;font-size: 100%} ol, ul{list-style: none} input, textarea, select, button{font-size: 100%;font-family: inherit} img, iframe{border: 0;text-decoration: none} table{border-collapse: separate;border-spacing: 0} th, td{text-align: left;font-weight: 400} del{text-decoration: line-through} em{font-style: normal} body{font: 12px/1.4 Helvetica, \5B8B\4F53, Arial, sans-serif;color: #333} a{text-decoration: none;color: #255fb1} a:hover{text-decoration: underline} button, input, select, textarea{margin: 0} .hide{display: none} .relative{position: relative} .float-right{float: right} body{background-color: #f2f1ed} /*nav*/ .header-wrap{background-color: #fff;width: 100%} .header{z-index: 199} .navwrap{background: #9b0000 url(img/img_new/nav-bg.jpg) repeat-x;height: 36px;border-top: 1px #9c1900 solid;border-bottom: 1px #8a1501 solid;box-shadow: 0 1px 2px #999;-webkit-box-shadow: 0 1px 2px #999;-moz-box-shadow: 0 1px 2px #999} #nav{height: 36px;width: 980px;margin: 0 auto;position: relative;padding: 0;z-index: 99} .shadow{width: 6px;height: 36px;background: url(img/img_new/nav-shadow.jpg) no-repeat;position: absolute;top: 0;left: -6px} .navbar{height: 36px;padding-left: 210px;position: relative} .navbar a{float: left;width: auto;text-align: center;height: 36px;line-height: 36px;color: #fff;padding: 0 15px;text-decoration: none;font-size: 15px;font-family: "\5FAE\8F6F\96C5\9ED1";white-space: nowrap;border-right: 1px #931900 solid;border-left: 1px #a52600 solid;position: relative} .navbar a.first{border-left: 0 none} .navbar a.last{border-right: 0 none} .navbar a:hover{background-color: #8d1e01;color: #fff} .navbar a.current{background-color: #6c1500;border-right: 1px #6c1500 solid;box-shadow: 0 0 10px #4f0000 inset;-webkit-box-shadow: 0 0 10px #4f0000 inset;-moz-box-shadow: 0 0 10px #4f0000 inset} .navbar a:hover{text-decoration: none} .navbar a.current:hover{color: #fff} .navbar .navbt{width: 105px;height: 30px;position: absolute;top: 3px;right: 10px;background: url(img/img_new/navbt.jpg) no-repeat;border: 0 none;float: none;font-size: 14px;line-height: 30px;padding: 0} a.navbt span{background: url(img/img_new/iconmap.jpg) no-repeat 1px 3px;padding-left: 18px} .navbar a.navbt:hover{background: transparent url(img/img_new/navbt-hover.jpg) no-repeat} .navbar a.navbt:hover span{background-image: url(img/img_new/iconmap-hover.jpg)} .newtg{display: block;width: 25px;height: 12px;position: absolute;right: 1px;top: -1px;z-index: 100;background: url(img/img_new/new-icon.png) no-repeat} .pros{position: absolute;top: -1px;left: 0;z-index: 1000;width: 210px;background-color: #d03322} .pros h2{width: 194px;height: 38px;line-height: 38px;color: #fff;padding-left: 16px;font-size: 16px;font-family: "\5FAE\8F6F\96C5\9ED1"} .subpage h2{background: url(img/img_new/icon-dropdown.jpg) no-repeat 122px center;cursor: pointer} .subpage .prosul{display: none} .prosul{padding-left: 3px;width: 207px;margin-top: 2px;_overflow: hidden;height: 414px} .prosul li, .prosul i{background: url(img/img_new/iconcatg.png) no-repeat;_background: url(img/img_new/iconcatg-8p.png) no-repeat} li.food{background-position: 10px 15px} li.enjoy{background-position: 10px -35px} li.women{background-position: 10px -85px} li.life{background-position: 10px -135px} li.travel{background-position: 10px -185px} li.goods{background-position: 10px -235px} .prosul li{line-height: 50px;height: 50px;_overflow: hidden;border-bottom: 1px #bb2d1e dashed;margin-right: 3px;padding-left: 38px} .prosul li.prosahover{border-bottom: 1px #fff solid;background-color: #fff;margin-right: 0;padding-right: 3px;_background-image: url(../static/resouce/tuan/img/img_new/iconcatg-8a.png)} .prosul a{color: #ffd0c0;padding-right: 8px;_padding-right: 6px;white-space: nowrap;display: inline-block;height: 50px} .prosul a.hot{background: url(img/img_new/icon-hot.png) right 8px no-repeat} .prosul li.prosahover a.hot{background-image: url(img/img_new/icon-hot-hover.png)} .prosul li.prosahover a{color: #636363} .prosul li a.ti{font-size: 14px;font-family: "\5FAE\8F6F\96C5\9ED1";color: #fff} .prosul li.prosahover a.ti{color: #d03322} .prosul li a:hover{color: #d03322} .prosul li.nochild a:hover{color: #fff} .prosul li i{float: right;display: block;width: 3px;height: 50px;text-indent: -999em;background-position: 0 -276px;padding-right: 12px} .prosul li.prosahover i{background-position: 0 -326px} .prosul li.last{border-bottom: 0 none} .prosul li.bd-solid{border-bottom: 1px #c22900 solid} .prosul li.hotareas{background-image: none;padding-left: 12px;line-height: 26px;height: 106px;*overflow:hidden} .prosul li.hotareas i{line-height: 30px;margin-top: -2px;height: 40px;background-position: 0 -279px} .prosul li.prosahover i.i-area{background-position: 0 -329px} .prosul li.hotareas a{line-height: 30px;height: 30px} .prosul li.hotareas a.hot{background-position: right 0} .prosul li h2{padding-left: 0;line-height: 40px;display: inline} .prosul li.prosahover h2{color: #d03322} .prosmore{padding: 15px 0 15px 15px;position: absolute;z-index: 999;left: 210px;top: 38px;background-color: #fff;border: 2px #d03322 solid;border-left: 0 none;width: 214px;height: 382px} .prosul .prosmore{text-align: left} .prosul .prosmore span{float: left;height: 36px;width: 107px;line-height: 22px} .prosul li .prosmore a{height: 18px;line-height: 18px;padding: 0 4px} .prosul li .prosmore a:hover{background-color: #d03322;color: #fff} .prosmore em{font-weight: 400;padding-top: 9px;display: inline-block} .prosmore em.morehot{background: url(img/img_new/icon-hot-more.png) right top no-repeat;padding-right: 22px}