.g-header-art {
  height: .72rem;
  padding: .08rem .32rem;
  position: relative;
  margin-bottom: .32rem;
}
.g-header-art .items {
  height: .72rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}
.g-header-art .logo {
  display: block;
  width: 2.09rem;
  ;
  height: .41rem;
  background: url(../image/logo.png) no-repeat;
  background-size: 2.03rem;
  margin: .06rem 2.58rem 0.06rem 0
}
.g-header-art .ks-link, .g-header-art .nav-more {
  display: block;
  width: .48rem;
  height: .48rem;
  background: url(../image/searchicon.png) no-repeat;
  background-size: .48rem;
  margin-right: .3rem
}
.g-header-art .nav-more {
  background: url(../image/navsicon.png) no-repeat;
  background-size: .48rem;
  margin-right: 0
}
.m-nav-ex {
  width: 6.86rem;
  height: 100vh;
  background: #fff;
  display: none;
  position: relative;
}
.m-nav-ex .user {
  height: 1.1rem;
  padding: .41rem 0;
  border-bottom: 0.01rem solid #F5F6F8;
  margin-bottom: .38rem;
  display: flex;
  justify-content: space-between
}
.m-nav-ex .user .txt {
  width: 5rem;
  height: 1.1rem;
  overflow: hidden
}
.m-nav-ex .user .name {
  display: block;
  height: .56rem;
  font-size: .4rem;
  line-height: .56rem;
  color: #2D313E;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: bold;
  margin-bottom: .1rem
}
.m-nav-ex .user .quit {
  display: block;
  width: .92rem;
  height: .4rem;
  border: 0.01rem solid #0F89FF;
  border-radius: 0.04rem;
  font-size: .26rem;
  line-height: .4rem;
  color: #0F89FF;
  text-align: center
}
.m-nav-ex .user .imgWrap, .m-nav-ex .user .photo {
  display: block;
  width: 1.1rem;
  height: 1.1rem
}
.m-nav-ex .user .photo {
  border-radius: 100%
}
.m-nav-ex .navItems li, .m-nav-ex .navItems dl {
  margin-bottom: .5rem
}
.m-nav-ex .navItems .nav-home, .m-nav-ex .navItems .u-tit {
  display: block;
  height: .4rem;
  padding-left: .5rem;
  position: relative;
  font-size: .28rem;
  line-height: .4rem;
  color: #2D313E;
  font-weight: bold
}
.m-nav-ex .navItems .nav-home::before, .m-nav-ex .navItems .u-tit::before {
  content: '';
  display: block;
  width: .36rem;
  height: .36rem;
  background: url(../image/homeicon.png);
  background-size: .36rem;
  position: absolute;
  top: .02rem;
  left: 0
}
.m-nav-ex .navItems .nav-home::after {
  content: '';
  display: block;
  width: .08rem;
  height: .14rem;
  background: url(../image/nexticon3.png);
  background-size: .08rem;
  position: absolute;
  top: .13rem;
  left: 1.2rem
}
.m-nav-ex .navItems .tit1::before {
  background: url(../image/utiticon1.png);
  background-size: .36rem
}
.m-nav-ex .navItems .tit2::before {
  background: url(../image/utiticon2.png);
  background-size: .36rem
}
.m-nav-ex .u-tit {
  margin-bottom: .06rem
}
.m-nav-ex dd {
  display: flex;
  width: fit-content;
  flex-wrap: wrap
}
.m-nav-ex dd a {
  display: block;
  width: 1.58rem;
  height: .64rem;
  background-color: #F5F6F8;
  border-radius: .04rem;
  text-align: center;
  font-size: .24rem;
  line-height: .64rem;
  color: #2D313E;
  margin-right: .18rem;
  margin-top: .18rem
}
.m-nav-ex dd a:nth-child(4n) {
  margin-right: 0
}
.g-header-art-fiexd {
  height: 100vh;
  position: fixed;
  top: 0rem;
  left: 50%;
  margin-left: -3.75rem;
  z-index: 410;
  background: #fff;
}
.g-header-art-fiexd .m-nav-ex {
  display: block;
}
.g-header-art-fiexd .nav-more {
  background: url(../image/closeicon.png) no-repeat;
  background-size: .48rem;
  margin-right: 0
}
.g-header-art .items .ico-downLoad {
  width: .7rem;
  display: flex;
  flex-wrap: wrap;
  margin-right: .26rem;
  justify-content: space-between;
  height: 100%;
}
.g-header-art .items .ico-downLoad::before {
  content: "";
  width: .7rem;
  height: .44rem;
  background: url(../image/header-top-download.png)no-repeat center center;
  background-size: auto .45rem;
}
.g-header-art .items .ico-downLoad span {
  font-size: .16rem;
  color: #2D313E;
  line-height: .18rem;
  text-align: center;
}