/**
      根据公司需求整改官网楼层
 1、楼层修改:
    增加4个广告专题“老田推荐”“限时促销”“热卖商品”“（春夏秋冬）季养生”。
    首页展示一层（4个广告窗口）即可。原楼层下推四层。
    现有“熟食面点”、“酒水茶饮”、“乳品烘培”“休闲零食”、“家居用品”
    5个品类合并成一个品类取名“居家必备”

 2、标签修改:
    主要将原来没用的标签改成需求标签，设计师需要做小标签图标
    现有标签	更改后标签
    绿色	认证中
    无公害	产地直供
    2016-11-23 9:37
*/
.clear{ clear: both;}
img{ border: none}
/** 左侧边栏 */
/* start icon-floor1 */
.icon-floor1.active {
    background-position: -30px -103px;
}
.icon-floor1 {
    background-position: -30px -22px;
}
.icon-floor1 {
    width: 44px;
    height: 44px;
    background-image: url(../../images/icon/20161123product-category/20161123icons.png);
}
.icon-floor1-hover {
    width: 152px;
    height: 44px;
    background-image: url(../../images/icon/20161123product-category/20161123icons.png);
    background-position: -22px -179px;
}
/* end icon-floor1 */


/* start icon-floor2 */
.icon-floor2 {
    background-position: -117px -22px;
}
.icon-floor2{
    width: 44px;
    height: 44px;
    background-image: url(../../images/icon/20161123product-category/20161123icons.png);
}
.icon-floor2.active {
    background-position: -117px -103px;
}
.icon-floor2-hover {
    width: 152px;
    height: 44px;
    background-image: url(../../images/icon/20161123product-category/20161123icons.png);
    background-position: -230px -179px;
}
/* end icon-floor2 */

/* start icon-floor3 */
.icon-floor3 {
    background-position: -208px -22px;
}
.icon-floor3 {
    width: 44px;
    height: 44px;
    background-image: url(../../images/icon/20161123product-category/20161123icons.png);
}
.icon-floor3.active {
    background-position: -208px -103px;
}
.icon-floor3-hover {
    width: 152px;
    height: 44px;
    background-image: url(../../images/icon/20161123product-category/20161123icons.png);
    background-position: -22px -263px;
}
/* end icon-floor3 */

/* start icon-floor4 */
.icon-floor4 {
    background-position: -291px -22px;
}
.icon-floor4 {
    width: 44px;
    height: 44px;
    background-image: url(../../images/icon/20161123product-category/20161123icons.png);
}
.icon-floor4.active {
    background-position: -291px -103px;
}
.icon-floor4-hover {
    width: 152px;
    height: 44px;
    background-image: url(../../images/icon/20161123product-category/20161123icons.png);
    background-position: -232px -263px;
}
/* end icon-floor4 */

/**
楼层	主题
        5F	田园时蔬
        6F	精选水果
        7F	肉禽蛋品
        8F	水产海鲜
        9F	粮油杂货
        10F	居家必备	原熟食面点、酒水茶饮、乳品烘培、休闲零食、家居用品品类合并成这个品类
        11F	礼品礼卡
                    2016-11-23 12:24
*/
/* start icon-floor5 */
.icon-floor5 {
    background-position: -384px -320px;
}
.icon-floor5 {
    width: 44px;
    height: 44px;
    background-image: url(../../images/product-category.png);
}
.icon-floor5.active {
    background-position: -256px -320px;
}
.icon-floor5-hover {
    width: 152px;
    height: 44px;
    background-image: url(../../images/product-category.png);
    background-position: 0 -256px;
}
/* end icon-floor5 */

/* start icon-floor5 */
.icon-floor5 {
    background-position: -384px -320px;
}
.icon-floor5 {
    width: 44px;
    height: 44px;
    background-image: url(../../images/product-category.png);
}
.icon-floor5.active {
    background-position: -256px -320px;
}
.icon-floor5-hover {
    width: 152px;
    height: 44px;
    background-image: url(../../images/product-category.png);
    background-position: 0 -256px;
}
/* end icon-floor5 */

/* start icon-floor6 */
.icon-floor6 {
    background-position: -64px -384px;
}
.icon-floor6 {
    width: 44px;
    height: 44px;
    background-image: url(../../images/product-category.png);
}
.icon-floor6.active {
    background-position: -320px -384px;
}
.icon-floor6-hover {
    background-image: url(../../images/product-category.png);
    background-position: 0 -64px;
    width: 152px;
    height: 44px;
}
/* end icon-floor5*/

/* start icon-floor7 */
.icon-floor7 {
    background-position: 0 -320px;
}
.icon-floor7{
    width: 44px;
    height: 44px;
    background-image: url(../../images/product-category.png);
}
.icon-floor7.active {
    background-position: -128px -320px;
}
.icon-floor7-hover {
    background-image: url(../../images/product-category.png);
    background-position: -172px -192px;
    width: 152px;
    height: 44px;
}
/* end icon-floor7 */

/* start icon-floor8 */
.icon-floor8 {
    background-position: -344px -128px;
}
.icon-floor8 {
    width: 44px;
    height: 44px;
    background-image: url(../../images/product-category.png);
}
.icon-floor8.active {
    background-position: -344px -192px;
}
.icon-floor8-hover {
    background-image: url(../../images/product-category.png);
    background-position: -172px -128px;
    width: 152px;
    height: 44px;
}
/* end icon-floor8*/

