.tag-list { display: flex; flex-wrap: wrap; /* 使得元素可以换行显示 */ margin: 0 -8rpx; margin-bottom: 15px; } .tag-list .tag { padding: 10rpx 20rpx; font-size: 23rpx; margin: 10rpx 8rpx; text-align: center; /* 使标签文本居中 */ } .tag-list .tag.cur { border-bottom: 3px solid #3A80E7; color: #3A80E7; font-weight: bold; } .frequency { width: 80rpx; flex: 0 0 80rpx; margin-right: 20rpx; border-radius: 20rpx; padding: 20rpx 0; text-align: center; display: flex; align-items: center; justify-content: center; } .frequency .num { font-size: 40rpx; font-weight: bold; } .frequency .txt { font-size: 20rpx; font-weight: 500; } .frequency.orange { background: #FFEBE2; color: #FC7031; } .frequency.purple { background: #E2E2FF; color: #8482F7; } .frequency.blue { background: #D3EDFF; color: #4AA2E2; } .right-con { flex: 0 0 calc(100% - 100rpx); width: calc(100% - 100rpx); } .right-con .right-con-txt { font-size: 32rpx; font-weight: 500; color: #333333; line-height: 42rpx; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 84rpx; } .right-con-address { display: flex; align-items: center; margin-right: 14rpx; margin-top: 30rpx; } .right-con-address .icon { width: 24rpx; height: 30rpx; } .right-con-address .right-con-address-txt { font-size: 28rpx; font-weight: 500; color: #999999; line-height: 40rpx; } /* 表格样式 */ .table { width: 100%; } .row { display: flex; align-items: center; } .header { font-weight: bold; padding: 10px 0; } .cell { flex: 1; padding: 10px 0; font-size: 23rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cell:nth-child(1) { flex-basis: 30%; font-size: 23rpx; } .cell:nth-child(2) { flex-basis: 70%; font-size: 23rpx; } .even { background-color: #f0f4fd; } .odd { background-color: #fff; }