.header{height: 2.64rem; line-height: 2.64rem; background: url(logo-bg.png) no-repeat;  text-align: center;}
.header .logo{width: 7.28rem; height: 1.8rem; display: inline-block; }

/*列表细览页导航*/
.navbg{ width: 15.0rem; height: 1.76rem; position: relative; }
.nav{ position: absolute; }
.nav-btn{width: 1.76rem; height: 1.76rem; background: #04498E; position: relative;}
.nav-btn span{width: 0.68rem; height: 0.08rem;background: #7196BB; position: absolute; left:0.52rem; border-radius: 0.08rem; transition: all .2s; }
.nav-btn span:nth-of-type(1){top:0.6rem;}
.nav-btn span:nth-of-type(2){top:0.8rem;}
.nav-btn span:nth-of-type(3){top:1.0rem;}
.nav-btn.on{height: 7.04rem;}
.nav-btn.on span:nth-of-type(1){display: none;}
.nav-btn.on span:nth-of-type(3){top:0.8rem;transform:rotate(45deg); }
.nav-btn.on span:nth-of-type(2){transform:rotate(-45deg);}

.nav-ul{width: 13.24rem; background: #0455A6;}
.nav-ul li{width: 3.3rem; height: 1.76rem; line-height: 1.76rem;  float: left;}
.nav-ul li a{float: left; width: 3.3rem; height: 1.76rem; text-align: center; color:#fff; font-size: 0.48rem; font-family: "微软雅黑"; background: url(nav-bg.png) no-repeat right top,url(nav-bg2.png) no-repeat left bottom;}
.nav-ul li{display: none;}
.nav-ul li:nth-of-type(1){display: block;}
.nav-ul li:nth-of-type(2){display: block;}
.nav-ul li:nth-of-type(3){display: block;}
.nav-ul li:nth-of-type(4){display: block;}
.nav-ul.on li{display: block;}