collect.wxss 4.3 KB

.container{
  width: 750rpx;
  display: flex;
  align-items: center;
  flex-flow: column;
}
.mid{
  margin-top: 16rpx;
  display: flex;
  flex-flow: column;
}
.mid_item{
  margin-top: 16rpx;
  width:688rpx;
  /* height:400rpx; */
  background:rgba(249,250,252,1);
  opacity:1;
  border-radius:8rpx;
  display: flex;
  align-items: center;
  flex-flow: column;
  box-sizing: border-box;
  padding: 52rpx 16rpx 48rpx; 
}
.mid_item_top{
  display: flex;
  width: 100%;
}
.mid_item_top_left{
  width:208rpx;
  height:208rpx;
  /* background:rgba(250,250,250,1); */
  opacity:1;
  display: flex;
  flex-flow: column;
}
.top_left_pic{
  width: 208rpx;
  height: 160rpx;
  display: flex;
}
.top_left_pic image{
  width: 100%;
  height: 100%;
}
.top_left_text{ 
  width: 202rpx;
  height:48rpx;
  background:rgba(251,4,4,1);
  opacity:0.2;
  text-align: center;
  font-size:24rpx;
  font-family:PingFang SC;
  font-weight:400;
  line-height:48rpx;
  color:rgba(255,255,255,1);

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mid_item_top_right{
  width: 100%;
  margin-left: 14rpx;
}
.right_top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20rpx;
}
.right_top_lef{
  width: 270rpx;
  font-size:32rpx;
  font-family:PingFang SC;
  font-weight:600;
  color:rgba(51,51,51,1);
  opacity:1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.right_top_rig{
  font-size:22rpx;
  font-family:PingFang SC;
  font-weight:400;
  line-height:32rpx;
  color:rgba(204,204,204,1);
  opacity:1;
}
.right_mid{
  margin-top: 16rpx;
  display: flex;
  align-items: center;
}
.right_mid_lef{
  width:288rpx;
  height:16rpx;
  background:rgba(236,236,236,1);
  opacity:1;
  border-radius:8rpx;
}
.right_mid_lef_color{
  width:206rpx;
  height:16rpx;
  background:rgba(181,222,150,1);
  opacity:1;
  border-radius:8rpx;
}
.right_mid_rig{
  margin-left: 16rpx;
  font-size:24rpx;
  font-family:PingFang SC;
  font-weight:400;
  line-height:34rpx;
  color:rgba(181,222,150,1);
  opacity:1;
}
.right_text{
  margin-top: 14rpx;
  font-size:22rpx;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(204,204,204,1);
  opacity:1;
}
.right_bottom{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.RBM{
  font-size: 22rpx;
  color: #ff0000;
}
.number{
  font-size: 30rpx;
  color: #ff0000;
}
.text{
 
  font-size:22rpx;
  font-family:PingFang SC;
  font-weight:400;
  line-height:32rpx;
  color:rgba(204,204,204,1);
  opacity:1;
}
.right_bottom_mid{
  width: 122rpx;
}
.right_bottom_mid_t{
  
  font-size:22rpx;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(51,51,51,1);
  opacity:1;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}
.right_bottom_mid_b{
  font-size:18rpx;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(153,153,153,1);
  opacity:1;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.right_bottom_rig{
  width:144rpx;
  height:48rpx;
  line-height: 48rpx;
  background:rgba(249,150,20,1);
  box-shadow:0rpx 2rpx 12rpx rgba(255,145,0,0.16);
  opacity:1;
  border-radius:24rpx;

  text-align: center;
  font-size:26rpx;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(255,255,255,1);
}
.mid_item_bottom{
  margin-top: 32rpx;
  width:640rpx;
  height:80rpx;
  background:rgba(181,222,150,0.1);
  border-radius:16rpx;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 32rpx;
}
.mid_item_bottom_left{
  font-size:30rpx;
  font-family:汉真广标;
  font-weight:400;
  color:rgba(110,172,61,1);
  opacity:1;
  
}
.mid_line{
  margin: 0 36rpx;
  width:2rpx;
  height:60rpx;
  background:rgba(181,222,150,1);
  opacity:1;
  border-radius:4rpx;
}
.mid_item_bottom_bot{
  font-size:24rpx;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(153,153,153,1);
  opacity:1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text_color{
  width:202rpx;
  height:48rpx;
  line-height: 48rpx;
  text-align: center;
  background:rgba(204,204,204,0.7);

  
  font-size:24rpx;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(255,255,255,1);
  opacity:1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.right_bottom_lef{
  width: 140rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}