body{padding-bottom: 200px;background: #f7f8fa;}

.type{display: flex;justify-content: center;padding: 30px 0;}
.type a{border: 1px solid #20d0a1;color: #20d0a1;height: 60px;line-height: 60px;width: 200px;text-align: center;border-radius: 50px;margin: 0 15px;}
.type a.atv{background: #20d0a1;color: white;}

.goods{display: flex;padding: 25px;margin: 25px 25px 0 25px;background: #fff;position: relative;border-radius: 15px;}
.goods .left{width: 150px;height: 150px;border-radius: 15px;overflow: hidden;position: relative;}
.goods .left img{width: 100%;min-height: 100%;}
.goods .time{border: 1px solid red;--before-content: "";}
.goods .time::before{content:var(--before-content);width: 100%;height: 40px;line-height: 40px;text-align: center;color: white;font-size: 23px;background: red;position: absolute;left: 0;bottom: 0;}

.goods .right{flex: 1;padding-left: 25px;}
.goods .right .title{padding-bottom: 15px;}
.goods .right .price{color: red;position: relative;display:inline-block;}
.goods .right .old{padding: 0 10px;}
.goods .right .old::before{content:'';width: 100%;height: 1px;background: red;position: absolute;left: 0;top: 16px;}
.goods .right .sale{padding-top: 15px;color:#20d0a1;}
.goods .right .sale i{background: #20d0a1;border: 1px solid #20d0a1;color: #fff;margin-right: 10px;padding: 0 10px;border-radius: 6px;height: 35px;line-height: 35px;display: inline-block;font-size: 23px;}

.empty{text-align: center;margin: 200px 0;}
.empty i{display: block;margin-top: 20px;color: #999;}
.empty img{width: 200px;}