/* 列表页 */ .list { background: #f9f9f9; } .list.list.search-list { padding-bottom: 40px; min-height: 535px; } .list .goods-list { padding-bottom: 30px; } .list.search-list .goods-list .pages { margin: 30px 30px 0 0; } .list.search-list .goods-list { padding: 0 20px 30px; } /* 列表页 end */ /* 筛选 */ .list .goods-sort { background: #fff; padding: 0 20px; margin-bottom: 20px; } .list .goods-sort .sort-con { display: flex; padding: 20px 0 0 10px; border-bottom: 1px dashed #ddd } .list .goods-sort .sort-con:last-child { border: 0; } .list .goods-sort .sort-con .name { color: #999; margin-right: 20px; } .list .goods-sort .sort-con .group { flex: 1; margin-bottom: 4px; } .list .goods-sort .sort-con .group .item { display: inline-block; padding: 0 30px 16px 0; transition: all .2s; -webkit-transition: all .2s; cursor: pointer; } .list .goods-sort .sort-con .group .item.active, .list .goods-sort .sort-con .group .item:hover { color: #e1251b; } .list .goods-sort .sorts .arrow-down, .list .goods-sort .sorts .arrow-up { display: inline-block; vertical-align: top; margin-left: 5px; width: 0; height: 0; border: 5px solid transparent; border-radius: 2px; } .list .goods-sort .sorts .arrow-down { border-top: 5px solid #999; margin-top: 5px; } .list .goods-sort .sorts .arrow-up { border-bottom: 5px solid #999; } .list .goods-sort .sorts .item:hover .arrow-up, .list .goods-sort .sorts .item.active .arrow-up { border-bottom-color: #e1251b; } .list .goods-sort .sorts .item:hover .arrow-down, .list .goods-sort .sorts .item.active .arrow-down { border-top-color: #e1251b; } /* 筛选 */ /* 拼团专区 */ .list.group-buy { background: #fff; } .list.group-buy .goods-list { margin-top: 10px; padding-bottom: 0; } .list .list-banner { margin-top: 35px; font-size: 0; } /* 拼团专区 end */ /* 秒杀专场 */ .list.flash-sale { background: #fff; /* min-height: 540px; */ } .flash-sale .goods-list { margin-top: 10px; padding-bottom: 0; } /* .flash-sale .goods-list .list-con { min-height: 427px; } */ .flash-sale .goods-list .list-con .item .time-box { background: #f9f9f9; display: flex; align-items: center; padding: 0 10px; position: absolute; left: 0; top: 240px; height: 45px; width: 100%; box-sizing: border-box; } .flash-sale .goods-list .list-con .item .time-box .text { margin-right: 10px; } .flash-sale .goods-list .list-con .item .time-box .time { display: flex; align-items: center; font-size: 14px; } .flash-sale .goods-list .list-con .item .time-box .time .time-item { padding: 2px 5px; background: #333; color: #fff; border-radius: 2px; font-family: arial; } .flash-sale .goods-list .list-con .item .time-box .time-text { margin: 0 5px; color: #666; font-family: arial; } .flash-sale .goods-list .list-con .item .goods-name { font-size: 14px; line-height: 20px; padding: 0 10px; margin-top: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } .flash-sale .goods-list .list-con .item .rest-number { margin-top: 10px; display: flex; align-items: center; padding: 0 10px; } .flash-sale .goods-list .list-con .item .rest-number .number-box { flex: 1; border: 1px solid #ee5e57; background: #fff; height: 10px; border-radius: 20px; overflow: hidden; } .flash-sale .goods-list .list-con .item .rest-number .number-box .percent { background: #ffd8d8; display: block; height: 10px; } .flash-sale .goods-list .list-con .item .rest-number .number-text { color: #999; width: 60px; margin-left: 10px; font-family: arial; } .flash-sale .goods-list .list-con .item .goods-price { display: flex; align-items: center; margin-top: 20px; padding: 0 10px; } .flash-sale .goods-list .list-con .item .goods-price .price { font-size: 14px; font-weight: 600; } .flash-sale .goods-list .list-con .item .goods-price .price .big { font-size: 20px } .flash-sale .goods-list .list-con .item .goods-price .old-price { color: #999; text-decoration: line-through; margin-left: 5px; margin-top: 3px; font-family: arial; } .flash-sale .goods-list .list-con .item .sellout-text { position: absolute; left: 90px; top: 90px; display: none; width: 95px; height: 95px; /* line-height: 95px; */ border-radius: 50%; background: rgba(0,0,0,.4); color: #fff; text-align: center; display: flex !important; align-items: center; justify-content: center; font-size: 14px; } .flash-sale .goods-list .list-con .item.sell-out .sellout-text { display: block; } /* 秒杀专场 end */ /* 优选好店 */ /* 优选好店 end */ .list-empty { display: block; font-size: 18px; color: #bbb; width: 100%; line-height: 212px; text-align: center; letter-spacing: 1px; }