page {
  background-color: #f3f3f4;
}
.information_head {
  background: linear-gradient(180deg, #fff8f1 0%, #fff3e5 100%);
  padding: 30rpx;
  margin: 30rpx 30rpx 0 30rpx;
  display: flex;
  align-items: self-start;
  color: #333;
  font-size: 27rpx;
  border-radius: 10rpx;
  text {
    padding-left: 10rpx;
  }
}
.invitation_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);
    width: calc(50% - 20rpx);
    background-color: #fff;
    border-radius: 15rpx;
    padding: 30rpx 0;
    margin-top: 30rpx;
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #fff;

    .name {
      flex: 1;
      font-size: 32rpx;
      color: #3d3d3d;
      padding: 0 20rpx;
    }
    .icon {
      width: 100rpx;
      height: 100rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 10rpx;
      image {
        width: 100%;
        height: 100%;
      }
    }
    .select_icon {
      position: absolute;
      right: -2rpx;
      bottom: -1px;
      width: 44rpx;
      height: 44rpx;
      z-index: 100;
      image {
        width: 44rpx;
        height: 44rpx;
      }
    }
  }
  .active {
    border: 1px solid #2a7efb;
  }
}

.day_list_container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background-color: #fff;
  margin: 30rpx;
  border-radius: 15rpx;
  padding: 0 30rpx 30rpx 0;
  .item {
    width: 20%;
    height: 70rpx;
    background-color: #f8f8f8;
    border-radius: 10rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30rpx;
    font-size: 26rpx;
    color: #333;
    margin-left: 30rpx;
  }
  .active {
    background-color: #2a7efb;
    color: #fff;
  }
}
