@charset "gb2312";
@import url(animate.min.css);
/* 1.BODY
---------------------------------------------------------------------- */
body{padding:0;font-family:"Microsoft YaHei"; margin:0 auto;-webkit-text-size-adjust: none; width:100%;overflow-x: hidden; font-size:100%; max-width: 480px; min-width: 320px;}
ol,ul{list-style:none}
*{	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
ul,li,input,h1,h2,h3,h4,p,span,b,dl,dt,dd,header,menu,section,footer,nav,article{ margin:0; padding:0;font-weight: normal;}
ul,li{ list-style:none;}		
img{border:0;}
em{ font-style:normal;}
a{ text-decoration:none; color:#333;}
#ymtj{ display:none!important;}

@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}

.iconfont {
  color: #ee8000;
  font-family: "iconfont" !important;
  font-size: 12px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.xc_stars .halfstar{opacity: 0.5;}

.xc_wap{width:100%; position: relative; overflow: hidden;background:#f2f2f2; margin-bottom: 5%;}
.xc_top{width:93.6%; margin: 0 auto; position: relative; overflow: hidden;}
.xc_top img{display:block; width:100%;}
.xc_top .xc_top01{width:67.73%; float:left; }
.xc_top a{display:block; width:16%; float:right;}


.xc_banner{width:100%; display:block; margin-bottom:40px;}


.xc_navi{width:100%; margin: 0 auto; margin-top: 5.6%; margin-bottom: 2.7%; position: relative; overflow: hidden;}
.xc_navi img{display:block; width:100%;}
.xc_navi a{display:block; width:20%; height: 94px; position: absolute;}
.xc_navi a:nth-child(2){top:0; left: 5%;}
.xc_navi a:nth-child(3){top:0; left: 28%;}
.xc_navi a:nth-child(4){top:0; left: 52%;}
.xc_navi a:nth-child(5){top:0; left: 76%;}
.xc_navi a:nth-child(6){top:54%; left: 5%;}
.xc_navi a:nth-child(7){top:54%; left: 28%;}
.xc_navi a:nth-child(8){top:54%; left: 52%;}
.xc_navi a:nth-child(9){top:54%; left: 76%;}

.xc_wdys01{display:block; width:93.6%; margin: 0 auto;}
.xc_wdys{width:93.6%; margin: 0 auto; position: relative; overflow: hidden;border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background:#ee7800; padding: 0 3.5%;}
.xc_wdys img{display:block; width:100%;}
.xc_wdys li{display:block; width:100%; padding: 9% 0; background: url(../images/xiaochi_index06.png) no-repeat; background-size:  100%; margin-bottom: 2.7%;}
.xc_wdys li:nth-child(1){background-position: 0 0; animation-delay: 0.1s;}
.xc_wdys li:nth-child(2){background-position: 0 25%; animation-delay: 0.3s;}
.xc_wdys li:nth-child(3){background-position: 0 50%; animation-delay: 0.5s;}
.xc_wdys li:nth-child(4){background-position: 0 75%; animation-delay: 0.7s;}
.xc_wdys li:nth-child(5){background-position: 0 100%; animation-delay: 0.9s;}
.xc_wdys a{display: block; width:40%; background:#ffe400; text-align: center; margin: 2.7% 0; font-size: 1rem; border-radius: 24px; margin-left: 30%; padding:1px 0;color:#333333;}


.xc_zczd{width:96.6%; margin: 0 auto; margin-top: 6.67%; position: relative; overflow: hidden;}
.xc_zczd h2{color:#e44136; text-align: center; margin-bottom: 0.66%;}
.xc_zczd img{display:block; width:100%;}
.xc_zczd li{ width:30.33%; float:left; margin: 1.5%; background:#fff; color:#333; text-align: center; position: relative; overflow: hidden;}
.xc_zczd li a:nth-child(1){width:100%; display:block;}
.xc_zczd li p{ margin: 1% 0; font-size: 0.9rem;}
.xc_zczd .xc_stars{margin-top:0;}
.xc_zczd .xc_zx{width:88%; margin:0 auto; margin-bottom:4%;}
.xc_zczd .xc_zxbtn{display:block; position: absolute; bottom:3%; left: 0;width:50%;height: 12%;}
.xc_zczd .xc_zxbtn01{display:block; position: absolute; bottom:3%;left:50%;width:50%;height: 12%;}

.xc_more{display:inline-block; width:40%; background:#F07800; border-radius: 24px; color:#fff; font-size: 0.9rem; padding: 5px 0; margin-top: 3%; margin-left: 30%; text-align: center;}



/*小吃电子简章*/

.zczd_wap{width:100%; position: relative; overflow: hidden;background:#fff;/* margin-top: 22%;*/}
.zczd_top{width:100%; position: relative; overflow: hidden; margin-bottom: 5%;}
.zczd_top img{width:100%; display: block;}

.xc_nav{width:100%; max-width: 640px; overflow: hidden; text-align: center; top: 40px; background: #fff; z-index: 99;/*position:fixed;*/}
.xc_nav a{display:inline-block; width:23%; margin: 1% 0; text-align: center;}
.xc_nav a img{width:100%;}
.xc_nav a:nth-child(1){padding-top:8px;}


/*小吃列表页*/
.xc_listbt{ width: 100%;}
.xc_listbt img{ display: block; width: 100%;}

.xc_zczdbox{ width: 100%; overflow: hidden; background-color: #ffffff; padding: 5% 0;}
.xc_zczdbox a{float: left;; width: 29.3%; margin-left: 3%;}
.xc_zczdbox img{ display: block; width: 100%; overflow: hidden; border-radius: 10px;}
.xc_zczdbox p{ text-align: center;font-size: 1rem; line-height:2rem;}

.pagelist{ width: 100%; overflow: hidden; margin-bottom: 3%; margin-left: 3%; clear: both; padding-top: 5%;}
.pagelist li{ float: left; background: #ee7800;color: #ffffff; margin: 1%; border-radius: 5px;font-size: 1rem; line-height: 1.5rem;padding:0 1%;}
.pagelist li a{color: #ffffff; width:4rem;text-align: center;}