@import "./style/weui.wxss";
@import "./style/iconfont.wxss";

page {
  height: 100%;
}

.page {
  min-height: 100%;
  background-color: var(--weui-BG-0);
  color: var(--weui-FG-0);
  font-size: 16px;
  font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
}

.page__hd {
  padding: 40px;
}

.page__title {
  text-align: left;
  font-size: 20px;
  font-weight: 400;
}

.weui-cells__title+.weui-cells {
  margin-top: 0;
}

.face-collector-camera {
  width: 100%;
  height: 85vh;
}

.face-collector-canvas {
  width: 100%;
  height: 85vh;
}

.face-recognition-camera {
  width: 100%;
  height: 80vh;
}

.face-recognition-canvas {
  width: 100%;
  height: 80vh;
}

.face-camera-icon {
  font-size: 40px;
  color: #707070;
}

.align-center {
  text-align: center;
}

.flex-center {
  align-items: center;
  justify-content: center;
}

.face-back-icon {
  font-size: 20px;
  color: #e6e6e6;
}

.face-paizhao-icon {
  font-size: 40px;
  color: #e6e6e6;
}

.button-sp-area {
  padding: 16px 0;
}

.hidden-image {
  width: 200px;
  height: 200px;
  background-color: #eeeeee;
  display: none
}