header{
  width: 7.5rem;
  height: 1.2rem;
  background: #fff;
  position: fixed;
  z-index: 50;
  margin: 0 auto;
}
main{
  padding-top: 1.2rem;
}
.logo{
  float: left;
  height: 1.2rem;
  width: 2rem;
  background: url(../img/logo_02.png);
  background-size: 100% 100%;
}
.head_nav{
  float: right;
  width: 1.47rem;
  height: 1.2rem;
  background: url(../img/head_03.png);
  background-size: 100% 100%;
}
.head_tit{
  float: right;
  width: 4.1rem;
  height: 1.2rem;
  background: url(../img/head_02.png);
  background-size: 100% 100%;

}
nav {
    position: fixed;
    right: -100%;
    top: 0;
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 200;
}
.nav{
    width: 5.2rem;
    padding-right: 0.3rem;
    background: #fff;
    height: 12.8rem;
    margin-top: 0.3rem;
    float: right;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}
.nav_clo{
  width: 100%;
  height: 1rem;
}
.nav_close{
  float: right;
}
.nav_close img{
  width: 0.77rem;
  height: 1rem;
}
.nav_list{
  margin-left: 0.5rem;
}
.nav_list>li{
  margin-bottom: 0.5rem;
}
.nav_list>li img{
  width: 0.58rem;
  height: 0.6rem;
  vertical-align: middle;

}
.nav_list>li>a{
  display: block;
  height: 0.58rem;
  font-size: 0.32rem;
  color: #323b47
}
.nas_list{
  margin-top: 0.12rem;
  border-top: 0.02rem solid #7883b1;
}
.nas_list a{
  font-size: 0.28rem;
  color: #757d85;
}
.nas_list a li{
  float: left;
  margin-right: 0.4rem;
  height: 0.3rem;
  margin-top: 0.28rem;
}