.top-nav {
  border-bottom: 1px solid #dddddd;
  background: #fff;
}
.top-nav a:hover{color: #1372DE;}
.top-nav .container {
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;padding: 0 15px;
}
.top-nav ul {
  display: flex;
  align-items: center;
}
.top-nav ul .line {
  padding: 0 14px;
}
.top-nav .hasImg a {
    display: flex;
    align-items: center;
}
.top-nav .hasImg a img {
  width: 37px;
}
.top-nav .top-nav-left img {
  margin-right: 10px;
}
.top-nav .top-nav-right img {
  margin-right: 8px;
  width: 60px !important;
  margin-top: -5px;
}
.top-nav .top-nav-right i {
  color: #999;
  font-size: 12px;
  margin-left: 7px;
}
.top-nav .dropdown-wrapper {
  position: relative;
  cursor: pointer;
}
.top-nav .dropdown-menu {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 100;
  margin-top: 0;
  transition: opacity 0.5s, transform 0.5s;
  opacity: 0;
  transform: translateY(-5px);
}
.top-nav .dropdown-menu a {
  display: block;
  width: 109px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  background: #fff;
}
.top-nav .dropdown-menu {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
.top-nav .dropdown-menu a:first-child {
  border-bottom: 1px solid #ddd;
}
.top-nav .dropdown-menu a:hover {
  background: #f5f7fa;
}
.top-nav .dropdown-wrapper:hover .dropdown-menu {
  display: block;
  opacity: 1;
  transform: translateY(0);
}
.dropdown-menu::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  height: 10px;
}
/* 下拉选项的样式 */
.language-select option {
  background: #fff;
  color: #666;
}
.main-header .logo {
  position: relative;
  top: 2px;
}
/* 用户操作区样式 */
.header-right {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.rfq {
  margin-right: 58px;
  display: flex;
  align-items: center;
}
/* 图标样式 */
.rfq i,
.user-actions i {
  font-size: 25px;
  margin-right: 12px;
}
.login-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--text-color);
  text-decoration: none;
  font-size: 14px;
  transition: var(--transition);
}

.login-btn:hover {
  color: #1372DE;
}

/* 主导航栏 */
.main-header {
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 80;
  box-shadow: 0 1px 3px #ddd;
}

.main-header .container {
  display: flex;
  align-items: center;
  padding: 15px 0;

}
/* 登录按钮样式 */
.login-trigger {
  text-decoration: none;
  font-size: 14px;
  display: flex;
  align-items: center;
}

.login-trigger i {
  font-size: 20px;
}

.login-trigger:hover {
  color: #1372DE;
}

.header-center {
  flex: 1;margin: 0 30px;
}
.mdImg{display: none;}
/* 主导航样式 */
.main-nav {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

/* 导航链接基础样式 */
.main-nav a {
  color: var(--dark-blue);
  text-decoration: none;
  padding: 0 15px;
  font-size: 16px;
  position: relative;
}
.main-nav a:hover {
  color: #1372DE;
}
/* 导航项容器样式 */
.nav-item {
  position: relative;
}

/* 导航项内的链接样式 */
.nav-item > a {
  padding: 0 15px;
  display: block;
}

/* 通用下拉菜单容器 */
.nav-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 100;
  padding: 20px;
}
/* 分子砌块下拉样式 */
.molecule-dropdown {
  min-width: 600px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.molecule-dropdown a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 10px;
  color: #1372DE;
  text-decoration: none;
  font-size: 14px;
  border-radius: 4px;
  transition: all 0.3s ease;
  white-space: nowrap;
  background: #f0f7ff;
  border: 1px solid #e6f0fc;
}

.molecule-dropdown a:hover {
  background: #1372DE;
  color: #fff;
}
/* 产品中心下拉样式 */
.product-dropdown {
  min-width: 800px;
}

.category-title {
  font-size: 16px;
  color: #333;
  margin-bottom: 15px;
  font-weight: 500;
}

.category-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}

.category-buttons a:hover {
  background: #1372DE;
  color: #fff;
}

.nav-dropdown a:hover {
  background: #1372DE; /* 深色背景 */
  color: #fff;
}
/* 下拉菜单分类 */
.dropdown-category {
  flex-shrink: 0; /* 防止分类被压缩 */
}
.dropdown-category h3 {
  font-size: 16px;
  color: #333;
  margin-bottom: 15px;
  font-weight: 500;
  white-space: nowrap; /* 标题不换行 */
}

