.result-box { width: 90%; margin: 40rpx 5%; padding: 20rpx 50rpx; box-sizing: border-box; border-radius: 10px; background-color: #3D4679; font-size: 20rpx; color: $uni-text-color; position: relative; .uni-flex { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; margin: 10rpx 0; &-item { width: 50%; text-align: center; &-score { font-size: 50rpx; color: $uni-text-color-inverse; } &-state { width: 100%; text-align: center; } } &-data{ width: 40%; text-align: left; } &-text{ word-break: break-all; //换行模式 overflow: hidden; text-overflow: ellipsis; //修剪文字 display: -webkit-box; -webkit-line-clamp: 2; //此处为上限行数 -webkit-box-orient: vertical; } } .expand{ display: flex; flex: 1; justify-content: center; border-radius: 10px; color: #ffffff; font-size: 20rpx; background-color: #535883; width: 100%; margin-top:20rpx; } .tag { margin-right:18rpx; background-color: #545C85; color: #fff; padding: 0 20rpx; border-radius: 10px; } .select{ border-radius:10px; } }