.header {
  width: 100%;
  height: 4.875rem /* 78/16 */;
  background-image: url(/Public/Home/img/index/nav/nav_bg.png);
}
.header>div{
  width: 75rem /* 1200/16 */;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-left {
  display: block;
  width: 8.75rem /* 140/16 */;
  height: 2.3125rem /* 37/16 */;
}
.header-left img {
  width: 100%;
  height: 100%;
}
.header-right {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-right .userinfo {
  font-size: 0.875rem /* 14/16 */;
  color: #FEFFFF;
}
.header-right .userinfo b {
  font-weight: normal;
  margin-left: 1.625rem /* 26/16 */;
}
.header-right .userinfo span:first-of-type {
  color: #87F7FF;
}
.header-right .userinfo span:last-of-type {
  color: #F0EA59;
}
.header-right .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.875rem /* 14/16 */;
  color: #F6F6F6;
  width: 42px;
  height: 42px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.header-right .btn:first-of-type {
  margin-left: 1.625rem /* 26/16 */;
  background-image: url('/Public/Home/img/index/nav/register.png');
}
.header-right .btn:first-of-type:hover {
  background-image: url('/Public/Home/img/index/nav/register_active.png');
}
.header-right .btn:nth-of-type(2) {
  margin-left: 2rem /* 32/16 */;
  background-image: url('/Public/Home/img/index/nav/login.png');
}
.header-right .btn:nth-of-type(2):hover {
  background-image: url('/Public/Home/img/index/nav/login_active.png');
}
.header-right #help {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 7.875rem /* 126/16 */;
  height: 2.375rem /* 38/16 */;
  margin-left: 2rem /* 32/16 */;
  background-size: 11rem /* 176/16 */ 5.25rem /* 84/16 */;
  background-image: url('/Public/Home/img/mall/btn.png');
  background-position: center -1.25rem /* 20/16 */;
}
.header-right #help:hover {
  background-image: url('/Public/Home/img/mall/btn_active.png');
}