/* 分类内的链接列表 */
.dropdown-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
/* 显示下拉菜单 */
.nav-item:hover .nav-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* 下拉菜单链接样式 */
.nav-dropdown a {
  display: block;
  padding: 8px 15px;
  color: #1372DE;
  text-decoration: none;
  font-size: 14px;
  border-radius: 4px;
  transition: all 0.3s ease;
  white-space: nowrap;
  background: #ddebff;
}

.nav-dropdown a:hover {
  background: #1372DE;
  color: #fff;
}

/* 激活状态样式 */
.main-nav a.active::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 15px;
  right: 15px;
  height: 2px;
  background: #1372DE;
}
/* 搜索区域容器 */
.search-wrapper {
  display: flex;
  align-items: center;
  gap: 15px;
}

/* 搜索框组 */
.search-group {
  display: flex;
  align-items: center;
  background: #fff;
  border: 2px solid #1372DE;
  border-radius: 5px;
  flex: 1;
  position: relative;
}
.search-group .StructureSearch{
 margin-right: 10px;
 height: 25px;
}
.search-group .StructureSearch img {
    width: 40px;
}
/* 下拉选择区域 */
.search-select {
  position: relative;
  padding: 0 15px;
  height: 40px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  min-width: 100px;
}
.search-select::after {
  content: "";
  position: absolute;
  top: 22%;
  right: 0;
  width: 1px;
  height: 24px;
  background: #333;
}

.search-select .selected {
  color: #7c7bac;
  font-size: 14px;
}

.search-select i {
  font-size: 12px;
  transition: transform 0.3s;
}

/* 下拉菜单 */
.select-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s;
  z-index: 10;
}

.search-select:hover .select-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.search-select:hover i {
  transform: rotate(180deg);
}

.select-option {
  padding: 5px 15px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  transition: background 0.3s;
}

.select-option:hover {
  background: #f5f7fa;
  color: #1372DE;
}

/* 搜索输入框 */
.search-input {
  flex: 1;
  height: 40px;
  border: none;
  padding: 0 15px;
  font-size: 14px;
  outline: none;
}

/* 搜索按钮 */
.search-btn {
  height: 42px;
  background: #1372DE;
  border: none;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s;
  border-radius: 0 2px 2px 0;
  margin-right: -1px;
  font-size: 16px;
  padding: 0 20px;
}

.search-btn i {
  font-size: 25px;
}
/* 联想搜索下拉框 */
  .suggestions-dropdown {
      position: absolute;
      top: 100%;
      left: 100px;
      width: calc(100% - 190px);
      background: #fff;
      border-radius: 0 0 10px 10px;
      box-shadow: 0 4px 13px rgba(0, 0, 0, 0.2);
      z-index: 100;
      display: none;
      max-height: 300px;
      overflow-y: auto;
      border-top: none;
      margin-top: 4px;
  }

  .suggestions-dropdown.active {
      display: block;
  }

  .suggestion-item {
      padding: 10px 15px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #f0f0f0;
      transition: background 0.2s;
  }

  .suggestion-item:hover {
      background: #f5f7fa;
  }

  .suggestion-item:last-child {
      border-bottom: none;
  }

  .suggestion-text {
      font-size: 14px;
      color: #333;
  }

  .suggestion-type {
      font-size: 12px;
      color: #888;
      background: #f0f0f0;
      padding: 2px 6px;
      border-radius: 3px;
  }

  .suggestion-history {
      color: #888;
      font-size: 12px;
  }

  .suggestion-clear {
      color: #1372DE;
      font-size: 12px;
      cursor: pointer;
      padding: 5px 10px;
      text-align: center;
      border-top: 1px solid #f0f0f0;
  }

  .suggestion-clear:hover {
      background: #f5f7fa;
  }

  /* 历史搜索标题 */
  .history-title {
      padding: 10px 15px 5px;
      font-size: 15px;
      color: #333;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-weight: bold;
  }

  .clear-history {
      color: #1372DE;
      cursor: pointer;
      font-size: 12px;
  }

  /* 无结果提示 */
  .no-results {
      padding: 15px;
      text-align: center;
      color: #888;
      font-size: 14px;
  }
  .suggestions-section dl{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    border-bottom: 1px solid #f0f0f0;cursor: pointer;
  }
  .suggestions-section dl.active {
    background: #eef5fd;
}
  .suggestions-section dl dt span{color: #666;}
  .suggestions-section dl dd{width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;}
  .suggestions-section dl dd img{max-width: 100%;}
/* 登录 */
/* 添加到style.css */

/* 登录按钮容器样式 */
.login-btn {
  position: relative;
}

/* 登录下拉菜单样式 */
.login-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  width: 210px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
  padding: 10px 0;
  margin-top: 10px;
  z-index: 1000;visibility: hidden;opacity: 0;transition: all 0.3s ease;
}

