page { background-color: #f6f6f6; } .list { background-color: #ffffff; padding: 30rpx; box-sizing: border-box; margin-top: 30rpx; } .item { position: relative; height: 180rpx; margin-bottom: 30rpx; border-bottom: 2rpx solid #eeeeee; padding-bottom: 30rpx; } .item:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } .itemImg { position: absolute; left: 0; top: 0; width: 180rpx; height: 180rpx; border-radius: 10rpx; overflow: hidden; } .itemCont { position: absolute; left: 0; top: 0; padding-left: 210rpx; box-sizing: border-box; width: 100%; } .itemCont-name { line-height: 48rpx; font-size: 30rpx; } .itemCont-text { color: #999; font-size: 26rpx; margin: 15rpx 0 35rpx; font-weight: 200; } .itemCont-price { color: #f3ad47; font-size: 36rpx; } .itemCont-price image { width: 22rpx; height: 22rpx; padding-right: 5rpx; } /* tabs */ .header { position: fixed; top: 0; left: 0; right: 0; z-index: 99; background-color: #ffffff; line-height: 78rpx; } .header-view { padding: 0 30rpx; box-sizing: border-box; font-size: 30rpx; } .tabs { display: flex; justify-content: space-around; background: white; padding: 15rpx 0; font-size: 30rpx; color: #9d9d9d; height: 74rpx; } .tabs-item { display: inline-block; padding: 0 50rpx; } .tabs-item.show { color: #1d37e2; background-color: #f6f6f6; border-radius: 10rpx 10rpx 0 0; } /* .list { margin-top: 110rpx; } */