@charset "utf-8";



/**



 * 头部



 * */



.header-wp{



	position:fixed;left:0;top:0;width:100%;height:38px;z-index:9999;



}



.ocb-header {



	position: relative;



}



.ocb-header h2{



	width: 100%;



	color: #fff;



	font-size: large;



	text-align: center;



	padding: 10px 0;



	background-color: #46B868;



}







.ocb-header a{



	position: absolute;



	display: inline-block;



	top:50%;



	margin-top:-15px ;



	width: 45px;



	padding: 5px 0;



	color: #fff;



	text-align: center;



}







.a-lf{



	



	left: 5px;



}







.a-rt{



	right: 5px;



}







/**内容页面*/







.food-content{



	width: 100%;



	overflow: hidden;



	padding: 10px 0;



	text-align: center;



	margin-bottom: 110px;



	margin-top: 38px;



}











@media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/



  .food-content li{



  	width: 100%;



  }



  .food-nav-div{



  	overflow-x: auto;



  }



}







@media screen and (min-width: 600px) { /*当屏幕尺寸大于600px时，应用下面的CSS样式*/



  .food-content li{



  	width: 50%;



  	



  }



   .food-nav-div{



  	overflow: hidden;



  }



  



 



}







 .sign-li{



  	height: 11em;



  }



  



  @media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/



 



  ul.food-content li:empty{



  	display: none;



  }







}







.food-content li{



	float: left;



	position: relative;



	margin: 0 auto;



	border-bottom:1px solid #e8e8e8;



	padding: 7px 0;



}







/*.food-content li:last-child{



	margin-bottom: 10em;



}*/







.food-content .fd-caption{



	width: 100%;



	text-align: left;



	text-indent: 20px;



	font-size: 1.2em;



	font-weight: 700;



	color: #46B868;



}







/*



 *商品展示最左样式 



 * **/



.ctent-left{



	text-align: center;



	/*width: 60px;*/



	width: 6em;



	position: absolute;



	top: 50%;



	left: 0;



	margin-top: -40px;



	padding: 21px 0;



}



.ctent-left .divImg



{



	margin: 0 auto;



	/*width: 47px;



	height: 37px;*/



	width: 4.7em;



	height: 3.7em;



}



.ctent-left img{width: 100%;}







/*



 *商品展示中间样式 



 * **/



.ctent-middle{



	text-align: left;



	/*margin-left: 60px;



	 margin-right: 80px;*/



	margin-left: 6em;



	margin-right: 10em;



	padding: 2em 0;



}







.ctent-middle p{



	width: 100%;



	font-size: 14px;



}



.foot-title {



	font-weight:bold;



}







.foot-dec{



	color: #C2C2C2;



	height: 25px;



	line-height: 25px;



}



.food-pice{



	background: transparent url(../img/icon_price.png) no-repeat left center;



	background-size: 15px 15px;



	text-indent:18px;



	line-height: 2.5em;



	height: 2.5em;



	position: relative;



	



}



.food-pice em{color: red;font-style: normal;font-size: 1.2em;}







/*



 *商品展示最右样式 



 * **/







.ctent-right{



	/*width: 80px;*/



	width: 10em;



	position: absolute;



	right: 0;



	top: 50%;



	margin-top: -3.8em;



	



}



.ctent-right-bottom{



	width: 90%;



	margin: 0 auto;



	height: 2.2em;



	text-align: center;



	border: 1px solid #B3B3B3;



	border-radius: 0.3em;



	background-color: #E8E8E8;



	margin-right: .3em;



}







 .jian-ico,.jia-ico{



	display: inline-block;



	width: 1.8em;



	height: 100%;



	line-height: 1.8em;



	/*font-size: 16px;*/



}







.pice-ico{



	text-align:center;



	border: none;



	width: 4em;



	height: 100%;



	line-height: 1.8em;



	border-left: 1px solid #B3B3B3;



	border-right: 1px solid #B3B3B3;



	



}



.jian-ico{



	color: #03808D;



}



.jia-ico{







	color: #003399;



}



