@charset "utf-8";

.ocb-header {

	position: relative;

}

.ocb-header h2{

	width: 100%;

	color: #fff;

	font-size: 1.2em;

	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;

}

.nav-menu{

	

}

.nav-menu ul{

	overflow: hidden;

	list-style: none;

	text-align: center;

}

.nav-menu ul li{

   float: left;

   width: 20%;



}

.nav-menu ul li a{

	display: inline-block;

	width: 95%;

   padding: .8em 0;

   color: #A8A8A8;

}

.nav-menu ul li .message_red{

	position: absolute;

    right: 12%;

    top: 26%;

    background: red;

    width: .5em;

    height: .5em;

    border-radius: .4em;

	display:none;

	}

/*.nav-menu ul li:first-child{

	border-bottom: 2px solid #46B868;

}*/

.allread{display:block;width:2em;height:2em;}

.nav-menu ul li:hover{

	border-bottom: 2px solid #46B868;

}

.nav-active{

	border-bottom: 2px solid #46B868;

}



/**

 * 注册信息补充

 * */

#id_personInfo{

	display: none;

	box-sizing: border-box;

	text-align: center;

}

#id_personInfo ul{

	

	/*margin:8% 11% 2%;*/

}



#id_personInfo ul li{

	/*display: table-row;*/

	width: 80%;

	/*padding: 1.5em 0;*/

	/*font-size: 1.2em;*/

	margin: 0 auto;

	/*margin-right: 2.5em;*/

	overflow: hidden;

	border: 1px solid #e2e2e2;

	margin-top: 1em;

	text-align: left;

	

}

.tianChong button .read_{

	height:2em;

	float:left;

	display:block;

	margin:.8em 0;

	}

.dianJi{

	width:90%;

	cursor:pointer;

	padding: 5px 5%;

	text-overflow:ellipsis;

	white-space:nowrap; 

	overflow:hidden;

	height:2em;

	line-height:2em;

	background:#ccc;

	margin:1em 0;

	loat:left;

}

.dianJi span em{

 color:red;

 margin:0 1em;

 font-style:normal;

 }

 .dianJi span em.red{

	 color:red;

}

#id_message{

	width:60%;

 margin:0 auto;

 }

.pagination li{

	float:left; 

    height:2em;

    width:2em;

    line-height:2em; 

	text-align:center; 

	border:1px solid #ccc; 

	margin:0 .5em;

	}

.pagination li.click{background:#ddd;}

#id_message button{ cursor:pointer;}

.paging button{float:left;}



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

	#id_message{width:90%; margin:0 auto;}

	.footer{width:90%;}

	.pagination li{float:left;

	 height:2em;

	 width:2em;

	 line-height:2em; 

	 text-align:center;

	  border:1px solid #ccc;

	   margin:0 .2em;

	   }

}

/*#id_personInfo ul li span{

	float:  left;

	text-indent: 2.5em;

}

#id_personInfo ul li p{

	

	float: left;

	width: 60%;



	height: auto;

}*/



#id_personInfo input[type=text]{

	/*display: block;*/

	width: 80%;

	height: 2.71em;

	line-height: 2.71em;

	border:0 none;

	font-size: 1.2em;

	text-indent: 1em;

}

#id_personInfo label

{

	padding:0 0.6em;

}



#id_personInfo textarea{

	display: block;

	width: 100%;

	height: 5.71em;

	text-indent: 1em;

	border:0 none;

}



#personInfoBtn,#pInfoBtn,#pInfo{

	display: block;

	width: 98%;

	background:#46B868;

	border: 1px solid #46B868;

	color: #fff;

	border-radius:3px;

	height: 2.71em;

	line-height: 2.71em;

	font-size: 1.4em;

	text-align: center;

}

#id_personInfo ul li:last-child{

	

	border:0 none;

}



/**

 * 修改密码

 * */

#modifypass{

	

    width: 80%;

    text-align: right;

    margin: 20px  auto;



}



#modifypass>a{

	

    color: #46B868;

    font-weight: 900;

    font-size: 14px;



}

/**

 * 新品种需求

 * */

#id_newShoping{

	text-align: center;

	display: none;

}



#id_newShoping form{

	width: 50%;

	

	margin: 0 auto;

	text-align:left;

	padding: 10px 20px;

}

#id_newShoping form section{

	margin: 10px 0;

}

#id_newShoping form section:last-child{

	text-align: center;

}

#id_newShoping form label{

	display: inline-block;

	margin-right: 20px;

	padding: 5px 0;

	vertical-align: top;

}



#id_food-order{

	text-align: center;

	color: #666;

}



#id_food-order .order-header{

	width: 98%;

	position: relative;

	margin:0 auto;

	/*border: 1px solid red;*/

	padding: .8em 0;

	color: #666;

	background: #F2F2F2 none repeat scroll 0% 0%;

	

	cursor: pointer;

	

}



#id_food-order .a-li{

	display: block;

	margin-top:1em;

	

}



/*.order-header-ico.down{

	background-position:0 100%;

	-webkit-transform:rotate(0deg) translateZ(0);

	-webkit-transition-duration:0ms;

}



.order-header-ico.up{

	background-position:0 100%;

	-webkit-transform:rotate(180deg) translateZ(0);

	-webkit-transition-duration:0ms;

}*/





