twong329/view/xcx/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;
}