.nav {
  min-width: 1200px;
  box-sizing: border-box;
  height: 88px;
  display: flex;
  padding: 0 10%;
  align-items: center;
  z-index: 10;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  position: sticky;
  top: 0;
  z-index: 20;
}

.nav-logo {
  flex: 1;
  height: 46px;
}
.nav-logo .nav-logo-image {
  width: 143px;
  height: 100%;
  background-image: url(../image/grl-logo.png);
}
.nav-menu-item {
  margin-right: 48px;
  cursor: pointer;
  color: #fff;
}

.nav-menu-item-last {
  padding-right: 0;
  display: flex;
  align-items: center;
  cursor: auto;
}
.phone-text {
  margin-left: 8px;
}
.phone-icon {
  width: 20px;
  height: 20px;
  background-image: url(../image/phone.svg);
}

.nav-white {
  background-color: #fff;
  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.08);
}
.nav-white .nav-menu-item {
  color: rgba(0, 0, 0, 0.9);
}
.nav-white .phone-icon {
  background-image: url(../image/phone-red.webp);
}
.nav-white .phone-text {
  color: #f84d3c;
}

.nav-white .nav-logo .nav-logo-image {
  background-image: url(../image/grl-logo-red.webp);
}