@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;
}