page { background: #f7f7f7; } .tab-bar { width: 100%; height: 80rpx; background: #fff; display: flex; justify-content: space-around; position: relative; } .tab-bar .tab { flex: 1; height: 80rpx; line-height: 80rpx; text-align: center; width: 50%; font-size: 32rpx; font-weight: 500; color: rgba(153, 153, 153, 1); } .tab-bar .select-tab { color: #b20004; font-size: 32rpx; font-weight: bold; } .tab-bar .select-bar { width: 40rpx; height: 8rpx; border-radius: 5rpx; background: #b20004; position: absolute; bottom: 0rpx; } .tab-bar .select-bar.tab1 { left: calc(25% - 15rpx); transition: left linear 0.4s; } .tab-bar .select-bar.tab2 { left: calc(75% - 15rpx); transition: left linear 0.4s; } /* 列表样式 */ .list-lu .list-li:first-child { margin-top: 27rpx; } .list-li { width: 100%; background: #fff; padding: 38rpx 30rpx; margin-top: 16rpx; box-sizing: border-box; } .list-li .item-name { width: 100%; font-size: 34rpx; font-weight: 500; color: rgba(51, 51, 51, 1); line-height: 52rpx; } .list-li .item-info { width: calc(100% - 60rpx); height: 28rpx; margin-top: 30rpx; display: flex; align-items: center; } .list-li .item-info image { width: 28rpx; height: 28rpx; } .list-li .item-info .street { margin-left: 11rpx; font-size: 24rpx; font-weight: 500; color: rgba(153, 153, 153, 1); } .list-li .item-info .time { margin-left: 22rpx; font-size: 24rpx; font-weight: 500; color: rgba(153, 153, 153, 1); }