/*首页搜索*/
.index-search{
	position: fixed;
	top: 0;
	z-index:9999;
	width:100%;
	padding: .5rem;
	background-color: rgba(255,255,255,.1);
}

.input-search{
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: fixed;
	top: 0px;
	z-index: 9999;
}
.input-search-top{
	background-color: rgb(229,0,18);
	padding: .5rem;
}
.index-search input[type=search]{
	background-color: rgb(236,133,133);
}
 .cancel{
	padding: .3rem;
	font-size: 12px;
	color: rgb(255,255,255);
}
input[type=search]{
	margin-bottom: 0;
	width: 88%;
	background-color: rgb(236,133,133);
}
.index-search .mui-search .mui-placeholder{
	width: inherit;
	color: #000;
}
.mui-search .mui-placeholder{
	width: 88%;
	color: white;
	font-size: 14px;
	opacity: .5;
}
.search-record h4{
	text-align: center;
	padding: 1.8rem 0 1rem 0;
}
.search-content{
	padding: .5rem;
}
.search-content a{
	display: inline-block;
	border: 1px solid #e7e7e7;
	padding: 6px 20px;
	font-size: 12px;
	color: #444;
	margin: .4rem .2rem .2rem 0;
}

.logo-img{
	position: absolute;
	top: 6.5px;
	width:40px;

}
::-webkit-input-placeholder{
	color: white;
	font-size: 14px;
	opacity: .6;
}





button{
	font-size: 12px;
	border: none;
	background-color: #E6E6E6;
	outline: none;
}
 .mui-search .search-input{
 	color: white;
	padding: 0;
}
.form-control{
	border: none;
	opacity: .8;
	outline: none;
}
#searchButton{
	border: none;
	outline: none;
	opacity: .8;
	height: 40px;
}
.container{
	padding-left: 0;
	padding-right: 0;
}
.good-pic-1 img,.good-pic-2 img,.container-1 img,.container-2 img, .container-3 img, .container-4 img{
	display: block;
	max-width: 100%;
}

.tour .title p>img{
	vertical-align: middle;
}
.tour .title,.difference .good,#hotBrandDiv .good{
	text-align: center;
	background-color: white;
	line-height: 2;
	border-bottom: 1px solid #e7e7e7;
	margin: .5rem auto 0 auto;
	padding: .4rem 0;
}
.tour .title p,.difference .good p,#hotBrandDiv .good p{
	color: rgb(229,0,18);
	margin: 0;
	font-size: 14px;
}
.tour .title p,.difference .good p>img,#hotBrandDiv .good p>img{
	vertical-align: middle;
}
.difference .good-pic-1{
	overflow: hidden;
}
.difference .good-pic-1 div{
	float: left;
	border-left: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}

/*楼层*/
.tour{
	margin-bottom: 5rem;
}

.tour .container-1,.tour .container-3{
	overflow: hidden;
}
.tour .container-1 div{
	margin: 0;
	width: 33.333%;
	float: left;
	border-left: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}
.tour .container-3{
	/*margin-bottom: 5rem;*/
}
.tour .container-3 div{	
	width: 33.33%;
	float: left;
	border-left: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}

/*广告*/
.advertisement{
	margin-top:5px;
	margin-bottom: 5px;
	width: 100%;

}

/*活动图片*/
#activityDiv .activity img{
	border: 1px solid #e7e7e7;

}


/* 中间按钮*/
	.button{
		overflow: hidden;
		margin-bottom: .5rem;
		width:100%;
		/*height: 8rem;*/
		padding: .8rem 0 0 0;
		display:flex;
		background-color: rgb(255,255,255);
	}
	.button a{
		float: left;
		width: 20%;
		color: #999;
		-webkit-box-flex:1;
		flex: 1;
		text-align: center;
		font-size: 1rem;
	}
	.button a img{
		width: 40px;
	}
	.button p{
		margin: 5px;
		font-size: 1.2rem;
	}


