.header{
			width:100%;
			height: 100px;
			background-color: rgba(0,0,0,0.3);
			backdrop-filter: blur(20px);
			transition: all 300ms ease;
			color:#fff;
		}
		.header:hover{
			background-color: #fff;
			color: #000;
		}
		.header-section-menu{
			padding-left: 4px;
			padding-right:4px;
		}
		.mi_logo{
			height: 100px;
			width: 162px;
			background-size: cover;
			float: left;
			overflow: hidden;
			padding-right: 23px;
			padding-top: 32px;
		}
		.iconfont.iconcats{
			
			font-size: 1.2rem;;
		}
		.navbar-title {
		    font-size: .9rem;
		    font-weight: 400;
		    margin-bottom: 9px;
		}
		.navbar-toggler{
			border: 0px;
			height: 56px;
			line-height: 1.3;
			color: inherit;
			background: inherit;
			margin-top: 22px;
		}
		.navbar-toggler:hover {
		    background-color: #ff6900;
			color:#fff;
		}
		.navbar-toggler.active span.iconfont{
			color:#f50;
		}
		.navbar-toggler.active{
			background-color: #fff;
		}
		.navbar-toggler:hover .navbar-title{
			color:#fff;
		}
		.navbar-toggler.active .navbar-title{
			color:#f50;
		}
		.search_con{
			float: left;
		}
		.search_icon{
			position:relative;
		}
		.search_form{
			position: absolute;
			top: 0px;
			right:0px;
			width: 100%;
		}
		.search_form input{
			width: 100%;
			border-radius: 30px;
			background-color: #fff;
			max-width: 500px;
		}
		.header-logo .navbar-brand {
		    float: left;
			font-size: 1.25rem;
			background: url(https://mall.mistoremx.com/css/index/images/logo.gif) no-repeat;
			height: 40px;
			width: 115px;
			margin-top: 30px;
			background-size: cover;
		}
		
		.input-group-btn {
			width: 1%;
		    position: relative;
		    font-size: 0;
		    white-space: nowrap;
			vertical-align: top!important;
			z-index: 2;
			margin-left: -1px;
		}
		
		.btn-search {
		    height: 40px;
		    width: 50px;
		}
		.search-input{
			margin: 0px;
		}
		.input-group-search{
			margin-top: 8px;
		}
		.input-group-search .input-group{
		    width: 100%;
		}
		.header-icons-row{
			display: flex;
			margin-top: 22px;
			justify-content: end;
		}
		.header-icons-row a{
			height: 56px;
			line-height: 56px;
			padding-left: 15px;
			padding-right: 15px;
			text-align: left;
			text-decoration: none;
			display: inline-block;
			width: 100%;
		}
		.header-icons-row a.shoplist:hover{
			color:#ff6900;
		}
		.header-icons-row a.shipping:hover{
			color:#ff6900;
		}
		.header-icons-row a.cart{
			position:relative;
		}
		.userLogin #userModal{
			position:absolute;
			right:0px;
			top:100px;
			display: none;
			transition: all 300ms ease;
		}
		.userLogin:hover{
			background-color: #ff6900;
			color: #fff;
		}
		.userLogin:hover .account .iconfont{
			color:#fff;
		}
		.userLogin:hover #userModal{
			display:block;
			box-shadow: 0 3px 2px rgb(0 0 0 / 10%);
		}
		.header-icons-row a.active{
			background-color: #FFF;
			color:#f50;
		}
		.header-icons-row a.search_icon:hover{
			background-color: transparent;
		}
		.header-icons-row a.over:hover{
			background-color: #FFF;
			color:#f50;
		}
		#categoryList{
			position: absolute;
			max-width: 1440px;
			left: 50%;
			transform: translateX(-50%);
			transition: all 300ms ease;
			display: none;
			width: 100%;
			top:100px;
			background: #efefef;
		}
		#openmenu:hover #categoryList{
			display: block;
			box-shadow: 0 3px 2px rgb(0 0 0 / 10%);
		}
		#categoryList .navlist .navItem:hover .main-menu{
			display: block;
		}
		.header-icons-row a span{
			font-size: 1.6rem;
		}
		.header-icons-row .cart-counter{
			position: absolute;
			border-radius: 20px;
			background-color: #fff;
			color: #000;
			top: 8px;
			right: 6px;
			text-align: center;
			font-size: 12px;
			height: 15px;
			line-height: 16px;
			width: 15px;
		}
		.header-icons-row a.active .cart-counter{
			background-color: #f50;
			color: #fff;
		}
		.user-con .modal-contant{
			margin: 0px;
			background-color: #FFF;
			box-shadow: 0 3px 2px 0 rgb(0 0 0 / 35%);
			color: #666;
			width: 229px;
		}
		#user_menu ul>li{
			position: relative;
			color: #666;
		}
		#user_menu ul>li:hover{
			background-color: #ff6900;
			color:#fff;
		}
		#user_menu ul>li:hover a{
			color:#fff;
		}
		#user_menu ul li .iconfont{
			padding: 12px;
			font-size: 20px;
		}
		#categoryList .menus nav{
		   width: 25%;
		   background-color: #fff;
		   margin-left: 4px;
		   margin-right: -4px;
		   padding-left: 0;
		   padding-right: 0;
		   float: left;
		}
		#categoryList .navlist{
		    height: 510px;
		    margin: 0;
		}
		.navlist .navItem {
		    margin: 0 4px 0 0;
			cursor: pointer;
			height: 40px;
			color:#000;
		}
		.navlist .navItem:hover{
			background-color: #ff6900;
			color: #fff;
			font-weight: 700;
		}
		.navlist .navItem:hover a{
			color:#fff;
		}
		.navlist .navItem:hover .iconfont{
			color: #fff;
		}
		.navlist a{
			display: block;
		}
		
		.navlist span.iconfont {
		    padding: 3px 8px 0;
			color: #666;
		}
		.navlist .nav-link {
		    border-radius: 0;
		    cursor: pointer;
		    display: block;
		    line-height: 40px;
		    position: relative;
			text-align: left;
			text-indent: 10px;
		}
		.navlist .nav-link:hover span.iconfont{
			color: #fff;
		}
		.navlist .main-menu{
			position: absolute;
			top: 0px;
			left:25%;
			width: 75%;
			display: none;
			background-color: #fff;
			height: 510px;
		}
		.navlist a:hover,.navlist a:focus{
			text-decoration: none;
		}
		.category .menu-contant{
			width: 75%;
			background-color: #f7f7f7;
			height: 510px;
			float: left;
			border: 1px solid #e0e0e0;
		}
		.category .menu-contant .advimg{
			display: block;
			float: left;
			width: 100%;
			height: 224px;
			overflow: hidden;
			text-align: center;
			position: initial;
			margin-bottom: 8px;
		}
		.menu-contant .advimg .imgCon{
			background-size: cover;
			background-position: center; 
			height: 100%;
		}
		.category .menu-contant img{
			width: 100%;
		}
	    .product-recom .product-recom-item
		{
			background-color: #fff;
			border: 1px solid #eee;
			height: 265px;
			position: relative;
		}
		.product-recom .product-recom-item img{
			display: block;
			margin-left: auto;
			margin-right: auto;
			max-width: 152px;
			padding: 16px;
		}
		.product-recom .product-recom-item  .title span{
		    color: #333;
		    display: block;
		    font-size: .9rem;
		    font-weight: 700;
		    height: 52px;
		    margin-bottom: 8px;
		    overflow: hidden;
		    padding-left: 8px;
		    padding-right: 8px;
		    padding-top: 8px;
			text-overflow: -o-ellipsis-lastline;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			line-clamp: 2;
			-webkit-box-orient: vertical;
			line-height: 1.5;
		}
		.product-recom-item .discount-container{
		    padding: 0 8px 4px;
		}
		.original-price {
		    color: #aaa;
		    font-size: .9rem;
		    font-weight: 400;
		    line-height: 1.3rem;
		    text-decoration: line-through;
		}
		.price-main{
			padding: 0 8px 4px;
			color: #ea2840;
			font-size: 1rem;
			font-weight: 700;
			line-height: 1.4rem;
		}
		.main-menu .category-title{
		    color: #666;
		    font-size: .9rem;
		    font-weight: 700;
		    margin: 6px 0;
		    text-transform: uppercase;
		}
		
		.header-section-cates nav .first-level{
			display: flex;
			align-items: center;
			height: 100px;
			line-height: 100px;
		}
		.header-section-cates nav .first-level>li:hover .second-level{
			display: block;
			box-shadow: 2px 2px 10px 2px rgb(0 0 0 / 10%);
		}
		.header-section-cates nav .first-level>li:hover h3{
			background-color: #ff6900;
			color:#fff;
			border-radius: 4px;
		}
		.header-section-cates nav ul.first-level h3{
			padding-left: 10px;
			padding-right:10px;
			cursor: pointer;
			font-size: 16px;
			height: 56px;
			line-height: 56px;
			font-weight: 400;
		}
		.header-section-cates nav .second-level{
			position:absolute;
			max-width: 1440px;
			left: 50%;
			transform: translateX(-50%);
			transition: all 300ms ease;
			display: none;
			width: 100%;
			height: 510px;
			background-color: #fff;
			top:100px;
		}
		.header-section-cates nav .second-level .swiper-slide {
			  text-align: center;
			  font-size: 18px;
			  background: #fff;
			  flex-direction: column;
			  transition: all 300ms ease;
			  margin-top: 20px;
		  }
		  .header-section-cates nav .second-level .swiper-slide:hover{
			  box-shadow: 2px 2px 10px 2px rgb(0 0 0 / 10%);
			  transform: translateY(-10px);
		  }
		  .header-section-cates nav .second-level .swiper-slide img{
			  width: 100%;
		  }
		  .second-level .swiper-slide .title{
			  color:#666;
		  }

