wx_qyj/page/mine/pages/myappointment/myappointment.wxss

page{
  background-color: #EFEFEF;
}
.containt{
  background-color: #fff;
  margin: 20rpx;
  border-radius: 20rpx;
  padding: 20rpx;
}
.visitorPic{
  width: 30px;
  height: 30px;
  margin-right: 20rpx;
}
.status{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.status,.name{
  margin: 20rpx 0;
}
.gate{
  font-size: small;
  color: var(--weui-FG-2);
}
.pic{
  display: flex;
  align-items: center;
}
.time text{
  font-size: small;
}
.right{
  margin-right: 20rpx;
  padding: 0 30rpx;
  border-radius: 20rpx;
  color: #fff;
}
.status1{
  background-color: #A4ADB3;
}
.status2{
  background-color: #15D234;
}
.status3{
  background-color: #F40909;
}
.status4{
  background-color: #BD3124;
}
.status5{
  background-color: #179415;
}
.status6{
  background-color: #DE868F;
}
.delete{
  background-color: #81B337;
}