@charset "utf-8";
/* CSS Document */
body{ background:#e6e6e6; min-height:520px;}
body,div,p,ul,li,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0; padding:0;}
ul,li,ol{ list-style:none;}
.ui-header .ui-btn-left{ left:10px;}
.ui-header .ui-btn-right{ right:10px;}
.ui-header .ui-btn-inner{display:inline-block; border:0 none; padding:0; margin:0; width:25px; height:40px; }
.ui-header .ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-header .ui-btn-icon-right > .ui-btn-inner > .ui-icon{margin-top:-15px;}
.ui-header .ui-icon{display:inline-block; height:25px; width:25px; }
.ui-icon-meback{ background:url(../images/icons.png) no-repeat 0 -360px; display:inline-block; height:50px; width:50px; }
.ui-icon-meinfo{ background:url(../images/icons.png) no-repeat 0px -420px; }
.ui-icon-mesub{ background:url(../images/icons.png) no-repeat 0 -390px; }
.ui-icon-mego{ background:url(../images/icons.png) no-repeat -5px -450px; }
.ui-btn-active .ui-icon-meback{background:url(../images/icons.png) no-repeat -25px -360px;}
.ui-btn-active .ui-icon-meinfo{ background:url(../images/icons.png) no-repeat -25px -420px; }
/*------food_info---------*/
#food_info{ background:#e6e6e6}
#food_info .ui-content{padding:0 0px 10px 0px; margin-top:10px;}
#food_info .food_info .top{ background:url(../images/bg_top.png) repeat-x; height:15px; width:100%; clear:both;overflow:hidden;}
#food_info .food_info .bottom{ background:url(../images/bg_bottom.png) repeat-x; height:4px; width:100%;clear:both;overflow:hidden;}
#food_info .food_info .middle{ background:#e6e6e6; padding:0 0px 20px 0px;}
#food_info .base_info a.ui-link{ padding:10px;  display:block; background: #fff; color:#000; text-decoration:none;}
#food_info .base_info a.ui-link:active{background:#cce8cc;}
#food_info .base_info{ background: #fff;position:relative;}
#food_info .base_info span.icon_go{ background:url(../images/icon_go.png) no-repeat; position:absolute; top:50%; margin-top:-8px; right:10px; display:block; height:15px; width:10px;}

