.header {
  height: 80px;
  font-size: 0;
  background-color: #fff;
}
.header .container {
  width: 1200px;
}
.header .header-logo {
  float: left;
  padding: 22px 0;
}
.header .header-logo img {
  display: block;
}
.header .header-nav {
  float: right;
}
.header .header-nav .nav-list {
  padding: 22px 0;
}
.header .header-nav .nav-list .nav-item {
  float: left;
  margin-left: 25px;
  height: 36px;
}
.header .header-nav .nav-list .nav-item a {
  display: block;
  padding: 0 5px;
  font-size: 14px;
  line-height: 36px;
  color: #333333;
  text-decoration: none;
}
.header .header-nav .nav-list .nav-item a:hover {
  position: relative;
  color: #00ab67;
}
.header .header-nav .nav-list .nav-item a:hover:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 100%;
  height: 4px;
  background-color: #00ab67;
  border-radius: 2px;
  opacity: 0.8;
}

.index-header .header-nav .nav-list .nav-item a.home {
  position: relative;
  color: #00ab67;
}
.index-header .header-nav .nav-list .nav-item a.home:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 100%;
  height: 4px;
  background-color: #00ab67;
  border-radius: 2px;
  opacity: 0.8;
}

.agreement-header .header-nav .nav-list .nav-item a.help,
.feedback-header .header-nav .nav-list .nav-item a.help,
.help-header .header-nav .nav-list .nav-item a.help,
.privacy-header .header-nav .nav-list .nav-item a.help {
  position: relative;
  color: #00ab67;
}
.agreement-header .header-nav .nav-list .nav-item a.help:before,
.feedback-header .header-nav .nav-list .nav-item a.help:before,
.help-header .header-nav .nav-list .nav-item a.help:before,
.privacy-header .header-nav .nav-list .nav-item a.help:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 100%;
  height: 4px;
  background-color: #00ab67;
  border-radius: 2px;
  opacity: 0.8;
}