.codeImg[data-v-8ea1df88] {
  width: 260px;
  height: 260px;
  margin: 24px auto;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQkAAAEACAYAAACgZ4OsAAAAAXNSR0IArs4c6QAACT5JREFUeF7t10GKZVUWheFze7YUHEaVUHOw5VAiLphOwhpC3Ih5mT2pgqq+DW2IUiRPsqFICXpyndAMzvqyGXn3fW9/O/jJPB4eHj47juOLMcYH44X9OY7j9f39/ecv7Gv5OgSeVeC6rq/GGJ8860uf52U/jDH+eTw+Pn5zu90+fp53PvtbvjvP86Nnf6sXEnhBAtd1vR5j/P0FfaVff5Ufjuu6bm9/crvdPn1pX/LNmzf/ffXq1b9e2vfyfQg0CPzchl8icZ7n0bC4HQkQmBMQiTknTxGoFRCJ2tNbnMCcgEjMOXmKQK2ASNSe3uIE5gREYs7JUwRqBUSi9vQWJzAnIBJzTp4iUCsgErWntziBOQGRmHPyFIFaAZGoPb3FCcwJiMSck6cI1AqIRO3pLU5gTkAk5pw8RaBWQCRqT29xAnMCIjHn5CkCtQIiUXt6ixOYExCJOSdPEagVEIna01ucwJyASMw5eYpArYBI1J7e4gTmBERizslTBGoFRKL29BYnMCcgEnNOniJQKyAStae3OIE5AZGYc/IUgVoBkag9vcUJzAmIxJyTpwjUCohE7ektTmBOQCTmnDxFoFZAJGpPb3ECcwIiMefkKQK1AiJRe3qLE5gTEIk5J08RqBUQidrTW5zAnIBIzDl5ikCtwK8j8e0Y4zjP88NaDYsTIPAbgeu6Xr/94fH09PS3Mcb/7u7uvuZEgACB/xc4kBAgQOD3BETC7wcBAr8rIBJ+QQgQEAm/AwQI5AL+JZHbmSRQISASFWe2JIFcQCRyO5MEKgREouLMliSQC4hEbmeSQIWASFSc2ZIEcgGRyO1MEqgQEImKM1uSQC4gErmdSQIVAiJRcWZLEsgFRCK3M0mgQkAkKs5sSQK5gEjkdiYJVAiIRMWZLUkgFxCJ3M4kgQoBkag4syUJ5AIikduZJFAhIBIVZ7YkgVxAJHI7kwQqBESi4syWJJALiERuZ5JAhYBIVJzZkgRyAZHI7UwSqBAQiYozW5JALiASuZ1JAhUCIlFxZksSyAVEIrczSaBCQCQqzmxJArmASOR2JglUCIhExZktSSAXEIncziSBCgGRqDizJQnkAiKR25kkUCEgEhVntiSBXEAkcjuTBCoERKLizJYkkAuIRG5nkkCFgEhUnNmSBHIBkcjtTBKoEBCJijNbkkAuIBK5nUkCFQIiUXFmSxLIBUQitzNJoEJAJCrObEkCuYBI5HYmCVQIiETFmS1JIBcQidzOJIEKAZGoOLMlCeQCIpHbmSRQISASFWe2JIFcQCRyO5MEKgREouLMliSQC4hEbmeSQIWASFSc2ZIEcgGRyO1MEqgQEImKM1uSQC4gErmdSQIVAiJRcWZLEsgFRCK3M0mgQkAkKs5sSQK5gEjkdiYJVAiIRMWZLUkgFxCJ3M4kgQoBkag4syUJ5AIikduZJFAhIBIVZ7YkgVxAJHI7kwQqBESi4syWJJALiERuZ5JAhYBIVJzZkgRyAZHI7UwSqBAQiYozW5JALiASuZ1JAhUCIlFxZksSyAVEIrczSaBCQCQqzmxJArmASOR2JglUCIhExZktSSAXEIncziSBCgGRqDizJQnkAiKR25kkUCEgEhVntiSBXEAkcjuTBCoERKLizJYkkAuIRG5nkkCFgEhUnNmSBHIBkcjtTBKoEBCJijNbkkAuIBK5nUkCFQIiUXFmSxLIBUQitzNJoEJAJCrObEkCuYBI5HYmCVQIiETFmS1JIBcQidzOJIEKAZGoOLMlCeQCIpHbmSRQISASFWe2JIFcQCRyO5MEKgREouLMliSQC4hEbmeSQIWASFSc2ZIEcgGRyO1MEqgQEImKM1uSQC4gErmdSQIVAiJRcWZLEsgFRCK3M0mgQkAkKs5sSQK5gEjkdiYJVAiIRMWZLUkgFxCJ3M4kgQoBkag4syUJ5AIikduZJFAhIBIVZ7YkgVxAJHI7kwQqBESi4syWJJALiERuZ5JAhYBIVJzZkgRyAZHI7UwSqBAQiYozW5JALiASuZ1JAhUCIlFxZksSyAVEIrczSaBCQCQqzmxJArmASOR2JglUCIhExZktSSAXEIncziSBCgGRqDizJQnkAiKR25kkUCEgEhVntiSBXEAkcjuTBCoERKLizJYkkAuIRG5nkkCFgEhUnNmSBHIBkcjtTBKoEBCJijNbkkAuIBK5nUkCFQIiUXFmSxLIBUQitzNJoEJAJCrObEkCuYBI5HYmCVQIiETFmS1JIBcQidzOJIEKAZGoOLMlCeQCIpHbmSRQISASFWe2JIFcQCRyO5MEKgREouLMliSQC4hEbmeSQIWASFSc2ZIEcgGRyO1MEqgQEImKM1uSQC4gErmdSQIVAiJRcWZLEsgFRCK3M0mgQkAkKs5sSQK5gEjkdiYJVAiIRMWZLUkgFxCJ3M4kgQoBkag4syUJ5AIikduZJFAhIBIVZ7YkgVxAJHI7kwQqBESi4syWJJALiERuZ5JAhYBIVJzZkgRyAZHI7UwSqBAQiYozW5JALiASuZ1JAhUCIlFxZksSyAWOp6enf4wxvr+7u/s6f41JAgR2FTiu6/p2jHGc5/nhrkvaiwCBdxe4ruv1GOP2NhK3t+Pnefqvx7s7miCwrcDPbRCJbU9sMQJrAiKx5meawPYCIrH9iS1IYE1AJNb8TBPYXkAktj+xBQmsCYjEmp9pAtsLiMT2J7YggTUBkVjzM01gewGR2P7EFiSwJiASa36mCWwvIBLbn9iCBNYERGLNzzSB7QVEYvsTW5DAmoBIrPmZJrC9gEhsf2ILElgTEIk1P9MEthcQie1PbEECawIiseZnmsD2AiKx/YktSGBNQCTW/EwT2F5AJLY/sQUJrAmIxJqfaQLbC4jE9ie2IIE1AZFY8zNNYHsBkdj+xBYksCYgEmt+pglsLyAS25/YggTWBERizc80ge0FRGL7E1uQwJqASKz5mSawvYBIbH9iCxJYExCJNT/TBLYXEIntT2xBAmsCIrHmZ5rA9gIisf2JLUhgTeA3kbjdbp+uvfL5p4/j+M95nv9+/jd7IwECfyTwSyQeHx+/ud1uH//RwHv6++/O8/zoPX22jyXwlwhc1/XVGOOTv+TD3v1DfjweHh4+O47jizHGB+8+/+dOHMfx+v7+/vM/91O8ncD7FXjBkfhxjPHlTxaNRAMHA/NVAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 5px;
}
.codeImg img[data-v-8ea1df88] {
  width: 100%;
  height: 100%;
}
.signPeople[data-v-8ea1df88] {
  width: 50%;
  margin: 8vh auto 6vh;
  text-align: center;
  font-size: 25px;
}
.signNumber[data-v-8ea1df88] {
  width: 100%;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.signNumber .number-item[data-v-8ea1df88] {
  font-size: 22px;
  color: #3d3d3d;
  margin-left: 20px;
}
.signNumber .number-item .number-text[data-v-8ea1df88] {
  font-size: 36px;
  color: #3d3d3d;
}
.startTrain[data-v-31368785] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 12px;
}
.leftVideo[data-v-31368785] {
  width: 60%;
  height: 50vh;
}
.leftShowBox[data-v-31368785] {
  width: 100%;
  position: relative;
  height: 100%;
  margin-bottom: 12px;
  background-color: #ffffff;
}
.leftShowBox video[data-v-31368785] {
  width: 100%;
  height: 100%;
}
.fileBox[data-v-31368785] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.fileBox .el-tag[data-v-31368785] {
  margin: 6px;
  font-size: 15px !important;
  cursor: pointer;
}
[data-v-31368785] .el-tabs__content {
  background-color: #ffffff;
}
.videoTabBox[data-v-31368785] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.videoBigBox[data-v-31368785] {
  width: 100%;
  height: 100px;
  overflow: hidden;
  margin: 6px;
}
.moveButton[data-v-31368785] {
  height: 32px;
  margin: 40px 0;
}
.videoSwiper[data-v-31368785] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.videoLittleBox[data-v-31368785] {
  width: calc(25% - 24px);
  margin: 0 12px;
  height: calc(100% - 6px);
  cursor: pointer;
  border: 1px solid transparent;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.littleVideo[data-v-31368785] {
  width: 100%;
  height: calc(100% - 27px);
}
.videoTitle[data-v-31368785] {
  width: 100%;
  text-align: center;
  color: #333333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
}
.rightCode[data-v-31368785] {
  width: 100%;
  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;
}
.rightCode .signImg[data-v-31368785] {
  width: 260px;
  height: 260px;
  margin: auto;
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 5px;
}
.rightCode .signImg img[data-v-31368785] {
  width: 100%;
  height: 100%;
  -webkit-filter: blur(5px);
          filter: blur(5px);
}
.rightCode .signImg .imageBlur[data-v-31368785] {
  -webkit-filter: blur();
          filter: blur();
}
.ifSignShow[data-v-31368785] {
  padding: 20px;
}
.codeTitle[data-v-31368785] {
  width: 100%;
  text-align: center;
  padding: 12px 0;
  font-size: 26px;
  font-weight: bold;
  color: #333333;
}
[data-v-31368785] .el-tabs {
  margin-top: 10px;
  width: 60%;
}
#iframe-container[data-v-31368785] {
  width: 80%;
  height: 500px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.fullIframe[data-v-31368785] {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px !important;
  cursor: pointer;
}
.noFullIframe[data-v-31368785] {
  position: fixed;
  top: 10px;
  right: 30px;
  font-size: 24px !important;
  z-index: 1002;
  cursor: pointer;
}
#my-iframe[data-v-31368785] {
  width: 100%;
  height: 100%;
  border: none;
}
#controls[data-v-31368785] {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1000;
}
.blurred[data-v-31368785] {
  -webkit-filter: blur(5px);
          filter: blur(5px);
}
.head-content[data-v-3a6dddf4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.head-content .head-text[data-v-3a6dddf4] {
  font-size: 22px;
  color: #3d3d3d;
  padding: 5px 0 5px 30px;
}
.head-content .item-content[data-v-3a6dddf4] {
  padding: 30px;
  border: 1px solid #c0ccda;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fbfdff;
}
.head-content .item-content .item-right[data-v-3a6dddf4] {
  margin-left: 65px;
  font-size: 16px;
  color: #3d3d3d;
}
.head-content .item-content .item-right .right-text[data-v-3a6dddf4] {
  font-size: 72px;
  color: #3d3d3d;
}
.head-content .item-content .item-person[data-v-3a6dddf4] {
  margin-left: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: 150px;
  overflow-y: auto;
}
.head-content .item-content .item-person .person[data-v-3a6dddf4] {
  padding: 4px 10px;
  border-radius: 20px;
  background: #D8D8D8;
  margin: 0 24px 24px 0;
}
.title[data-v-3a6dddf4] {
  width: 70%;
  text-align: left;
  height: 50px;
  line-height: 50px;
  color: #333333;
  font-size: 28px;
  margin-left: 30%;
  padding: 12px 0;
}
.qualified[data-v-3a6dddf4] {
  width: 70%;
  text-align: left;
  height: 50px;
  line-height: 50px;
  color: #333333;
  font-size: 34px;
  font-weight: bold;
  margin-left: 30%;
  padding: 12px 0;
}
.pictureBox[data-v-3a6dddf4] {
  padding: 12px;
  background-color: #ffffff;
}
.pictureBox .head-text[data-v-3a6dddf4] {
  font-size: 22px;
  color: #3d3d3d;
  padding: 5px 0 5px 30px;
}
.onSiteTraining {
  height: 100%;
}
.onSiteTraining .trainLeft {
  width: 145px;
  height: 100%;
  border-right: 1px solid #cccccc;
  background-color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 41px 12px 12px;
}
.onSiteTraining .trainLeft .el-steps {
  height: 300px;
}
.onSiteTraining .trainLeft .el-steps .el-step__title {
  cursor: pointer;
}
.onSiteTraining .content {
  position: relative;
  width: 100%;
}
.onSiteTraining .content .footerBtn {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-bottom: 10px;
  width: 100%;
  text-align: center;
}
.onSiteTraining .content .footerBtn .headLabel {
  display: none;
}