@charset "UTF-8"; /* 水平间距 */ /* 水平间距 */ .coach .search { width: 700rpx; height: 80rpx; background: #fff; border-radius: 80rpx; display: flex; align-items: center; margin: 0 auto; margin-top: 20rpx; } .coach .search image { width: 32rpx; height: 32rpx; margin-right: 20rpx; margin-left: 20rpx; } .coach .search input { flex: 1; font-weight: 400; font-size: 30rpx; height: 60rpx; line-height: 60rpx; color: #999999; text-align: left; } .coach-list { padding: 0 25rpx 25rpx; overflow: hidden; } .coach-list .item { background-color: #FFFFFF; overflow: hidden; padding: 20rpx; display: flex; align-items: flex-start; margin-top: 20rpx; border-radius: 20rpx; position: relative; } .coach-list .item .pic { width: 80rpx; height: 80rpx; margin-right: 20rpx; border-radius: 80rpx; } .coach-list .item .info { flex: 1; } .coach-list .item .info .name { font-weight: 500; font-size: 28rpx; color: #333333; margin-top: 10rpx; } .coach-list .item .info .name image { width: 40rpx; height: 40rpx; float: right; } .coach-list .item .info .name text { float: right; } .coach-list .item .info .desc { font-weight: 500; font-size: 24rpx; color: #999999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 20rpx; }