yuminge-app/yun-min-program-plugin-master/packageB/member/distribution_queue/DistributionIndex/DistributionIndex.wxss

.queue_index {
  background-color: #fff;
}

.queue_index .search {
  width: 640rpx;
  height: 72rpx;
  background-color: #f6f6f6;
  border-radius: 36rpx;
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin-bottom: 21rpx;
}

.queue_index .search .left {
  padding-left: 28rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.queue_index .search .left .icon-sousuo1 {
  font-size: 43rpx;
}

.queue_index .search .right {
  flex: 1;
  padding-left: 21rpx;
}

.queue_index .search .right input {
  width: 100%;
  height: 100%;
}

.c_swipe {
  width: 700rpx;
  margin: 0 auto 28rpx;
}

.c_swipe image {
  width: 100%;
  height: 100%;
  background-color: #dbe8f9;
  border-radius: 23rpx;
}

.hot_contetnt {
  padding-bottom: 30rpx;
}

.hot_contetnt .top {
  display: flex;
  align-items: center;
  margin-bottom: 25rpx;
}

.hot_contetnt .top .left {
  width: 40rpx;
  height: 40rpx;
  margin-right: 12rpx;
  margin-left: 30rpx;
}

.hot_contetnt .top .left image {
  width: 100%;
  height: 100%;
}

.hot_contetnt .top .right {
  height: 40rpx;
  font-size: 40rpx;
  line-height: 40rpx;
  color: #000;
}

.hot_contetnt .bottom .advert {
  display: flex;
  flex-wrap: wrap;
  width: 700rpx;
  margin: 0 auto;
}

.hot_contetnt .bottom .advert .li {
  width: 226rpx;
  height: 158rpx;
  border-radius: 10rpx;
  margin-bottom: 10rpx;
  margin-right: 11rpx;
}

.hot_contetnt .bottom .advert .li:nth-child(3n) {
  margin-right: 0;
}

.hot_contetnt .bottom .advert .li image {
  width: 100%;
  height: 100%;
  border-radius: 10rpx;
}

.hot_contetnt .banner {
  width: 700rpx;
  margin: 0 auto;
  min-height: 158rpx;
  border-radius: 13rpx;
}

.hot_contetnt .banner image {
  width: 100%;
  border-radius: 13rpx;
}

.new_content .top {
  display: flex;
  align-items: center;
  margin-bottom: 25rpx;
}

.new_content .top .left {
  width: 40rpx;
  height: 40rpx;
  margin-right: 12rpx;
  margin-left: 30rpx;
}

.new_content .top .left image {
  width: 100%;
  height: 100%;
}

.new_content .top .right {
  height: 40rpx;
  font-size: 40rpx;
  line-height: 40rpx;
  color: #000;
}

.new_content .bottom {
  width: 700rpx;
  margin: 0 auto;
}

.new_content .bottom .li {
  display: flex;
  padding-bottom: 19rpx;
}

.new_content .bottom .li .left {
  width: 255rpx;
  height: 255rpx;
  border-radius: 10rpx;
}

.new_content .bottom .li .left image {
  width: 100%;
  height: 100%;
  border-radius: 10rpx;
}

.new_content .bottom .li .right {
  margin-left: 17rpx;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.new_content .bottom .li .right .title {
  font-size: 28rpx;
  line-height: 40rpx;
  color: #000;
  height: 120rpx;

  /* text-overflow: -o-ellipsis-lastline; */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.new_content .bottom .li .right .participants {
  min-width: 50rpx;
  height: 50rpx;
  background-image:
    linear-gradient(
      90deg,
      #fca830 0%,
      #ff7256 100%
    ),
    linear-gradient(
      #ffa656,
      #ffa656
    );
  background-blend-mode:
    normal,
    normal;
  border-radius: 0rpx 26rpx 26rpx 0rpx;
  font-size: 24rpx;
  line-height: 50rpx;
  color: #fff;
  padding-left: 13rpx;
  align-self: baseline;
  padding-right: 24rpx;
}