.statistics-container { padding: 20rpx; box-sizing: border-box; } .card { background: #fff; border-radius: 20rpx; padding: 30rpx; margin-top: 20rpx; } .title { font-size: 30rpx; color: #333333; margin-bottom: 60rpx; } .bold { font-weight: bold; } .blue { color: #3A80E7; } .log-item { border-bottom: 1px solid #EAEAEA; padding: 30rpx 0; } .log-item .user { display: flex; align-items: center; } .log-item .icon { width: 48rpx; height: 48rpx; } .log-item .name { font-size: 32rpx; font-weight: 500; color: #333333; } .log-item .address { font-size: 28rpx; font-weight: 500; color: #999999; } .log-item { display: flex; justify-content: space-between; align-items: center; } page { background: #f7f7f7; } .titles { font-size: 34rpx; font-weight: 500; color: #333333; margin-bottom: 30rpx; } .sub-tit { margin-bottom: 25rpx; font-size: 32rpx; font-weight: 500; color: #666666; } .count-num { font-size: 40rpx; font-weight: bold; color: #FF783C; } .event-list .event-item:first-child { padding-top: 0; } .event-list .event-item { border-bottom: 1px solid #EAEAEA; padding: 30rpx 0; } .event-list .event-item .userInfo { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15rpx; } .event-list .event-item .userInfo .name { font-size: 34rpx; font-weight: bold; color: #333333; } .event-list .event-item .userInfo .status { font-size: 28rpx; font-weight: 500; color: #13C8BD; } .event-list .event-item .address { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20rpx; } .event-list .event-item .address .grid { font-size: 28rpx; font-weight: 400; color: #666666; } .event-list .event-item .address .time { font-size: 26rpx; font-weight: 500; color: #C1C1C1; } .event-list .event-item .desc { font-size: 32rpx; font-weight: 500; color: #333333; line-height: 48rpx; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 144rpx; }