.no_food{ background:url(../images/no_food.png) no-repeat center 65px; clear:both; height:370px;}
.no_food p{ color:#4d4d4d; font-size:16px; text-align:center; padding-top:200px;}
.food{ padding-top:0px;}
.food h2{ font-weight:normal; font-size:16px;line-height:30px; height:25px; overflow:hidden;}
.food h3{ color:#009900; font-weight:normal; font-size:12px; line-height:25px;height:25px; overflow:hidden;}

.food dl{width:100%; clear:both; height:80px; padding:5px 0 5px 0; position:relative; }
.food dt{ display:inline-block;}
.food dt .img_area{display:table-cell; height:72px; width:72px; vertical-align:middle; overflow:hidden;}
.food dd{color:#8c8c8c; font-size:12px;position:absolute;top:0px;left:80px;}
.food dd th,.food dd td{line-height:20px;font-size:12px; font-weight:normal; text-align:left; vertical-align:top; padding:2px 0px;}
.food dd th{ width:60px;}
.food dd p{ line-height:20px;font-size:12px;}
.food_links{ clear:both;}
.divider{ width:100%; border-bottom:1px solid #eeeeee; border-top:1px solid #cfcfcf;}
.food_links p{ margin-top:10px;}
.food_links p.link{ background:#fff; height:44px; position:relative;}
.food_links p.link:active{ background:#cce8cc;}

.food_links p a{display:block; width:100%; height:100%;}
.food_links p span.icon_go{ background:url(../images/icon_go.png) no-repeat; position:absolute; top:50%; margin-top:-8px; right:10px; display:block; height:15px; width:10px;}
.food_links p span.icon{position:absolute; top:0px;left:0px; display:block; height:45px; width:45px;}
.food_links p span.icon01{background:url(../images/icons.png) no-repeat -1px 0;  }
.food_links p span.icon02{background:url(../images/icons.png) no-repeat -1px -50px;  }
.food_links p span.icon03{background:url(../images/icons.png) no-repeat -1px -100px;  }
.food_links p span.icon04{background:url(../images/icons.png) no-repeat -1px -150px;  }
.food_links p span.icon05{background:url(../images/icons.png) no-repeat -1px -200px;  }
.food_links p a label{ color:#000; display:inline-block; font-size:16px; line-height:42px; padding:0 0 0 60px ;}
#food_info .activity_info a{ display:block; width:100%;}
#food_info .activity_info a label{ display:none;}
#food_info .activity_info a.charges{height:44px; width:100%; text-align:center;}
#food_info .activity_info a.charges img{width:100%;}
.ui-header .list_btn{ border:1px solid #005400; border-radius:5px; color:#fff; width:75px; height:30px; line-height:30px; top:5px;}
.list_btn .ui-btn-text{ font-size:12px;width:75px;}
.list_btn .ui-btn-inner{ width:75px;}
#activity h2{ color:#bbb; font-size:40px; padding:50px 0; text-align:center;}
#activity h4{ color:#008900; font-size:40px; padding:50px 0; text-align:center;}
#activity .activity_banner{ background:#fff; margin-bottom:0 auto 5px auto; text-align:center; }
#activity .activity_banner img{ width:100%;display:inline-block;}

#activity .ui-listview{ margin-bottom:15px;}
#activity .ui-listview li{ height:28px; padding:12px 8px;}
#activity .ui-listview span{ font-size:16px; height:28px; line-height:28px; float:left;}
#activity .ui-listview input{ border:1px solid #dedede;}
#activity .ui-listview input.tel{ height:25px; width:175px; float:left; font-size:14px;}
#activity .ui-listview input.yzm{ height:25px; width:75px; float:left; font-size:14px;}
#activity .ui-listview img.yzm{ border:1px solid #dedede; height:19px; width:50px; float:left; left:inherit; right:15px; top:18px; border-radius:0;}
#activity .ui-listview .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, #activity .ui-listview .ui-li-static.ui-li-has-thumb{min-height:inherit;}
#afileup{ padding:8px;background:#008900; border:0 none; border-top:1px solid #4db84d; color:#fff; cursor:pointer;float:left; padding-right:10px; font-size:14px; text-align:center; text-decoration:none; display:block; height:15px; width:40px;
moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
moz-box-shadow: 0 1px 3px 			rgba(0,0,0,.4);
-webkit-box-shadow: 0 1px 3px 		rgba(0,0,0,.4);
box-shadow: 0 1px 3px 				rgba(0,0,0,.4);}
#filename{display:inline-block;font-size:14px;height:30px; line-height:30px; float:left; width:140px; overflow:hidden;}
#fileup{padding:8px; height:20px; width:100px;}
#activity .tijiao{ background:#008900; border:0 none; border-top:1px solid #4db84d; color:#fff; cursor:pointer; font-size:20px; text-align:center; text-decoration:none; display:block; height:40px; width:100%; line-height:40px;
moz-border-radius:5px;
}
a#ur{ background:#008900; border:0 none; border-top:1px solid #4db84d; color:#fff; cursor:pointer; font-size:20px;text-align:center; text-decoration:none; display:block; height:40px; width:100%; line-height:40px;
moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:10px;

}
#activity .rule{ clear:both;}
#activity .rule h3{ color:#000; font-size:12px; padding:8px 0 ;}
#activity .rule p{ color:#969696; font-size:12px; padding:5px 0; line-height:20px;}

#activity .hezuo{ clear:both;}
#activity .hezuo h3{ color:#000; font-size:12px; padding:8px 0 ;}
#activity .hezuo .img_area{ vertical-align:top;}
#activity .hezuo .img_area img{ display:inline-block; margin:0 5px 8px 0;}

.winners{ background:#fff;  padding:50px 10px 10px 10px; position:relative; margin-top:10px;
moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
moz-box-shadow: 0 1px 3px 			rgba(0,0,0,.4);
-webkit-box-shadow: 0 1px 3px 		rgba(0,0,0,.4);
box-shadow: 0 1px 3px 				rgba(0,0,0,.4);
}
#cont1 h4{ color:#008900; font-size:20px; padding:8px 0; text-align:center;}
.winners span.title{background:url(../images/activity/bg_list_title.png) no-repeat center top; display:block; width:100%; position:absolute; top:-3px; height:42px;}
.winners p{ clear:both; overflow:hidden; color:#000; padding:3px 0; font-size:16px;}
.winners p label{ display:inline-block; float:left; margin-right:10px;}
.winners p label.time{ color:#a6a6a6; font-size:12px; display:inline-block; float:right; margin-right:0; padding-top:4px;}
#us{ clear:both;}

#us p{color: #969696;font-size: 12px;padding: 3px 0;line-height: 20px;}
.list{ font-size:16px; }
.list ul{ background:#fff; border-radius:5px; 
-moz-box-shadow: 0 1px 3px 			rgba(0,0,0,.4);
-webkit-box-shadow: 0 1px 3px 		rgba(0,0,0,.4);
box-shadow: 0 1px 3px 				rgba(0,0,0,.4); height:auto;}
.list li{ border-top:1px solid #ccc; clear:both; height:auto; padding:8px 10px;}
.list li:first-child{ border-top:0 none;}
.list li a.link{background:url(../images/card/icon_go.png) no-repeat right center; display:block; text-decoration:none; color:#000; width:100%; cursor:pointer;}
.list li.link{ } 
.list span{ display:inline-block;margin-right:-50px; vertical-align:top; }
.list label{ display:inline-block; float:right;color:#b2b2b2; padding-left:5px; margin-left:50px;word-break:break-all;}



/*------food_detail  origin---------*/
#food_detail .ui-content,#origin .ui-content{ padding:10px 0;}
.item{ clear:both; padding-top:10px;}
.item h3{ background:#008c00; clear:both; color:#fff; font-size:12px; font-weight:normal; width:60px; height:20px; line-height:20px; padding-left:10px; margin-bottom:8px; text-align:left;}
.item .img_area{ clear:both; height:155px; overflow:hidden; position:relative; padding-left:10px;}
.item .info_area{ color:#929292;clear:both; padding:0px 10px 8px 10px;}
.item .info_area dl,.item .info_area p{background:#E6E6E6; color:#929292; clear:both; font-size:13px; width:100%;}
.item .info_area dt{ display:inline-block; font-size:12px; line-height:18px;  width:75px; margin-right:-75px; height:100%; vertical-align:top; }
.item .info_area dd{display:inline-block;font-size:12px; line-height:18px; margin-left:75px;}

#food_detail .item .info_area dt{ width:70px; margin-right:-70px;}
#food_detail .item .info_area dd{ margin-left:70px;}
.item .img_area .swiper-slide span{ border:1px solid #ddd; display:block; height:140px; width:140px;}
.item .img_area .swiper-slide label{ background:#fff; height:20px; line-height:20px; font-size:12px; color:#8c8c8c; width:140px; text-align:center; display:block;}
/*------company about---------*/
#company{}
.company_info{ clear:both;}
.company_info h2{ font-size:18px; font-weight:normal; text-align:center; padding-bottom:5px;}
.company_info p{ background:#E6E6E6; color:#8b8b8b; font-size:12px; line-height:20px; padding-bottom:10px; width:100%; }
.company_info p img{ width:100%;}
.port_list{ clear:both;}
.port_list.ui-listview{border-radius:0px}
.port_list .ui-li .ui-btn-inner a.ui-link-inherit, .port_list .ui-li-static.ui-li{font-size:16px; padding:7px 15px;}

.port_list  a span{ background-image:url(../images/icons.png); background-repeat:no-repeat; display:inline-block; height:25px; padding-left:35px; line-height:25px;}
.port_list span.web{ background-position:0 -250px;}
.port_list span.sina{ background-position:0 -300px;}
.port_list span.weixin{ background-position:0 -275px;}
.port_list span.zzzs{ background-position:0 -500px;}

.ui-content .ui-listview, .ui-panel-inner > .ui-listview{ border-radius:10px;}
.logo_area{ text-align:center; padding:15px 0;}
.logo_show{ display:inline-block; text-align:center; padding:10px 0;}
.logo{ background:url(../images/foodicon.png) no-repeat; height:110px; width:110px; }
.logo_area h3{ font-size:20px; font-weight:normal;text-align:center;padding:5px 0;}
.logo_area h5{ color:#969696; font-size:12px; font-weight:normal; text-align:center;}
/*------fake---------*/
#fake .fake_area{ padding-top:15px;}
#fake .fake_area span{ background:#fff;  border-radius:10px; display:block; height:45px; width:100%;}
#fake .fake_area span label{ color:#000; display:inline-block; font-size:16px; width:25%; text-align:center; line-height:44px;}
#fake .fake_area p{ color:#8b8b8b; font-size:14px; text-align:center; padding:15px 0;}
#fake  p.fake_demo{ text-align:center; padding:15px 45px 0 45px;}
#fake  p.fake_demo img{ width:100%; }

/*------trace---------*/
#trace .ui-content{ color:#000; padding:0 0 10px 0;}
.origin_link{ border-bottom:1px solid #ccc; height:48px; padding:0 10px 0 5px;  }
.origin_link a{ background:url(../images/icon_go.png) no-repeat right center; color:#000; display:block; padding-left:40px; font-size:16px; line-height:48px; text-decoration:none;}
.trace_area{ padding:0 10px 0 20px;}
.trace_area ul{ border-left:3px solid #dadada; padding-left:19px;}
.trace_area ul li{ border-top:1px solid #eeeeee; border-bottom:1px solid #cfcfcf; position:relative; min-height:60px; padding:10px 0;}
.trace_area ul li:first-child{ border-top:0 none;}
.trace_area ul li:first-child span.icon_trace{ display:none;}
.trace_area ul li:last-child{ border-bottom:0 none;}
.trace_area ul li span.icon_trace{ background:url(../images/icons.png) no-repeat 0 -470px; display:inline-block; position:absolute; top:-15px; left:-35px; height:30px; width:30px;}
.trace_area p{ font-size:14px; padding:5px 0;}
.trace_area p.date{ color:#8b8b8b; font-size:12px;}

/**------photo_show-----------------**/
#photo_show .swiper-main{ width:275px; margin:0 auto; height:350px; position:relative; padding:5px 0;}
#photo_show .swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;height: 340px;width: 275px;}
#photo_show .swiper-slide {width: 275px; height:310px; display:table-cell; vertical-align:middle; }
#photo_show .swiper-slide span{ display:block;width: 275px; height:310px;}
#photo_show .swiper-slide img{ }
#photo_show .swiper-slide label{ width:100%; text-align:center; display:block; font-size:12px; margin-top:15px;}
.pagination{text-align: center;margin-top: 8px;}
.pagination .swiper-pagination-switch {display: inline-block;width: 5px;height: 5px;border-radius: 5px;background: #b8b8b8;box-shadow: 0px 1px 2px #555 inset;margin: 0 5px;cursor: pointer;}
.pagination .swiper-active-switch {background: #737373;}



.ui-bar-b {
	border-top: 1px solid 		#008700 /*{a-bar-border}*/;
	background: 			#008700 /*{a-bar-background-color}*/;
	color: 					#fff /*{a-bar-color}*/;
	font-weight: normal;
	text-align:center;
	height:42px;
}
.ui-bar-b .ui-title{ font-weight:normal; font-size:20px; margin:8px 0 0 0;}
.ui-header .ui-btn-icon-left .ui-btn-inner, .ui-footer .ui-btn-icon-left .ui-btn-inner, .ui-mini.ui-btn-icon-left .ui-btn-inner, .ui-mini .ui-btn-icon-left .ui-btn-inner{ padding-left:10px;}
footer{color:#969696; font-size:12px; text-align:center; padding:10px 0; position:absolute; width:100%;}
.ui-icon{height:18px; width:18px;}
.ui-content{ padding:10px;}
.ui-li, .ui-li.ui-field-contain{border-width: 1px 1px 0;}
.ui-li.ui-last-child, .ui-li.ui-field-contain.ui-last-child{border-bottom-width: 1px;}
/**----swiper-----**/
.swiper-container {position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1; width:320px; height:155px;}
.swiper-wrapper {position:relative;width:100%;height:310px;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
.swiper-slide {float: left;}
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
.swiper-slide {width: 280px;height: 155px;}


#bottom{ position:fixed;bottom:0px; width:100%; z-index:999px;}

.download{height:70px; position:relative; bottom:0px; width:100%; z-index:999;}
.download a.close{background:url(../images/close.png) no-repeat 0 0; display:block; position:absolute; top:10px; left:10px; height:25px; width:25px;}
.download a.download_btn{ border:1px solid #fff; color:#fff; font-size:14px; line-height:30px; display:block; height:30px; width:50px;  border-radius:3px; position:absolute; right:15px; top:25px; text-align:center; text-decoration:none;} 
.download .show{ background:#000; opacity:0.7; padding:10px 0 0 100px;  height:65px;}
.download .imgArea{ display:inline-block; padding-right:20px; position:absolute; top:10px; left:40px; z-index:20;}
.download .show .info_area{ display:inline-block; float:left;}
.download .show h2{ color:#fff; font-size:16px; line-height:16px; padding:5px 0;}
.download .show p{ color:#fff; font-size:12px; line-height:25px;}
#shilimi{background:url(../images/bg_shilimi.png) no-repeat right 0;  height:45px; width:100%;}
#shilimi #num{ color:#7c8059; display:block; top:20px; right:0px; line-height:20px; width:55px; font-size:12px; text-align:center; position:absolute;}
#shilimi a{ display:block; height:45px; width:55px; text-decoration:none;}
#shilimi span.tip{ background:#333;color:#fff; display:none; top:-20px; right:2px; line-height:20px; width:70px; font-size:12px; text-align:center; position:absolute;}
#shilimiInfo p{ clear:both; overflow:hidden; color:#a6a6a6; font-size:14px; line-height:22px;}
#shilimiInfo .list span{ display:inline-block;margin-right:-50px; vertical-align:top; font-size:18px; color:#000; }
#shilimiInfo .list label{ display:inline-block; float:right;color:#a6a6a6; padding-left:5px; font-size:18px; margin-left:50px;word-break:break-all;}

#award{ background-repeat:no-repeat; background-position:0 0; background-size:270px 270px; display:block; clear:both; margin:20px auto; height:270px; width:270px; position:relative;}
#shan{background-image:url(../images/award/bg_award.gif); background-repeat:no-repeat; background-position:0 0; background-size:270px 270px; display:block; clear:both; height:270px; width:270px; position:absolute; top:0; left:0;}
#award_pointer{ background:url(../images/award/bg_pointer.png) no-repeat 0 0;  display:block; clear:both; margin:0px auto; height:110px; width:110px; top:80px; position:absolute; left:80px;}
#award_pointer{
	
} 

#popContent{}
#popContent .coverLayer{ background:#000; opacity:0.7; height:100%; width:100%; position:absolute; top:0; left:0;}
#popContent .pop{ background:#e5e5e5; opacity:1; border-radius:10px; width:230px; height:40px; margin: 0 auto; z-index:999; position:absolute; top:80px; left:25px; padding:65px 20px; margin:0 auto;}
#popContent #close{background:url(../images/close01.png) no-repeat 0 0; display:inline-block; position:absolute; right:-10px; top:-10px; height:25px; width:25px;}
#popContent .pop label{ display:inline-block; float:left; font-size:14px; line-height:40px;}
#wScratchPad2{float:left; display:inline-block; position:relative; border:solid black 1px; height: 40px; width: 160px;}
#wScratchPad2 label{ display:inline-block; height:40px; line-height:40px; font-size:12px; text-align:center; width:160px;}