daliangzao/pages/brandList/brandList.wxss

/* brandList.wxss */
/*  列表 */
page{
  background-color: #fff;
}
.container{
  max-height:100vh;
  overflow:hidden;
}
.list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 20rpx 30rpx 0;
  background-color: #fff;
  border-right: 1rpx solid #eaeced;
}
.list_item_wrap{
  margin: 10rpx 0 30rpx 0;
}
.list_item{
  width: 340rpx;
  height:340rpx;
  border:1px solid #e5e3e3;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.full_image{
  display: block;
  width: 100%;
}
.full_img_footer{
  width:100%;
  height:50rpx;
  font-size: 24rpx;
  line-height: 50rpx;
  color:#fff;
  text-align: center;
  background-color: rgba(0,0,0,0.6);
  position: absolute;
  left: 0;
  bottom: 0;
}
.full_title{
  width: 340rpx;
  font-size: 30rpx;
  line-height: 70rpx;
  color:#444;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.full_price{
  font: italic  bold  36rpx "Microsoft Yahei";
  color:#ff8401;
}
.full_price_unit{
  font: normal  normal  26rpx Arial;
}

.list_item_banner_wrap,.list_item_banner{
  width:100%;
}
.list_item_banner_wrap{
  position: relative;
  margin-bottom:4rpx;
}
.jingpin_infor{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}
.jingpin_infor:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}
.infor_cont{
  display: inline-block;
  /* align-items: center; */
}
.jingpin_infor_title,.jingpin_infor_cont,.jingpin_infor_btn{
  color:#fff;
  text-align: center;
}
.jingpin_infor_title{
  font-size: 40rpx;
  line-height: 60rpx;
}
.jingpin_infor_cont{
  font-size: 16rpx;
  padding-bottom: 10rpx;
}
.jingpin_infor_btn{
  display: inline;
  font-size: 16rpx;
  padding: 8rpx 17rpx;
  color: #fff;
}
.red{
  background-color: #b4a078;
}
.blue{
  background-color: #b4a078;
}
.green{
  background-color: #b4a078;
}