/* 头部模块样式 */
.view-header{
  height: 60px;
  background-color: #373764;
  padding: 0 15px 0 20px;
}
/* 头部模块样式 */

/* logo */
.view-header .logo{
  height: 44px;
  width: 98px;
}
/* logo */

/* 搜索 */
.view-header-search{
  margin-right: 10px;
}
/* 搜索 */

/* 控件视图 */
.control-button,.control-icon,.control-button span {
  transition: .3s;
}
.control-button{
  width: 140px;
  height: 36px;
  background: rgba(170, 168, 219, 0.16);
  margin-left: 20px;
  border-radius: 18px;
}
.control-icon{
  height: 18px;
  width: auto;
  opacity: 0.4;
  margin-right: 11px;
}
.control-label{
  color: rgba(255,255,255,0.4);
}
.control-button:hover {
  background: $main-linear;
  .control-icon{
    opacity: 1;
  }
  .control-label{
    color: #fff;
  }
}
/* 控件视图 */

/* 用户模块 */
.view-header-user{
  width: 237px;
  margin-left: 50px;
}
.user-no-login{
  padding-left: 7px;
}
.user-no-login-icon{
  @include square(36px);
  border-radius: 50%;
}
.user-no-login-label{
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-left: 10px;
  background: $main-linear;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
/* 用户模块 */

/* 已登录 */
.user-login {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  width: 100%;
}
.user-avatar{
  @include square(36px);
  margin-right: 10px;
}
.user-currency{
  @include square(17px);
  margin-right: 5px;
}
.user-number{
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin-top:3px;
}
.user-login-text{
  max-width: 100%;
  width: auto;
}
.user-number-button{
  margin-left: 8px;
  width: 40px;
  height: 20px;
  border-radius: 10px;
  background-color: #FF5D5D;
  flex-shrink: 0;
}
.user-exit {
  width: 17px;
  height: 19px;
  margin-right: 9px;
}
.user-exit-label{
  font-size: 16px;
  color: rgba(255,255,255,0.8);
  line-height: 16px;
  font-weight: 400;
}
.user-exit-wrap{
  margin-left: 5px;
}
/* 已登录 */