.container .top {
  width: 100vw;
}
.container .top image {
  width: 100vw;
  height: 400rpx;
}
.container .top .uni-searchbar {
  border: 1px solid #11A8FD;
  margin: 0 40rpx;
  border-radius: 16rpx;
  padding: 0;
}
.container .top .uni-searchbar .uni-searchbar__box {
  padding: 0;
  border-radius: 16rpx !important;
}
.container .top > text {
  font-weight: bold;
  font-size: 14px;
  display: block;
  text-align: center;
  padding-top: 40rpx;
  padding-bottom: 20rpx;
}
.container .top .user-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow-x: auto;
}
.container .top .user-list .user-list-box {
  width: 140rpx;
  padding: 20rpx;
  text-align: center;
}
.container .top .user-list .user-list-box image {
  width: 100rpx;
  height: 100rpx;
  border-radius: 100rpx;
}
.container .top .user-list .user-list-box text {
  font-size: 24rpx;
  color: #1E1E1E;
  text-align: center;
}
.container .middle {
  text-align: center;
  height: calc(100vh - 248rpx);
  padding-top: 40rpx;
}
.container .middle text {
  font-weight: bold;
  font-size: 14px;
  display: block;
}
.container .middle image {
  width: 40rpx;
  height: 40rpx;
}