 
 
 .mega_items
 {
     position: fixed;
 }
 
 
 
/* 2.4 main menu css here */
.menu_position {
  position: relative;
  display: block;
   	height:42px;控制导航大小*/
 /* width:92%;
   left:4%;
   right:4%;
    opacity:8;*/
}
/*
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main_menu {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .main_menu {
    display: none;
  }
}

.main_menu nav  ul {
   position: relative;
  top:2%;
  bottom:2%;
}*/
.main_menu nav > ul {
  display: flex;
    background: #000000;   
	height:42px;
}
 
.main_menu nav > ul > li {
  position: relative;
  margin-right: 0px;/* 一级分类名称 右侧距离。   */
  /*  margin-top:4px;  跟顶距离 */
  border-left:1px solid #4C4A46;
  border-right:0.5px solid #4C4A46;
  height:42px;
    
  
}
.main_menu nav > ul > li:last-child {
  margin-right: 0;
}
 
.main_menu nav > ul > li:hover .mega_menu:not(.nosubitems) {
  visibility: visible;
  max-height: 300px;
  padding: 25px 30px 30px 30px;
   opacity:8;
}
.main_menu nav > ul > li:hover > a {
  color: #F53737;
   background: #ffffff;  
}
/* 
.main_menu nav > ul > li:hover > .towline
{
	
		background-color: #ffffff;  
}
*/
.main_menu nav > ul > li:hover .tips{
 border-top:7px solid #f00;
}

.main_menu nav   ul  .mega_items:hover {
  /* color: #F53737;*/
   /*background-color: #ff0000;*/
   
}
.main_menu nav > ul > li.mega_items {
   
/*background-color: rgb(ff, 00, 00);*/
  
}


/* 一级菜单 横排  */
.main_menu nav > ul > li > a {
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
  text-transform: capitalize;
  font-weight: 500;
  position: relative;
  padding: 5px 28px 5px 16px;
  border: 1px solid transparent;
  
  color:#ffffff;
  background: #000000;  
   
  
}
/*
.main_menu nav > ul > li .towline
{
	display: inline-block;
 	position:absolute;	 
	height:28px;
	width:1px;
	background-color: rgb(76, 74, 70);
    margin-left: 6px;
	margin-top: 4px; 
	z-index:2;
	
}
*/
.main_menu nav > ul > li > .tips {
	display: inline-block;
  	width:0;
	height:0;
	border-top:7px solid #fff;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
    position: absolute; 
    margin-left:-24px;
	margin-top: 18px; 
	  
}
.main_menu nav > ul > li > a i {
  margin-left: 3px;
    
}
. 
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main_menu nav > ul > li > a {
    padding: 5px 20px 5px 20px;
  }
}
 
 /*  一级菜单 背景色  background: #000000;   */
 
.main_menu nav > ul > li.mega_items {
  position: static;
 
   
 
}
/*  子菜单 设置 设置透明  background: #ffffff */
 .main_menu nav > ul > li  .mega_menu {
  position: absolute;
  min-width: 100%;
  padding: 0 30px 0 30px;
  /* 背景色background-color:#f7f7fa;  透明度  
  background-color:rgba( 247, 247,240  / 60%);*/
  background: rgba(238, 238, 238, 0.9);
  
/* 菜单切换效果  
  -webkit-transition: 0.2s;
   transition: 0.2s;
   transition-timing-function: ease;
   */
  
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
  max-height: 0;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  left: 0;
  right: auto;
  visibility: hidden;  
 
  z-index: 99;
  top: 100%;
  /* text-align: left; 靠左显示，边框线就紧靠分类。*/
  text-align: center; /* 居中不明显  */
  overflow-x:hidden;
  overflow-y:auto;
   text-align:center;   
  /*
   overflow: hidden;
  
  */
   
}


.voit-p1 .mega_menu_inner {
  display: flex;
  
   
   
  /*
  width:80%;
  padding-left:10%;
  padding-right:10%;
  
  justify-content: space-between;
  */justify-content:space-evenly;
 
}
 
.voit-p1 .mega_menu_inner > li{ 
 border-left: 1px solid #c0c0c0; 
  
     text-align:center;   
    padding-left:0.5%;
  padding-right:0.5%;
 }

/*  二级菜单名  */
.voit-p1 .mega_menu_inner > li > a {
  font-size: 16px;
  line-height: 24px;
  width:12rem;   
  display: block;  
  color: #000000;
  font-size: 14px;
  font-weight: bold; 
  
}


