.searchFriend { .searchBox { position: fixed; top: 0px; left: 0px; width: 100%; padding: 0rpx 28rpx 18rpx; box-sizing: border-box; z-index: 9; overflow: hidden; background-color: #F2F6FC; .input { background-color: white; border-radius: 50rpx; padding: 12rpx 30rpx; padding-right: 140rpx; } .searchBtn { position: absolute; right: 50rpx; top: 6rpx; padding: 6rpx 40rpx; background: #00C657; border-radius: 40rpx; .img { width: 24rpx; height: 24rpx; } } } .historyList { padding: 80rpx 30rpx 0rpx; .notes { display: flex; align-items: center; justify-content: space-between; padding: 30rpx 0rpx 14rpx; border-bottom: 1rpx solid #DDDDDD; .left { display: flex; align-items: center; font-size: 28rpx; .clock { width: 34rpx; height: 34rpx; margin-right: 16rpx; } } .delete { color: #A4A4A5; font-size: 50rpx; line-height: 40rpx; padding: 0rpx 20rpx; } } .clearHistory { padding: 20rpx 0rpx; text-align: center; font-size: 28rpx; } } .box { padding-bottom: 20rpx; margin-top: 100rpx; .follow { margin-top: 30rpx; box-sizing: border-box; width: 100%; background-color: white; border-radius: 20rpx; padding: 20rpx 34rpx 16rpx; display: flex; align-items: center; box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px; .left { display: flex; flex-direction: column; align-items: center; .avatar { width: 106rpx; height: 106rpx; border-radius: 50%; } .profession { display: inline-block; margin-top: 4rpx; padding: 4rpx 20rpx; font-size: 24rpx; color: white; background-color: #10CA61; border-radius: 20rpx; } } .right { margin-left: 46rpx; flex: 1; .infoBox { border-bottom: 1rpx solid #00000020; .top { display: flex; align-items: center; justify-content: space-between; .nickName { font-size: 32rpx; } .state { text-align: center; .stateText { width: 160rpx; padding: 12rpx 0rpx; border-radius: 50rpx; font-size: 24rpx; } .already { background-color: #E4EDFB; } .yet { background-color: #1BC665; color: white; } } } .number { padding-bottom: 14rpx; font-size: 24rpx; color: #00000060; } } .statistics { display: flex; justify-content: space-between; align-items: center; padding-top: 12rpx; font-size: 28rpx; color: #00000060; text { margin-left: 6rpx; } } } } } .empty { margin-top: 200rpx; } }