#SubProductMenuHome{background: #e71c24}
#SubProductMenuHome ul{ margin: 0;padding: 0;}
#SubProductMenuHome .item{ padding-left: 60px;height: 65.5px;box-sizing: border-box;position: relative;background: url(line.png) repeat-x bottom center;padding-top: 15px}
#SubProductMenuHome .icon{ width: 38px;height: 38px;position: absolute;left: 10px;top: 12.5px}
#SubProductMenuHome .name{ color: #fff;font: 15px RobotoBold}
#SubProductMenuHome .name .desc{ color: #fff;font: 13px Roboto;text-overflow: ellipsis;white-space: nowrap;display: block;overflow: hidden;padding-right: 20px}
#SubProductMenuHome li:last-child .item{background: none}

#SubProductMenuHome .it1 .icon{ background: url(1.png) no-repeat center;background-size: 100% 100%}
#SubProductMenuHome .it2 .icon{background: url(2.png) no-repeat center;background-size: 100% 100%}
#SubProductMenuHome .it3 .icon{background: url(3.png) no-repeat center;background-size: 100% 100%}
#SubProductMenuHome .it4 .icon{background: url(4.png) no-repeat center;background-size: 100% 100%}
#SubProductMenuHome .it5 .icon{background: url(5.png) no-repeat center;background-size: 100% 100%}
#SubProductMenuHome .it6 .icon{background: url(6.png) no-repeat center;background-size: 100% 100%}
#SubProductMenuHome .it7 .icon{background: url(7.png) no-repeat center;background-size: 100% 100%}
#SubProductMenuHome .it8 .icon{background: url(8.png) no-repeat center;background-size: 100% 100%}

#SubProductMenuHome .viewAll{ display: block;text-align: center;height: 40px;background: #a4171c;color: #ffea00;font: 15px/40px RobotoBold;text-transform: uppercase}
#SubProductMenuHome .viewAll .mid{ height: 40px;display: inline-block;background: url(mt.png) no-repeat center left, url(mt2.png) no-repeat center right;background-size: 12.5px;padding-left: 20px;padding-right: 20px}
/*#SubProductMenuHome .viewAll .mid{ height: 40px;display: inline-block}
#SubProductMenuHome .viewAll .right{ height: 40px;display: inline-block;width: 12.5px;background: url(mt2.png) no-repeat center; background-size: 12.5px}*/