::-webkit-scrollbar { display: none; width: 0; height: 0; color: transparent; } .tabs-content .tabs-list{ box-sizing: border-box; display: inline-flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; overflow: auto; width: 100vw; } .tabs-content .tabs-list .tabs-list-item{ flex: 0 0 auto!important; padding: 20rpx 40rpx; width: max-content; font-weight: 500; font-size: 30rpx; position: relative; } .tabs-content .tabs-list .tabs-list-active::after{ content: ""; position: absolute; bottom: 0; left: calc(40rpx + 5%); width: calc(100% - 80rpx - 10%); background: #ee0a24; height: 6rpx; } .tabs-content .tabs-children-list{ padding-left: 20rpx; } .tabs-content .tabs-children-list .tabs-list-item{ padding: 10rpx 20rpx; font-weight: 300; font-size: 26rpx; } .tabs-content .tabs-children-list .tabs-list-active::after{ content: ""; position: absolute; bottom: 0; left: calc(20rpx + 5%); width: calc(100% - 40rpx - 10%); background: #ee0a24; height: 6rpx; } .goods-list{ width: calc(100vw - 40rpx); padding: 20rpx; display: inline-flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; background: #f6f6f6; } .goods-list .block{ width: calc((100vw - 60rpx) / 2); border-radius: 20rpx; overflow: hidden; margin-bottom: 20rpx; background: #ffffff; } .goods-list .block .images{ width: calc((100vw - 60rpx) / 2); height: calc((100vw - 60rpx) / 2); } .goods-list .block .images .image-img{ width: 100%; height: 100%; } .goods-list .block .info{ padding: 10rpx 15rpx; } .goods-list .block .info .title{ font-weight: bold; font-size: 30rpx; overflow: hidden; line-height: 40rpx; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; /*设置对齐模式*/ -webkit-line-clamp: 2; /*设置多行的行数*/ height: 80rpx; } .goods-list .block .info .market-price{ width: 100%; font-size: 26rpx; color: #a3a3a3; text-decoration:line-through; height: 50rpx; line-height: 50rpx; } .goods-list .block .info .price{ width: 100%; height: 50rpx; line-height: 41rpx; font-size: 20rpx; color: #e95156; font-weight: bold; display: inline-flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-end; } .goods-list .block .info .price .money{ font-size: 36rpx; line-height: 50rpx; }