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



	width: 30px;



	padding: 5px 0;



	color: #fff;



	text-align: center;



}



 .hd-zleft{



    left: 45px;



    margin-top:-23px ;



	/*position: absolute;



	left: 1em;



	top: 0.3em;



	bottom: 0.5em;



	width: 2.5em;



	color: #ffffff;*/



	}



.a-lf{







	left: 5px;



	margin-top:-15px ;



}







.a-rt{



	right: 5px;



	margin-top:-15px ;



}







/**



 * 新一级导航 2015-11-22



 *



 * */



.a-nav{



	width: 40.2%;position: fixed;top: 3.13em;left: 0;



    background: #ffffff;



    z-index: 9999;



}



.a-nav ul{



	/*width: 100%;*/



	background: #dc0027;



}



.a-nav ul li {



	display: block;



	padding: .3em 2em;



	color: #fff;



	cursor: hand;



	cursor: pointer;



}







.nav-food{



	display: none;



}







.a-nav ul li:after{



	position: absolute;



	/*left: 30%;*/



	right: 15px;







	color: #fff;







	content:'>';



	font-family:simsun;



	font-size:.8rem;



	-webkit-transform:scale(1,1.5);



	-moz-transform:scale(1,1.5);



	-o-transform:scale(1,1.5);







	transform:scale(1,1.5);



	font-weight:bold;



}



.a-nav ul .active{



	color: #dc0027;



	background:#fff;



	border:none;



	border-bottom:1px solid  #dc0027;



	content: '';



}







.wape-food-nav{



	width: 100%;



	position: fixed;top: 2.90em;left: 40%;



    background: #ffffff;



    z-index: 8999;











}



.a-food-nav{



	display: none;



	background:#fff;



	border: 1px solid #dc0027 ;



	border-top: none;



	min-height: 17em;



}







.wape-food-nav .a-food-nav:nth-child(1){



	display: block;



}







.a-food-nav>ul{



	width: 50%;



	}







.a-food-nav>ul li {



	display: block;



	padding: .3em 2em;



	color: #333;



	cursor: hand;



	cursor: pointer;



}







/*



 *内容



 *  **/







.ocb-content{margin-bottom:50px;}







.ocb-content article{



	widows: 100%;



	padding: 10px 0;



	font-size: 1em;



	text-align: center;



}



.ocb-dl{



	width: auto;



	margin: 0 auto;



	/*overflow: hidden;*/



	text-align: center;



	border-bottom: 1px solid #46B868;


	min-height:3.5em;
	height: 5em;



	border-right: 1px solid #46B868;



	border-left: 1px solid #46B868;

	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	box-sizing: border-box;





}



.dl-top{



	/*border-top: 1px solid #46B868;*/



}



.ocb-dl dd{



	/*float: left;*/



	height: 100%;

	flex: 1;
	/*margin: 0 auto;*/



	/*line-height: 40px;*/



}



.ocb-dl dt{



	float: left;



	margin: 0 auto;



	height: 100%;



	line-height: 40px;




}



.dt1{width: 13%;border-right: 1px solid #46B868;}



.dt2{width: 10%;border-right: 1px solid #46B868;}



.dt3{min-width:30%;border-right: 1px solid #46B868; text-align: left;margin: 0 10px;}



.dt4{width: 22%;border-right: 1px solid #46B868;}



.dt5{width: 28%;max-width: 200px;min-width: 100px; border-right: 1px solid #46B868;



position: relative;







}



.dt6{width: 15%;}



.dt7{width: 100%;text-align: left;padding-left: 20px;}



.dt6 textarea{display: block; width: 98%;font-size: 10px;height: 98%; border: none;}







.ctent-right-bottom{



	height: 26px;



	/*display: inline-block;*/



	border: 1px solid #B3B3B3;



	border-radius: 0.3em;



	background-color: #E8E8E8;



	padding: 5px 0;



	/*min-width: ;*/



}







 .jian-ico,.jia-ico{



	display: inline-block;



	width: 20%;



}







.pice-ico{



	text-align:center;



	border: none;



	width: 40%;



	padding: 5px 0;



	border-left: 1px solid #B3B3B3;



	border-right: 1px solid #B3B3B3;







}



.jian-ico{



	color: #03808D;



}



.jia-ico{







	color: #003399;



}







/**



 * 一键购买



 * **/



.ocb-footer h2{



	position: fixed;



	bottom: 0; left: 0;



	width: 100%;



	height: 3em;



	background-color: #46B868;



	text-align: center;



	line-height: 3em;







}



.ocb-footer h2 a{

	box-sizing:border-box;

	display:inline-block;

	text-align:center;

	height:3em;

	line-height:3em;

	color: #fff;

}

/**



 *



 * 下拉样式 Pull down styles



 *



 */



#pullDown, #pullUp {







	background:#fff;



	height:40px;



	line-height:40px;



	padding:5px 10px;



	/*border-bottom:1px solid #ccc;*/



	font-weight:bold;



	font-size:14px;



	color:#888;



	text-align:center;



	margin-bottom: 4em;



	cursor: pointer;



}



#pullDown .pullDownIcon, #pullUp .pullUpIcon  {



	display:block; float:right;



	width:40px; height:40px;



	/*background:url(../img/pull-icon@2x.png) 0 0 no-repeat;*/



	-webkit-background-size:40px 80px; background-size:40px 80px;



	-webkit-transition-property:-webkit-transform;



	-webkit-transition-duration:250ms;



}



#pullDown .pullDownIcon {



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



}



#pullUp .pullUpIcon  {



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



}







#pullDown.flip .pullDownIcon {



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



}







#pullUp.flip .pullUpIcon {



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



}







#pullDown.loading .pullDownIcon, #pullUp.loading .pullUpIcon {



	background-position:0 100%;



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



	-webkit-transition-duration:0ms;







	-webkit-animation-name:loading;



	-webkit-animation-duration:2s;



	-webkit-animation-iteration-count:infinite;



	-webkit-animation-timing-function:linear;



}







@-webkit-keyframes loading {



	from { -webkit-transform:rotate(0deg) translateZ(0); }



	to { -webkit-transform:rotate(360deg) translateZ(0); }



}







#com-d-top-a {



    background: transparent url("../img/up-home.jpg") no-repeat scroll;



    border: 1px solid #46B868;



    border-radius: 20px;



    bottom: 80px;



    color: #fff;



    cursor: pointer;



    display: none;



    height: 40px;



    line-height: 40px;



    margin: 0;



    min-width: 40px;



    padding: 0;



    position: fixed;



    right: 40px;



    width: 40px;



    z-index: 9999999;



}