.productHeader{
  position: relative;
  height:100px;
}

.productHeader .logoIcon{
  margin-right:10px;
}


@keyframes showAndGrow {
  0% {
    overflow: hidden;
  }
  20% {
    overflow: hidden;
    height: 50px;
}
  50% {
    overflow: hidden;
    height: 200px;
  }
  100% {
    height: 396px; /* 增加到最终高度 */
    overflow: auto;
  }
}
@keyframes hideAndGrow {
  0% {
    height: 396px;
    overflow: auto;
  }
  20% {
    overflow: hidden;
    height: 200px;
}
  50% {
    overflow: hidden;
    height: 50px;
  }
  100% {
    overflow: hidden;
    height:0px;
  }
}
#mobileMenu{
  cursor: pointer;
}
.mobileMenuWrap{
  margin-left:12px;
}
.mobileCollapseWrap{
	position: absolute;
	left: 0px;
	top: 100px;
	width:100%;
  height:0px;
  overflow: hidden;
}
.mobileCollapseAnimation{
  animation: showAndGrow 0.3s ease-in-out forwards;
  z-index: 1;
}
.mobileCollapseAnimation .accordion{
  box-shadow: 0px 0px 10px 0px #6A89D84D;
}
.mobileCollapseAnimationHide{
  animation: hideAndGrow 0.2s ease-in-out forwards;
}
.mobileCollapseWrap .card{
  border:none;
  padding: 0 24px;
  border-radius: 0px;
}
.mobileCollapseWrap .card .mobileNavItem{
  height:48px;
  line-height: 48px;
  border-top: 1px solid #D3D3D3;
  font-family: 'NunitoSans-SemiBold';
  font-size: 1.125rem;
}

.mobileNavItem img {
  transition: transform 0.3s ease;
}
.mobileNavItem[aria-expanded="true"] img {
  transform: rotate(180deg);
}
.mobileNavItem div {
  color:#000000;
}
.mobileNavItem[aria-expanded="true"] .mobileNavItemTitle{
  color:#E05149;
}
.mobileNavItem a{
  text-decoration: none;
  color:#000000;
}
.collapse .card-body{
  padding-right: 0px;
}
.collapseList .utilitiesTitle{
  font-family: 'NunitoSans-SemiBold';
  color:#00000099;
  font-size:0.875rem;
  margin-top:12px;
  height:24px;
  line-height: 24px;
}
.collapseList ul {
  padding-left:0px;
}
.collapseList ul li{
  list-style-type: none;
  margin-top:8px;
  height:44px;
  line-height: 44px;
  cursor: pointer;
  font-size: 1rem;
}
.collapseList ul li a{
  text-decoration: none;
  color:#000000;
}
.collapseList ul li img{
  width:28px;
  height:28px;
  margin-right:12px;
}

.productHeader .nav-item, .productHeader .nav-item .nav-link{
  color:#000000;
  font-family: 'NunitoSans-SemiBold';
  font-size: 1.125rem;
}
.nav-link{
  padding:0px;
}

.ProductsDetail{
  display: none;
  position: absolute;
  top:99px;
  left:0;
  width:100%;
  box-shadow: 0px 8px 32px 4px #00000014;
  background: #FFFFFF;
  border-radius: 24px;
  padding: 0 60px 40px 60px;
  z-index: 1;
}
.productHeader .ProductsNav{
  /* padding: 0px 10px !important; */
  cursor: pointer;
  line-height: 100px;
}
.ProductsNav:hover .ProductsDetail, .ProductsDetail:hover{
  display: block;
  z-index: 1111;
}
.ProductsNav:hover .navDownIcon, .ProductsDetail:hover + .navDownIcon{
  transition: 0.2s;
  transform: rotate(180deg);
}
.productHeader .productsType{
  color:#000000;
  font-size:1.125rem;
  font-weight: 700;
  margin-top:40px;
  padding-left:12px;
  height:24px;
  line-height: 24px;
}
.productHeader .productFreewareBtn{
  width:344px;
  margin:16px 0 0 12px;
}
.ProductsDetail ul{
  padding-left:0px;
  width:266px;
  box-sizing: border-box;
}
.ProductsDetail ul li{
  list-style-type: none;
  margin-top:16px;
  height:44px;
  line-height: 44px;
  padding-left:12px;
  cursor: pointer;
  font-size: 1rem;
  font-family: 'NunitoSans-Medium';
}
.ProductsDetail ul li a{
  text-decoration: none;
  color:#000000;
}
.ProductsDetail ul li img{
  width:28px;
  height:28px;
  margin-right:3px;
}
.ProductsDetail .utilitiesTitle{
  font-family: 'NunitoSans-SemiBold';
  color:#00000099;
  font-size:1rem;
  padding-left:12px;
  margin-top:16px;
  height:19px;
  line-height: 19px;
}
.ProductsDetail ul li:hover{
  background-color:#F3F3F3;
}

.buyIcon-btn{
	display: inline-block;
	font-family: 'NunitoSans-SemiBold';
  height: 48px;
	line-height: 48px;
	padding: 0 12px;
	font-size: 1.25rem;
	text-align: center;
  border-radius: 4px;
	border: 1px solid #E08349;
  color: #fff;
  background-color: #E08349;
	text-decoration: none;
  margin-left:6px;
}
.buyIcon-btn span{
	margin-left:10px;
}
.buyIcon-btn:hover{
  background-color: #E05149;
}
.buyIcon-btn:active{
  background-color: #E05149;
  color: #ffffff;
}
.buyIcon-btn span{
  display: none;
}

.supportDropdown{
  width:368px;
  padding: 4px 20px 20px 20px;
  border-radius: 8px;
  border:none;
  box-shadow: 0px 8px 32px 4px #00000014;

}
.supportDropdown li {
  margin-top:16px;
  height:44px;
  line-height: 44px;
  box-sizing: border-box;
  
}
.supportDropdown li a{
  font-family: 'NunitoSans-Medium';
  text-decoration: none;
  font-size: 1rem;
  color:#000000;
}
.supportDropdown li:hover{
  background-color:#f3f3f3;
}
.supportDropdown li a img{
  margin-right:12px;
}

@media (min-width: 468px) {
  .mobileMenuWrap{
    margin-left:20px;
  }
}
@media (min-width: 1024px) {
  .productHeader{
    padding:0px;
  }
  .productHeader .nav-item, .productHeader .nav-item .nav-link{
    font-size: 1.1rem;
  }
  
  .ProductsNav{
    padding:0 6px;
  }
}
@media (min-width: 1200px) {
  html,body{
    font-size:16px;
  }
  .productHeader .nav-item, .productHeader .nav-item .nav-link{
    font-size: 1.125rem;
  }
  .productHeader .logoIcon{
    margin-right:auto;
  }
  .ProductsNav{
    padding:0 8px;
  }
  .ProductsDetail ul{
    width:328px;
  }
  .buyIcon-btn{
    min-width:152px;
  }
  .buyIcon-btn span{
    display: inline-block;
  }
}
@media (min-width: 1464px) {
  .ProductsNav{
    padding:0 18px;
  }
  .buyIcon-btn{
    margin-left: 30px;
  }
  .ProductsDetail ul{
    width:368px;
  }
}