@charset "utf-8";
*{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;}
body{
	color: #525252;
	background-color: #fff;
	min-width:320px;
	font-size:14px;
	font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei";
}
fieldset,img{border:0;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
a{color: #333;text-decoration:none;}
.auto{
	background-color: #eaeaea;
	max-width: 640px;
	min-width:320px;
	margin: 0 auto;
}
/* 轮播 */
.banner{ position:relative; background:#fff; width:100%; overflow:hidden;}
#z_slider .flex-control-nav{ background:rgba(0,0,0,0.6); height:20px; line-height:20px; text-align:center;}
#z_slider .flex-control-paging li a{background-color: #fff; font-size:0; height:8px; width:20px;border-radius:0;}
#z_slider .flex-control-nav li{ margin:6px 5px 6px 0;}
#z_slider .flex-control-paging li a.flex-active{ background-color:#ff9600;}
/* 头部 */
.header{ width:100%; z-index:9999; overflow:hidden;}
.header .logo{ display:block;line-height:40px;width:130px;height:40px; overflow:hidden; text-align:center; margin:5px 0 5px 5px; float:left; position:relative; z-index:99;} 
.header .logo img{ height:40px;vertical-align: middle;}
.header .searchBar{  position:relative; height:40px;background:#ff9600; float:left; margin:5px;}
.header .search_text{ float:left;height:38px; margin:1px; border:none; padding:0 0 0 10px; color:#666; width:70%;}
.header .search_btn_img, .header .search_btn {border: none; line-height:40px;height: 40px;width: 30%;position: absolute;right:0;bottom:0;height: 40px;cursor: pointer; -webkit-appearance: none;}
.header .search_btn_img{ text-align:center;}
.header .search_btn{ opacity:0; z-index:999;}
/* 二级菜单 */
.sub_menu,.shop_info{ position:fixed; top:0; z-index:1000; width:100%; display:none; height:100%; }
.sub_menu ul{overflow:hidden;}
.sub_menu{overflow:scroll; left:0; background:#1d1f22;}
.sub_menu ul li h2{ display:block; list-style:circle; cursor:pointer;  margin:0;color:#D2D2D2;font-size:16px; padding:7px 20px; display:block; text-align:left;}
.sub_menu li{  border-bottom:1px solid #141719; border-top:1px solid #25272A; font-size: 14px; font-weight: bold;    text-shadow: 0 2px 0 #000000;}
.sub_menu_list a:active{ background:#212326;}
.sub_menu ul li h2.cur{ border-left:#ff9600 solid 3px;background:##;}
.sub_menu .fun{ padding:10px 20px; overflow:hidden; margin-bottom:40px;}
.sub_menu .fun a{color:#000; display:block; float:left; background:url(../images/arr.png) no-repeat 99% 15px #fff; background-size:13px;  font-size:16px;vertical-align:middle; width:100%; height:40px; line-height:40px; text-align:left; margin-bottom:5px; border:#ddd solid 1px;}
.sub_menu .fun img{ width:30px; height:30px; margin:0 10px 5px; vertical-align:middle;}
.sub_menu_list{ display:none; background:#1D1D1D;}
.sub_menu_list a{ font-weight:normal;display:block;margin:0;color:#efefef;  font-size:16px; padding:7px 10px; display:block; text-align:left;    border-bottom: 1px solid #0A0B0C;border-top: 1px solid #25272A; list-style:square;}
.sub_menu_list a:first-child{border-top: 1px solid #0A0B0C;}
.sub_menu_list a:last-child{border-bottom: none;}
.sub_menu_list li{ margin-left:20px; font-weight:normal; font-size:14px;  color:#878787; border:none;}

/* 店铺信息 */
.shop_info{ background:#1D1F22;padding:10px; display:none; left:100%;}
.shop_info .shop_code{ width:140px; height:140px; float:left; margin-right:10px;}
.shop_info .shop_name{ color:#fff; padding:0 0 5px 0; font-size:18px;}
.shop_info .shop_detail{ overflow:hidden; width:140px;}
.shop_info .shop_detail span{ color:#fff; display:block;  float:left; font-size:14px; line-height:28px;}
.shop_info .shop_detail span strong{ color:#c00; font-size:16px;}
.shop_info .back{ background:#fff; border:#ccc solid 3px; display:block; width:132px; float:left; padding:5px; text-align:center; margin-top:10px;}
.fav_msg{display:none;position:fixed;  top:25%; left:25%; background:rgba(0,0,0,0.2); overflow:hidden; color:#fff; padding:3%;border-radius:10px; font-size:18px; height:39px; line-height:39px; text-align:center; z-index:12345;}
.fav_msg img{ margin-right:5px;vertical-align:middle; }
/* 分类 */
.sort{ background:#fff; overflow:hidden; padding-bottom:10px; width:100%; margin-top:5px;}
.sort a{ float:left; width:33%; display:block; text-align:center;}
.sort li{overflow:hidden;margin:2px;  box-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);}
.sort li .imgbox{margin:0 auto;}
.sort li img{ width:100%;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;}
.sort li:active img{
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);
	}
.sort li span{ text-align:center;width:100%; padding:5px 0;display:block;text-overflow:ellipsis;white-space:nowrap; overflow:hidden; }
/* 列表 */
.lists{ overflow:hidden;  border-top:#eee solid 1px; padding-bottom:1%;}
.lists h2{ padding:2%; color:#fff; background:#ff9600; position:relative; border-left:#f60 solid 5px;}
.lists h2 a{ float:right; color:#f0f0f0; position:absolute; right:0; top:0; display:block; padding:2%; background:#ff6600; box-shadow:rgba(0,0,0,0.3) 0 0 1px inset;}
.lists h2 a img{ width:16px; height:16px; vertical-align:middle; margin-left:5px;
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.lists ul{ padding:0 1% 0 0;}
.lists .goods{ width:49%; display:block; float:left; padding:1% 0 0 1%;}
.lists li{ float:left;  float:left; background:#fff; width:100%; border:#ccc solid 1px;}
.lists li .g_box{ position:relative;}
.lists li img{width:90%; margin:5% 5% 0;}
.lists p{ text-align:left; width:90%; padding:0 5%; margin:5% 0;overflow:hidden; height:20px; line-height:20px; background:#fff;}
.lists span{ display:block; text-align:left;font-weight:bold; font-size:12px; position:absolute; bottom:0;left:5%; padding:5px 0;  background:rgba(0,0,0,0.6); width:90%; color:#ff9600;}
.lists i{ display:block; position:absolute; right:5% ;bottom:5px; font-size:12px; padding-right:5px; color:#fff;text-decoration:line-through; font-style:normal;}
/* 底部 */
.footer{ width:100%; text-align:center; padding:10px 0; margin-bottom:45px; border-top:#f60 solid 3px; background:#f9f9f9; position:relative;overflow:hidden;}
.footer p{ margin:2px 0; font-size:12px;}
.footer p a{ margin:0 5px; font-size:12px;}
.footer .top{ position:absolute; right:0; bottom:30px; width:44px; height:27px; }
.footer .top img{ width:100%;}
/* 底部导航 */
.footer_nav{
	position:fixed; left:0; bottom:0; width:100%;  z-index:99999; 
	height:50px;background:#323333;box-shadow: -1px -1px 3px #CCC;
	background:linear-gradient(to bottom,#fff,#eaeaea);
	background: -moz-linear-gradient(top, #fff,#eaeaea);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eaeaea));
}
.footer_nav .nav{position:relative;}
.footer_nav .nav li{ float:left; width:25%; text-align:center;}
.footer_nav .nav li span{  display:block; overflow:hidden; margin-top:13px;}
.footer_nav .nav li span img{ width:30px;}



/* 团购 */.tuan-title{padding:2%; color:#fff; background:#ff9600; position:relative; border-left:#f60 solid 5px;}
.tuan_box{ overflow:hidden; padding:10px; background:#eee; position:relative;}
.tuan_list{  overflow:hidden; text-align:center; position:relative; width:100%;}
.tuan_list li a{display:inline-block;  width:200px; padding-bottom:5px; border:#eee solid 1px;}
.tuan_list li .con{ padding:10px;box-shadow:rgba(0,0,0,0.3) 1px 1px 2px; font-size:12px; background:#fff;}
.tuan_list li .con span{ display:block; margin:5px 0;}
.tuan_list li .con .tuan_price strong{ color:#b20005;}
.tuan_list li img{ width:100%;}
.tuan_list li .con .s_time img{ width:20px; height:20px; vertical-align:bottom;}
.tuan_imgbox{ position:relative;}
.tuan_imgbox p{overflow:hidden;  text-overflow: ellipsis;    white-space: nowrap; position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.7); color:#fff; padding:3px 0; text-align:center;}
.tuan_box .prenext{ width:17px; height:43px; background:url(../images/nextpre.png) no-repeat 0 7px; display:block; position:absolute; top:118px; background-size:35px;}
.tuan_box .pre{ left:20px;}
.tuan_box .next{ background-position:-18px 7px; right:20px;}

.red_btn{
background:#FF6600;
background:linear-gradient(to bottom,#FF6600,#FF6600);
background: -moz-linear-gradient(top, #FF6600,#FF6600);
background: -ms-gradient(top, #FF6600,#FF6600);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#FF6600), to(#FF6600));
border:#FF6600 solid 1px;border-radius:3px;
color:#fff;
}
.red_btn:active{
background:#42352D;
background:linear-gradient(to bottom,#392C24,#42352D);
background: -ms-gradient(top, #392C24,#42352D);
background: -moz-linear-gradient(top,#392C24,#42352D);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#392C24), to(#42352D));
border:#2E2119 solid 1px;border-radius:3px;
color:#fff;
}