html,
body {
  height: 100%;
}
body {
  min-width: 900px;
  min-height: 768px;
  padding: 0px !important;
  margin: 0px !important;
  overflow: hidden;
  *zoom: 1;
}
#header {
  width: 10px;
  height: 100%;
}
.ub {
  display: flex;
}
.ub-ac {
  display: flex;
  justify-content: center;
}
.ub-pc {
  display: flex;
  align-items: center;
}
.ub-ec {
  display: flex;
  justify-content: flex-end;
}
.ub-v {
  display: flex;
  flex-flow: column;
}
.bg-img {
  height: 100%;
  background-image: url('../assets/img/1.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-img2 {
  height: 100%;
  background-image: url('../assets/img/bg.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-img3 {
  height: 100%;
  background-image: url('../assets/img/bg2.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-color {
  height: 100%;
  background-color: #232423;
}
.trans {
  font-size: 12px !important;
  transform: scale(0.8);
  -webkit-transform-origin-x: 0;
}
.clear {
  clear: both;
}
.cuser {
  cursor: pointer;
}
.recog-body,
.facial-body {
  justify-content: center;
  display: flex;
  align-items: center;
  height: 100%;
}
.recog-body .recog-box,
.facial-body .recog-box,
.recog-body .facial-box,
.facial-body .facial-box {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 0.625rem;
  display: flex;
  flex-flow: column;
}
.recog-body .recog-box .recog-content,
.facial-body .recog-box .recog-content,
.recog-body .facial-box .recog-content,
.facial-body .facial-box .recog-content,
.recog-body .recog-box .facial-content,
.facial-body .recog-box .facial-content,
.recog-body .facial-box .facial-content,
.facial-body .facial-box .facial-content {
  display: flex;
}
.recog-body .recog-box .recog-content .logo-wh,
.facial-body .recog-box .recog-content .logo-wh,
.recog-body .facial-box .recog-content .logo-wh,
.facial-body .facial-box .recog-content .logo-wh,
.recog-body .recog-box .facial-content .logo-wh,
.facial-body .recog-box .facial-content .logo-wh,
.recog-body .facial-box .facial-content .logo-wh,
.facial-body .facial-box .facial-content .logo-wh {
  width: 11.25rem;
  height: 11.25rem;
  margin-right: 0.625rem;
}
.recog-body .recog-box .recog-content .facial-center,
.facial-body .recog-box .recog-content .facial-center,
.recog-body .facial-box .recog-content .facial-center,
.facial-body .facial-box .recog-content .facial-center,
.recog-body .recog-box .facial-content .facial-center,
.facial-body .recog-box .facial-content .facial-center,
.recog-body .facial-box .facial-content .facial-center,
.facial-body .facial-box .facial-content .facial-center {
  width: 11.25rem;
  height: 11.25rem;
  background-color: rgba(255, 255, 255, 0.2);
  margin-right: 1.25rem;
}
.recog-body .recog-box .recog-content .recog-right,
.facial-body .recog-box .recog-content .recog-right,
.recog-body .facial-box .recog-content .recog-right,
.facial-body .facial-box .recog-content .recog-right,
.recog-body .recog-box .facial-content .recog-right,
.facial-body .recog-box .facial-content .recog-right,
.recog-body .facial-box .facial-content .recog-right,
.facial-body .facial-box .facial-content .recog-right,
.recog-body .recog-box .recog-content .facial-right,
.facial-body .recog-box .recog-content .facial-right,
.recog-body .facial-box .recog-content .facial-right,
.facial-body .facial-box .recog-content .facial-right,
.recog-body .recog-box .facial-content .facial-right,
.facial-body .recog-box .facial-content .facial-right,
.recog-body .facial-box .facial-content .facial-right,
.facial-body .facial-box .facial-content .facial-right {
  width: 11.25rem;
  height: 11.25rem;
}
.recog-body .recog-box .recog-content .facial-right,
.facial-body .recog-box .recog-content .facial-right,
.recog-body .facial-box .recog-content .facial-right,
.facial-body .facial-box .recog-content .facial-right,
.recog-body .recog-box .facial-content .facial-right,
.facial-body .recog-box .facial-content .facial-right,
.recog-body .facial-box .facial-content .facial-right,
.facial-body .facial-box .facial-content .facial-right {
  color: white;
  text-align: left;
}
.recog-body .recog-box .recog-content .facial-right .staffname,
.facial-body .recog-box .recog-content .facial-right .staffname,
.recog-body .facial-box .recog-content .facial-right .staffname,
.facial-body .facial-box .recog-content .facial-right .staffname,
.recog-body .recog-box .facial-content .facial-right .staffname,
.facial-body .recog-box .facial-content .facial-right .staffname,
.recog-body .facial-box .facial-content .facial-right .staffname,
.facial-body .facial-box .facial-content .facial-right .staffname {
  line-height: 1.875rem;
  font-size: 1.25rem;
  padding: 0.3125rem 0;
}
.recog-body .recog-box .recog-content .facial-right .option-css,
.facial-body .recog-box .recog-content .facial-right .option-css,
.recog-body .facial-box .recog-content .facial-right .option-css,
.facial-body .facial-box .recog-content .facial-right .option-css,
.recog-body .recog-box .facial-content .facial-right .option-css,
.facial-body .recog-box .facial-content .facial-right .option-css,
.recog-body .facial-box .facial-content .facial-right .option-css,
.facial-body .facial-box .facial-content .facial-right .option-css,
.recog-body .recog-box .recog-content .facial-right .email-css,
.facial-body .recog-box .recog-content .facial-right .email-css,
.recog-body .facial-box .recog-content .facial-right .email-css,
.facial-body .facial-box .recog-content .facial-right .email-css,
.recog-body .recog-box .facial-content .facial-right .email-css,
.facial-body .recog-box .facial-content .facial-right .email-css,
.recog-body .facial-box .facial-content .facial-right .email-css,
.facial-body .facial-box .facial-content .facial-right .email-css,
.recog-body .recog-box .recog-content .facial-right .company-css,
.facial-body .recog-box .recog-content .facial-right .company-css,
.recog-body .facial-box .recog-content .facial-right .company-css,
.facial-body .facial-box .recog-content .facial-right .company-css,
.recog-body .recog-box .facial-content .facial-right .company-css,
.facial-body .recog-box .facial-content .facial-right .company-css,
.recog-body .facial-box .facial-content .facial-right .company-css,
.facial-body .facial-box .facial-content .facial-right .company-css {
  font-size: 0.78125rem;
  height: 1.09375rem;
  margin-bottom: 0.625rem;
}
.recog-body .recog-box .recog-optin,
.facial-body .recog-box .recog-optin,
.recog-body .facial-box .recog-optin,
.facial-body .facial-box .recog-optin {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  height: 1.71875rem;
  margin-top: 1.25rem;
  margin-right: 0.625rem;
}
.recog-body .recog-box .recog-optin .option-text,
.facial-body .recog-box .recog-optin .option-text,
.recog-body .facial-box .recog-optin .option-text,
.facial-body .facial-box .recog-optin .option-text {
  font-size: 0.625rem;
  margin-right: 0.625rem;
}
.recog-body .recog-box .recog-optin .option-img,
.facial-body .recog-box .recog-optin .option-img,
.recog-body .facial-box .recog-optin .option-img,
.facial-body .facial-box .recog-optin .option-img {
  width: 1.5625rem;
  height: 1.5625rem;
  cursor: pointer;
}
.recog-body .recog-box .facial-optin,
.facial-body .recog-box .facial-optin,
.recog-body .facial-box .facial-optin,
.facial-body .facial-box .facial-optin {
  text-align: left;
  margin-top: 0.625rem;
  color: white;
}