/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.0.87@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.0.87@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Classrooms/Lists/Exercise/AnswerCheck/index.less?modules ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex_box_center___uIDcP {
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  box-align: center;
}
.flex_space_between___l5roZ {
  justify-content: space-between;
  -webkit-box-pack: justify;
}
.flex_box_vertical_center___mj8nW {
  align-items: center;
  box-align: center;
}
.flex_box_center_end___v4Eig {
  justify-content: flex-end;
  align-items: center;
  -webkit-justify-content: flex-end;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: end;
  box-align: center;
  box-pack: end;
}
.flex_box_column___SQn0H {
  flex-direction: column;
  box-orient: block-axis;
}
.bg___H5S8d {
  background: white;
}
.steps___mrlSw {
  padding: 0 140px;
  margin-top: 40px;
}
.qrcode___xRSbG {
  text-align: center;
}
.qrcode___xRSbG img,
.qrcode___xRSbG canvas {
  width: 184px;
  height: 184px;
  border: 13px solid #0152d9;
  box-sizing: content-box;
  text-align: center;
  margin-top: 50px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.0.87@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.0.87@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/CheckPeople/index.less?modules ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wrp___x6ffm {
  position: relative;
  margin: 25px auto 0 auto;
  width: 640px;
}
.wrp___x6ffm video {
  width: 640px;
  height: 360px;
  object-fit: cover;
}
.wrp___x6ffm canvas {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 640px;
  height: 360px;
}