challengeFamily/pages/public/search/search.wxss

page{width:100%;height:100%;}
.search{width:100%;height:100%;padding-top:80rpx;box-sizing:border-box;}
.top{width:100%;height:80rpx;background-color:var(--subtitleColor);display:flex;align-items:center;padding:0 20rpx;box-sizing:border-box;position: fixed;left:0;top:0;z-index:99;}
.icon-search:before{color:#fff;}
.input{width:80%;height:60rpx;line-height:60rpx;border-radius:30rpx;background-color:rgba(255,255,255,0.3);display:flex;align-items:center;padding-left:20rpx;box-sizing:border-box;}
.input input{width:100%; margin-left: 20rpx;height:60rpx;font-size:30rpx;line-height:60rpx;color:#fff; flex-shrink: 1;}
.placeholder{color:#fff;font-size:30rpx;line-height:60rpx;}
.btn{width:20%; margin-left: 20rpx;border-radius:30rpx; border:2rpx solid #fff;text-align:center;line-height:52rpx;font-size:30rpx;color:#fff;}
.content{width:100%;padding:0 20rpx;box-sizing:border-box;}
.content .hot{width:100%;background:#fff;border-top-left-radius:12rpx;border-top-right-radius:12rpx;padding:20rpx;margin-top:28rpx;box-sizing:border-box;}
.title{width:100%;font-size:30rpx;color:#3d4145;margin-bottom:10rpx;}
.label{width:100%;display:flex;flex-wrap:wrap;}
.label text{font-size:28rpx;line-height:56rpx;border: 1px solid #dedddd; color: #333; margin-bottom:10rpx; margin-right:4rpx; border-radius:6rpx; padding:0 20rpx;}
.content .record{width:100%;background:#fff;border-bottom-left-radius:12rpx;border-bottom-right-radius:12rpx;padding:20rpx;margin-top:8rpx;box-sizing:border-box;}
.clean{width:100%;line-height:60rpx;text-align:center;background-color:#EE3A43;font-size:30rpx;color:#fff;border-radius:10rpx;margin-top:30rpx;}
.searchResult{width:100%;height:100%;padding:20rpx 20rpx 0 20rpx;box-sizing:border-box;}
.list{width:100%;line-height:90rpx;border-bottom:1px solid #ddd;font-size:32rpx;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;background-color:#fff;padding:0 20rpx;box-sizing:border-box;}
.list:nth-last-child(1){border-bottom:1px solid #fff;}
.noData{width:100%;height:100%;position:relative;}
.column{width:100%;text-align:center;position:absolute;left:0;top:28%;z-index:9;}
.icon-info{font-size:80rpx;color:#aaa;}
.col-text{width:100%;font-size:28rpx;color:#aaa;text-align:center;}