/* 购物车的下拉样式 */
#shoppingCar .dorpdown-layer{
	background-color: #f7f7f7;
	margin-right: 0px;
	margin-left: auto;
	border: 1px solid #ddd;
	padding: 10px 0px;
	display: block;
	position: initial;
}
#shoppingCar .dorpdown-layer li{
	background-color: #fff;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-bottom: 5px;
	padding: 5px;
}
#shoppingCar .dorpdown-layer li .p-name{
	font-size: 10px;
	width: 50%;
}
#shoppingCar .dorpdown-layer li .p-number{
	display: flex;
	align-items: center;
}
#shoppingCar .dorpdown-layer li .p-number .num{
	padding-right: 5px;
}
#shoppingCar .dorpdown-layer li .p-number .count{
	display: flex;
	flex-direction: column;
}
#shoppingCar .dorpdown-layer li  .p-oper{
	text-align: center;
	width: 30%;
}
#shoppingCar .dorpdown-layer li  .p-oper .price{
	font-weight: 700;
	color: #000;
}
#shoppingCar .mb{
    height: 45px;
    line-height: 45px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}
#shoppingCar .mb .p-total{
	float: left;
	margin-left: 20px;
	color: #000;
}
#shoppingCar .mb .btn-cart{
	float: right;
	margin-right: 10px;
}
#shoppingCar .mb .btn-cart:hover{
	color: #f50;
}
.loadshopList{
	background-color: #f7f7f7;
	margin-right: 0px;
	margin-left: auto;
	text-align: center;
}
.loadshopList img{
	width: 50px;
	height: 50px;
}
#shoppingCar .nogoods{
	text-align: center;
}
#shoppingCar .p-img img{
	width: 50px;
}
.car_con:hover{
	background-color: #ff6900;
}
.car_con:hover a.cartList{
	color:#fff;
}
.car_con:hover a{
	color:#000;
}
.car_con:hover .cart-counter{
	color: #ff6900;
}
#shoppingCar{
	position: absolute;
	right: 0px;
	top: 100px;
	width: 500px;
	transition: all 300ms ease;
	display:none;
}
.car_con:hover #shoppingCar{
	display: block;
	box-shadow: 0 3px 2px 0 rgb(0 0 0 / 35%);
}
.header-section-profile{
	height: 100px;
	position: relative;
	width: 44%;
}

