/* PC端header */
.pc-header {
  width: 100%;
  height: 100px;
  padding: 0 1%;
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
  z-index: 98;
}

.pc-header .container {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}

.pc-header .container .left {
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -20px;
  display: block;
}

.pc-header .container .left img {
  height: 40px;
  cursor: pointer;
}

.pc-header .container .right {
  display: block;
  float: right;
}

.pc-header .container .right .nav-container .nav-item {
  height: 100px;
  line-height: 100px;
  font-size: 16px;
  font-family: "BeVietnamPro-Medium";
  font-weight: bold;
  color: #333333;
  margin-left: 10px;
  padding: 0 4px;
  cursor: pointer;
}

.pc-header .container .right .nav-container .nav-item :active {
  color: #982bad;
}

.pc-header .container .right .nav-container .nav-item:hover {
  color: #982bad;
}

.pc-header .container .right .nav-container .compare-item a {
  text-decoration: none;
  padding: 8px;
  color: #ffffff;
  border-radius: 5px;
  background-color: #a44cee;
}

.pc-header .container .right .nav-container .loginBox {
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.pc-header .container .right .nav-container .loginBox .loginBtn {
  padding: 7px 12px;
  color: #fff;
  font-family: "BeVietnamPro-Medium";
  background-color: #a44cee;
}

.pc-header .container .right .nav-container .loginBox .dropdown button {
  padding: 7px 12px;
  color: #a44cee;
  font-weight: 700;
  border-color: #a44cee;
  background: #fff;
}

.pc-header .container .right .nav-container .loginBox .dropdown li {
  padding: 7px 12px 7px 24px;
  color: #222;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.pc-header .container .right .nav-container .loginBox .dropdown li:hover {
  color: #a44cee;
}

.pc-header .container .right .nav-container .loginBox .dropdown .orders {
  background: url(../assets/images/webp/menu.webp) no-repeat;
  background-size: 12px 12px;
  background-position: 6px center;
}

.pc-header .container .right .nav-container .loginBox .dropdown .orders:hover {
  background: url(../assets/images/webp/menuLight.webp) no-repeat;
  background-size: 12px 12px;
  background-position: 6px center;
}

.pc-header .container .right .nav-container .loginBox .dropdown .signOut {
  background: url(../assets/images/webp/out.webp) no-repeat;
  background-size: 12px 12px;
  background-position: 6px center;
}

.pc-header .container .right .nav-container .loginBox .dropdown .signOut:hover {
  background: url(../assets/images/webp/outLight.webp) no-repeat;
  background-size: 12px 12px;
  background-position: 6px center;
}


.pc-header .lang_div {
  display: flex;
}

.pc-header .lang_div span {
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.pc-header .changeCountry button {
  width: 160px;
}

.active {
  color: #a44cee;
}

/* 手机端header */
.mobile-header {
  width: 100%;
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #ffffff;
  z-index: 998;
}

.mobile-header .logo {
  margin-left: 10px;
}

.mobile-header .logo img {
  max-width: 85%;
  height: auto;
}

.mobile-header .lang_div {
  display: flex;
  margin-right: 10px;
}

.mobile-header .lang_div span {
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.mobile-header .changeCountry {
  margin-right: 10px;
}

.mobile-header .changeCountry button {
  padding: 3px 6px;
}

.mobile-header .changeCountry .dropdown-menu {
  min-width: 150px;
}

.mobile-header .menu {
  width: 65px;
  height: 60px;
  background: url("https://marsconnect.obs.ap-southeast-3.myhuaweicloud.com:443/consultan%2F17101406789203n1StqGrQH.webp") no-repeat center/30px 20px;
}

.mobile-header .menu_active {
  width: 65px;
  height: 60px;
  display: none;
  background: url("https://marsconnect.obs.ap-southeast-3.myhuaweicloud.com:443/consultan%2F17101407354645V8A3dD1i5.webp") no-repeat center/30px 20px;
}

.mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 60px;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 998;
}

.mobile-menu-pop {
  width: 100%;
  background-color: #ffffff;
  position: fixed;
  top: 60px;
  left: 0;
  z-index: 999;
  border-top: 1px solid #eeeeee;
  padding: 0 10px;
}

.mobile-menu-pop .item {
  height: 40px;
  border-bottom: 1px solid #eeeeee;
}

.mobile-menu-pop .item .left {
  font-size: 14px;
  font-weight: bold;
  font-family: "BeVietnamPro-Medium";
  color: #6a2bae;
}

.mobile-menu-pop .item .left a {
  text-decoration: none;
  color: #6a2bae;
}

.mobile-menu-pop .item .right {
  width: 6px;
  height: 10px;
  background: url("https://marsconnect.obs.ap-southeast-3.myhuaweicloud.com:443/consultan%2F1710140799559x5EyyXwMt1.webp") no-repeat center;
  background-size: cover;
}