.mega_menu_inner > li > a:hover {
  color: #F53737;
}
.voit-p1 .mega_menu_inner > li ul li {
  display: block;
}
/*  三级菜单名  */
.voit-p1 .mega_menu_inner > li ul li a {
  font-size: 14px;
  font-weight: 300;
  display: block;
  line-height: 30px;
  text-transform: capitalize;
  color:#000;
   
}
.mega_menu_inner > li ul li a:hover {
  color: #F53737;
}
.pc-voit-image
{
	  position: relative;
    left:4px;
	top:6px;
}

.main_menu .lazyload-wrapper
{
	 
	width:120px;
	
}


#search-input:hover {
	background-color:#f2f2f2
}
 
.ui-goods-search {

	height:32px;
   	margin-left:12%;
 
}

#search-input {
	width:300px;
	height:32px;
	border:1px solid black;
	border-radius:4px;
	background-color:rgb(255,255,255);
	padding-right:10%;
	margin-top:-37px;
	margin-left:52%;
	outline:none;
	color:rgb(0,0,0);
	font-size:12px;
    position: absolute; 
  
}
#ai-topsearch13 {
	display:inline-block;
	background-image:url('../images/search-goods.png');
	background-repeat:no-repeat;
	background-color:rgba(255,255,255,0);
	background-size:70% auto;
    position: absolute; 
	top:6px;
	margin-left:66%;
	width:30px;
	height:30px;
	border-style:none;
	justify-content:center;
	padding:10px;
}
 
 

 
 /*  二级菜单名  */
.voit-p2 .mega_menu_inner > li > a {
  
  line-height: 24px;
  width:12rem;   
  display: block;  
  color: #000000;
 
  font-size: 14px;
  font-weight: bold; 
  padding:0 1%;
}

 .main_menu nav > ul > li.voit-p2 .mega_menu 
 {  
 
  /*  height:300px;*/
  
  
 }
 
  .main_menu  .voit-p2 .voit-p2-list h4 { font-size:14px;  color:#000000;font-weight:bold; text-align:left; border-bottom:1px solid #bfbfc2; padding-bottom:5px; }  
 .main_menu  .voit-p2 .voit-p2-list  h4 span{   font-size:12px; color:#333;font-family:Arial, Helvetica, sans-serif; font-weight: normal;}
 .main_menu  .voit-p2 .voit-p2-list  img{ border-top:1px solid #fff; width:320px; padding-top:5px;}
 
.main_menu  .voit-p2 .voit-p2-list
{
	   float:left;   
	   padding: 0px 0.5%; 
	   vertical-align: top;
	   box-sizing: border-box; 
	  width:330px;
	   right:10px;
	   text-align:center;   
}
.voit-p2 .mega_menu_inner { 
  
   
    display:flex;
	justify-content:space-around;
    margin-left:12%;
	margin-right:12%;
   
 
 }

.mega_menu_inner .hover{ display:none;}
.otherLink:hover .hover{ display:block;}
.otherLink:hover .normal{ display:none;}

.voit-p2 .mega_menu_inner ul{ height:300px;}
.voit-p2 .mega_menu_inner ul li{ margin-bottom:5px;}
.voit-p2 .mega_menu_inner a.aAllLink{ color:#000; /*font-weight:bold;*/}
.voit-p2 .mega_menu_inner a.aAllLink img{ display:inline-block; }

.main_menu  .voit-p3 .voit-p3-list
{
	   float:left;   
	   padding: 0px 0.5%; 
	   vertical-align: top;
	   box-sizing: border-box; 
	   width:16%;*width:16.86%;
	   right:10px;
	   text-align:center;   
}
.voit-p3 .mega_menu_inner { 
  
   
    display:flex;
	justify-content:space-around;
    margin-left:12%;
	margin-right:12%;
    
 
 }
 .voit-p3 .mega_menu_inner > li{ 
 border-left: 1px solid #c0c0c0; 
  
      
    padding-left:1.5%;
  padding-right:1.5%;
 }
 /* 官方报名开始  */
  .main_menu  .voit-p5 .voit-p5-list h3
  {
	  font-size:14px; 
	  color:#000000;
	  font-weight:bold; 	  
    text-align:left; 
  
     padding-bottom:5px; 
  }  
 .main_menu  .voit-p5 .voit-p5-list
{
	   float:left;   
	   padding: 0px 0.5%; 
	   vertical-align: top;
	   box-sizing: border-box; 
	   width:33%;*width:16.86%;
	   left:1px;
	   text-align:left;   
}
 
 .voit-p5 .mega_menu_inner { 
  
   
    display:flex;
	justify-content:space-around;
    margin-left:25%;
	margin-right:35%;
    
 
 }
 
  .voit-p5 .mega_menu_inner > li{ 
 border-left: 1px solid #c0c0c0; 
  
      
    padding-left:1.5%;
  padding-right:1.5%;
 }

 

 