.container { height: 100%; } .bargain-hall { padding-top: 20rpx; /* padding-bottom: 50rpx; */ } /* 砍价商品 */ .goods-item { margin-bottom: 20rpx; background: #fff; padding: 20rpx 16rpx; } .goods-item:last-child { margin-bottom: 0; } .goods-item .goods-image image { display: block; width: 220rpx; height: 220rpx; } .goods-item .goods-info { width: 498rpx; padding-top: 8rpx; margin-left: 15rpx; position: relative; } .goods-item .goods-info .goods-name { font-size: 28rpx; min-height: 60rpx; } /* 正在参与的用户 */ .goods-item .goods-info .peoples { margin-top: 15rpx; } .goods-item .goods-info .peoples .user-list { margin-right: 10rpx; } .goods-item .goods-info .peoples .user-list .user-item-avatar { margin-left: -8rpx; } .goods-item .goods-info .peoples .user-list .user-item-avatar:first-child { margin-left: 0; } .goods-item .goods-info .peoples .user-list .user-item-avatar image { display: block; width: 36rpx; height: 36rpx; border-radius: 50%; } .goods-item .goods-info .peoples .people__text { font-size: 24rpx; color: #818181; } /* 商品原价 */ .goods-item .goods-info .goods-price { margin-top: 15rpx; color: #818181; font-size: 25rpx; text-decoration: line-through; } /* 砍价底价 */ .goods-item .goods-info .floor-price { color: #fc1e56; } .goods-item .goods-info .floor-price .small { font-size: 24rpx; } .goods-item .goods-info .floor-price .big { font-size: 32rpx; } /* 我的砍价 */ /* 砍价进度 */ .goods-item .task-rate { font-size: 25rpx; color: #a4a4a4; margin-top: 15rpx; } /* 砍价状态 */ .task-status { margin-top: 32rpx; height: 58rpx; /* line-height: 58rpx; */ } .task-status__text { font-size: 26rpx; } /* 倒计时 */ .count-down { font-size: 26rpx; height: 40rpx; } .count-down .clock-text { margin-right: 10rpx; } .count-down .clock-time { background: #252525; color: #fff; padding: 0 8rpx; line-height: 40rpx; border-radius: 8rpx; } .clock-symbol { padding: 0 8rpx; } /* 立即参加按钮 */ .opt-touch { position: absolute; bottom: 0; right: 10rpx; } .touch-btn { color: #fff; font-size: 28rpx; background: #d3a975; border-radius: 30rpx; padding: 10rpx 28rpx; } /* 底部选项卡 */ .tabbar-item { font-size: 30rpx; } .tabbar-item .tabbar-item-content { height: 92rpx; } .tabbar-item.item__active .tabbar-item-content { color: #ff1d1c; } .tabbar-item .tabbar-item-icon { margin-right: 15rpx; } /* 分割线 */ .tabbar-item__divider { padding: 18rpx 0; } .divider-line { width: 1rpx; height: 100%; background: #ddd; }