.header_drapdownmenu:before{
	content: '';
	display: block;
	position: absolute;
	top: -22px;
	height: 29px;
	left: 0;
	width: 100%;
}
#categoryList .navlist .main-menu .children-col .swiper-slide:hover {
    box-shadow: 2px 2px 10px 2px rgb(0 0 0 / 10%);
    transform: translateY(-10px);
}
#categoryList .navlist .main-menu .children-col .swiper-slide{
	flex-direction: column;
	color: #000;
	transition: all 300ms ease;
	margin-top: 20px;
}
#categoryList .navlist .main-menu .children-col{
	height: 510px;
}
.navlist .navItem .swiper-slide .title{
	color:#000;
	text-align:center;
}
.header-icons-row a #shippingList .p-name{
	height: 30px;
	line-height: 22px;
	text-align: left;
	color: #000;
}
#shoppingList .mc{
   max-height:300px;
   overflow:auto;
}
.car_con:hover .p-name a{
    color:#000;
}
.car_con:hover .count a{
    color:#000;
}
.car_con:hover .p-number a{
    color:#000;
}
.car_con:hover .mb a.btn-cart{
    color:#ff6900;
}
#shoppingCar .dorpdown-layer li .p-name a{
    text-align:left;
	line-height: 20px;
}
.header-section-profile #suggestions{
	top: 48px;
	display: block;
	width: 500px;
	right: 0px;
	left: auto;
	color: #000;
	border: 1px solid #ddd;
}
.suggestions_box .suggestions_list ul li a{
	height: 28px;
	line-height: 28px;
	color:#000;
	width: auto;
}
.banner-layout-2 .swiper-wrapper .swiper-slide a{
    width:100%;
}
#shoppingCar .dorpdown-layer li .p-number .count a{
    height:30px;
	line-height: 30px;
}