@CHARSET "UTF-8";
@font-face {
	font-family: dataNumber;
	src: url('../css/AkzidenzGrotesk-BoldCond.otf')
}
body{
	background:#f8f7f8 !important;
}
.searchDiv{
	background:rgba(255,255,255,0.8);
	border-radius:0.3rem;
	width:80%;
	margin-left:5%;
	padding:1% 5%;
	position:absolute;
	top:2%;
	z-index:9;
	display:inline-flex;
	align-items:center;
}
.searchInput{
	border:none;
	width:80%;
	border-radius:0.3rem;
	outline:none;
	font-size:0.5rem;
	background:transparent;
	line-height:1rem;
}
.searchInput::-webkit-input-placeholder{
	color:#999;
}
.searchIcon{
	width:0.8rem;
	height:0.8rem;
	margin-right:3%;
}
.toSearch{
	width:90%;
	height:3rem;
	display:none;
	position:fixed;
	background:rgba(255,255,255,0.8);
	z-index:100;
	left:5%;
	top:10%;
	border-radius:0.5rem;
	align-items:center;
	padding:1% 0;
}
.bigIcon{
	width:1rem;
	height:1rem;
	margin-right:3%;
	margin-left:auto;
}
.bigInput{
	border:none;
	border-radius:0.3rem;
	outline:none;
	font-size:0.5rem;
	background:transparent;
	margin-right:auto;
	line-height:1rem;
	width:auto;
	text-align:center;
}
.floatShow{
	background:rgba(255,255,255,0.5);
	position:absolute;
	top:130px;
	right:20px;
	color:#666;
	padding:2%;
	border-radius:0.3rem;
	z-index:1;
}
.floatIcon{
	width:0.8rem;
	height:0.8rem;
}
@media (min-width:674px){
	.searchDiv{
		width:260px;
		margin-left:100px;
		min-width:11%;
	}
	.floatShow{
		right:35%;
		top:18%;
		padding:9px;
	}
}
.menuDiv{
	width:94%;
	padding:3%;
	background: -webkit-linear-gradient(top, #fdfdfd , #f7f7f7); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top, #fdfdfd , #f7f7f7); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top, #fdfdfd , #f7f7f7); /* Firefox 3.6 - 15 */
	background: linear-gradient(top, #fdfdfd , #f7f7f7); /* 标准的语法 */
	border-bottom:3px solid #fff;
}
.menuDiv ul{
	background:#fff;
	box-shadow:0px -3px 20px 10px #f3f3f3;
	border-radius:0.3rem;
	padding:2%;
	width:96%;
	overflow:hidden;
	display:flex;
	align-items:center;
}
.menuItem{
	box-sizing:border-box;
	width:20%;
	text-align:center;
	vertical-align:middle;
}
.menuImg{
	max-width:1rem;
	height:1rem;
}
.menuText{
	font-size:0.5rem;
	width:100%;
	background:#fff;
	color:#ae986d;
}
.showDiv{
	width:86%;
	margin-left:7%;
}
.showTitle{
	padding:1% 0;
	border-bottom:1px solid #ae9a73;
	text-align:left;
	font-size:0.55rem;
	margin-bottom:2%;
	display:inline-block;
}
.type_list{
	width:86%;
	padding:2% 7%;
}
.type_pic{
	width:100%;
	height:8rem;
}
.redPacket{
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	display:none;
	z-index:99;
}
.redPacketImg{
	position:absolute;
	width:60%;
	margin-left:20%;
	margin-top:35%;
}
.redPacketOpen{
	position:relative;
	width:20%;
	margin-left:41%;
	margin-top:75%;
}
.close{
	position:absolute;
	margin-left:-14%;
	margin-top:120%;
	width:1rem;
	height:1rem;
}
.mask{
	z-index:99;
}