.command-association-list { width: 100%; height: auto; box-sizing: border-box; padding: 0 20rpx; } .command-association-list .list-item { width: 100%; height: 180rpx; background: #fff; overflow: hidden; border-radius: 16rpx; display: flex; align-items: center; padding: 0 24rpx; box-sizing: border-box; } .command-association-list .list-item .group-avatar { width: 130rpx; height: 130rpx; border-radius: 8rpx; overflow: hidden; margin-right: 20rpx; } .command-association-list > .list-item + .list-item { margin-top: 20rpx; } .command-association-list .list-item .list-item-content { height: 130rpx; width: calc(100% - 150rpx); display: flex; flex-direction: column; justify-content: space-between; } .command-association-list .list-item .list-item-content .top .title { font-size:36rpx; color: 3333; line-height: 36rpx; } .command-association-list .list-item .list-item-content .top button { height: 48rpx; width: 100rpx; text-align:center; line-height: 48rpx; color: #ffffff; font-size: 24rpx; float: right; background: #FF4E4E; border-radius: 6rpx; border: 0; padding: 0; } .command-association-list .list-item .list-item-content .top .hover-button { background: #F40C0C; } .command-association-list .list-item .list-item-content .bottom { font-size: 28rpx; color: #999; } .no-data { width: 100%; height: calc(100vh - 94rpx - 300rpx - 160rpx); display:flex; flex-direction: column; align-items: center; box-sizing: border-box; padding-top: 60rpx; } .no-data .no-data-image { width: 256rpx; height: 244rpx; object-fit: cover; } .no-data .tip { line-height: 35rpx; height: 35rpx; font-size: 28rpx; color: #bcbcbc; } .wux-item { width: 100%; height: 180rpx; background: #fff; overflow: hidden; border-radius: 16rpx; display: flex; align-items: center; padding: 0 24rpx; box-sizing: border-box; margin-bottom: 20rpx; } .wux-avatar { width: 130rpx !important; height: 130rpx !important; border-radius: 8rpx; overflow: hidden; margin-right: 20rpx; } .wux-content { width: calc(100vw - 300rpx); }