.ctent-buy{



	width: 100%;



	margin: 5px 0;



}











.ctent-buy a{



    display: inline-block;



	/*text-indent: -9000px;*/



	width: 4.0em;



	height: 2em;



	line-height: 2em;



	border: 1px solid red;



	border-radius: 3px;



	color: #f56d6a;



}



.remarks{



	/*background: transparent url(../img/icon_car.png) no-repeat center center;



	background-size: 3em 3em;*/



}



.del{



	/*background: transparent url(../img/sc1.gif) no-repeat center center;



	background-size: 3em 3em;*/



	/*text-indent: -9999px;*/



}







.buy-mark em{



	font-style: normal;



	color: red;



	padding: 0 .3em;



	font-size: 1.4em;



}











/**



 * 一键购买



 * **/



.buyCar-footer{



	



	position: fixed;



	bottom: 0; left: 0;



	box-sizing: border-box;



	width: 100%;



	/*height: 3em;*/



	background-color: rgba(0, 0, 0, 0.8);



	text-align: center;



	/*line-height: 3em;*/



	font-size: 1.3em;



	overflow: hidden;



	color: #fff;



}



.buyCar-footer p{







	padding: .9em 0.5em;



}



.buyCar-footer ul{







	margin-right: 1em;



	



}







@media only screen and (min-width:600px ) {

	.buyCar-footer p{



	float: left;



	padding: .9em 0.5em;



	}



	.buyCar-footer ul{



		float: right;



		margin-right: 1em;



	}



	

}







.buyCar-footer ul li{



	float: left;



	/*border: 1px solid red;*/



}







.buyCar-footer ul li:nth-child(1){



	padding: .9em .5em;



}



.buyCar-footer ul li:nth-child(2){



	padding: .9em .5em;



}







.buyCar-footer ul li a{



	display: block;



    background-color:#46b868;



    color: #fff;



    padding: .5em .5em;



    margin: .5em .5em;



    border-radius: .5em;



    font-size: 12px;



}







/***



 * 打印小票据



 * **/



#smallTicket{



	position: fixed;



	display: none;



	background:rgba(0,0,0,0.6);



	top: 0;left: 0;



}



.ticketContent{



	background-color: #FFFFFF;



	z-index: 99999;



	position: relative;



	width: 50em;



	margin-left: -25em;



	left: 50%;



	top: 25%;



	box-shadow: 3px 3px #333;



}



@media only screen and (max-width: 677px) {

	



	.ticketContent{



		width: 22em;



		margin-left: -11em;



		z-index: 99999;



		left: 50%;



		top: 10%;



		



	}

}







#closeTicket{



	position: absolute;



	right: 1em;



	top: 1em;



	



}



.ticketContent ul{



	list-style: none;



}



.ticketContent ul li{



	text-indent: 10px;



	padding: .4em 0;



	/*margin: .5em 0;*/



	/*border-bottom: 1px solid royalblue;*/



}







.ticketContent ul li em{



	font-style: normal;



	font-size: 1.5em;



	color: red;



}



.ticketContent ul li:nth-last-child(2){



	text-align: center;



}



.ticketContent ul li:nth-last-child(1){



	text-align: center;



}



.ticketContent ul li:nth-last-child(1) a{



	display: inline-block;



	width: 80%;



	background: #46b868;



	border: 1px solid #46b868;



	padding: .3em 0;



	color: #FFFFFF;



	font-size: 1.2em;



	border-radius: 3px;



}



.sign-li-side-up{



	overflow: hidden;



	height: 100%;text-align: left;



	display: none;



}



.sign-li-side-up textarea{



	width: 80%; height: 100%;margin-left: 10px;



}



.sign-li-side-up a{



	float: right;



	padding: .3em .5em;



	margin: 0 .5em;



	color: #FFFFFF;



	background-color: #46b868;



}



.must{

	color: red;

}

.match-span{
	background-color: #46B868;
    color: #fff;
    padding: 2px 4px;
    border-radius: 5px;
    font-size: 13px;
    margin-right: 10px;
    font-weight: normal;
}