/*
	会员频道list页面
*/

/*模块*/
.list-modules{}
.list-modules .wrap{width: 1201px;}
.list-modules .tit{text-align: center;margin-top: 50px;}
.list-modules .list{margin-top: 45px;overflow: hidden;background: #fff;border-top: 1px solid #EAEAEA;border-left: 1px solid #EAEAEA;}
.list-modules .list li{position: relative;width: 275px;padding:12px;float: left;border-right: 1px solid #EAEAEA;border-bottom: 1px solid #EAEAEA;overflow: hidden;height: 324px;}
.list-modules .list li .box{
	display: block;
   -webkit-transition: -webkit-transform .2s linear;
   -moz-transition: -moz-transform .2s linear;
   -o-transition: -o-transform .2s linear;
   transition: transform .2s linear;
}
.list-modules .list li .pic{height: 212px;}
.list-modules .list li .pic img{display: block;}
.list-modules .list li .txt{text-align: center;}
.list-modules .list li .txt .name{font-size: 14px;color: #333;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;padding-top:20px;display: block;}
.list-modules .list li .txt .price{color: #23b6b8;padding: 6px 0;font-size: 14px;}
.list-modules .list li:hover .box{
    -webkit-transform: translateY(-38px);
    -ms-transform: translateY(-38px);
    -o-transform: translateY(-38px);
    transform: translateY(-38px);s
}
.list-modules .list .saleOver:hover .box{
   -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.list-modules .list li .txt .discount{font-size: 14px;color: #f0613a;padding-top: 15px;}
.list-modules .list li .pri{padding-top: 15px;}
.list-modules .list li .pri span{font-size: 14px;color: #888;text-decoration: line-through;}
.list-modules .list li .btns{left: 0;bottom:-38px;position: absolute;width: 100%;height: 38px;line-height: 38px;text-align: center;background: #f0613a;
	-webkit-transition:bottom .2s ease-in;
	-ms-transition:bottom .2s ease-in;
	-o-transition:bottom .2s ease-in;
	transition:bottom .2s ease-in;
}
.list-modules .list li .btns a{font-size: 16px;color: #fff;display: block;}
.list-modules .list li:hover .btns{bottom: 0;}

.list-modules .list li .overTips{position: absolute;display: none;left: 90px;top: 90px;z-index: 3}
.list-modules .list li.saleOver .overTips{display: block;}

.list-modules .list .saleOver:hover .btns{bottom: -38px;}

.list-modules .list li.saleOver .pic img{ filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
.list-modules .list li.saleOver .discount{color: #888;}
.list-modules .list li.saleOver .overTips img{width: 120px;}