/*************************************************************
 * <@heping> 2016-09-30
 * lists
 *************************************************************/
@charset "utf-8";
.wareTitle{color: #666666;margin-top: 50px;padding-left: 15px;}
.wareTitle .more{color: #999999;font-size: 14px;position: relative;top: 10px;}
.listsGroup{border: 1px solid #dddddd;border-radius: 5px;margin: 20px 0 0 0;background-color: #fff;}
.lists{padding: 0;margin: 0;}
.lists li{list-style: none;}
.listLink{display: block;}
.listLink:hover,.listLink:focus{color: inherit;text-decoration: none;}
.indexLists .lists .listsItem{height: 420px;}
.items-list .lists .listsItem{height: 360px;}
.lists .listsItem{float: left;padding: 20px;border: 1px solid #f3f3f3;}
.lists .listsItem:not(.recommend){width: 25%;}
.lists .listsItem.recommend{width: 50%;}
.lists .listsItem .imgs{overflow: hidden;border: 1px solid #ffffff;}
.lists .listsItem img:not(.recommend){width: 100%;}
.lists .listsItem.recommend img{width: 100%;}
.lists .listsItem img{margin: -1px;}
.lists .listsItem p{color: #666666;text-align: center;}
.lists .listsItem .title{font-size: 16px;margin-top: 25px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.lists .listsItem .price{font-size: 18px;color: #e2000f;}
.lists .listsItem .others{font-size: 14px;color: #999999;min-height: 30px;margin-bottom: 0;}
.lists .listsItem .others .sep{margin-left: 15px !important;margin-right: 15px !important;}

.lists .listsItem:hover{background: -webkit-linear-gradient(left top, #f7f7f7 , #f9f9f9);  background: -o-linear-gradient(bottom right,  #f7f7f7 , #f9f9f9);  background: -moz-linear-gradient(bottom right, #f7f7f7 , #f9f9f9);  background: linear-gradient(to bottom right,  #f7f7f7 , #f9f9f9); }
.lists .listsItem:hover .title, .lists .listsItem:hover .price{color: #00bf9d !important;}
.lists .listsItem .operation{display: none;margin-bottom: 0;}
.lists .listsItem .operation .btn{padding: 3px 12px;}
.lists .listsItem:hover .operation{display: block;}
.lists .listsItem:hover .others{display: none;}