page {
  background-color: #f3f3f4;
}
.open_door_title {
  font-size: 30rpx;
  font-weight: 500;
  padding: 30rpx 30rpx 0 30rpx;
}
.access_control_equipment {
  padding: 0 30rpx;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 1;
  justify-content: space-between;
  column-gap: 30rpx;
  .item {
    // flex: 1 1 calc(50% - 30rpx);
    flex: 1;
    min-width: calc(42% - 30rpx);
    max-width: 100%;
    background-color: #fff;
    border-radius: 15rpx;
    padding: 30rpx;
    margin-top: 30rpx;
    .header {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .icon {
      width: 70rpx;
      height: 70rpx;
      background-color: #f8f8f8;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 10rpx;
    }
    .name {
      width: 100%;
      font-size: 28rpx;
      color: #333;
      padding-top: 20rpx;
    }
  }
}

.open_door_list {
  padding: 30rpx;
  .open_door_list_content {
    background-color: #fff;
    border-radius: 10rpx;
    padding: 0 30rpx;
    margin: 20rpx 20rpx 30rpx 20rpx;
    font-size: 28rpx;
    .open_door_list_header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 20rpx 0 10rpx 0;
      text {
        color: #333;
      }
    }
    .name {
      padding-bottom: 20rpx;
    }
  }
}