.order-headerLeft{

	float: left;

	margin-left: 10px;

	font-size: 1.5em;

}



.order-headerRight{

	float: right;	

	margin-right: 10px;

	padding: 0 30px;

	

}



.order-headerRight em{

	background: url(../img/shangxia.png) no-repeat center right ;

	background-size:16px 16px ;

	padding: 0 30px;

	font-style: normal;

}



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

	.order-headerLeft{

		float: left;

		margin-left: 10px;

		font-size: 1.3em;

    }

 

   .order-headerRight{

		/*float: right;*/	

		margin-right: 10px;

		padding: 0 10px;

		text-align: right;

		/*background: url(../img/shangxia.png) no-repeat center right ;

		background-size:16px 16px ;*/

	

		

   }

   .order-headerRight em{

   	position: absolute;

		top: .8em; right: 10px;

		

   }

}

.order-headerLeft em{

	display: inline-block;

	width: 18px;

	height: 18px;

	background: url(../img/shangxia.png) no-repeat center ;

	background-size: 18px 18px;

	margin-left: 10px;

	text-indent: -999px;

}



.order-headerLeft span{

	display: inline-block; padding: 0 .5em; border: 1px solid #fff;

}







.order-content{

	display: none;

	text-align: center;

}

.order-content dl{

	width: 80%;

	margin: 0 auto;

	overflow: hidden;

	padding: .5em 0;

}

.order-content-left{

	float:  left;

}

.order-content-name{

	float:  left;

	margin-left: 2em;

	

}

.order-content-pic{

	float:  right;

}



.order-footer{

	box-sizing: border-box;

	width: 98%;

	margin: 0 auto;

	padding:1em 2em 1em 2em;

	text-align: right;

	background: #F2F2F2 none repeat scroll 0% 0%;

}



.order-footer a{

	

	color: #FFFFFF;

	padding: .3em .5em;

	margin-right: 1em;

}



.order-footer .buy-again{

	background: #46B868;

	border: 1px solid #46B868;

	border-radius: 3px;

}



.order-footer .order-cancel{

	background: red;

	border: 1px solid red;

	border-radius: 3px;

}
.order-footer .order-export{
	background: #46B868;
	border: 1px solid #46B868;
	border-radius: 3px;
}



.order-centerinfo{

	display: none;

}

.order-centerinfo dl{

	margin: 0 auto;

	display: block;

	width: 80%;

	padding-top:3em ;

}



.order-centerinfo dl dt{

	/*display: inline-block;*/

	text-align: left;

	padding: .3em 1em;

	

}

.order-centerinfo dl dt:last-child{

	text-align: right;

}

.order-centerinfo dt span{

	padding-left:2em ;

}

.order-centerinfo dt span.left{

	padding-left: 0;

}

.order-centerinfo dl dt p{

	/*display: inline-block;*/

	padding: 0 1em 0 0;

	cursor: pointer;

	color: #46B868;



	text-align: left;

}





/*预约商品*/

.appointment .valid{

	text-overflow: ellipsis;

	white-space: inherit;

	overflow: hidden;

	height:auto;

	line-height: 2em;

	width: 80%;

	margin: 1em auto;

	padding:0px 5%;

	background:#FFF;

	border-bottom: 1px dotted #CCC;

}

.appointment .valid em{

	margin:0 1em 0 0;

	font-style:normal;

}

.appointment .valid em.red{

	color:red;

}

.appointment .valid p a.left{ float: left;color:#333;}

.appointment .valid p a.right,#id_food-order .buy_but{ float: right; padding:0.3em 0.6em; background: #46B868; border-radius: .3em;color:#FFF;margin-bottom: 1em;}

.appointment .valid p a.right:hover{background: #399d57;}

#id_food-order .buy_but:hover{background: #399d57;}











/* 订单详情 */

#id_food_orderInfo {

	display: none;

	padding-top:1.5em ;

	width: 98%;

	

}



#id_food_orderInfo .close_order{

	border: 1px solid red;

	background-color: red;

	padding: .3em .8em;

	color: #fff;

}



#id_food_orderInfo dl{

	display: block;

	border: 1px solid #A8A8A8;

	border-bottom: none;

	overflow: hidden;

	color: #A8A8A8;

}



#id_food_orderInfo dl:last-child{

	border-bottom: 1px solid #A8A8A8;

}



#id_food_orderInfo dl dt{

	float: left;

	/*padding: 0 .5em;*/

	height: 40px;

	

	width: 9.8%;

	text-align: center;

	border-left: 1px solid #A8A8A8;

}



#id_food_orderInfo dl dt:first-child{border-left: none;}

#id_food_orderInfo dl dt:nth-child(3){border-left: none;width: 4.8%;border-left: 1px solid #A8A8A8;}

#id_food_orderInfo dl dt:nth-child(4){border-left: none;width: 4.8%;border-left: 1px solid #A8A8A8;}

#id_food_orderInfo dl dt:last-child{width: 18%;}



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

	#id_food_orderInfo dl dt{

	float: left;

	/*padding: 0 .5em;*/

	line-height: 40px;

	height: 40px;

	width: 9.8%;

	text-align: center;

	border-left: 1px solid #A8A8A8;

}

}