kpyk/view/pages/promoter-list/index.wxss

.promoter-list .nav{background-color:#fff;height:86rpx;line-height:86rpx;font-size:28rpx;color:#282828;border-bottom:1rpx solid #eee;}
.promoter-list .nav .item.on{border-bottom:5rpx solid #e93323;color:#e93323;}
.promoter-list .search{width:100%;background-color:#fff;height:86rpx;padding:0 30rpx;box-sizing:border-box;}
.promoter-list .search .input{width:630rpx;height:60rpx;border-radius:50rpx;background-color:#f5f5f5;text-align:center;position:relative;}
.promoter-list .search .input input{height:100%;font-size:26rpx;width:620rpx;text-align:center;}
.promoter-list .search .input .placeholder{color:#bbb;}
.promoter-list .search .input .iconfont{position:absolute;right:28rpx;color:#999;font-size:28rpx;top:50%;transform:translateY(-50%);}
.promoter-list .search .iconfont{font-size:45rpx;color:#515151;}
.promoter-list .list{margin-top:12rpx;}
.promoter-list .list .sortNav{background-color:#fff;height:76rpx;border-bottom:1rpx solid #eee;color:#333;font-size:28rpx;}
.promoter-list .list .sortNav .sortItem{text-align:center;flex:1;}
.promoter-list .list .sortNav .sortItem image{width:24rpx;height:24rpx;margin-left:6rpx;vertical-align:-3rpx;}
.promoter-list .list .item{background-color:#fff;border-bottom:1rpx solid #eee;height:152rpx;padding:0 30rpx 0 20rpx;font-size:24rpx;color:#666;}
.promoter-list .list .item .picTxt{width:440rpx;}
.promoter-list .list .item .picTxt .pictrue{width:106rpx;height:106rpx;border-radius:50%;}
.promoter-list .list .item .picTxt .pictrue image{width:100%;height:100%;border-radius:50%;border:3rpx solid #fff;box-shadow:0 0 10rpx #aaa;box-sizing:border-box;}
.promoter-list .list .item .picTxt .text{width:304rpx;font-size:24rpx;color:#666;}
.promoter-list .list .item .picTxt .text .name{font-size:28rpx;color:#333;margin-bottom:13rpx;}
.promoter-list .list .item .right{width:240rpx;text-align:right;font-size:22rpx;color:#333;}