/*	咸亨头条 */

	.headline{
		width: 100%;
		height: 5.5rem;
		background-color: rgb(255,255,255);
		/*display: flex;*/
	}
	.headline .headline-pic{
		border-right: 1px solid rgb(235,235,235);
		height: 4.5rem;
		margin-top: .5rem;
		float:left;
	}
	.headline .headline-pic img{
		width: 5.5rem;
		height: 4.5rem;

	}
	.headline .news{
		/*flex: 1;*/
		line-height: 2;
		/*margin-left: .6rem;
		margin-top: .6rem;*/
		font-size: 1.2rem;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.headline .news span{
		border: 1px solid red;
		color: red;
		border-radius: 3px;
		padding: 1px 6px;
	}
	.headline .news a{
		margin-left: 1.0rem;
	}
	.news-more{
		height: 4.5rem;
		margin-top: .5rem;
		text-align: center;
	}
	.news-more span{
		
		font-size: 13px;
		display: block;
		color: #4B566A;
		font-weight: bold;
		margin-top: 1.6rem;
	}
	.news-more img{
		margin-top: 5px;
	}

/* 底部导航 */

	.footer{
		
		position: fixed;
		bottom: 0;
		z-index: 999;
		width: 100%;
		line-height: 1.8;
		/*display: flex;*/
		border-bottom: 1px solid #f8f8f8;
		background-color:#f7f7f7;
		box-shadow: 0 0 1px rgba(0,0,0,.85);
	}
	.footer a{
		height: 50px;
		float: left;
		width: 20%;
		/*-webkit-box-flex:1;*/
		/*flex: 1;*/
		text-align: center;
		/*margin: 7px;*/
	}
	.footer a img{
		width: 24px;
		height: 24px;
		vertical-align: middle;
	}
	.footer p{
		margin: 2px;
		font-size: 12px;
	}
	.footer .active{
		color:rgb(216,30,6);
	}
	
/**/

		#listloading{ 
		    overflow:hidden;
		}
		.order-list>li{
		    height:70px;
		    line-height:24px;
		    padding:10px 15px 10px 10px;
		    margin:10px;
		    border-radius:3px;
		    box-shadow:1px 1px 2px #ccc;
		    background:#fff;
		}
		.order-list>li>span.icon{
		    float:left;
		    width:50px;
		    height:50px;
		    line-height:50px;
		    margin-right:10px;
		    border-radius:50%;
		    background:#FFC107;
		    text-align:center;
		    font-size:36px;
		}
		.svg-icon{
		    width: 1em; height: 1em;
		    vertical-align: -0.1em;
		    fill: currentColor;
		    overflow: hidden;
		}
		.order-list>li>.title{
		    font-size:16px;
		    color:#292929;
		}
		.order-list>li>.title>time.r{
		    color:#666;
		    font-size:12px;
		}
		.order-list>li>.text{
		    color:#7B7B7B;
		}
		.listloadingClass{
		    overflow:hidden;
		}
		.blue-slide {
			background: #4390EE;
		}
		.red-slide {
			background: #CA4040;
		}
		.orange-slide {
			background: #FF8604;
			
		}
		.swiper-slide {
			/*line-height: 100px;*/
			color: #fff;
			font-size: 36px;
			/*height: 15rem;*/
			text-align: center;
		}
		.swiper-slide a{
			display: block;
		    width: 100%;
		    height: 100%;
		    vertical-align: middle;
		    overflow: hidden;
		}
		.green-slide{
			background:green;
		}
		.gray-slide{
			background: gray;
		}
		.imgStyle{
			/*line-height: 200px;*/
			width: 100%;
			height:100%;
		}
    		.gotobtn{
			position: fixed;
			bottom: 6rem;
			right: 2rem;
			z-index: 998;
			width: 4.5rem;
			cursor: pointer;
		}
		.gotobtn>img{width: 100%;}
    	#Marquee_x li {
			margin: 5px 5px -5px 0;
			width: 120px;
			width: 75px;
			height: 40px;
			text-align: center;
			float: left;
		}*/
		/*#Marquee_x li {
			margin: 5px 15px;
			/*width: 120px;*/
			width: 75px;
			height: 40px;
			text-align: center;
			float: left;
		}*/

