.search { height: 80rpx; padding: 10rpx; background: #efefef; width: 100%; z-index: 100; box-sizing: border-box;} .search>view {height: 60rpx; width: 100%; border-radius: 30rpx; background: #fff;} .search input,.search .input {float: left; height: 100%; line-height: 60rpx; font-size: 24rpx; padding-left: 35rpx;} .search input { color: #333; width: 86%;} .search .input {color: #ccc; width: 100%; border-radius: 30rpx;} .search image { width: 40rpx; height: 40rpx; float: right; margin-top: 10rpx; margin-right: 20rpx;} scroll-view,.lack{ height: calc(100vh - 80rpx);} .record {background: #fff; padding: 20rpx 10rpx 20rpx 20rpx; margin: 20rpx; border-radius: 20rpx;} .record>view{ overflow: hidden; line-height: 50rpx; display: flex; justify-content: space-between; align-items: center;} .record-detail { max-width: 600rpx; word-break: break-all;} .record-detail>image{ width: 60rpx; height: 30rpx;} .recordList {} .right-dot{width: 36rpx; height: 36rpx;}