/* start icon-floor8 */
.icon-floor9 {
    background-position: -64px -320px;
}
.icon-floor9{
    width: 44px;
    height: 44px;
    background-image: url(../../images/product-category.png);
}
.icon-floor9.active {
    background-position: 0 -384px;
}
.icon-floor9-hover {
    background-image: url(../../images/product-category.png);
    background-position: -172px -64px;
    width: 152px;
    height: 44px;
}
/* end icon-floor8*/

/* 居家必备 */
/* start icon-floor10 */
.icon-floor10 {
    background-position: -362px -22px;
}
.icon-floor10{
    width: 44px;
    height: 44px;
    background-image: url(../../images/icon/20161123product-category/20161123icons.png);
}
.icon-floor10.active {
    background-position: -362px -103px;
}
.icon-floor10-hover {
    width: 152px;
    height: 44px;
    background-image: url(../../images/icon/20161123product-category/20161123icons.png);
    background-position: -22px -339px;
}
/* end icon-floor10 */

/* start icon-floor11 */
.icon-floor11 {
    background-position: -256px -384px;
}
.icon-floor11.active {
    width: 44px;
    height: 44px;
    background-image: url(../../images/product-category.png);
}
.icon-floor11{
    width: 44px;
    height: 44px;
    background-image: url(../../images/product-category.png);
}
.icon-floor11.active {
    background-position: -128px -384px;
}
.icon-floor11-hover {
    background-image: url(../../images/product-category.png);
    background-position: -344px 0;
    width: 152px;
    height: 44px;
}
/* end icon-floor11 */


/**
    修改楼层样式
    “老田推荐”“限时促销”“热卖商品”“（春夏秋冬）季养生”
    2016-11-14 15:33
 */

/* 楼层标题样式 start */
.advertise-title{
    width: 100%;
    height: 80px;
    border-top: 1px solid #B4B4B4;
    /*border: 1px solid #000;*/

}
.advertise-title h3 {
    line-height: 80px;
    font-size: 22px;
}
.new-title-icons{
    width: 30px;
    height: 35px;
    background-image: url("../../images/icon/20161123product-category/new-titleicons20161124.png");
    display: inline-block;
    /*vertical-align: text-bottom;*/
    vertical-align: -3px;
    margin-left: 4px;
}
.title-right-pic{
    display: inline-block;
    width: 15px;
    height: 17px;
    /*vertical-align: text-bottom;*/
    vertical-align: -3px;
    background-image: url("../../images/icon/20161123product-category/new-titleicons20161124.png");
    background-position: -275px -12px;
}
/** start 老田推荐”“限时促销”“热卖商品”“（春夏秋冬）季养生 左边图片*/
.title-pic-1{
    background-position: -5px -4px;
}
.title-pic-2{
    vertical-align: -10px;
    background-position: -73px -4px;
}
.title-pic-3{
    vertical-align: -6px;
    background-position: -141px -4px;
}
.title-pic-4{
    vertical-align: -5px;
    background-position: -213px -4px;
}
/* end 老田推荐”“限时促销”“热卖商品”“（春夏秋冬）季养生 */
/* 楼层标题样式 end */


.floor .new-product {

    position: relative;
    width: 25%;
    float: left;
    overflow: hidden;

    margin:0;
    padding: 0 20px;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -ms-transition:  all .5s ease 0s;
    -o-transition:  all .5s ease 0s;
    transition: all .5s ease 0s;
}

.floor .new-product .new-product-img img{
    height: 228px;
    transition: all .5s ease 0s;

    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -ms-transition:  all .5s ease 0s;
    -o-transition:  all .5s ease 0s;
}
.new-product:hover img{
    transform:  scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform:  scale(1.2);
    -o-transform:  scale(1.2);
}

.floor .new-product .new-product-img .desc-detail {
    position: absolute;
    height: 80px;
    left: 0;
    bottom: -110px;
    background: #000;
    color: #fff;
    padding: 10px;
    background: rgba(0,0,0,.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
}
.floor .new-product .new-product-img .desc-detail p {
    /** 修改商品介绍文字内容 2016-12-05 12:07 */
    z-index: 111;
    position: relative;
    top: -4px;
    line-height: 1.3;
    opacity: .88;
    filter: alpha(opacity=88);
}
.floor .new-product .new-product-img .desc-detail-mask {
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(0,0,0,.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
}

.floor .new-product .p-title {
    width: 160px;
    color: #323232;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    font-size: 14px;
}


/** 添加三个icon 产地直供icon-habitat、认证中icon-onsales-middle、新品icon-new-product 2016-11-25 14:37*/
.tag-list .icon{
    width: 52px;
    height: 18px;
    background-image: url(../../images/product-tags.png);
}
.icon-habitat{
    background-position: -65px -39px;
}
.icon-onsales-middle{
    background-position: -65px -66px;
}
.icon-new-product{
    width: 52px;
    height: 18px;
    background-image: url(../../images/product-tags.png);
    background-position: -65px -93px;
}

/** 加载更多 */
.floor .new-f-more {
    padding-bottom: 68px;

}
/** 商品分类 */
.category-menu{

}
.category-menu li {
    line-height: 64px;
    text-align: center;
    background-color: #fff;
    height: 64px;
}
.category-menu .category-menu-son{
    min-width: 180px;
    height: 449px;
    border-top: none;
}
.category-menu .category-menu-son li {
    line-height: 44px;
    text-align: center;
    background-color: #fff;
    height: 44px;
}