/* CSS Document */
*{
	padding:0px;
	margin:0px;
	background:#ebebeb;
	font-family:微软雅黑;}
.wxy_header_wrap{
	width:100%;
	margin:0px auto;
	position:fixed;
	z-index:33;
	top:0px;
	background:#F6F6F6;
	text-align:center;
}
.wxy_header{
	height:50px;
	line-height:50px;
	background:#EE3C3C;
	position:relative;
	width:100%;
	max-width:700px;
	margin:0px auto;
	
	
	
}
.wxy_header h1{
	display:inline-block;
	background:none;
	color:#fff;
	font-size:16px;}
.wxy_icon{
	display:inline-block;
	height:40px;
	width:40px;
}
.wxy_header_search_icon{
	background:url(icon_nav2.png) no-repeat;
	background-size:260px;
	background-position:-70px 0px;
	position:absolute;
	right:10px;
	top:5px;
	z-index:9;
}
.wxy_content{
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	background:#fff;
	max-width:700px;
 
	margin:0px auto;
	margin-top:8px;
}
.wxy_big_nav{
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	background:#fff;
	max-width:690px;
	 
	margin:0px auto;
	margin-top:8px;
	

	height:190px;
	background:#fff;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	position:relative;
}
.wxy_big_nav_left{
	width:40%;
	height:100%;
	background:none;
	border-right:1px solid #f0efef;
	position:relative;
	overflow:hidden;
	z-index:3;
}
.wxy_big_nav_left h1{
	font-size:16px;
	font-weight:normal;
	background:none;
	color:#EE3C3C;
}
.wxy_big_nav_left p{
	background:none;
	font-size:12px;
	color:gray;
}
.wxy_big_nav_left a{
	display:block;
	height:100%;
	background:#fff;
	position: relative;
	z-index:-11;
	cursor: pointer;
	
	
}
.wxy_big_nav_left img{
	display:block;
	position:absolute;
	bottom:0px;
	right:5px;
	z-index:-1;
}
.wxy_big_nav_right{
	width:58%;
	height:100%;
	position:absolute;
	overflow:hidden;
	z-index:1;
	background:#fff;
	top:0px;
	right:0px;
	text-align:center;
	
	 
	
}
.wxy_big_nav_right ul {
	list-style:none;display:block;background:#fff; margin:0px;padding:0px;}
.wxy_big_nav_right ul li{ 
	width:48%; display:inline-block;  height:100%;background:#fff;margin:0px;padding:0px;float:left;
	position:relative; z-index:2;}
.wxy_big_nav_right ul:nth-child(1) > li{
	border-bottom:1px solid #f0efef;margin-top:10px;}
.wxy_big_nav_right ul:nth-child(1) >li:nth-child(1){
	border-right:1px solid #f0efef;
}
.wxy_big_nav_right ul:nth-child(1) >li:nth-child(2)>a>h1{
	padding-left:5px;	 
}
.wxy_big_nav_right ul:nth-child(2) >li:nth-child(2)>a>h1{
	padding-left:5px;	 
}
.wxy_big_nav_right ul:nth-child(2) >li:nth-child(1){
	border-right:1px solid #f0efef;
}
.wxy_big_nav_right ul li >a>h1{
	font-size:13px;
	background:#fff;
	font-weight:normal;
	text-align:left;
	color:#3c3b3b;

}
.wxy_big_nav_right ul li >a{
	display:block;
	height:100%;
	background:#fff;
	position: relative;
	z-index:-11;
	cursor: pointer;
	
	
}
.wxy_big_nav_right ul li >a>p{

background:none;
	font-size:10px;
	color:gray;
	text-align:left;
	padding-left:10px;
}
.wxy_big_nav_right ul li >a>img{
	position:absolute;
	bottom:0px;
	right:5px;
	z-index:-1;
}

/*list*/
.wxy_list ul {
	margin-bottom:45px;}
.wxy_list ul li{
	border-bottom:1px solid #f0efef;}
.wxy_list ul li{
	list-style:none;
	width:100%;
	display:block;
	height:100px;
	background:#fff;
	padding-top:8px;
	padding-bottom:8px;
}.wxy_list ul li a{
display:block;
height:100%;
background:#fff;
}
.wxy_list_left{
	background:#fff;
	width:35%;
	height:100%;
	display:inline-block;
	float:left;
	overflow:hidden;
	text-align:center;
	position:relative;
}
.wxy_list_left img{
	width:80%;
	margin:0px auto;}

.wxy_list_right{
	background:#fff;
	width:65%;
	height:100%;
	display:inline-block;
	float:left;
	position:relative;
}
.wxy_list_left  i{
	display:block;
	height:30px;
	width:30px;
	position:absolute;
	top:0px;
	background:url(dztj.png);
	background-size:30px;
	left:5px;
}

.wxy_list_right h1{
	background:#fff;
	font-size:13px;
	font-weight:normal;
	color:#3c3b3b;
	width:90%;
	overflow:hidden;
	white-space:normal;
	text-overflow:ellipsis;
	
}
.wxy_list_right p{
padding-top:5px;
background:#fff;
font-size:12px;
}
.wxy_list_right font{ background:none;}
.wxy_list_right .info{
	color:gray;font-size:10px;position:absolute;bottom:0px;display:block;}
.wxy_list_right .info font:nth-child(1){
	text-decoration:line-through;}
.wxy_list_right span{
	border-radius:5px;font-size:10px;
	position:absolute;padding:1px 3px;
	bottom:0px;color:gray;
	right:5px;
}
/*footer*/
.wxy_footer_wrap{
	width:100%;
	height:45px;
	line-height:45px;
	margin:0px auto;
	position:fixed;
	bottom:0px;
	background:#F6F6F6;
	z-index:60;
	max-width: 700px
}
.wxy_footer{
	width:100%;
	max-width:700px;
	background:#fff;
	margin:0px auto;
	border-top:1px solid #f0efef;
	
}
.wxy_footer ul li{
	list-style:none;
	float:left;
	width:20%;
	text-align:center;
	background:#fff;
	font-size:10px;
	color:gray;
}
.wxy_footer ul li a{
	display:block;
	width:65px;
	height:45px;
	margin:0px auto;
	line-height:70px;
	background:url(wxy_nav.png) no-repeat;
	background-size:320px;
	text-decoration: none;
	color:gray;
}
.wxy_footer ul li:nth-child(1)> a{background-position:-11px -30px;}
.wxy_footer ul li:nth-child(5)> a{background-position:-130px -30px;}
.wxy_footer ul li:nth-child(4)> a{background-position:-188px -30px;}
.wxy_footer ul li:nth-child(3)> a{background-position:-73px -30px;}
.wxy_footer ul li:nth-child(2)> a{background-position:-240px -30px;}

.wxy_footer ul li:nth-child(1)> .current{background-position:-6px -86px;}
.wxy_footer ul li:nth-child(2)> .current{background-position:-133px -86px;}
.wxy_footer ul li:nth-child(3)>  .current{background-position:-193px -86px;}


/*mask*/
.page{
	
max-width:700px;
position:relative;
background:#F6F6F6;
margin:0px auto;
overflow:hidden;
margin-top:50px;
}
.mask{
	position:absolute;
	height:100%;
	z-index:30;
	right:-70%;
	top:0px;
	width:70%;
	/*transition:right .1s;*/
	background:#fff;
	box-shadow:inset 0px 0px 10px  gray;
	font-size:16px;
	font-weight:normal;
	color:gray; 
}
.mask >div {
	padding:10px 10px;
	background:#fff;
	width:80%;
	margin:0px auto;
	margin-top:30px;
	display:block;
}.mask >div:nth-child(2){
	margin-top:10px;}
.mask input{
	background:#fff;
	border:none;
	border:1px solid gray;
	box-shadow:0px 0px 2px gray;
	-webkit-box-shadow:0px 0px 2px gray;
	-o-box-shadow:0px 0px 2px gray;
	-moz-box-shadow:0px 0px 2px gray;
	height:30px;
	border-radius:3px;
	width:80%;
	
}
.mask .price{
	width:30%;}
.mask h1{
	background:#fff;
	font-size:16px;
	font-weight:normal;
	color:gray; margin-bottom:10px;}
.mask_all{
position:absolute;
	height:100%;
	z-index:20;
	left:0;
	top:0px;
	width:100%;
	opacity:0.5;
	display:none;
	background:#000;
}
.mask .btn{
	display:block;
	width:100%;
	margin:0px auto;
	height:35px;
	background:#EE3C3C;text-align:center;color:#fff; line-height:35px; cursor:pointer;}