.card-box[data-v-1d1f6b80] {
  padding: 1rem;
  border-radius: 0.75rem;
  background: #fff;
}
.time-range[data-v-1d1f6b80] {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  text-align: center;
  color: #754315;
}
.time-code[data-v-1d1f6b80] {
  display: inline-block;
  width: 1.75rem;
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(252, 237, 195, 0.45)), to(rgba(239, 200, 157, 0.45)));
  background: linear-gradient(180deg, rgba(252, 237, 195, 0.45) 0%, rgba(239, 200, 157, 0.45) 100%);
  margin: 0 0.25rem;
  border-radius: 0.125rem;
  color: #754315;
}
.expire-box[data-v-1d1f6b80] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.8);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: 500;
  line-height: 1.75rem;
  color: #333333;
}
.expire-box .desc[data-v-1d1f6b80] {
  margin-top: 0.5rem;
  color: #0B0D0F;
  font-size: 0.875rem;
}
.content[data-v-1d1f6b80] {
  margin-top: 0.75rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.img-content[data-v-1d1f6b80] {
  overflow: hidden;
}
.qrcode-box[data-v-1d1f6b80] {
  width: 14rem;
  height: 14rem;
  position: relative;
}
.img-box[data-v-1d1f6b80] {
  width: 14rem;
  height: 14rem;
}
.img-box .img-el[data-v-1d1f6b80] {
  border: 0.25rem solid #4CA6FF;
  border-radius: 0.25rem;
  width: 14rem;
  height: 14rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.desc[data-v-1d1f6b80] {
  line-height: 1.375rem;
  color: #999999;
  margin-top: 0.875rem;
  font-size: 0.875rem;
  text-align: center;
}
.desc.item[data-v-1d1f6b80] {
  margin-top: 0.25rem;
  line-height: 1.375rem;
  color: #BFBFBF;
}
.desc.expire[data-v-1d1f6b80] {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
}
.code-desc[data-v-1d1f6b80] {
  color: #999999;
  font-size: 0.875rem;
  line-height: 1.375rem;
  text-align: center;
  margin-top: 0.5rem;
}
[data-v-1d1f6b80]:export {
  menuBg: #005BB5;
  mainColor: #0B0D0F;
  secondColor: #576675;
  thirdColor: #8A99A8;
  dangerColor: #F53D3D;
}

.page-content[data-v-1684c20c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-image: url(../img/detail-bg.3e626fd4.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}
.page-content .page-main[data-v-1684c20c] {
  height: 84vh;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
  padding: 1rem 0.75rem;
}
.page-content .page-footer[data-v-1684c20c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 1rem;
  background: #FFFFFF;
  border-top: 0.0625rem solid #F0F0F0;
  padding-bottom: calc(0.5rem + constant(safe-area-inset-bottom));
  padding-bottom: calc(0.5rem + env(safe-area-inset-bottom));
}
.page-content .page-footer .cancel-btn[data-v-1684c20c] {
  width: 100%;
  max-width: none;
  margin-right: 0;
}
.base-info[data-v-1684c20c] {
  background: -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(rgba(255, 255, 255, 0.6)));
  background: linear-gradient(to right bottom, #ffffff, rgba(255, 255, 255, 0.6));
  padding: 1rem 0.75rem;
  border-radius: 0.5rem;
}
.base-info .card-title[data-v-1684c20c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 0.25rem;
}
.base-info .card-title .title-left[data-v-1684c20c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.base-info .card-title .type[data-v-1684c20c] {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  background: #E6F2FF;
  color: #0073E5;
  border-radius: 0.25rem;
  padding: 0.125rem 0.25rem;
}
.base-info .card-title .type.team[data-v-1684c20c] {
  background: #ECFFE8;
  color: #2EB82E;
}
.base-info .card-title .user-info[data-v-1684c20c] {
  font-size: 1rem;
  color: #0B0D0F;
  font-weight: 500;
  line-height: 1.5rem;
  margin-left: 0.5rem;
  max-width: 14.375rem;
  margin-top: -0.125rem;
}
.base-info .card-title .status[data-v-1684c20c] {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  background: #FF8C1A;
  color: #FFFFFF;
  border-radius: 0.125rem;
  padding: 0.1875rem 0.375rem;
}
.base-info .card-title .status.not-entry[data-v-1684c20c] {
  background: #FF8C1A;
}
.base-info .card-title .status.entry[data-v-1684c20c] {
  background: #2EB82E;
}
.base-info .card-title .status.cancled[data-v-1684c20c] {
  background: #C4CCD4;
}
.base-info .card-title .status.out[data-v-1684c20c] {
  background: #0073E5;
}
.base-info .field-box[data-v-1684c20c] {
  margin-bottom: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #8A99A8;
}
.base-info .field-box .field-name[data-v-1684c20c] {
  display: block;
  min-width: 3.5rem;
}
.base-info .field-box .field-value[data-v-1684c20c] {
  color: #0B0D0F;
  font-weight: 500;
  margin-left: 0.5rem;
}
.base-info .field-box[data-v-1684c20c]:last-child {
  margin-bottom: 0;
}
.split[data-v-1684c20c] {
  border-bottom: 0.0625rem dashed #d8d8d8;
  margin: 0 0.75rem;
}
.qr-box[data-v-1684c20c] {
  background: -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(rgba(255, 255, 255, 0.6)));
  background: linear-gradient(to right bottom, #ffffff, rgba(255, 255, 255, 0.6));
  margin-bottom: 0.75rem;
}
.visitor-item[data-v-1684c20c] {
  background: #F7F9FC;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.75rem;
}
.visitor-item[data-v-1684c20c]::last-child {
  margin-bottom: 0;
}
.visitor-item .title[data-v-1684c20c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0.875rem;
  font-weight: 500;
  color: #0B0D0F;
  margin-bottom: 0.5rem;
}
.visitor-item .status[data-v-1684c20c] {
  color: #FF8C1A;
}
.visitor-item .info[data-v-1684c20c] {
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #576675;
}
.visitor-item .info.entry[data-v-1684c20c] {
  color: #2EB82E;
}
.invitation-box[data-v-1684c20c] {
  margin-top: 1rem;
  background: #fff;
  padding: 1rem 0.75rem;
  border-radius: 0.75rem;
}
.invitation-box .field-box[data-v-1684c20c] {
  margin-bottom: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #8A99A8;
  font-size: 0.875rem;
}
.invitation-box .field-box[data-v-1684c20c]:last-child {
  margin-bottom: 0.5rem;
}
.invitation-box .field-box .label[data-v-1684c20c] {
  line-height: 1.375rem;
}
.invitation-box .field-box .val[data-v-1684c20c] {
  color: #0B0D0F;
  line-height: 1.375rem;
  max-width: 13.75rem;
}
.title[data-v-1684c20c] {
  color: #0B0D0F;
  font-weight: 500;
  line-height: 1.5rem;
  font-size: 1rem;
  margin-bottom: 1rem;
}
.bottom-box[data-v-1684c20c] {
  margin: 2.375rem 0 1.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[data-v-1684c20c]:export {
  menuBg: #005BB5;
  mainColor: #0B0D0F;
  secondColor: #576675;
  thirdColor: #8A99A8;
  dangerColor: #F53D3D;
}