#Marquee_x a:hover img {
	margin-top: -3px;
	margin: 0 0 0 15px;
	position: relative;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-ms-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
	z-index: 1;
	box-shadow: 0 5px 5px #999;
}

/*热门头条*/
.headline{ margin:0 auto;  width:100%;  overflow:hidden; position:relative; }
.headline .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.headline .hd .prev,.headline .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("images/arrow.png") 0 -100px no-repeat;}
.headline .hd .next{ background-position:0 -140px;  }
.headline .hd .prevStop{ background-position:-60px -100px;  }
.headline .hd .nextStop{ background-position:-60px -140px;  }
.headline .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.headline .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; list-style-type: none; }
.headline .hd ul li.on{ background-position:0 0; }
.headline .news{ padding:0px; width: 65%;float: left;  }
.headline .news ul{ padding: 7px 7px; overflow:hidden; zoom:1;list-style-type: none;  }
.headline .news ul li{ text-align:left; zoom:1; }
.headline .news ul li .pic{ text-align:left }
.headline .news ul li .pic img{ width:180px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.headline .news ul li .pic a:hover img{ border-color:#999;  }
.headline .news ul li .title{ line-height:24px; }

.picMarquee-left{ width:100%;  overflow:hidden; position:relative;margin-top:5px;  }
.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd{ padding:0px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:120px; height:45px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }



/*楼层商品*/
.content{
			width: 100%;
			height: 100%;
			background-color: #e7e7e7;
		}
		.poster-list{
			/*margin-bottom: 51px;*/
			width: 100%;
			margin: 0 auto;
			padding: 1px;
			overflow: hidden;
			background-color: #f9f9f9;
		}
		.poster-list>ul{
			/*min-height:1000px;*/

		}
		.poster-content{
			/*margin-top: 1px;*/
			overflow: hidden;
			
		}
		.poster-list .poster-content li{
			float: left;
			width: 50%;
			
			/*margin: .5rem 0 0 0;*/
			overflow: hidden;
			min-height: 80px;
			position: relative;
		}
		.poster-list .poster-content li .list-item{
			display: block;
			margin: .5rem 0 0 0;
			padding: .5rem;
			border-radius: 5px;
			border: 1px solid #e0e1e1;
			background-color: rgb(255,255,255);
		}
		.poster-list .poster-content li:nth-child(odd) .list-item{
			margin-left: .5rem;
			margin-right: .25rem;
		}
		.poster-list .poster-content li:nth-child(even) .list-item{
			margin-left: .25rem;
			margin-right: .5rem;
		}
		.poster-list .poster-content li .p{
			display: block;
			width: 100%;
			/*margin-bottom: .5rem;*/
			margin-left: 0;
			overflow: hidden;
			text-align: center;
		}
		.poster-list .poster-content li .p a{
			/*line-height: 126px;*/
			border: none;
			background:none;
			text-align: center;
			width: 100%;
			padding: 100% 0 0 0;
			height: 0;
		}
		.poster-list .poster-content li .p .p-pic{
			width: 100%;
		}
		.poster-list .poster-content li .d .d-title{
			/*height: 40px;*/
			margin-right: 0;
			line-height: 18px;
			margin-bottom: 3px;
			overflow: hidden;
			display: -webkit-box;
			-webkit-line-clamp:1;
			-webkit-box-orient: vertical;
			word-break: break-all;
			color: #4b566a;
			font-size: 14px;
		}
		.poster-list .poster-content li .d .d-price{
			/*line-height: 12px;*/
			/*height: 12px;*/
			margin-top: .4rem;
			/*margin-right: 8px;*/
			/*float: left;*/
		}
		.d-price .h{
			color: rgb(229,0,18);
			font-style: normal;
		}
		.poster-list .poster-content li .d .d-main a{
			font-size: 12px;
			position: absolute;
			bottom: 7px;
			right: 22px;
			/*padding: .3rem;*/
			/*background-color: rgb(229,0,18);*/
			color: #999;
			border-radius: 5px;
			
		}

.poster-list .container{
	overflow: hidden;
	/*padding: 0 .5rem .5rem .5rem;*/
}

/*广告*/
.advertisuccessement img{
	/*display: block;*/
	margin-top: .5rem;
}