/* 添加小三角 */
.login-dropdown::before,
.login-dropdown::after {
  content: "";
  position: absolute;
  right: 10px;
}

/* 阴影三角 */
.login-dropdown::before {
  top: -10px;
  border-width: 0px 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  right: 8px;
}

/* 白色三角 */
.login-dropdown::after {
  top: -8px;
  border-width: 0 8px 8px 8px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

/* 登录注册按钮样式 */
.login-dropdown a.login-btn,
.login-dropdown a.join-btn {
  display: block;
  margin: 10px 15px;
  padding: 8px 0;
  text-align: center;
  border-radius: 30px;
  font-size: 14px;
  transition: all 0.3s ease;
}

/* 登录按钮 */
.login-dropdown a.login-btn {
  background: #1372DE;
  color: #fff;
}
.login-dropdown a:hover{opacity:0.8;}
/* 加入我们按钮 */
.login-dropdown a.join-btn {
  background: #e7f2ff;
  color: #1372DE;
}

/* 其他菜单项样式 */
.login-dropdown a:not(.login-btn):not(.join-btn) {
  display: block;
  padding: 5px 15px;
  text-decoration: none;
  font-size: 14px;
}

.login-dropdown a:not(.login-btn):not(.join-btn):hover {
  background: #f5f5f5;
  color: #1372DE;
}

/* 分割线 */
.login-dropdown .divider {
  height: 1px;
  background: #eee;
  margin: 8px 0;
}

/* 显示下拉菜单时的transform需要合并X轴的位移 */
.login-btn:hover .login-dropdown {
visibility: visible;opacity: 1;transform: translateY(0) translateX(-10px);
}
.login-dropdown p {
  padding-left: 15px;
  color: var(--text-color);
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 15px;
}
footer .foot_nav {
  border-top: 1px solid #ddd;
  background: #fff;
}
footer .foot_nav .container {
  padding-top: 36px;
  padding-bottom: 39px;
  display: flex;
  justify-content: space-between;
}
footer .foot_nav dt {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
footer .foot_nav dd {
  margin-bottom: 5px;
  color: #666;
}
footer .foot_nav dd a {
  color: #666;
}
footer .foot_nav dd a:hover {
  color: #1372DE !important;
}
footer .foot_links {
  padding: 10px 0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
footer .foot_links span {
  color: #666;
}
footer .foot_links ul {
  display: flex;
  margin-left: 11px;
}
footer .foot_links ul li {
  margin-right: 11px;
}
footer .foot_links ul li .linkBox {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #666666;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .foot_links ul li .linkBox:hover {
  background: #1372DE;
}
footer .foot_links ul li .linkBox img{max-width: 14px;display: inline-block;max-height: 14px;}
footer .foot_links ul li .QR_box {
  position: relative;
  cursor: pointer;
}
footer .foot_links ul li .QR_box .QR_code {
  position: absolute;
  display: none;
  max-width: 100px !important;
  left: -37px;
  bottom: 25px;
  max-height: 100px;
}
footer .foot_links ul li .QR_box:hover .QR_code {
  display: block;
}
footer .footCopy {
  padding-top: 25px;
  padding-bottom: 5px;text-align: center;
}
footer .footCopy p {
  color: #666;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .footCopy p span {
  margin-right: 22px;
}
footer .footCopy p a {
  color: #666;
}
footer .footCopy  .beian img {
vertical-align: -6px;
    margin-right: 10px;
}
footer .footCopy a:hover{
  color: #1372DE;
}

footer .footCopy p img {
  margin-right: 10px;
}
 .search-overlay {
  display: none;
} 
@media (max-width: 1400px) {
  footer .foot_nav .container {padding: 30px 20px;}
}
@media screen and (max-width: 1279px)and (min-width: 768px) {
  .top-nav ul .line {
    padding: 0 7px;
}
}
@media (max-width: 1024px) {
  
  .hidden-xs {
    display: none;
  }
  i.close,
  i.home,
  i.Categories,
  i.Quotation,
  i.Inbox,
  i.Send,
  i.Trash,
  i.Favorites,
  i.account,
  i.delete,
  i.arrR,
  i.news,
  i.Purchase,
  i.management,
  i.Introduction,
  i.Important,
  i.Smart,
  i.Receive,
  i.Received,
  i.buying,
  i.manageBuy,
  i.password,
  i.AddUser,
  i.ManageUser,
  i.Product,
  i.Company,
  i.signOut,
  i.Read,
  i.Unread,
  i.arrDown,
  i.arrD,
  i.edit,
  i.whiteArrR,
  i.xf,
  i.duihao,
  i.cha,
  i.refine,
  i.whiteArrL,
  i.Products,
  i.Contacts,
  i.file {
    display: inline-block;
    background: url(../images/enicon.webp) no-repeat;
    width: 20px;
    height: 20px;
    background-size: 120px;
  }
  i.home {
    background-position: 0 -67px;
  }
  i.Categories {
    background-position: 0 -86px;
  }
  i.Quotation {
    background-position: 0 -106px;
  }
  i.Inbox {
    background-position: 0px -127px;
  }
  i.Favorites {
    background-position: 0 -169px;
  }
  i.account {
    background-position: 0 -190px;
  }
  i.close {
    background-position: -64px -147px;
    background-size: 155px;
    width: 24px;
    height: 24px;
}
  .h_menu i.close {
    background-position: 0 -58px;
  }
  .imgBox{
    height: auto;
  }
  .hot_product ul li .imgBox{height: 140px;}
  .new_topBox {
    padding: 0 1rem 1rem 1rem;
    background: #fff;
  }
  .new_searchBox select::-ms-expand {
    display: none;
  }
  .new_searchBox select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }
  .new_head {
    padding: 1rem 0;
    width: 100%;
    height: 5rem;
    position: relative;

  }
  .new_head .new_logo {
    display: inline-block;
    width: 12rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .new_head .new_m_user {
    float: right;
    width: 3rem;
    text-align: right;
    height: 3.5rem;
  }
  .new_head .new_user {
    background: url(../images/static/headerIcon.webp) no-repeat;
    background-size: 28px;
    width: 28px;
    height: 28px;
    background-position: 0 -79px;
    display: inline-block;
  }
  .new_head .new_menu {
    background: url(../images/static/headerIcon.webp) no-repeat;
    background-size: 28px;
    width: 28px;
    height: 28px;
    background-position: 0 -229px;
    display: inline-block;
  }
    .new_btnBox .new_search {
    background: url(../images/static/headerIcon.webp) no-repeat;
    background-size: 27px;
    width: 28px;
    height: 28px;
    background-position: 0 -22px;
    display: inline-block;
  }
  .new_searchBox {
    border: 1px #c7c7c7 solid;
    background: #fff;
    margin: 0 auto;
    position: relative;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    width: 100%;
    height: calc(2.8rem + 2px);
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;padding: 0 1rem;
  }
  .new_searchBox span{color: #999;}

  
  
  .new_search_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/enicon.webp) no-repeat;
    background-position: 0 -29px;
    height: 40px;
    width: 30px;
    background-size: 180px;
  }
  .new_topBox.change {
    position: fixed;
    width: 100%;
  }
  .new_topBox.change {
    position: fixed;
    width: 100%;
    height: 4.5rem;
    z-index: 4;
    left: 0;
    top: 0;
    box-shadow: 0rem 0rem 0.5rem #666;
    background: #fff;
  }
  .new_topBox.change .new_searchBox {
    width: calc(100% - 6rem);
    top: -4.2rem;
  }
  .new_topBox.change img {
    display: none;
  }
  .new_m_menu {
    display: inline-block;
    position: relative;
  }
  .new_m_user {
    position: relative;
  }
  .new_select .searchType_list {
    position: absolute;
    font-size: 1rem;
    border: 1px #aaa solid;
    width: 100%;
    z-index: 999;
    background: #fff;
    top: 2.8rem;
  }
  .new_select {
    float: left;
    position: relative;
  }
  .new_select .searchType_list li {
    padding: 0 0.5rem;
    line-height: 3rem;
  }
  .new_select .searchType_list li.checked {
    background: #efefef;
  }
  .h_menu {
    position: fixed;
    top: 0;
    width: 80%;
    height: 100%;
    z-index: 9;
    left: -100%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all ease-in-out 0.3s;
  }
  .h_menu.fade {
    left: 0;
  }
  .h_menu .menu_top {
    height: 50px;
    background: -webkit-linear-gradient(left, #ff8f6d, #f60);
    background: -o-linear-gradient(left, #ff8f6d, #f60);
    background: -moz-linear-gradient(left, #ff8f6d, #f60);
    background: linear-gradient(to right, #ff8f6d, #f60);
    line-height: 4rem;
    color: #fff;
    padding-right: 1rem;
    font-size: 1.2rem;
    width: 100%;
  }
  .h_menu .menu_top a {
    padding: 0 1.2rem;
    font-size: 16px;
    color: #fff;
  }
  .h_menu .menu_top em {
    vertical-align: 0.15rem;
  }
  .h_menu .menu_top i.close {
    float: right;
    margin-top: 13px;
  }
  .h_menu .menuLi {
    width: 100%;
    background: #fff;
    height: calc(100% - 4rem);
  }
  .h_menu .menuLi ul li {
    padding: 0 1rem;
  }
  .h_menu .menuLi ul li a {
    font-size: 14px;
    line-height: 3.5rem;
    width: 100%;
    color: #666;
  }
  .h_menu .menuLi ul li a i {
    margin-right: 1rem;
    color: #8a8a8a;
    vertical-align: -4px;
  }
  .h_menu .menuLi ul li a b {
    font-weight: 400;
    margin-left: 0.5rem;
  }
  .h_menu .menuLi ul {
    padding: 1rem 0;
  }
  .h_menu .menuLi ul:nth-child(1) {
    border-bottom: 1px #dedede solid;
  }
  .mask {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 8;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    display: none;
  }
  .nav_menu{
    border-top: 1px solid #BFBFBF;
    overflow-x: hidden;
    position: relative; /* 创建定位上下文 */
    touch-action: pan-y; /* 防止垂直滚动冲突 */
  }
  .nav_menu ul{
    padding: 10px;
    display: flex;
    width: max-content; /* 使ul宽度自适应内容 */
    gap: 16px;
    transition: transform 0.3s ease; /* 添加平滑过渡效果 */
    will-change: transform; /* 优化动画性能 */
  }
  .nav_menu ul li{
    white-space: nowrap;
    flex-shrink: 0; /* 禁止收缩 */
  }
  .nav_menu ul li a{
    font-size: 14px;
    color: #666;
    position: relative;
    display: block;
  }
  .nav_menu ul li.active a{
    color: #1372DE;
  }
  .nav_menu ul li.active a::after{
    content: "";
    position: absolute;
    bottom: -1px;
    left: 30%;
    width: 50%;
    height: 3px;
    background: #1372DE;
  }
  .top-nav,
  .main-header{
    display: none;
  }
  .foot_nav ,.footCopy{
    display: none;
  }
  .foot {
    padding: 1rem;
    background: #fff;
  }
  .foot p a {
    margin: 0 0.3rem;
    display: inline-block;
    color: #666666;
    font-size: 13px;
  }
  .foot p {
    font-size: 13px;
    color: #666666;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
  }
  .foot p img{
    margin-right: 10px;
  }
  i.close,i.home,i.Categories,i.Quotation,i.Inbox,i.Send,i.Trash,i.Favorites,i.account,i.delete,i.arrR,i.news,i.Purchase,i.management,i.Introduction,i.Important,i.Smart,i.Receive,i.Received,i.buying,i.manageBuy,i.password,i.AddUser,i.ManageUser,i.Product,i.Company,i.signOut,i.Read,i.Unread,i.arrDown,i.arrD,i.edit,i.whiteArrR,i.xf,i.duihao,i.cha,i.refine,i.whiteArrL,i.Products,i.Contacts,i.file {
    display: inline-block;
    background: url(../images/static/enicon.webp) no-repeat;
    width: 20px;
    height: 20px;
    background-size: 120px;
}

i.close {
    background-position: -64px -147px;
    background-size: 113px;
    width: 18px;
    height: 18px;
}

.h_menu i.close {
    background-position: 0 -41px;
}

i.home {
    background-position: 0 -67px;
}

i.Categories {
    background-position: 0 -86px;
}

i.Quotation {
    background-position: 0 -106px;
}

i.Inbox {
    background-position: 0 -127px;
}

i.Send {
    background-position: 0 -149px;
}

i.Trash {
    background-position: 0 0px;
}

i.delete {
    background-position: 0 0px;
}

i.Favorites {
    background-position: 0 -169px;
}

i.account {
    background-position: 0 -190px;
}

i.Purchase,i.Receive,i.manageBuy {
    background-position: -95px -20px;
}

i.management {
    background-position: -72px -147px;
}

i.Introduction {
    background-position: -95px -43px;
}

i.Inbox {
    background-position: 0px -127px;
}

i.Send {
    background-position: 0px -149px;
}

i.Trash {
    background-position: 0 0;
}
   /* 全屏搜索弹窗 */
        .search-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: white;
            z-index: 1000;
            display: none;
            flex-direction: column;
        }
        
        .search-overlay .search-header {
            display: flex;
            align-items: center;
            padding: 10px 15px;
            border-bottom: 1px solid #eee;
            background-color: white;
            position: relative;
        }
        
        .search-overlay .back-btn {
            background: none;
            border: none;
            font-size: 20px;
            margin-right: 10px;
            cursor: pointer;
            color: #333;
            background: url(../images/static/headerIcon.webp) no-repeat;
            background-size: 20px;
            background-position: 0 3px;
            width: 20px;
            height: 20px;
        }
        
        .search-overlay .search-input-container {
            flex: 1;
            display: flex;
            align-items: center;
            background-color: #f2f2f2;
            border-radius: 20px;
            padding: 0px 15px;
            width: calc(100% - 90px);
            padding-right: 90px;
        }
        
        .search-overlay .search-input {
            flex: 1;
            border: none;
            background: transparent;
            outline: none;
            font-size: 14px;
            padding: 5px 0;
        }
        
        .search-overlay .clear-btn {
            color: #999;
            background: none;
            border: none;
            font-size: 18px;
            cursor: pointer;
            display: none;
            background: url(../images/static/headerIcon.webp) no-repeat;
            background-size: 16px;
            background-position: 0px -163px;
            width: 16px;
            height: 16px;
        }
        
        .search-overlay .search-btn {
            background: none;
            border: none;
            color: #fff;
            font-size: 14px;
            cursor: pointer;
            background: #1372DE;
            border-radius: 30px;
            height: 40px;
            position: absolute;
            right: 1rem;
        }
        
        .search-overlay .search-content {
            flex: 1;
            overflow-y: auto;
            padding: 15px;
        }
        
        .search-overlay .search-tabs {
            display: flex;
            border-bottom: 1px solid #eee;
            margin-bottom: 15px;
            justify-content: space-around;
        }
        
        .search-overlay .search-tab {
            padding: 10px 0;
            font-size: 14px;
            color: #666;
            cursor: pointer;
            position: relative;
            flex: 1;
            text-align: center;
        }
        
        .search-overlay .search-tab.active {
            color: #1372DE;
            font-weight: 500;
        }
        
        .search-overlay .search-tab.active::after {
            content: '';
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #1372DE;
        }
        
        .search-overlay .section-title {
            font-size: 14px;
            color: #333;
            margin-bottom: 10px;
            margin-top: 15px;
        }
        
       .search-overlay  .history-list, .popular-list, .suggestion-list {
            margin-bottom: 20px;
        }
        
        .search-overlay .history-item, .popular-item {
            display: inline-block;
            width: 100%;
            border-radius: 16px;
            margin-bottom: 10px;
            font-size: 14px;
            cursor: pointer;
            color: #666;
        }
        
        .search-overlay .suggestion-item {
            padding: 6px 0;
            border-bottom: 1px solid #f0f0f0;
            cursor: pointer;
            display: flex;
            align-items: center;
            color: #666;        justify-content: flex-start;
        }
        
       .search-overlay  .suggestion-item:last-child {
            border-bottom: none;
        }
        
       .search-overlay  .suggestion-item i {
            color: #999;
            margin-right: 10px;
        }
        
       .search-overlay  .no-history {
            color: #999;
            font-size: 14px;
            text-align: center;
            padding: 20px 0;
        }
        
       .search-overlay  .clear-history {
            color: #1372DE;
            font-size: 14px;
            text-align: center;
            padding: 10px 0;
            cursor: pointer;
        }
        
       .search-overlay  .hidden{
            display: none;
        }
}