.blank{
    height: 2.2rem;
}
header{
    width: 100%;
    height: 2.2rem;
    background: url(../../image/001_nav_bg.jpg) center no-repeat;
    -o-background-size: cover;
    background-size: cover;
    top:0;
}
header.active{
    background: #fff;
    box-shadow: 0px 1px 15px 2px 
        rgba(201, 201, 201);
}
.nav-detail{
    background-color: #fff;
    width: 100%;
    top: 2.17rem;
    left: 0;
    box-shadow: 0px 1px 5px 0px 
    rgba(201, 201, 201);
}

.nav-detail i{
   
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    background: url(../../image/023_up.png) center no-repeat;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
  
    -webkit-transition: all .5s;
  
    -o-transition: all .5s;
  
    -moz-transition: all .5s;
    background-size: 1rem;
    transition: all .5s;
}
.nav-detail i.active{
            -webkit-transform: rotate(0deg);
               -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                 -o-transform: rotate(0deg);
                    transform: rotate(0deg);
}
.nav-detail li{
    width: 7.75rem;
}
.nav-detail li:last-child{
    border: none;
}
.cover{
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.9;
}
.header-title.active{
    color: #1b4572;
}
.menu-btn{
    width: 1.2rem;
    height: .85rem;
}