*{-webkit-tap-highlight-color: rgba(0,0,0,0.0);}
.nav_top{
    background: #fff;border-top: 1px solid #d8d8d8;  border-bottom: 1px solid #d8d8d8;height: .8rem;position: fixed;
    top: .75rem;  left: 0;  width: 100%;z-index: 1;
}
.nav_a{
    float: left;line-height: .8rem;cursor: pointer; color: #767676;height: .78rem;margin-left: .2rem;margin-right: .3rem;
}
.nav_on{
    border-bottom: 2px solid #333;  font-weight: bolder;  color: #333;
}
.nav_rig{
    border-left: 1px solid #d8d8d8;line-height: .8rem;width: 1.6rem;background: url("//klm10.kuleiman.com/record/klm/comin/2/nav_icn.png") no-repeat 1.2rem 50%;
    float: right;background-size: .23rem auto;text-indent: .2rem;cursor: pointer;
}
.nav_box{
    position: absolute;left: 0;right: 0;top: .78rem;background: #fff;-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.5);display: none;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.5);  border-radius: 0 0 4px 4px; padding-left: .2rem;padding-bottom: .3rem;
}
.nav_box:after{
    content: '';position: absolute;right: .6rem;top: -.2rem;width: .3rem;height: .2rem;background:url("//klm10.kuleiman.com/record/klm/comin/2/nav_san.png") no-repeat 100% 100%;
    background-size: 100% auto;
}
.nav_box a{
    float: left;margin-top:.3rem;width: 32%;cursor: pointer;color:black;text-align: center;
}
body{cursor: pointer}