.header {
  font-size: 14px;
  font-weight: normal;
  width: 100%;
  background: #1f1f24;
  color: #fff;
}

.header .container {
  height: .4375rem;
}

.header a {
  height: 100%;
  color: #fff;
  display: flex;
  align-items: center;
}

.header .left {
  height: 100%;
}

.header .left .location {
  margin-left: 0.0521rem;
}

.header .left .location .line {
  background-color: rgba(255, 255, 255, 0.5);
  width: 1px;
  height: 0.0781rem;
  margin-right: 0.0521rem;
}

.header .left .location img {
  width: 18px;
  height: 18px;
}

.header .left .location .name {
  margin: 0 5px;
  color: #fff;
}

.header .left .location .change {
  color: rgba(255, 255, 255, 0.5);
}

.header .left .logo {
  width: .8229rem;
  height: .2396rem;
}

.header .tabsBox {
  height: 100%;
}

.header .tabsBox .tabs {
  height: 90%;
}

.header .tabsBox .tabs .tabItem {
  margin-right: 0.1563rem;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: all 0.3s;
}

.header .tabsBox .tabs .tabItem:hover {
  border-bottom: 2px solid #fff;
}

.header .tabsBox .line {
  width: 2px;
  height: .0729rem;
  background-color: #fff;
}

.header .tabsBox .login {
  height: 100%;
}

.header .tabsBox .login a {
  margin-left: 0.1563rem;
}

.header .tabsBox .login a:hover {
  color: #195ae8;
}

.header .tabsBox .login a img {
  width: 0.125rem;
  height: 0.125rem;
}

.home_header {
  background-color: #fff;
}

.home_header a {
  color: #444444;
}

.home_header .tabsBox .line {
  background-color: #D8D8D8;
}