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

	height: 3.5em;

	border-right: 1px solid #46B868;

	border-left: 1px solid #46B868;

	

}

.dl-top{

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

}

.ocb-dl dd{

	float: left;

	height: 100%;

	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{width: 20%;border-right: 1px solid #46B868;}

.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;

}