﻿html{font-size:12px;font-family:"Microsoft YaHei";color:#333;background:#f2f1f0;}
body,div,ol,ul,li,p,input,textarea,form,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,select,table,tr,td,fieldset,legend,table,tr,td,th{margin:0; padding:0;}
select,input,textarea{font-size:12px; vertical-align:middle;}
select{font:12px Tahoma,Arial,Verdana;height:20px;}
*{word-wrap:break-word;}
small,em,i{font-weight:normal;font-size:12px;font-style:normal;}
li{list-style:none;}
label input{width:14px;height:14px;vertical-align:middle;margin-right:5px;}
img{border:0; width:100%;}
a,a:link,a:visited{color:#333;cursor:pointer;text-decoration:none;}

.body{width:100%;overflow:hidden;}
#banner_box img{width:100%;}
.box_swipe ol li {background:#fff;width:10px;height:10px;border-radius:5px; display:inline-block;margin:0 2px;}
.box_swipe ol li.on{background:#ed6f40;}
.box_swipe ol{position:fixed;margin:auto;top:5%;left:0;width:100%;text-align:center;}

#topList_box ol{pointer-events:none;}
#navList_box{height:70px;position:fixed;left:0;right:0;bottom:0;width:100%;background:rgba(10,10,10,0.2);z-index:2;padding:5px 0;}
#navList_box li{padding:0 33px;-webkit-box-sizing:border-box;box-sizing:border-box; bottom:0;}
#navList_box li a{width:25%;float:left;text-align:center;color:#fff;overflow:hidden;}
#navList_box li span{ display:block;}
#navList_box li a img{width:45px;height:45px;margin-bottom:5px;}
#navList_box ol{position:absolute;top:0;z-index:2100;height:0px;background:red;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
#navList_box ol a{width:15px;height:24px;padding:23px 10px;float:left;background:url(../images/left.png) no-repeat center;background-size:15px 24px;}
#navList_box ol a:nth-of-type(2){float:right;background:url(../images/right.png) no-repeat center;background-size:15px 24px;}

.subnav { width:100%;  height:auto;  background-color:#f8d55c; }
.subnav li { width:25%; text-align:center; line-height:36px; float:left; height:36px;}
.subnav li a { color:#5e4901; font-size:1.2em; }
.subnav li .on { background-color: #b08d12; display:block; color:#FFFFFF; }
.subnav li .on a { color:#FFFFFF; font-size:1.2em; }


#wrapper{width:100%;float:left;position:relative;z-index:1;overflow:hidden;}
#scroller{height:100%;float:left;padding:0;}
#scroller ul{float:left;width:100%;height:100%;}
#scroller li{float:left;text-align:center;height:100%;}
  #scroller li img{display:inline-block;width:100%;border-radius:5px;}
  #thelist li{ position:relative;}
  #thelist li span{opacity:0.01;width:100%;height:100%;position:absolute;top:0;left:0;}
  #nav{position:absolute;bottom:10px;left:0;width:100%;text-align:center;}
    #nav li{width:10px;height:10px; display:inline-block;cursor:pointer;margin-right:5px;background:#fff;border-radius:5px;}
    #nav li.crumb{background:#e81c1c;}
 
.album_nav{position:fixed;bottom:0;width:100%;left:0;height:50px;background:url(../images/album_nav.png);text-align:center; z-index:2;}
  .album_nav li{width:31.3%;padding:10px 1% 0;text-align:center;font:14px/40px "Microsoft YaHei";float:left;}
  .album_nav li.crumb{background:url(../images/album_li.png) no-repeat top center;background-size:20px 10px;}
    .album_nav li a{color:#999;height:40px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .album_nav li.crumb a{color:#fff;}

.about{width:96%;padding:2%;float:left;}
  .about_div{background:#fff;border:1px solid #ebeae9;border-radius:8px;margin-top:2%;box-shadow:0 2px 0 #dad9d8;}
    .about_div dt{font:20px/36px "Microsoft YaHei";border-bottom:1px solid #ededed;background:#f9f9f9;border-radius:8px 8px 0 0;padding:0 3%;}
	.about_info{padding:3% 3% 0;font:14px/22px "Microsoft YaHei";height:88px; overflow:hidden;}
	.about_map{padding:3%;font:14px/22px "Microsoft YaHei";}
	  .about_map img{width:100%;padding-bottom:5px;}
	.more{font:14px/36px "Microsoft YaHei";border-top:1px solid #ededed;background:#f9f9f9;border-radius:0 0 8px 8px;padding:0 3%;text-align:center;margin-top:3%;}
	  .more a{width:100%;height:36px; display:block;}
	  .more em{width:30px;height:20px; vertical-align:middle;display:inline-block;background:url(../images/more1.png) no-repeat center;background-size:20px 16px;}
	  .more em.sq{background:url(../images/more2.png) no-repeat center;background-size:20px 16px;}

.guanzhu{color:#676767;width:100%;padding:1% 0;border:1px solid #999;border-radius:5px;border-radius:5px;background:-webkit-linear-gradient(top,#ffffff 0%,#e6e6e6 100%);background:-o-linear-gradient(top,#ffffff 0%,#e6e6e6 100%);background:-moz-linear-gradient(top,#ffffff 0%,#e6e6e6 100%);}
  .guanzhu .fx{line-height:30px;background:url(../images/list_icon1.png) no-repeat right center;background-size:20px 16px;}
  .guanzhu img{width:50px;height:50px;border-radius:50%;border:1px solid #ccc;padding:2px;float:left;margin-right:10px;}
  .guanzhu strong{font-size:16px; display:block;color:#333;}
  .guanzhu span{color:#999;text-shadow:1px 1px 1px #fff;}
.mcover{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10;background:rgba(0, 0, 0, 0.7);display:none;}
  .mcover img{height: 180px !important;position: fixed;right: 18px;top: 5px;width: 260px !important;z-index:99;}

.return{position:fixed;bottom:30px;left:20px; z-index:2;}
  .return a{width:54px;height:54px;background:url(../images/return.png);background-size:54px 54px; display:block;}
.taste_list li{width:100%;border-top:1px solid #ededed;background:#fff url(../images/more1.png) no-repeat 98% 20px;}
.taste_list li.crumb{background:#fff url(../images/more2.png) no-repeat 98% 20px;}
.taste_list li:first-child{border:none;}
  .taste_list li a{padding:3%;width:94%;display:block;position:relative; z-index:2;}
  .taste_list li.crumb a{background:url(../images/taste_list.gif) no-repeat bottom center;background-size:14px 8px;}
  .taste_list li strong{font:bold 16px/24px "Microsoft YaHei";padding-right:10px;}
  .taste_list li span{font:16px/24px "Microsoft YaHei";color:#74a3a5;}
  .taste_list li em{width:100%;display:inline-block;line-height:24px;}
  .taste_list li div{display:none;text-align:center;}
    .taste_list li.crumb div a{z-index:1;border-top:1px solid #ededed;background:#f8f7f7;margin-top:-1px;}
	.taste_list li.crumb a.last,.taste_list li.last{border-radius:0 0 8px 8px;}
	.taste_list li div a i{width:30px;height:20px; display:inline-block; vertical-align:middle;background:url(../images/pic.gif) no-repeat center;background-size:21px 18px;}

.brand img{width:100%;}
.reserve{padding:1% 2%;width:96%;}
  .reserve_info,.reserve_form{border:1px solid #c6c6c6;background:#fff;border-radius:8px;margin-top:2%;}
    .reserve_info h2{width:96%;margin-left:2%;border-bottom:1px dotted #c6c6c6;font:16px/30px "Microsoft YaHei";}
	.reserve_info .txt{padding:2%;font:14px/20px "Microsoft YaHei";}
	.addr,.tel,.my_reserve{padding:1% 0;}
	.addr{background:url(../images/addr.gif) no-repeat 6px 12px;background-size:18px 18px;}
	.tel{background:url(../images/tel.gif) no-repeat 6px 12px;background-size:18px 18px;border-top:1px solid #c6c6c6;}
	.addr a,.tel a,.my_reserve a{padding:5px 30px;font:14px/22px "Microsoft YaHei";display:block;background:url(../images/icon1.png) no-repeat right center;background-size:20px 16px;}
	.my_reserve a{padding-left:10px;}
	  .my_reserve a em{float:right;background:#1cc200;width:22px;border-radius:11px; text-align:center;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .reserve_form dt{background:#f0f0f0;border-bottom:1px solid #c6c6c6;font:16px/30px "Microsoft YaHei";border-radius:7px 7px 0 0; text-indent:15px;text-shadow:0 1px 0 #fff;}	
 .form{padding:2%;}
  .form p{padding:5px 0 5px 65px; position:relative;z-index:1;line-height:20px;}
	.form p span{width:65px;height:20px;position:absolute;top:10px;left:0;}
	.form_txt1,.form_txt2{width:98%;height:30px;border:1px solid #ccc;font:14px/30px "Microsoft YaHei";border-radius:5px;}
	.form p label{padding-right:10px;}
	.form p select{background:#fff;border:1px solid #ccc;border-radius:5px;height:32px;margin:5px 0;width:98%;font-size:16px;}
	.form p textarea{width:98%;height:60px;border:1px solid #ccc;border-radius:5px;font:14px/20px "Microsoft YaHei"}
	.form p a.form_bnt1,.form p a.form_bnt2{height:36px;border:none;background:#34b400;color:#fff;width:98%;margin:0 5px;font:12px/36px "Microsoft YaHei";cursor:pointer;display:inline-block;border-radius:5px; text-align:center;}
	.form p a.form_bnt1{font-size:16px;margin:0;border:1px solid #0b8e00;background:-webkit-linear-gradient(top,#5ad100 0%,#19a000 100%);background:-o-linear-gradient(top,#5ad100 0%,#19a000 100%);background:-moz-linear-gradient(top,#5ad100 0%,#19a000 100%);}
	
.service{width:96%;padding:2%;}
  .service dl{background:url(../images/service_dl.gif) repeat-y 15px;}
    .service dl dt{background:url(../images/service_dt.png) no-repeat top left;background-size:32px 32px;height:32px;font:20px/32px "Microsoft YaHei";padding-left:40px;color:#41be00;}
	  .service dl dt span{display:inline-block;}
	.service dd{padding:10px 2% 10px 32px;background:url(../images/service_dd.png) no-repeat 9px 20px;background-size:16px 16px;}
	  .service dd .form{background:#fff;border:1px solid #e9e9e9;border-radius:8px;padding:3%;}
	    .service dd .form p{padding-left:1%;}

.news_list{padding:10px 1.9% 0;width:96%; }
.news_list li{padding-bottom:10px;}
  .news_list li a{border:1px solid #ccc;background:#fff;padding:10px 15px 5px;border-radius:10px;box-shadow:1px 1px 1px 1px #e5e5e5; display:block;}
    .news_list li p{padding:8px 0;}
    .news_list li a h2{font:16px/24px "Microsoft YaHei";overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.news_list li p.time{color:#999; text-align:left;}
	.news_list li img{width:100%;}
	.news_list li p.cont{padding:5px 0;border-bottom:1px solid #eee;}
	.news_list li p small{float:right;}
	  .news_list li p small img{width:20px;height:16px;}

.con_div{width:92%;margin-left:2%;border:1px solid #ccc;background:#fff;border-radius:8px;padding:2%;margin:2%;}	  
  .con_div h1{display:block;padding:0 10px;font:16px/20px "Microsoft YaHei";}
  .time{display:block;padding:10px 10px 5px;color:#999;}
    .time span{padding:0 10px;}
  .con_txt{line-height:180%; display:block;}
    .con_txt p{padding:5px 0;}

.welcome{width:100%;}
  .welcome a { color:#FFFFFF; padding:0px;margin:0px;}
.user_nav{width:100%;height:44px;display:block;background:url(../images/orders_nav.gif);}
    .user_nav li{width:33.3%;height:43px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;font:16px/42px "Microsoft YaHei";float:left;margin-left:-1px;}
	.user_nav li.crumb{background:#f6f6f6;border-bottom-color:#f6f6f6;}
	  .user_nav li a{width:100%;height:43px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.user_leave{padding:1% 2%;}
.user_leave li{padding-top:1%;background:#fff;border:1px solid #ccc;font:14px/20px "Microsoft YaHei";margin-top:10px;border-radius:8px;}
  .user_leave li p{padding:0 2% 1%;line-height:20px;}
  .user_leave li p a{float:right;color:red;padding:0 8px; display:inline-block;}
  .user_leave li p.operate{padding:0;border-top:1px solid #ccc;margin-top:1%;line-height:30px;}
    .operate span{width:49%;border-right:1px solid #ccc; display:inline-block;text-align:center;}
	.operate small{width:49%;display:inline-block;text-align:center;font-size:14px;}
