- {
margin: 0; padding: 0; list-style-type:none;
} /*nav导航盒子*/ /*nav-main*/
- mynav
{ height:50px; line-height: 35px; text-align: center; font-size: 12px; position: relative; z-index: 4; top:86px; background-color:rgba(243,230,55,1.00); margin:0; padding: 0; width: 82.45%; border-style: solid; border-width: 0px 1px 1px 1px; box-shadow: 5px 5px 10px #888888; } ul.nav-main{
width: 100%; height: 100%; list-style-type: none;
} ul.nav-main span{
display: inline-block; margin-left: 18px; width: 7px; height: 7px; background: url('https://static.igem.org/mediawiki/2017/5/5f/Down-icon.png') no-repeat;
} /*图标向上旋转*/ .hover-up{
transition-duration: .5s; transform: rotate(180deg); -webkit-transform: rotate(180deg);
} /*图标向下旋转*/ .hover-down{
transition-duration: .5s; transform: rotate(0deg); -webkit-transform: rotate(0deg);
} /*导航条设置*/ ul.nav-main>li{
width: 16.6%;/*li width*/ height: 100%; display: block; float: left; background: #643519; color: #fff; margin: 0px; cursor: pointer;
} ul.nav-main>li:hover{
background: #643519;
} /*隐藏盒子设置*/ div.hidden-box{
width: 118px; border: 1px solid #643519; border-top: 0; position: absolute; display:none;
background:#fff;
top: 50px;
} .hidden-box>ul{
list-style-type: none; color: #643519; cursor: pointer;
} .hidden-box li:hover{
background: #643519; color: #fff;
} /*隐藏盒子位置设置*/ .hidden-loc-index{
left: 16.7%;
} .hidden-loc-us{
left: 33.3%;
} .hidden-loc-info{
left: 50%;
} .box04{ left:67%; } ul.nav-main>a,.hidden-box>a { display: inline-block; position: relative; width: 100%; height: 100%; }