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}