/* components/spacecard/spacecard.wxss */
.card_box{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.card_img{
  width:136rpx;
  height: 108rpx;
  border-radius:8rpx;
  overflow: hidden;
}
.picinit{
  width:136rpx;
  height: 108rpx;
  background:#ccc;
  display: flex;
  justify-content: center;
  align-items: center;
}
.noimgbox{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #cccccc;
  color: #ffffff;
  font-size: 12px;
}
.card_img image{
  width: 100%;
  height: 100%;
}
.card_msg{
  flex: 1;
  padding-left: 32rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.card_msg>.card_name{
  display: flex;
  /* justify-content: space-between; */
  flex-direction: column;
}
.imgbox{
  display: flex;
  align-items: center;
  margin-top: 16rpx;
  transform: translateZ(0)
}
.imgbox image{
  width: 40rpx;
  height: 40rpx;
  margin-right: 6rpx;
}
.nametxt text{
  font-size: 32rpx;
  color: #191B26;
}
.imgbox text{
  color: #80838F;
  font-size: 28rpx;
}
.card_msg>view:nth-child(1){
  margin-top: 4rpx;
  color:rgba(25,27,38,1);
  font-size: 32rpx;
}
/* .card_msg>view:nth-child(2){
  color: #80838F;
  font-size: 28rpx;
  margin-top: 16rpx;
} */
.card_msg>.tempnum{
  color: #191B26;
  font-size: 36rpx;
}
.card_msg>.tempnum text{
  color: #191B26;
  font-size: 28rpx;
}
.lottie{
  width: 50rpx;
  height: 50rpx;
  z-index: 1;
}
.lottiehidden{
  height: 0rpx;
}
.del_box{
  display: none;
}
.hide_box{
  display: flex;
}
/* .imagebg::after{
  background: url(../../static/images/room.png)
}
.imagebg[src^="http"]::after{
  opacity: 0;
} */
.before-load {
  width: 0;
  height: 0;
  opacity: 0;
}