/*---------hot-foot-----*/
.hot-foot{margin-top:21px; height:313px; overflow:hidden}
.hot-foot .title{ padding:15px 0 0 30px;}
.hot-foot .intrs{ float:left; width:220px; text-align:center; font-size:16px; margin-top:28px;}
.hot-foot .intrs span{ background-image:url(../images/hot-foot-icon.png); display:block;
 width:54px; height:54px; margin:0 auto;}
.hot-foot .intrs:hover span {
	transition:.2s;
	transform:translateY(-8px)
}
.hot-foot .intrs .h-img-1{ background-position:-2px -2px;} 
.hot-foot .intrs .h-img-2{ background-position:-62px -2px;} 
.hot-foot .intrs .h-img-3{ background-position:-122px -2px;} 
.hot-foot .intrs .h-img-4{ background-position:-183px -2px;} 
.hot-foot .intrs .h-img-5{ background-position:-243px -2px;} 
.hot-foot .intrs .h-img-6{ background-position:-2px -122px;} 
.hot-foot .intrs .h-img-7{ background-position:-62px -122px;} 
.hot-foot .intrs .h-img-8{ background-position:-122px -122px;} 
.hot-foot .intrs .h-img-9{ background-position:-183px -122px;} 
.hot-foot .intrs .h-img-10{ background-position:-243px -122px;} 
.hot-foot p{ margin-top:13px;}
/*---------ingredients-all-----*/
.ingredients-all{ height:1082px; overflow:hidden; padding:0 30px 0 32px;}
.ingredients-all .title{ padding-top:19px;}
.ingredients-all .ingredients{ margin-top:40px; height: 164px;}
.ingredients-all .ingredients .picture,.ingredients-all .ingredients .picture img{width:246px; height:164px;}
.ingredients-all .ingredients .sbu-title{ left:0; top:10px; border-radius:0 10px 10px 0; height:30px; padding:0 15px; font-size:16px; color:#fff; line-height:30px;}
.ingredients-all .ingredients .type{ width:800px; overflow:hidden; height: 130px;}
.ingredients-all .ingredients .type .intrs{ border:solid 1px #eee; display:inline-block; 
	margin:0 0 14px 11px; height:29px; line-height:29px; width: 100px; text-align: center;}
.ingredients-all .ingredients .type .more{ right:5px; bottom:0; margin: 0;}
.ingredients-all .ingredients .type .intrs:hover{ border:0; color:#fff;border: 1px solid rgba(238, 238, 238, 0)}
.ingredients-all .bg-red .sbu-title,.ingredients-all .bg-red .type .intrs:hover{ background:#ff7a7a;}
.ingredients-all .bg-blue .sbu-title,.ingredients-all .bg-blue .type .intrs:hover{ background:#75b1ff;}
.ingredients-all .bg-orange .sbu-title,.ingredients-all .bg-orange .type .intrs:hover{ background:#f5b453}
.ingredients-all .bg-pink .sbu-title,.ingredients-all .bg-pink .type .intrs:hover{ background:#fa936e;}
.ingredients-all .bg-green .sbu-title,.ingredients-all .bg-green .type .intrs:hover{ background:#7acd48;}
.ingredients-all .bg-red .type .more{ color: #ff7a7a;}
.ingredients-all .bg-blue .type .more{ color: #75b1ff;}
.ingredients-all .bg-orange .type .more{ color: #f5b453;}
.ingredients-all .bg-pink .type .more{ color: #fa936e;}
.ingredients-all .bg-green .type .more{ color: #7acd48;}

.wrapper-right{ padding-top:21px;}