.tag-list { display: flex; margin: 0 -8rpx; justify-content: space-between; margin-bottom: 15px; } .tag-list .tag { padding: 10rpx 20rpx; font-size: 28rpx; margin: 0 8rpx; color: #3A80E7; background: #F1F6FF; border: 1px solid #3A80E7; border-radius: 1000rpx; } .tag-list .tag.cur { background: #3A80E7; color: #ffff; } .problem-item { background: #F7F7F7; border-radius: 20rpx; padding: 30rpx 20rpx; display: flex; flex-direction: column; margin-top: 15px; } .frequency { margin-right: 20rpx; border-radius: 20rpx; display: flex; flex-direction: column; } .frequency_title{ display: flex; flex-direction: row; font-size:30rpx; color: #000000; font-weight: bold; } .frequency_content{ display: flex; flex-direction: row; margin-top: 10rpx; justify-content: space-between; } .content_categoryAllName{ width: 70%; white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏超出的文本 */ text-overflow: ellipsis; /* 如果文本超出容器,显示省略号 */ font-size: 26rpx; color: #999999; line-height: 40rpx; } .frequency_footer{ display: flex; flex-direction: row; margin-top: 10rpx; justify-content: space-between; font-family: PingFang SC; font-weight: 500; font-size: 32rpx; color: #333333; line-height: 42rpx; } .content_eventContent{ display: -webkit-box; /* 必须设置为 box 模式 */ -webkit-line-clamp: 2; /* 限制显示两行 */ -webkit-box-orient: vertical; /* 设置排列方向为垂直 */ overflow: hidden; /* 隐藏超出部分 */ text-overflow: ellipsis; /* 显示省略号 */ } .content_workOrde { font-family: PingFang SC; font-weight: 500; font-size: 26rpx; color: #FC5231; line-height: 42rpx; } .content_workOrde1 { font-family: PingFang SC; font-weight: 500; font-size: 26rpx; color: #FFA312; line-height: 42rpx; } .workOrde{ margin-left: 20rpx; } .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: 30rpx; 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; }