.el-button .icon-r-add,
.el-button .icon-r-edit,
.el-button .icon-r-delete,
.el-button .icon-r-top,
.el-button .icon-r-find,
.el-button .icon-r-refresh,
.el-button .icon-r-yes {
  display: none;
}
#app {
  margin: 0;
  padding: 0;
}
.con {
  height: 100%;
  /* overflow: hidden; */
}
.c {
  height: 100%;
}
.el-submenu__title {
  font-size: 20px;
}

.login_container-search {
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  height: 100vh;
  background-image: url(../img/image.032feb9b.png);
  background-size: 100% 100%;
  background-repeat: repeat;
  z-index: 100;
}
.login_container-search .yjy-logo img {
  position: absolute;
  top: 20px;
  left: 20px;
}
.login_container-search .content-us-login {
  padding-left: 16px;
}
.login_container-search .content-us-login .title {
  font-size: 24px;
}
.login_container-search .content-us-login .company {
  margin: 10px 0;
  font-size: 24px;
  color: #333333;
}
.login_container-search .content-us-login .phone {
  margin: 10px 0;
}
.login_container-search .content-us-login .mail {
  margin: 10px 0;
}
.login_container-search .content-us-login .adress {
  margin: 10px 0;
}
.login_container-search .content-us-login .scode {
  display: flex;
  align-items: center;
}
.login_container-search .content-us-login .scode img {
  width: 100px;
}
.login_container-search .content-us-login p {
  margin: 0;
}
.login_container-search .code {
  width: 45%;
}
.login_container-search .code1 {
  /* style="width: 100px; height: 30px; margin-left:5px;vertical-align: middle;" */
  display: line-inline;
  width: 45%;
  height: 28px;
  margin-left: 10px;
  vertical-align: middle;
  border-radius: 3px;
}
.login_container-search .rememberMe {
  color: #fff;
}
.login_container-search .line-us-login {
  position: absolute;
  bottom: -36px;
  right: -36px;
  color: #409eff;
  cursor: pointer;
}
.login_container-search .btn-login {
  color: #fff;
  background-color: #409eff;
  border-color: #409eff;
  border: 1px solid #dcdfe6;
  text-align: center;
  border-radius: 4px;
  font-weight: 500;
  cursor: pointer;
}
.login_container-search .onfont[data-v-2529d779] {
  /* display: flex; */
  /* justify-content: center; */
  position: absolute;
  left: 50%;
  top: 120px;
}
.login_container-search .lr {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.login_container-search .login_box {
  text-align: center;
  padding-top: 70px;
}
.login_container-search .lf {
  padding: 20px;
  position: absolute;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
}

.login-phone .btn-login {
  color: #fff;
  background-color: #409eff;
  border-color: #409eff;
  border: 1px solid #dcdfe6;
  text-align: center;
  border-radius: 4px;
  font-weight: 500;
  cursor: pointer;
  height: 34px;
  line-height: 34px;
}
.login-phone .login-result .result-box {
  text-align: center;
  width: 96%;
  margin: 0 auto;
  background-color: rgba(107, 104, 104, 0.5);
  border-radius: 12px;
  padding: 20px 0;
  opacity: 0.95;
}
.login-phone .login-result .result-box div {
  height: 35px;
  line-height: 24px;
}
.login-phone .login-result .result-box div span:first-child {
  display: inline-block;
}

.normal-login-container[data-v-523e885a] {
  width: 100%;
  height: 100vh;
  background-color: #f6fbed;
  padding-top: 3vh;
}
.normal-login-container .logo-content[data-v-523e885a] {
  width: 100%;
  font-size: 24px;
  text-align: center;
}
.normal-login-container .login-form-content[data-v-523e885a] {
  text-align: center;
  margin: 10px auto;
  margin-top: 0rpx;
  width: 80%;
}
.normal-login-container .login-form-content .input-item[data-v-523e885a] {
  margin: 10px auto;
  height: 90rpx;
}
.normal-login-container .login-form-content .action-btn[data-v-523e885a] {
  margin-top: 16px;
  height: 45px;
}

.login_container-search {
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  height: 100vh;
  background-image: url(../img/image.032feb9b.png);
  background-size: 100% 100%;
  background-repeat: repeat;
  z-index: 100;
}
.login_container-search .yjy-logo img {
  position: absolute;
  top: 20px;
  left: 20px;
}
.login_container-search .content-us-login {
  padding-left: 16px;
}
.login_container-search .content-us-login .title {
  font-size: 24px;
}
.login_container-search .content-us-login .company {
  margin: 10px 0;
  font-size: 24px;
  color: #333333;
}
.login_container-search .content-us-login .phone {
  margin: 10px 0;
}
.login_container-search .content-us-login .mail {
  margin: 10px 0;
}
.login_container-search .content-us-login .adress {
  margin: 10px 0;
}
.login_container-search .content-us-login .scode {
  display: flex;
  align-items: center;
}
.login_container-search .content-us-login .scode img {
  width: 100px;
}
.login_container-search .content-us-login p {
  margin: 0;
}
.login_container-search .code {
  width: 45%;
}
.login_container-search .code1 {
  /* style="width: 100px; height: 30px; margin-left:5px;vertical-align: middle;" */
  display: line-inline;
  width: 45%;
  height: 28px;
  margin-left: 10px;
  vertical-align: middle;
  border-radius: 3px;
}
.login_container-search .rememberMe {
  color: #fff;
}
.login_container-search .line-us-login {
  position: absolute;
  bottom: -36px;
  right: -36px;
  color: #409eff;
  cursor: pointer;
}
.login_container-search .btn-login {
  color: #fff;
  background-color: #409eff;
  border-color: #409eff;
  border: 1px solid #dcdfe6;
  text-align: center;
  border-radius: 4px;
  font-weight: 500;
  cursor: pointer;
}
.login_container-search .onfont[data-v-2529d779] {
  /* display: flex; */
  /* justify-content: center; */
  position: absolute;
  left: 50%;
  top: 120px;
}
.login_container-search .lr {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.login_container-search .login_box {
  text-align: center;
  padding-top: 70px;
}
.login_container-search .lf {
  padding: 20px;
  position: absolute;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
}

.login-phone .btn-login {
  color: #fff;
  background-color: #409eff;
  border-color: #409eff;
  border: 1px solid #dcdfe6;
  text-align: center;
  border-radius: 4px;
  font-weight: 500;
  cursor: pointer;
  height: 34px;
  line-height: 34px;
}

.normal-login-container[data-v-447be602] {
  width: 100%;
  height: 100vh;
  background-color: #f6fbed;
  padding-top: 10vh;
}
.normal-login-container .logo-content[data-v-447be602] {
  width: 100%;
  font-size: 24px;
  text-align: center;
}
.normal-login-container .login-form-content[data-v-447be602] {
  text-align: center;
  margin: 10px auto;
  margin-top: 0rpx;
  width: 80%;
}
.normal-login-container .login-form-content .input-item[data-v-447be602] {
  margin: 10px auto;
  height: 90rpx;
}
.normal-login-container .login-form-content .action-btn[data-v-447be602] {
  margin-top: 16px;
  height: 45px;
}

.login_container {
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  height: 100vh;
  background: url(../img/login-bg.bf3554bd.png) center top / cover no-repeat;
  z-index: 100;
}
.login_container .content-us-login {
  padding-left: 16px;
}
.login_container .content-us-login .title {
  font-size: 24px;
}
.login_container .content-us-login .company {
  margin: 10px 0;
  font-size: 24px;
  color: #333333;
}
.login_container .content-us-login .phone {
  margin: 10px 0;
}
.login_container .content-us-login .mail {
  margin: 10px 0;
}
.login_container .content-us-login .adress {
  margin: 10px 0;
}
.login_container .content-us-login .scode {
  display: flex;
  align-items: center;
}
.login_container .content-us-login .scode img {
  width: 100px;
}
.login_container .content-us-login p {
  margin: 0;
}
.login_container .code {
  width: 45%;
}
.login_container .code1 {
  /* style="width: 100px; height: 30px; margin-left:5px;vertical-align: middle;" */
  display: line-inline;
  width: 45%;
  height: 28px;
  margin-left: 10px;
  vertical-align: middle;
  border-radius: 3px;
}
.login_container .rememberMe {
  color: #fff;
}
.login_container .line-us-login {
  position: absolute;
  bottom: -36px;
  right: -36px;
  color: #409eff;
  cursor: pointer;
}
.login_container .btn-login {
  color: #fff;
  background-color: #409eff;
  border-color: #409eff;
  border: 1px solid #dcdfe6;
  text-align: center;
  border-radius: 4px;
  font-weight: 500;
  cursor: pointer;
}
.login_container .onfont[data-v-2529d779] {
  /* display: flex; */
  /* justify-content: center; */
  position: absolute;
  left: 50%;
  top: 120px;
}
.login_container .lr {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.login_container .login_box {
  text-align: center;
  padding-top: 70px;
}
.login_container .lf {
  padding: 20px;
  position: absolute;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
}


.register-container[data-v-27671db4] {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../img/login-bg.bf3554bd.png) center top / cover no-repeat;
}
.register-card[data-v-27671db4] {
    width: 100%;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 6px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}
.register-title[data-v-27671db4] {
    text-align: center;
    margin-bottom: 30px;
}
.bottom-link[data-v-27671db4] {
    text-align: center;
    margin-top: 15px;
    font-size: 14px;
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.bottom-link a[data-v-27671db4] {
      color: #409eff;
      margin: 0 5px;
}
.bottom-btn[data-v-27671db4]{
     color: #FFF;
     background-color: #409EFF;
     border-color: #409EFF;
     font-size:14px;
     border-radius: 4px;
     /* border: 1px solid #DCDFE6; */
     padding: 10px 28px;
     cursor: pointer;
     margin-left:8%;
     margin-top:-2%;
}


.choice-course{
.el-input__inner{
       color:#606266 !important;
       font-weight:bold !important;
}
}


.register-container[data-v-cff5b5cc] {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../img/login-bg.bf3554bd.png) center top / cover no-repeat;
}
.register-card[data-v-cff5b5cc] {
    width: 520px;
    padding: 30px 40px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 6px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}
.register-title[data-v-cff5b5cc] {
    text-align: center;
    margin-bottom: 30px;
}
.bottom-link[data-v-cff5b5cc] {
    text-align: center;
    margin-top: 15px;
    font-size: 14px;
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.bottom-link a[data-v-cff5b5cc] {
      color: #409eff;
      margin: 0 5px;
}
.bottom-btn[data-v-cff5b5cc]{
     color: #FFF;
     background-color: #409EFF;
     border-color: #409EFF;
     font-size:14px;
     border-radius: 4px;
     /* border: 1px solid #DCDFE6; */
     padding: 10px 28px;
     cursor: pointer;
     margin-left:8%;
     margin-top:-2%;
}


.choice-course{
.el-input__inner{
       color:#606266 !important;
       font-weight:bold !important;
}
}

/*.blockl{*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*}*/
.blockl[data-v-c7a300b8] {
  position: absolute;
  right: 0px;
  line-height: 60px;
}
.blockl .el-menu-item[data-v-c7a300b8] {
  width: 200px;
}
.ls[data-v-c7a300b8] {
  height: 100%;
}
.cn[data-v-69faf9b7][data-v-c7a300b8] {
  display: flex;
  justify-content: space-between;
  background-color: #F5F7F9;
}
.title[data-v-c7a300b8] {
  line-height: 100%;
  padding: 15px 0 0 15px;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  font-size: 24px;
}


.el-aside[data-v-76dbb99a] {
    /*background-color: #;*/
    text-align: left;
    background-color: #efefef;
}
.aside[data-v-76dbb99a] {
    margin-top: 0;
    background-color: #efefef;;
    text-align: left;
}
.el-menu-item[data-v-76dbb99a] {
    font-size: 14px;
    /* padding: 0 20px; */
    cursor: pointer;
    /* transition: border-color .3s,background-color .3s,color .3s; */
    box-sizing: border-box;
    width:200px;
}
.el-menu-item[data-v-76dbb99a],
.el-submenu__title[data-v-76dbb99a] {
    /* height: 90px; */
    /* line-height:90px; */
    position: relative;
    -webkit-box-sizing: border-box;
    white-space: nowrap;
    list-style: none;
}

.admin-container[data-v-67feb95a] {
  display: flex;
  width: 100%;
  height: 100vh;
}
.admin-container .left-side[data-v-67feb95a] {
  background-color: #001529;
  padding-top: 12px;
  overflow: hidden;
}
.admin-container .left-side .school-logo[data-v-67feb95a] {
  color: #fff;
  display: flex;
  margin-left: 12px;
  align-items: center;
  height: 50px;
}
.admin-container .left-side .school-logo .img[data-v-67feb95a] {
  width: 40px;
  height: 40px;
  margin-top: 12px;
}
.admin-container .left-side .school-logo .img img[data-v-67feb95a] {
  width: 100%;
  height: 100%;
}
.admin-container .left-side .school-logo .img-text[data-v-67feb95a] {
  margin-top: 12px;
  margin-left: 12px;
  font-weight: bold;
  font-size: 20px;
}
.admin-container .left-side .el-aside[data-v-67feb95a] {
  overflow: hidden;
  margin-top: 12px;
}
.admin-container .right-side[data-v-67feb95a] {
  width: 100%;
  height: 100vh;
}
.admin-container .right-side .right-main[data-v-67feb95a] {
  background-color: #f4F6F8;
  height: calc(100vh - 60px);
  overflow-y: auto;
}
.admin-container .right-side .right-main .welcomes[data-v-67feb95a] {
  width: 98%;
  height: calc(100vh - 100px);
  margin: 0 auto;
  border-radius: 8px;
  margin-top: 12px;
}
.el-container.is-vertical[data-v-67feb95a] {
  flex-direction: column;
  height: 100%;
  overflow-x: hidden;
  background-color: #F5F7F9;
}
.el-header[data-v-9aae6930][data-v-67feb95a],
.el-footer[data-v-9aae6930][data-v-67feb95a] {
  /* background-color: #6A5ACD; */
  background-color: #F5F7F9;
  color: #333;
  text-align: center;
  line-height: 60px;
  /* border-bottom: 1px solid #483D8B; */
}
.el-aside[data-v-67feb95a] {
  background-color: #001529;
  color: #333;
  text-align: center;
  line-height: 200px;
}
.aside[data-v-2c9fb0d2][data-v-67feb95a] {
  margin-top: 10px;
  background-color: #14252f;
}
.el-main[data-v-67feb95a] {
  background-color: rgba(233, 238, 243, 0.1);
  color: #333;
  overflow: hidden;
}
body > .el-container[data-v-67feb95a] {
  margin-bottom: 40px;
}
.el-container:nth-child(5) .el-aside[data-v-67feb95a],
.el-container:nth-child(6) .el-aside[data-v-67feb95a] {
  line-height: 260px;
}
.el-container:nth-child(7) .el-aside[data-v-67feb95a] {
  line-height: 320px;
}

.teacher-student-info .list-table-teacher {
  margin: 16px 0;
  height: 68vh;
  background-color: #fff;
  border-radius: 8px;
  padding: 12px;
  overflow-y: auto;
}
.teacher-student-info .list-table-teacher .el-table__header {
  height: 46px;
}
.teacher-student-info .list-table-teacher .el-table__cell {
  padding: 12px 0 !important;
}
.teacher-student-info .input-search {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px 12px 10px;
}
.teacher-student-info .input-search .el-form {
  display: flex;
  flex-wrap: wrap;
}
.teacher-student-info .input-search .el-form .el-form-item {
  margin-right: 40px;
  margin-bottom: 12px;
}
.teacher-student-info .input-search .el-input__inner {
  width: 240px;
  height: 30px;
}
.teacher-student-info .input-search .el-button {
  font-size: 14px !important;
  padding: 8px 20px;
  margin-top: 5px;
}

.add-student-btn[data-v-32a6ee07] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 12px;
}
.add-student-btn .student-title[data-v-32a6ee07] {
  font-weight: bold;
  margin-left: 12px;
  font-size: 18px;
}
.add-student-btn .add-btn[data-v-32a6ee07] {
  background-color: #409EFF;
  color: #fff;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  margin: 6px 0 0 8px;
  cursor: pointer;
}
.el-table__header[data-v-32a6ee07] {
  text-align: center;
}
.oprate-btn[data-v-32a6ee07] {
  display: flex;
  justify-content: center;
}
.oprate-btn .btn[data-v-32a6ee07] {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  border-radius: 4px;
  padding: 0 10px;
  cursor: pointer;
}
.oprate-btn .btn-edit[data-v-32a6ee07] {
  background-color: #ecf5ff;
  color: #409EFF;
}
.oprate-btn .btn-delete[data-v-32a6ee07] {
  background-color: #fef0f0;
  color: #f56c6c;
  margin-left: 10px;
}

.list-table-admin {
  margin: 16px 0;
  height: 68vh;
  background-color: #fff;
  border-radius: 8px;
  padding: 12px;
  overflow-y: auto;
}
.list-table-admin .el-table__header {
  height: 46px;
}
.list-table-admin .el-table__cell {
  padding: 6px 0 !important;
}
.input-search {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px 12px 10px;
  margin-top: 4px;
}
.input-search .el-form {
  display: flex;
  flex-wrap: wrap;
}
.input-search .el-form .el-form-item {
  margin-right: 40px;
  margin-bottom: 12px;
}
.input-search .el-input__inner {
  width: 240px;
  height: 30px;
}
.input-search .el-button {
  font-size: 14px !important;
  padding: 8px 20px;
  margin-top: 5px;
}

.add-student-btn[data-v-d49853ae] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 12px;
}
.add-student-btn .student-title[data-v-d49853ae] {
  font-weight: bold;
  margin-left: 12px;
  font-size: 18px;
}
.add-student-btn .add-btn[data-v-d49853ae] {
  background-color: #409EFF;
  color: #fff;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  margin: 6px 0 0 8px;
  cursor: pointer;
}
.oprate-btn[data-v-d49853ae] {
  display: flex;
  justify-content: center;
}
.oprate-btn .btn[data-v-d49853ae] {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  border-radius: 4px;
  padding: 0 10px;
  cursor: pointer;
}
.oprate-btn .btn-upload[data-v-d49853ae] {
  background-color: #f0f9eb;
  color: #67C23A;
}
.oprate-btn .btn-edit[data-v-d49853ae] {
  background-color: #ecf5ff;
  color: #409EFF;
  margin: 0 12px;
}
.oprate-btn .btn-delete[data-v-d49853ae] {
  background-color: #fef0f0;
  color: #f56c6c;
}
el-table-column[data-v-d49853ae] {
  line-height: 50px;
}

.video-ppt .el-dialog__body {
  height: 600px;
  overflow-y: auto;
}

.containvideo[data-v-5c76d18e] {
  display: flex;
  justify-content: space-between;
}
/* 课程介绍 */
.course-introduce[data-v-5c76d18e] {
  width: 100%;
  padding: 20px 0;
  background: #fafafa;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  margin: 12px auto;
  /* 课程简绍 */
}
.course-introduce .course-introduce-content[data-v-5c76d18e] {
  display: flex;
}
.course-introduce .introduce-img[data-v-5c76d18e] {
  padding: 20px;
}
.course-introduce .introduce-img img[data-v-5c76d18e] {
  width: 510px;
  height: 288px;
  border-radius: 16px;
}
.course-introduce .introduce-text[data-v-5c76d18e] {
  margin-top: 12px;
  /* course - info */
  /* 课程学习按钮 */
  /* 课程简绍 */
}
.course-introduce .introduce-text .text-title[data-v-5c76d18e] {
  font-size: 12px;
  line-height: 17px;
  padding: 2px 6px;
  border: 1px solid #e2b789;
  background: transparent;
  border-radius: 4px;
  display: inline-block;
  color: #cba265;
  border-color: #cba265;
}
.course-introduce .introduce-text .course-title[data-v-5c76d18e] {
  font-size: 24px;
  color: #333333;
  margin-right: 8px;
  font-weight: 600;
  margin: 0;
}
.course-introduce .introduce-text .course-info[data-v-5c76d18e] {
  border-radius: 8px;
  background: #f8f9fb;
  width: 600px;
  height: 120px;
  margin-top: 14px;
}
.course-introduce .introduce-text .course-info[data-v-5c76d18e] {
  position: relative;
}
.course-introduce .introduce-text .course-info p[data-v-5c76d18e] {
  margin: 0;
  padding: 6px 6px 6px 12px;
  color: #666666;
  font-size: 12px;
}
.course-introduce .introduce-text .course-info b[data-v-5c76d18e] {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #999;
  font-size: 12px;
  font-weight: normal;
}
.course-introduce .introduce-text .course-btn[data-v-5c76d18e] {
  margin-top: 24px;
}
.course-introduce .course-easy-text[data-v-5c76d18e] {
  width: 96%;
  background-color: #fff;
  margin: 0 auto;
  border-radius: 8px;
  padding: 6px;
}
.course-introduce .course-easy-text .easy-text[data-v-5c76d18e] {
  margin-left: 12px;
}
.course-introduce .course-easy-text p[data-v-5c76d18e] {
  margin: 0;
  /* padding:8px; */
  font-size: 12px;
  line-height: 24px;
  color: #333;
  text-indent: 24px;
}
.item[data-v-5c76d18e] {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: flex-start;
}
.videos[data-v-5c76d18e] {
  width: 19%;
  margin: 0 0 0 8px;
  height: 50%;
  border: 3px solid grey;
}
#video-title[data-v-5c76d18e] {
  font-size: 24px;
  color: black;
  font-weight: 600;
}
.vid[data-v-5c76d18e] {
  width: 80%;
  height: 20%;
}

.test-test[data-v-3f86ada8] {
  position: relative;
}
.test-test .test-point[data-v-3f86ada8] {
  position: absolute;
  right: 160px;
  bottom: -96px;
  font-weight: normal;
  font-size: 20px;
  margin: 0;
}
/* //用户选择的正确答案 */
.active-answer2[data-v-3f86ada8] {
  background-color: #c45656;
  color: #fff;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  font-size: 24px;
  margin-right: 10px;
}
.text-success-list[data-v-3f86ada8] {
  margin-top: 20px;
}
.text-success-list ul[data-v-3f86ada8] {
  display: flex;
  flex-wrap: wrap;
  padding: 16px;
  list-style: none;
}
.text-success-list li[data-v-3f86ada8] {
  padding: 12px 12px 12px 15px !important;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  margin: 16px 16px 16px 0;
  font-size: 24px;
  text-align: center;
}
.text-success-list .user-choice-right[data-v-3f86ada8] {
  background-color: #7fab26;
  color: #fff;
}
.text-success-list .user-choice-error[data-v-3f86ada8] {
  background-color: #c45656;
  color: #fff;
}

.test[data-v-11cbb582] {
  margin-top: 10px;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  background: #fafafa;
}
.test ul[data-v-11cbb582] {
  list-style: none;
}
.content-3[data-v-11cbb582] {
  width: 98%;
  padding: 20px 0;
  margin: 0px auto 0;
  /* //按钮 */
  /* // 问答情况 */
  /* // 我要交卷 */
  /* // 考核通过 */
  /* // 考试通过题目 */
  /* // 视频未看完,课后考核的样式 */
}
.content-3 ul[data-v-11cbb582] {
  width: 98%;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 8px;
}
.content-3 ul li[data-v-11cbb582] {
  padding: 12px 12px 12px 20px;
  /* // 答案选择 */
}
.content-3 ul li .question-title[data-v-11cbb582] {
  margin: 4px 0 12px;
}
.content-3 ul li .question-title span[data-v-11cbb582]:nth-child(2) {
  border: 1px solid #8adbb0;
  color: #8adbb0;
  font-size: 14px;
  padding: 0 6px;
  margin: 0 8px;
}
.content-3 ul li .question-choice[data-v-11cbb582] {
  margin-top: 16px;
  margin-left: 3%;
}
.content-3 ul li .question-choice p[data-v-11cbb582] {
  margin-bottom: 16px;
  cursor: pointer;
}
.content-3 ul li .question-choice span[data-v-11cbb582]:first-child {
  margin-right: 20px;
  border: 1px solid #dcdcdc;
  border-radius: 50%;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 24px;
}
.content-3 ul li .question-choice span[data-v-11cbb582]:nth-child(2) {
  font-size: 24px;
}
.content-3 ul li .question-choice .active-answer[data-v-11cbb582] {
  background-color: #7fab26;
  color: #fff;
  border: 1px solid #7fab26;
}
.content-3 .btn[data-v-11cbb582] {
  margin-top: 20px;
  display: flex;
  justify-content: space-around;
  margin-left: 10px;
}
.content-3 .btn .u-button[data-v-11cbb582] {
  margin-right: 20px;
}
.content-3 .btn .u-button[data-v-11cbb582]:nth-child(2) {
  margin-right: 0;
}
.content-3 .answer-over-view[data-v-11cbb582] {
  width: 100%;
  margin: 0px auto 0;
  background-color: #fff;
  border-radius: 16px;
}
.content-3 .answer-over-view p[data-v-11cbb582] {
  font-size: 28px;
  font-weight: bold;
  padding: 16px 16px 0 16px;
}
.content-3 .answer-over-view ul[data-v-11cbb582] {
  display: flex;
  flex-wrap: wrap;
  padding: 16px;
}
.content-3 .answer-over-view ul .active-answer-over-view[data-v-11cbb582] {
  background-color: #7fab26;
  color: #fff;
}
.content-3 .answer-over-view ul li[data-v-11cbb582] {
  padding: 0;
  width: 68px;
  height: 68px;
  line-height: 68px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  margin: 16px 16px 16px 0;
  font-size: 24px;
  text-align: center;
  cursor: pointer;
}
.content-3 .upload-answer[data-v-11cbb582] {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}
.content-3 .text-success[data-v-11cbb582] {
  width: 96%;
  margin: 20px auto 0;
  background-color: #fff;
  padding: 16px;
  font-size: 30px;
  color: #2e8b57;
}
.content-3 .text-success .text-point[data-v-11cbb582] {
  font-size: 34px;
  font-weight: bold;
}
.content-3 .test-test[data-v-11cbb582] {
  margin-top: 20px;
}
.content-3 .test-test ul[data-v-11cbb582] {
  width: 100%;
}

.upload-img-list[data-v-29115d29] {
  /* background-color:#fff; */
}
.upload-img-list p[data-v-29115d29] {
  font-weight: bold;
}
.upload-img-list .list-content[data-v-29115d29] {
  height: 350px;
  overflow-y: auto;
}
.upload-img-list .list-item[data-v-29115d29] {
  display: flex;
  border: 1px solid #efefef;
  padding: 8px;
  margin-bottom: 10px;
  align-items: center;
  justify-content: space-between;
}
.upload-img-list .list-item .item-left[data-v-29115d29] {
  display: flex;
  align-items: center;
}
.upload-img-list .list-item .item-left .el-image[data-v-29115d29] {
  cursor: pointer;
}
.upload-img-list .list-item span[data-v-29115d29] {
  margin-left: 10px;
}
.upload-img-list .list-item img[data-v-29115d29] {
  /* width:50px; */
  height: 50px;
}
.works[data-v-29115d29] {
  margin-top: 10px;
  padding: 20px;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  background: #fafafa;
  overflow: hidden;
  display: flex;
}
.works .works-upload[data-v-29115d29] {
  width: 50%;
  margin-left: 30px;
}
.works .works-upload .upload-title p[data-v-29115d29] {
  margin: 0 0 8px 0;
}
.works .works-upload .upload-title p[data-v-29115d29]:first-child {
  font-weight: bold;
  font-size: 24px;
}
.works .works-item-example[data-v-29115d29] {
  border-right: 1px dashed #e4e7ed;
  width: 50%;
  /* width: %; */
  /* padding:20px; */
  /* margin: 10px auto; */
  /* background-color: #fff; */
}
.works .works-item-example .example-title p[data-v-29115d29] {
  margin: 0 0 8px 0;
}
.works .works-item-example .example-title p[data-v-29115d29]:first-child {
  font-weight: bold;
  font-size: 24px;
}
.works .works-item-example .example-title p[data-v-29115d29]:nth-child(2) {
  margin-top: 10px;
}
.works .works-item-example .example-title p:nth-child(3) span[data-v-29115d29] {
  color: #f56c6c;
  font-weight: bold;
}
.works .works-item-example .example-img[data-v-29115d29] {
  display: flex;
}
.works .works-item-example .example-img .img-item1[data-v-29115d29] {
  margin-right: 12px;
}

.download-container {
  width: 100%;
  margin: 10px auto;
  position: relative;
  /* padding: 20px; */
}
.download-container .show-btn {
  position: absolute;
  right: 10px;
  top: 10px;
}
.download-section {
  padding: 20px;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  background: #fafafa;
}
.download-btn {
  margin: 10px 5px;
}
.preview-container {
  text-align: center;
  margin: 20px 0;
}

.step-item[data-v-7cf1dd85] {
  display: flex;
  justify-content: space-between;
}
.step-item .step-item-back[data-v-7cf1dd85] {
  position: absolute;
  left: 16px;
  top: 3px;
}
.step-item .step-item-arrow[data-v-7cf1dd85] {
  position: absolute;
  right: 16px;
  top: 3px;
}
.home-work[data-v-7cf1dd85] {
  width: 98%;
  margin: 0px auto;
  position: relative;
}
.bt[data-v-7cf1dd85] {
  display: flex;
  justify-content: center;
}
.dohomework[data-v-7cf1dd85] {
  display: flex;
  justify-content: center;
}
.finish-empty[data-v-7cf1dd85] {
  font-weight: bold;
  color: #f56c6c;
}


.item[data-v-aa16c81e] {
    display: flex;
    justify-content: flex-end;
}
.csc[data-v-aa16c81e] {
    display: flex;
    justify-content: space-between;
}
.cs[data-v-aa16c81e] {
    display: flex;
    justify-content: space-between;
}
h4[data-v-aa16c81e] {
    display: inline !important;
}


.demo-table-expand[data-v-9a961846] {
    font-size: 0;
}
.demo-table-expand label[data-v-9a961846] {
    width: 90px;
    color: #99a9bf;
}
.demo-table-expand .el-form-item[data-v-9a961846] {
    margin-right: 0;
    margin-bottom: 0;
    width: 50%;
}


.el-menu-item[data-v-0bb41048] {
    font-size: 20px
}
h1[data-v-0bb41048] {
    /* position: absolute; */
    margin-left: 40%;
}
.el-menu--horizontal[data-v-0bb41048]{
    border-bottom:0px !important;
}
/* .el-menu--horizontal>.el-submenu .el-submenu__title {
    height: 60px;
    line-height: 60px;
    border-bottom: 2px solid transparent;
    color: #ffffff !important;
} */
.el-dialog__wrapper[data-v-0bb41048] {
    z-index: 9999 !important;
}
.blockl[data-v-0bb41048] {
    position: absolute;
    right: 0px;
}
.el-menu[data-v-0bb41048] {
    border-right: solid 1px #e6e6e6;
    list-style: none;
    /* position: relative; */
    margin: 0;
    padding-left: 0;
    background-color: black;
}
.el-menu--horizontal>.el-menu-item[data-v-15228138][data-v-0bb41048] {
    /* float: left; */
    height: 60px;
    line-height: 60px;
    margin: 0;
    border-bottom: 2px solid transparent;
    color: #ffffff;
    background-color: black;
}

/* .el-menu--horizontal>.el-submenu .el-submenu__title {
    height: 60px;
    line-height: 60px;
    border-bottom: 2px solid transparent;
    color: #ffffff;
} */
.cn[data-v-0bb41048] {
    display: flex;
    justify-content: space-between;
}


.el-menu-item[data-v-d6e913b0] {
    font-size: 20px
}
h1[data-v-d6e913b0] {
    /* position: absolute; */
    margin-left: 40%;
}
.el-menu--horizontal[data-v-d6e913b0]{
    border-bottom:0px !important;
}
/* .el-menu--horizontal>.el-submenu .el-submenu__title {
    height: 60px;
    line-height: 60px;
    border-bottom: 2px solid transparent;
    color: #ffffff !important;
} */
.el-dialog__wrapper[data-v-d6e913b0] {
    z-index: 9999 !important;
}
.blockl[data-v-d6e913b0] {
    position: absolute;
    right: 0px;
}
.el-menu[data-v-d6e913b0] {
    border-right: solid 1px #e6e6e6;
    list-style: none;
    /* position: relative; */
    margin: 0;
    padding-left: 0;
    background-color: black;
}
.el-menu--horizontal>.el-menu-item[data-v-15228138][data-v-d6e913b0] {
    /* float: left; */
    height: 60px;
    line-height: 60px;
    margin: 0;
    border-bottom: 2px solid transparent;
    color: #ffffff;
    background-color: black;
}

/* .el-menu--horizontal>.el-submenu .el-submenu__title {
    height: 60px;
    line-height: 60px;
    border-bottom: 2px solid transparent;
    color: #ffffff;
} */
.cn[data-v-d6e913b0] {
    display: flex;
    justify-content: space-between;
}

.student-header-phone .el-main[data-v-483670aa] {
  padding: 0 !important;
  height: 100vh !important;
}
.el-main[data-v-483670aa] {
  height: 90vh !important;
  overflow-y: auto !important;
  padding: 0px;
  /* margin-top: 70px; */
}
.welcome[data-v-483670aa] {
  font-size: 16px;
  margin: 0px 0 1px 0;
  align-items: center;
  display: flex;
}
.welcome b[data-v-483670aa] {
  margin-left: 10px;
}
.el-carousel__item h3[data-v-483670aa] {
  color: #475669;
  font-size: 14px;
  opacity: 0.75;
  line-height: 400px;
  margin: 0;
}
.el-header[data-v-483670aa] {
  /* padding: 0 20px; */
  /* box-sizing: border-box; */
  /* flex-shrink: 0; */
  background-color: #ffffff;
  height: 80px !important;
  z-index: 99 !important;
}
.el-carousel__item[data-v-483670aa]:nth-child(2n) {
  background-color: #99a9bf;
}
.el-carousel__item[data-v-483670aa]:nth-child(2n+1) {
  background-color: #d3dce6;
}
.el-submenu__title[data-v-483670aa] {
  font-size: 20px;
}


.test[data-v-792cd5cf]{
    margin-top:10px;
    
      border: 1px solid #e4e7ed;
      border-radius: 8px;
      background: #fafafa;
    /* background-color:yellow; */
    /* padding:24px; */
ul{
        list-style:none;
}
}
.content-3[data-v-792cd5cf]{
    width:98%;
    padding:20px 0;
    margin:0px auto 0;
ul{
					   width:98%;
					   margin:0 auto;
					   background-color:#fff;
					   border-radius:8px;
li{
						   padding:12px 12px 12px 20px;
.question-title{
							  margin:4px 0 12px;
span{
&:nth-child(2){
									  border:1px solid #8adbb0;
									  color:#8adbb0;
									  font-size:14px;
									  padding:0 6px;
									  margin:0 8px;
}
}
}
					       /* // 答案选择 */
.question-choice{
							   margin-top:16px;
							   margin-left:3%;
p{
								 margin-bottom:16px;   
                                 cursor: pointer;
}
span{
&:first-child{
									  margin-right:20px;
									  border:1px solid #DCDCDC;
									  border-radius:50%;
									  display:inline-block;
									  width:50px;
									  height:50px;
									  text-align:center;
									  line-height:50px;
									  font-size:24px;
}
&:nth-child(2){
									   font-size:24px;
}
}
.active-answer{
								   background-color:#7fAB26;
								   color:#fff;
								   border:1px solid #7fAB26;
}
}
}
}
				   /* //按钮 */
.btn{
				   		margin-top:20px;
						display:flex;
						justify-content:space-around;
						margin-left:10px;
.u-button{
							margin-right:20px;
&:nth-child(2){
								margin-right:0;
}
}
}
				   /* // 问答情况 */
.answer-over-view{
					   width:100%;
					   margin:0px auto 0;
					   background-color:#fff;
					   border-radius:16px;
p{
						   font-size:28px;
						   font-weight:bold;
						   padding:16px 16px 0 16px;
}
ul{
						   display:flex;
						   flex-wrap:wrap;
						   padding:16px;
.active-answer-over-view{
							   background-color: #7fAB26;
							   color: #fff;
}
li{
							  padding:0;
							  width: 68px;
							  height: 68px; 
							  line-height:68px;
							  border-radius: 50%;
							  border: 1px solid #DCDCDC;
							  margin:16px 16px 16px 0;
							  font-size:24px;
							  text-align: center;
                              cursor: pointer;
}
}
}
				   /* // 我要交卷 */
.upload-answer{
					   margin-top:20px;
                       display:flex;
                       justify-content:flex-end;
}
				   /* // 考核通过 */
.text-success{
					   width:96%;
					   margin:20px auto 0;
					   background-color:#fff;
					   padding:16px;
					   font-size:30px;
					   color:#2E8B57;
.text-point{
						   font-size:34px;
						   font-weight: bold;
}
}
				   /* // 考试通过题目 */
.test-test{
					   margin-top:20px;
ul{
						   width:100%;
}
}
				   /* //用户选择的正确答案 */
.text-success-list{
					   margin-top:20px;
ul{
						   display:flex;
						   flex-wrap:wrap;
						   padding:16px;
}
li{
						   padding:0;
						   width: 68px;
						   height: 68px; 
						   line-height:68px;
						   border-radius: 50%;
						   border: 1px solid #DCDCDC;
						   margin:16px 16px 16px 0;
						   font-size:24px;
						   text-align: center;
}
.user-choice-right{
						   background-color: #7fAB26;
						   color: #fff;
}
.user-choice-error{
						   background-color:rgb(196, 86, 86);
						   color: #fff;
}
}
				   /* // 视频未看完,课后考核的样式 */
}
		   


.test[data-v-73d7274c]{
    margin-top:10px;
    
      border: 1px solid #e4e7ed;
      border-radius: 8px;
      background: #fafafa;
    /* background-color:yellow; */
    /* padding:24px; */
ul{
        list-style:none;
}
}
.content-3[data-v-73d7274c]{
    width:98%;
    padding:20px 0;
    margin:0px auto 0;
ul{
					   width:98%;
					   margin:0 auto;
					   background-color:#fff;
					   border-radius:8px;
li{
						   padding:12px 12px 12px 20px;
.question-title{
							  margin:4px 0 12px;
span{
&:nth-child(2){
									  border:1px solid #8adbb0;
									  color:#8adbb0;
									  font-size:14px;
									  padding:0 6px;
									  margin:0 8px;
}
}
}
					       /* // 答案选择 */
.question-choice{
							   margin-top:16px;
							   margin-left:3%;
p{
								 margin-bottom:16px;   
                                 cursor: pointer;
}
span{
&:first-child{
									  margin-right:20px;
									  border:1px solid #DCDCDC;
									  border-radius:50%;
									  display:inline-block;
									  width:50px;
									  height:50px;
									  text-align:center;
									  line-height:50px;
									  font-size:24px;
}
&:nth-child(2){
									   font-size:24px;
}
}
.active-answer{
								   background-color:#7fAB26;
								   color:#fff;
								   border:1px solid #7fAB26;
}
}
}
}
				   /* //按钮 */
.btn{
				   		margin-top:20px;
						display:flex;
						justify-content:space-around;
						margin-left:10px;
.u-button{
							margin-right:20px;
&:nth-child(2){
								margin-right:0;
}
}
}
				   /* // 问答情况 */
.answer-over-view{
					   width:100%;
					   margin:0px auto 0;
					   background-color:#fff;
					   border-radius:16px;
p{
						   font-size:28px;
						   font-weight:bold;
						   padding:16px 16px 0 16px;
}
ul{
						   display:flex;
						   flex-wrap:wrap;
						   padding:16px;
.active-answer-over-view{
							   background-color: #7fAB26;
							   color: #fff;
}
li{
							  padding:0;
							  width: 68px;
							  height: 68px; 
							  line-height:68px;
							  border-radius: 50%;
							  border: 1px solid #DCDCDC;
							  margin:16px 16px 16px 0;
							  font-size:24px;
							  text-align: center;
                              cursor: pointer;
}
}
}
				   /* // 我要交卷 */
.upload-answer{
					   margin-top:20px;
                       display:flex;
                       justify-content:flex-end;
}
				   /* // 考核通过 */
.text-success{
					   width:96%;
					   margin:20px auto 0;
					   background-color:#fff;
					   padding:16px;
					   font-size:30px;
					   color:#2E8B57;
.text-point{
						   font-size:34px;
						   font-weight: bold;
}
}
				   /* // 考试通过题目 */
.test-test{
					   margin-top:20px;
ul{
						   width:100%;
}
}
				   /* //用户选择的正确答案 */
.text-success-list{
					   margin-top:20px;
ul{
						   display:flex;
						   flex-wrap:wrap;
						   padding:16px;
						   list-style:none;
}
li{
						   padding:0;
						   width: 68px;
						   height: 68px; 
						   line-height:68px;
						   border-radius: 50%;
						   border: 1px solid #DCDCDC;
						   margin:16px 16px 16px 0;
						   font-size:24px;
						   text-align: center;
}
.user-choice-right{
						   background-color: #7fAB26;
						   color: #fff;
}
.user-choice-error{
						   background-color:rgb(196, 86, 86);
						   color: #fff;
}
}
				   /* // 视频未看完,课后考核的样式 */
}
		   


.works[data-v-ce27152c] {
    margin-top:10px;
    padding: 20px;
    border: 1px solid #e4e7ed;
    border-radius: 8px;
    background: #fafafa;
    overflow: hidden;
    display:flex;
.works-upload{
    width:50%;
    margin-left:30px;
.upload-title{
p{
            margin:0 0 8px 0;
&:first-child{
            font-weight:bold;
            font-size:24px;
}
}
}
}
.works-item-example {
    border-right:1px dashed #e4e7ed;
    width:50%;
.example-title{
p{
         margin:0 0 8px 0;
&:first-child{
            font-weight:bold;
            font-size:24px;
}
&:nth-child(2){
            margin-top:10px;
}
&:nth-child(3){
span{
              color:#f56c6c;
              font-weight:bold;
}
}
}
}
.example-img{
       display:flex;
.img-item1{
         margin-right:12px;
}
}
    /* width: %; */
    /* padding:20px; */
    /* margin: 10px auto; */
    /* background-color: #fff; */
}
}


.download-container {
  width: 100%;
  margin: 10px auto;
  position:relative;
.show-btn{
    position:absolute;
    right:10px;
    top:10px;
}
  /* padding: 20px; */
}
.download-section {
  padding: 20px;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  background: #fafafa;
}
.download-btn {
  margin: 10px 5px;
}
.preview-container {
  text-align: center;
  margin: 20px 0;
}



.bt[data-v-efe37448] {
  display: flex;
  justify-content: center;
}
.dohomework[data-v-efe37448] {
  display: flex;
  justify-content: center;
}
.finish-empty[data-v-efe37448]{
    font-weight:bold;
    color:#f56c6c;
}


h4[data-v-23d0d0e5] {
    display: flex;
    justify-content: center;
}
.right[data-v-23d0d0e5] {
    display: flex;
    justify-content: flex-end;
}
.ti[data-v-23d0d0e5] {
    font-size: 28px;
    width: 100%;
    text-align: center;
}
.status[data-v-23d0d0e5] {
    font-size: 20px;
}


.online-learn[data-v-3a64d6fe] {
  /* min-height: 100vh;
  background: #f5f7fa; */
  padding: 12px;
  box-sizing: border-box;
}

/* 空状态 */
.empty[data-v-3a64d6fe] {
  text-align: center;
  font-size: 16px;
  color: #999;
  margin-top: 60px;
}

/* 电商网格 */
.course-grid[data-v-3a64d6fe] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

/* 商品卡片 */
.course-item[data-v-3a64d6fe] {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

/* 封面 */
.cover[data-v-3a64d6fe] {
  position: relative;
  height: 110px;
}
.cover .el-image[data-v-3a64d6fe] {
  width: 100%;
  height: 100%;
}

/* 角标 */
.badge[data-v-3a64d6fe] {
  position: absolute;
  top: 6px;
  left: 6px;
}

/* 信息 */
.info[data-v-3a64d6fe] {
  padding: 10px;
}
.info h3[data-v-3a64d6fe] {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 6px;
  color: #333;
  line-height: 1.4;
  height: 38px;
  overflow: hidden;
}
.info p[data-v-3a64d6fe] {
  font-size: 12px;
  color: #888;
  margin: 0;
}

.online-learn[data-v-4a6ad208] {
  background: url(../img/image.032feb9b.png);
  background-size: 100% 100%;
  height: 64vh;
  padding: 12px;
}
.el-image__inner[data-v-4a6ad208] {
  vertical-align: top;
  width: 200px;
  height: 100px;
}
.demo[data-v-4a6ad208] {
  width: 255px;
  text-align: center;
  line-height: 15%;
  border: 1px solid lightgrey;
  border-radius: 4px;
  padding: 25px 0 0 0;
  margin-right: 16px;
  position: relative;
}
.demo .is-sign[data-v-4a6ad208] {
  position: absolute;
  top: 0;
  left: 0;
}
el-button[data-v-4a6ad208] {
  display: inline-block;
}
.course[data-v-4a6ad208] {
  display: inline-block;
}
.ta[data-v-4a6ad208] {
  display: flex;
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
}
.dem[data-v-4a6ad208] {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.course-introction[data-v-48acc953] {
  margin: 0 auto;
  background-color: #f7f7f7;
  width: 96%;
}
.course-introction .content-title[data-v-48acc953] {
  background-color: #fff;
  padding: 8px 8px 16px 8px;
  border-radius: 4px;
  position: relative;
}
.course-introction .content-title p[data-v-48acc953]:first-child {
  font-size: 12px;
  font-weight: bold;
}
.course-introction .content-title p[data-v-48acc953]:nth-child(2) {
  font-size: 12px;
  color: #7c7c7c;
  margin: 12rpx 0;
}
.course-introction .content-title p[data-v-48acc953]:nth-child(3) {
  font-size: 12px;
  color: #7c7c7c;
  margin: 6px 0;
}
.course-introction .content-title p:nth-child(3) span[data-v-48acc953] {
  color: #FFD700;
  font-weight: bold;
}
.course-introction .content-title .report-number[data-v-48acc953] {
  position: absolute;
  bottom: 12px;
  right: 12px;
  font-size: 12px;
  color: #7c7c7c;
}
.course-introction .content-1-introction[data-v-48acc953] {
  margin-top: 8px;
  background-color: #fff;
  padding: 8px 8px 16px 8px;
  border-radius: 4px;
  position: relative;
}
.course-introction .content-1-introction p[data-v-48acc953]:first-child {
  font-size: 12px;
  font-weight: bold;
}
.course-introction .content-1-introction p[data-v-48acc953]:nth-child(2) {
  font-size: 12px;
  color: #7c7c7c;
  margin: 6px 0;
  text-indent: 12px;
}
.course-introction .content-1-introction p[data-v-48acc953]:nth-child(3) {
  font-size: 12px;
  color: #7c7c7c;
  margin: 6px 0;
  text-indent: 12px;
}
.course-introction .content-1-introction p[data-v-48acc953]:nth-child(4) {
  font-size: 12px;
  color: #7c7c7c;
  margin: 6px 0;
  text-indent: 12px;
}

.student-video .student-content {
  width: 96%;
  margin: 0 auto;
  background-color: #fff;
}
.student-video .student-content .video-list .collapse-title {
  margin-left: 10px;
  display: flex;
}
.student-video .student-content .video-list .collapse-title .is-see-finish1 {
  color: #0c3d23;
  border: 1px solid #8adbb0;
  font-size: 12px;
  padding: 0px 6px;
  border-radius: 4px;
  height: 24px;
  line-height: 24px;
  margin-top: 12px;
  margin-right: 8px;
}
.student-video .student-content .video-list .collapse-title .is-see-finish {
  color: #8adbb0;
  border: 1px solid #8adbb0;
  font-size: 12px;
  padding: 0px 6px;
  border-radius: 4px;
  height: 24px;
  line-height: 24px;
  margin-top: 12px;
  margin-right: 8px;
}
.student-video .student-content .video-list .collapse-title .no-finish {
  color: #e45656;
  border: 1px solid #e45656;
}
.student-video .student-content .video-list .collapse-title .title-font {
  font-weight: bold !important;
}
.student-video .student-content .video-list .el-collapse-item .el-collapse-item__content {
  padding-bottom: 8px;
}
.student-video .student-content .video-list .el-collapse-item .el-collapse-item__content .video-url {
  display: flex;
  align-items: center;
}
.student-video .student-content .video-list .el-collapse-item .el-collapse-item__content .video-url .is-video {
  color: #7c7c7c;
  border: 1px solid #7c7c7c;
  font-size: 12px;
  padding: 0px 6px 0px;
  border-radius: 4px;
  font-weight: bold;
  margin-right: 7px;
  margin-left: 10px;
}
.student-video .student-content .video-list .el-collapse-item .el-collapse-item__content .video-url .el-icon-video-play {
  margin-left: 4px;
  font-size: 16px;
}

.student-course {
  background-color: #f7f7f7;
  min-height: 100vh;
}
.student-course .course-image img {
  width: 100%;
  height: 200px;
}
.student-course .course-tab {
  margin: 10px auto;
}
.student-course .course-tab .el-tabs__nav {
  width: 100%;
}
.student-course .course-tab .el-tabs__item {
  width: 20%;
  text-align: center;
  padding: 0;
}


.video-page[data-v-0499784a] {
  /* background: #f5f7fa; */
  /* min-height: 100vh; */
}
.video-box[data-v-0499784a] {
  position: relative;
  /* background: #000; */
  max-width: 350px;
  height: 158px;
  margin: 0 auto;
}

/* ✅ iOS 微信全屏兜底 */
[data-v-0499784a](.video-js .vjs-tech) {
  -o-object-fit: contain;
     object-fit: contain;
}

/* 隐藏 video.js 自带全屏 */
[data-v-0499784a](.vjs-fullscreen-control) {
  display: none !important;
}
.custom-fs-btn[data-v-0499784a] {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 10000;
  width: 44px;
  height: 44px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
}
.empty[data-v-0499784a] {
  text-align: center;
  color: #999;
  padding: 40px 0;
  background: #000;
}
.catalog[data-v-0499784a] {
  background: #fff;
  margin-top: 12px;
  padding: 16px;
}
.catalog-title[data-v-0499784a] {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}
.catalog-item[data-v-0499784a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.catalog-item.active[data-v-0499784a] {
  background: #ecf5ff;
  border-left: 4px solid #409eff;
}
.topic[data-v-0499784a] {
  font-size: 14px;
  color: #333;
}


.video-page[data-v-2f01970d] {
  /* background: #f5f7fa; */
  min-height: 100vh;
}
.video-box[data-v-2f01970d] {
  position: relative;
  /* background: #000; */
  z-index: 1;
  padding-bottom: 40px;
}

/* ✅ 真全屏下铺满 */
[data-v-2f01970d]:deep(video:-webkit-full-screen) {
  width: 100vw !important;
  height: 100vh !important;
  object-fit: cover !important;
}
[data-v-2f01970d]:deep(video:-ms-fullscreen) {
  width: 100vw !important;
  height: 100vh !important;
  object-fit: cover !important;
}
[data-v-2f01970d]:deep(video:fullscreen) {
  width: 100vw !important;
  height: 100vh !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

/* 自定义全屏按钮 */
.custom-fs-btn[data-v-2f01970d] {
  position: absolute;
  right: 16px;
  bottom: 24px;
  z-index: 10000;
  width: 44px;
  height: 44px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
}

/* 隐藏 video.js 自带按钮 */
[data-v-2f01970d]:deep(.vjs-fullscreen-control) {
  display: none !important;
}
.empty[data-v-2f01970d] {
  text-align: center;
  color: #999;
  padding: 40px 0;
  background: #000;
}
.catalog[data-v-2f01970d] {
  background: #fff;
  margin-top: 12px;
  padding: 16px;
}
.catalog-title[data-v-2f01970d] {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}
.catalog-item[data-v-2f01970d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.catalog-item.active[data-v-2f01970d] {
  background: #ecf5ff;
  border-left: 4px solid #409eff;
}
.item-left[data-v-2f01970d] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.topic[data-v-2f01970d] {
  font-size: 14px;
  color: #333;
}


.course-video-phone-android .video-js .vjs-tech {
    /* top: 5px !important; */
    /* left: 9% !important; */
}
.course-video-phone-android .vjs-custom-skin > .video-js .vjs-big-play-button{
    /* top: 78% !important;
    left: 75% !important;
    transform: translate(-50%, -50%) !important; */
}


.page[data-v-4ab83062] {
  padding: 16px;
}
.android-comp[data-v-4ab83062] {
  color: #07c160;
  font-size: 16px;
}
.ios-comp[data-v-4ab83062] {
  color: #007aff;
  font-size: 16px;
}

.video-ppt .el-dialog__body {
  height: 600px;
  overflow-y: auto;
}

.containvideo[data-v-31f18839] {
  display: flex;
  justify-content: space-between;
}
/* 课程介绍 */
.course-introduce[data-v-31f18839] {
  width: 100%;
  padding: 20px 0;
  background: #fafafa;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  margin: 12px auto;
  /* 课程简绍 */
}
.course-introduce .course-introduce-content[data-v-31f18839] {
  display: flex;
}
.course-introduce .introduce-img[data-v-31f18839] {
  padding: 20px;
}
.course-introduce .introduce-img img[data-v-31f18839] {
  width: 510px;
  height: 288px;
  border-radius: 16px;
}
.course-introduce .introduce-text[data-v-31f18839] {
  margin-top: 12px;
  /* course - info */
  /* 课程学习按钮 */
  /* 课程简绍 */
}
.course-introduce .introduce-text .text-title[data-v-31f18839] {
  font-size: 12px;
  line-height: 17px;
  padding: 2px 6px;
  border: 1px solid #e2b789;
  background: transparent;
  border-radius: 4px;
  display: inline-block;
  color: #cba265;
  border-color: #cba265;
}
.course-introduce .introduce-text .course-title[data-v-31f18839] {
  font-size: 24px;
  color: #333333;
  margin-right: 8px;
  font-weight: 600;
  margin: 0;
}
.course-introduce .introduce-text .course-info[data-v-31f18839] {
  border-radius: 8px;
  background: #f8f9fb;
  width: 600px;
  height: 120px;
  margin-top: 14px;
}
.course-introduce .introduce-text .course-info[data-v-31f18839] {
  position: relative;
}
.course-introduce .introduce-text .course-info p[data-v-31f18839] {
  margin: 0;
  padding: 6px 6px 6px 12px;
  color: #666666;
  font-size: 12px;
}
.course-introduce .introduce-text .course-info b[data-v-31f18839] {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #999;
  font-size: 12px;
  font-weight: normal;
}
.course-introduce .introduce-text .course-btn[data-v-31f18839] {
  margin-top: 24px;
}
.course-introduce .course-easy-text[data-v-31f18839] {
  width: 96%;
  background-color: #fff;
  margin: 0 auto;
  border-radius: 8px;
  padding: 6px;
}
.course-introduce .course-easy-text .easy-text[data-v-31f18839] {
  margin-left: 12px;
}
.course-introduce .course-easy-text p[data-v-31f18839] {
  margin: 0;
  /* padding:8px; */
  font-size: 12px;
  line-height: 24px;
  color: #333;
  text-indent: 24px;
}
.item[data-v-31f18839] {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: flex-start;
}
.videos[data-v-31f18839] {
  width: 19%;
  margin: 0 0 0 8px;
  height: 50%;
  border: 3px solid grey;
}
#video-title[data-v-31f18839] {
  font-size: 24px;
  color: black;
  font-weight: 600;
}
.vid[data-v-31f18839] {
  width: 80%;
  height: 20%;
}


.test-result[data-v-1019f440] {
  background: #f5f7fa;
  min-height: 100vh;
  padding: 12px;
}

/* 得分 */
.score[data-v-1019f440] {
  background: #fff;
  padding: 16px;
  border-radius: 12px;
  font-size: 15px;
  text-align: center;
  color: #7fab26;
  font-weight: 600;
  margin-bottom: 12px;
}

/* 题目 */
.question[data-v-1019f440] {
  background: #fff;
  padding: 16px;
  border-radius: 12px;
  margin-bottom: 12px;
}
.question-title[data-v-1019f440] {
  font-size: 15px;
  line-height: 1.6;
}
.question-title .type[data-v-1019f440] {
  color: #7fab26;
  border: 1px solid #7fab26;
  padding: 2px 6px;
  border-radius: 4px;
  margin-right: 8px;
}
.right-answer[data-v-1019f440] {
  color: #f56c6c;
  font-size: 13px;
  margin-left: 8px;
}

/* 选项 */
.options[data-v-1019f440] {
  margin-top: 16px;
}
.option[data-v-1019f440] {
  display: flex;
  align-items: center;
  padding: 14px;
  border: 1px solid #e4e7ed;
  border-radius: 10px;
  margin-bottom: 12px;
  font-size: 15px;
}
.option span[data-v-1019f440]:first-child {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  background: #f5f7fa;
  margin-right: 12px;
  flex-shrink: 0;
}
.option.right span[data-v-1019f440]:first-child {
  background: #7fab26;
  color: #fff;
}
.option.wrong span[data-v-1019f440]:first-child {
  background: #f56c6c;
  color: #fff;
}
.option.disabled[data-v-1019f440] {
  opacity: 0.6;
}

/* 答题卡 */
.answer-card[data-v-1019f440] {
  background: #fff;
  padding: 16px;
  border-radius: 12px;
}
.card-title[data-v-1019f440] {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
}
.card-grid[data-v-1019f440] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}
.card-item[data-v-1019f440] {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 8px;
  font-size: 14px;
}
.card-item.right[data-v-1019f440] {
  background: #7fab26;
  color: #fff;
}
.card-item.wrong[data-v-1019f440] {
  background: #f56c6c;
  color: #fff;
}

.test-pre-btn[data-v-93ba4f52],
.test-next-btn[data-v-93ba4f52] {
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
}
.test-pre-btn[data-v-93ba4f52] {
  background-color: #67C23A;
  border-color: #ebeef57a;
  color: #fff;
}
.test-next-btn[data-v-93ba4f52] {
  background-color: #409eff;
}
.test[data-v-93ba4f52] {
  margin-top: 10px;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  background: #fafafa;
}
.test ul[data-v-93ba4f52] {
  list-style: none;
}
.content-3[data-v-93ba4f52] {
  width: 98%;
  padding: 20px 0;
  margin: 0px auto 0;
  /* //按钮 */
  /* // 问答情况 */
  /* // 我要交卷 */
  /* // 考核通过 */
  /* // 考试通过题目 */
  /* // 视频未看完,课后考核的样式 */
}
.content-3 ul[data-v-93ba4f52] {
  padding: 0;
  margin: 0 auto;
  border-radius: 8px;
}
.content-3 ul li[data-v-93ba4f52] {
  padding: 12px 12px 12px 20px;
  /* // 答案选择 */
}
.content-3 ul li .question-title[data-v-93ba4f52] {
  margin: 4px 0 12px;
}
.content-3 ul li .question-title span[data-v-93ba4f52]:nth-child(2) {
  border: 1px solid #8adbb0;
  color: #8adbb0;
  font-size: 14px;
  padding: 0 6px;
  margin: 0 8px;
}
.content-3 ul li .question-choice[data-v-93ba4f52] {
  margin-top: 16px;
  margin-left: 3%;
}
.content-3 ul li .question-choice p[data-v-93ba4f52] {
  margin-bottom: 16px;
  cursor: pointer;
}
.content-3 ul li .question-choice span[data-v-93ba4f52]:first-child {
  margin-right: 20px;
  border-radius: 50%;
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  font-size: 12px;
}
.content-3 ul li .question-choice span[data-v-93ba4f52]:nth-child(2) {
  font-size: 24px;
}
.content-3 ul li .question-choice .active-answer[data-v-93ba4f52] {
  background-color: #7fab26;
  color: #fff;
  border: 1px solid #7fab26;
}
.content-3 .btn[data-v-93ba4f52] {
  margin-top: 20px;
  display: flex;
  justify-content: space-around;
  margin-left: 10px;
}
.content-3 .btn .u-button[data-v-93ba4f52] {
  margin-right: 20px;
}
.content-3 .btn .u-button[data-v-93ba4f52]:nth-child(2) {
  margin-right: 0;
}
.content-3 .answer-over-view[data-v-93ba4f52] {
  width: 90%;
  margin: 0px auto 0;
  border-radius: 16px;
}
.content-3 .answer-over-view p[data-v-93ba4f52] {
  font-size: 14px;
  font-weight: bold;
  padding: 16px 16px 0 16px;
}
.content-3 .answer-over-view ul[data-v-93ba4f52] {
  display: flex;
  flex-wrap: wrap;
  padding: 16px;
}
.content-3 .answer-over-view ul .active-answer-over-view[data-v-93ba4f52] {
  background-color: #7fab26;
  color: #fff;
}
.content-3 .answer-over-view ul li[data-v-93ba4f52] {
  padding: 0;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  margin: 16px 16px 16px 0;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
}
.content-3 .upload-answer[data-v-93ba4f52] {
  display: flex;
  justify-content: flex-end;
}
.content-3 .text-success[data-v-93ba4f52] {
  width: 96%;
  margin: 20px auto 0;
  background-color: #fff;
  padding: 16px;
  font-size: 30px;
  color: #2e8b57;
}
.content-3 .text-success .text-point[data-v-93ba4f52] {
  font-size: 34px;
  font-weight: bold;
}
.content-3 .test-test[data-v-93ba4f52] {
  margin-top: 20px;
}
.content-3 .test-test ul[data-v-93ba4f52] {
  width: 100%;
}

.test-test[data-v-441ecfb1] {
  position: relative;
}
.test-test .test-point[data-v-441ecfb1] {
  position: absolute;
  right: 160px;
  bottom: -96px;
  font-weight: normal;
  font-size: 20px;
  margin: 0;
}
/* //用户选择的正确答案 */
.active-answer2[data-v-441ecfb1] {
  background-color: #c45656;
  color: #fff;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  font-size: 24px;
  margin-right: 10px;
}
.active-answer4[data-v-441ecfb1] {
  background-color: #efefef;
  color: #fff;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  font-size: 24px;
  margin-right: 10px;
}
.active-answer3[data-v-441ecfb1],
.active-answer[data-v-441ecfb1] {
  background-color: #7fab26;
  color: #fff;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  font-size: 24px;
  margin-right: 10px;
}
.text-success-list[data-v-441ecfb1] {
  margin-top: 20px;
}
.text-success-list ul[data-v-441ecfb1] {
  display: flex;
  flex-wrap: wrap;
  padding: 16px;
  list-style: none;
}
.text-success-list li[data-v-441ecfb1] {
  padding: 12px 12px 12px 15px !important;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  margin: 16px 16px 16px 0;
  font-size: 24px;
  text-align: center;
}
.text-success-list .user-choice-right[data-v-441ecfb1] {
  background-color: #7fab26;
  color: #fff;
}
.text-success-list .user-choice-error[data-v-441ecfb1] {
  background-color: #c45656;
  color: #fff;
}

.test[data-v-688018b6] {
  margin-top: 10px;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  background: #fafafa;
}
.test ul[data-v-688018b6] {
  list-style: none;
}
.content-3[data-v-688018b6] {
  width: 98%;
  padding: 20px 0;
  margin: 0px auto 0;
  /* //按钮 */
  /* // 问答情况 */
  /* // 我要交卷 */
  /* // 考核通过 */
  /* // 考试通过题目 */
  /* // 视频未看完,课后考核的样式 */
}
.content-3 ul[data-v-688018b6] {
  width: 98%;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 8px;
}
.content-3 ul li[data-v-688018b6] {
  padding: 12px 12px 12px 20px;
  /* // 答案选择 */
}
.content-3 ul li .question-title[data-v-688018b6] {
  margin: 4px 0 12px;
}
.content-3 ul li .question-title span[data-v-688018b6]:nth-child(2) {
  border: 1px solid #8adbb0;
  color: #8adbb0;
  font-size: 14px;
  padding: 0 6px;
  margin: 0 8px;
}
.content-3 ul li .question-choice[data-v-688018b6] {
  margin-top: 16px;
  margin-left: 3%;
}
.content-3 ul li .question-choice p[data-v-688018b6] {
  margin-bottom: 16px;
  cursor: pointer;
}
.content-3 ul li .question-choice span[data-v-688018b6]:first-child {
  margin-right: 20px;
  border: 1px solid #dcdcdc;
  border-radius: 50%;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 24px;
}
.content-3 ul li .question-choice span[data-v-688018b6]:nth-child(2) {
  font-size: 24px;
}
.content-3 ul li .question-choice .active-answer[data-v-688018b6] {
  background-color: #7fab26;
  color: #fff;
  border: 1px solid #7fab26;
}
.content-3 .btn[data-v-688018b6] {
  margin-top: 20px;
  display: flex;
  justify-content: space-around;
  margin-left: 10px;
}
.content-3 .btn .u-button[data-v-688018b6] {
  margin-right: 20px;
}
.content-3 .btn .u-button[data-v-688018b6]:nth-child(2) {
  margin-right: 0;
}
.content-3 .answer-over-view[data-v-688018b6] {
  width: 100%;
  margin: 0px auto 0;
  background-color: #fff;
  border-radius: 16px;
}
.content-3 .answer-over-view p[data-v-688018b6] {
  font-size: 28px;
  font-weight: bold;
  padding: 16px 16px 0 16px;
}
.content-3 .answer-over-view ul[data-v-688018b6] {
  display: flex;
  flex-wrap: wrap;
  padding: 16px;
}
.content-3 .answer-over-view ul .active-answer-over-view[data-v-688018b6] {
  background-color: #7fab26;
  color: #fff;
}
.content-3 .answer-over-view ul li[data-v-688018b6] {
  padding: 0;
  width: 68px;
  height: 68px;
  line-height: 68px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  margin: 16px 16px 16px 0;
  font-size: 24px;
  text-align: center;
  cursor: pointer;
}
.content-3 .upload-answer[data-v-688018b6] {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}
.content-3 .text-success[data-v-688018b6] {
  width: 96%;
  margin: 20px auto 0;
  background-color: #fff;
  padding: 16px;
  font-size: 30px;
  color: #2e8b57;
}
.content-3 .text-success .text-point[data-v-688018b6] {
  font-size: 34px;
  font-weight: bold;
}
.content-3 .test-test[data-v-688018b6] {
  margin-top: 20px;
}
.content-3 .test-test ul[data-v-688018b6] {
  width: 100%;
}


.works[data-v-328be7f6] {
  background: #f5f7fa;
  min-height: 100vh;
  padding: 12px;
}

/* 主区域 */
.works-main[data-v-328be7f6] {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
}

/* 提示 */
.tips[data-v-328be7f6] {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 1.8;
}
.tips .title[data-v-328be7f6] {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 8px;
}
.warn[data-v-328be7f6] {
  color: #f56c6c;
  font-weight: bold;
}

/* 示例图 */
.examples[data-v-328be7f6] {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}
.example img[data-v-328be7f6] {
  width: 100%;
  border-radius: 8px;
}

/* 上传 */
.upload[data-v-328be7f6] {
  border-top: 1px solid #eee;
  padding-top: 16px;
}
.upload-title[data-v-328be7f6] {
  font-weight: bold;
  margin-bottom: 12px;
}
.upload-box[data-v-328be7f6] {
  text-align: center;
}
.upload-btn[data-v-328be7f6] {
  width: 100%;
  height: 120px;
  border: 2px dashed #c0ccda;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #666;
}

/* 已上传 */
.uploaded-list[data-v-328be7f6] {
  margin-top: 20px;
}
.sub-title[data-v-328be7f6] {
  font-weight: bold;
  margin-bottom: 8px;
}
.list .item[data-v-328be7f6] {
  display: flex;
  align-items: center;
  background: #fafafa;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 10px;
}
.list img[data-v-328be7f6] {
  width: 60px;
  height: 60px;
  border-radius: 6px;
  margin-right: 10px;
}
.info[data-v-328be7f6] {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 无权限 */
.no-auth[data-v-328be7f6] {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  color: #f56c6c;
  text-align: center;
}
.no-auth .title[data-v-328be7f6] {
  font-weight: bold;
  margin-bottom: 8px;
}

.upload-img-list[data-v-8cc20b76] {
  /* background-color:#fff; */
}
.upload-img-list p[data-v-8cc20b76] {
  font-weight: bold;
}
.upload-img-list .list-content[data-v-8cc20b76] {
  height: 350px;
  overflow-y: auto;
}
.upload-img-list .list-item[data-v-8cc20b76] {
  display: flex;
  border: 1px solid #efefef;
  padding: 8px;
  margin-bottom: 10px;
  align-items: center;
  justify-content: space-between;
}
.upload-img-list .list-item .item-left[data-v-8cc20b76] {
  display: flex;
  align-items: center;
}
.upload-img-list .list-item .item-left .el-image[data-v-8cc20b76] {
  cursor: pointer;
}
.upload-img-list .list-item span[data-v-8cc20b76] {
  margin-left: 10px;
}
.upload-img-list .list-item img[data-v-8cc20b76] {
  /* width:50px; */
  height: 50px;
}
.works[data-v-8cc20b76] {
  margin-top: 10px;
  padding: 20px;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  background: #fafafa;
  overflow: hidden;
  display: flex;
}
.works .works-upload[data-v-8cc20b76] {
  width: 50%;
  margin-left: 30px;
}
.works .works-upload .upload-title p[data-v-8cc20b76] {
  margin: 0 0 8px 0;
}
.works .works-upload .upload-title p[data-v-8cc20b76]:first-child {
  font-weight: bold;
  font-size: 24px;
}
.works .works-item-example[data-v-8cc20b76] {
  border-right: 1px dashed #e4e7ed;
  width: 50%;
  /* width: %; */
  /* padding:20px; */
  /* margin: 10px auto; */
  /* background-color: #fff; */
}
.works .works-item-example .example-title p[data-v-8cc20b76] {
  margin: 0 0 8px 0;
}
.works .works-item-example .example-title p[data-v-8cc20b76]:first-child {
  font-weight: bold;
  font-size: 24px;
}
.works .works-item-example .example-title p[data-v-8cc20b76]:nth-child(2) {
  margin-top: 10px;
}
.works .works-item-example .example-title p:nth-child(3) span[data-v-8cc20b76] {
  color: #f56c6c;
  font-weight: bold;
}
.works .works-item-example .example-img[data-v-8cc20b76] {
  display: flex;
}
.works .works-item-example .example-img .img-item1[data-v-8cc20b76] {
  margin-right: 12px;
}

.download-container {
  width: 100%;
  margin: 10px auto;
  position: relative;
  /* padding: 20px; */
}
.download-container .show-btn {
  position: absolute;
  right: 10px;
  top: 10px;
}
.download-section {
  padding: 0px 20px 20px 20px;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  background: #fafafa;
}
.download-btn {
  margin: 10px 5px;
}
.preview-container {
  text-align: center;
  margin: 20px 0;
}
.download-btn {
  color: #FFF;
  background-color: #409EFF;
  border-color: #409EFF;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #DCDFE6;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 4px;
}

.download-container {
  width: 100%;
  margin: 10px auto;
  position: relative;
  /* padding: 20px; */
}
.download-container .show-btn {
  position: absolute;
  right: 10px;
  top: 10px;
}
.download-section {
  padding: 20px;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  background: #fafafa;
}
.download-btn {
  margin: 10px 5px;
}
.preview-container {
  text-align: center;
  margin: 20px 0;
}


.home-work .el-step__title {
  font-size: 12px;
  line-height: 24px;
}


.home-work[data-v-068cd52f] {
  min-height: 100vh;
  background: #f5f7fa;
  padding: 16px 16px 80px;
  box-sizing: border-box;
}

/* 步骤条 */
.steps[data-v-068cd52f] {
  background: #fff;
  padding: 16px;
  border-radius: 12px;
  margin-bottom: 12px;
  font-size: 12px;
  position: fixed;
  left: 0;
  right: 0;
  top: 60px;
  z-index: 1000;
}

/* 内容 */
.step-content[data-v-068cd52f] {
  background: #fff; 
  border-radius: 12px;
  padding: 16px;
  margin-top: 16px;
}

/* 底部按钮 */
.footer-bar[data-v-068cd52f] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  padding: 12px 16px env(safe-area-inset-bottom);
  display: flex;
  justify-content: space-between;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
.next-footer-btn,.pre-footer-btn {
    background-color: #FFF;
    border-color: #EBEEF5;
    color: #C0C4CC;
    border: 1px solid #DCDFE6;
    text-align: center;
    box-sizing: border-box;
    margin: 0 0 12px 0;
    transition: .1s;
    font-weight: 500;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
}
.next-footer-btn{
    background-color: #409EFF;
    border-color: #409EFF;
    color: #FFF;
}
}

.step-item[data-v-59d571c3] {
  display: flex;
  justify-content: space-between;
}
.step-item .step-item-back[data-v-59d571c3] {
  position: absolute;
  left: 16px;
  top: 3px;
}
.step-item .step-item-arrow[data-v-59d571c3] {
  position: absolute;
  right: 16px;
  top: 3px;
}
.home-work[data-v-59d571c3] {
  width: 98%;
  margin: 20px auto;
  position: relative;
}
.bt[data-v-59d571c3] {
  display: flex;
  justify-content: center;
}
.dohomework[data-v-59d571c3] {
  display: flex;
  justify-content: center;
}
.finish-empty[data-v-59d571c3] {
  font-weight: bold;
  color: #f56c6c;
}

.video-ppt .el-dialog__body {
  height: 600px;
  overflow-y: auto;
}

.containvideo[data-v-32d48a16] {
  display: flex;
  justify-content: space-between;
}
.item[data-v-32d48a16] {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: flex-start;
}
.videos[data-v-32d48a16] {
  width: 19%;
  margin: 0 0 0 8px;
  height: 50%;
  border: 3px solid grey;
}
#video-title[data-v-32d48a16] {
  font-size: 24px;
  color: black;
  font-weight: 600;
}
.vid[data-v-32d48a16] {
  width: 80%;
  height: 20%;
}


.block[data-v-62d25c06] {
    height: 60px;
}
.blockl[data-v-62d25c06] {
    position: absolute;
    right: 0px;
    line-height: 60px;
}
.ls[data-v-62d25c06] {
    height: 100%;
}
.title[data-v-62d25c06] {
    line-height: 100%;
    padding: 15px 0 0 15px;
    font-weight: bold;
    color: #ffffff;
    position: absolute;
    font-size: 24px;
}


.el-aside[data-v-626ed268] {
    /*background-color: #;*/
    text-align: left;
    background-color: #efefef;
}
.aside[data-v-626ed268] {
    /* margin-top: 10px; */
    background-color: #efefef; 
    text-align: left;
}
.el-menu-item[data-v-626ed268] {
    font-size: 14px;
    /* padding: 0 20px; */
    cursor: pointer;
    /* transition: border-color .3s,background-color .3s,color .3s; */
    box-sizing: border-box;
    width:200px;
}
.el-menu-item[data-v-626ed268],
.el-submenu__title[data-v-626ed268] {
    /* height: 90px; */
    /* line-height:90px; */
    position: relative;
    -webkit-box-sizing: border-box;
    white-space: nowrap;
    list-style: none;
}

.admin-container[data-v-939d37e6] {
  display: flex;
  width: 100%;
  height: 100vh;
}
.admin-container .left-side[data-v-939d37e6] {
  background-color: #001529;
  padding-top: 12px;
  overflow: hidden;
  min-width: 200px;
}
.admin-container .left-side .school-logo[data-v-939d37e6] {
  color: #fff;
  display: flex;
  margin-left: 12px;
  margin-top: 8px;
  align-items: center;
  height: 30px;
}
.admin-container .left-side .school-logo .img[data-v-939d37e6] {
  width: 40px;
  height: 40px;
  margin-top: 12px;
}
.admin-container .left-side .school-logo .img img[data-v-939d37e6] {
  width: 100%;
  height: 100%;
}
.admin-container .left-side .school-logo .img-text[data-v-939d37e6] {
  margin-top: 12px;
  margin-left: 12px;
  font-weight: bold;
  font-size: 20px;
}
.admin-container .left-side .el-aside[data-v-939d37e6] {
  overflow: hidden;
}
.admin-container .right-side[data-v-939d37e6] {
  width: 100%;
  height: 100vh;
}
.admin-container .right-side .right-main[data-v-939d37e6] {
  background-color: #f4F6F8;
  height: calc(100vh - 60px);
  overflow-y: auto;
}
.admin-container .right-side .right-main .welcomes[data-v-939d37e6] {
  width: 98%;
  height: calc(100vh - 100px);
  margin: 0 auto;
  overflow-y: hidden;
  border-radius: 8px;
}
.el-container.is-vertical[data-v-939d37e6] {
  flex-direction: column;
  height: 100%;
  overflow-x: hidden;
  background-color: #F5F7F9;
}
.el-header[data-v-9aae6930][data-v-939d37e6],
.el-footer[data-v-9aae6930][data-v-939d37e6] {
  /* background-color: #6A5ACD; */
  background-color: #F5F7F9;
  color: #333;
  text-align: center;
  line-height: 60px;
  /* border-bottom: 1px solid #483D8B; */
}
.el-aside[data-v-939d37e6] {
  background-color: #001529;
  color: #333;
  text-align: center;
  line-height: 200px;
}
.aside[data-v-2c9fb0d2][data-v-939d37e6] {
  margin-top: 10px;
  background-color: #14252f;
}
.el-main[data-v-939d37e6] {
  background-color: rgba(233, 238, 243, 0.1);
  color: #333;
  overflow: hidden;
}
body > .el-container[data-v-939d37e6] {
  margin-bottom: 40px;
}
.el-container:nth-child(5) .el-aside[data-v-939d37e6],
.el-container:nth-child(6) .el-aside[data-v-939d37e6] {
  line-height: 260px;
}
.el-container:nth-child(7) .el-aside[data-v-939d37e6] {
  line-height: 320px;
}

































































/* /deep/ .auto-textarea-wrapper .auto-textarea-input{
    height: 60vh;
    overflow-y: auto;
} */
.last[data-v-3d126989] {
    width: 95%;
    height: 200px;
    margin: 20px auto;
}


.center[data-v-3b435d1c]{
    display: flex;
    justify-content: center;
}


.student-home[data-v-380bc351] {
  /* min-height: 100vh;
  background: #f5f7fa; */
}

/* 轮播容器 */
.carousel-img[data-v-380bc351] {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* background: #e8e8e8; 图片未填满时的背景色  */
}

/* 图片样式（关键） */
.carousel-img img[data-v-380bc351] {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain; /* ✅ 完整显示 */
}

/* 简介 */
.intro[data-v-380bc351] {
  padding: 16px;
  background: #fff;
  margin-top: 12px;
}
.intro h2[data-v-380bc351] {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
}
.intro p[data-v-380bc351] {
  font-size: 14px;
  line-height: 1.8;
  color: #555;
  text-indent: 2em;
  margin-bottom: 12px;
}

.home-content {
  height: 100vh;
}
.home-content ul,
.home-content p {
  padding: 0;
  margin: 0;
}
.home-content .home-phone-swiper {
  width: 96%;
  margin: 0 auto;
  padding-top: 10px;
}
.home-content .home-phone-swiper .el-carousel {
  border-radius: 8px;
}
.home-content .course-list {
  width: 96%;
  margin: 10px auto;
}
.home-content .course-list .el-tabs__content {
  padding-top: 0;
}
.home-content .course-list ul {
  list-style: none;
  padding: 0;
  margin-top: 12px;
}
.home-content .course-list ul li {
  display: flex;
}
.home-content .course-list ul li .list-left img {
  width: 100%;
  height: 90px;
}
.home-content .course-list ul li .list-right {
  font-size: 12px;
  margin-left: 16px;
}
.home-content .course-list ul li .list-right p {
  margin-bottom: 8px;
}
.home-content .course-list ul li .list-right p:first-child {
  font-weight: bold;
}
.home-content .course-list ul li .list-right p:nth-child(2) {
  color: #7c7c7c;
  font-size: 13px;
}
.home-content .course-list ul li .list-right p:nth-child(3) {
  color: #7c7c7c;
}
.home-content .course-list ul li .list-right p:nth-child(3) .reported {
  background-color: #53c21d !important;
}
.home-content .course-list ul li .list-right p:nth-child(3) .is-report {
  display: inline-block;
  width: 40px;
  background-color: #e45656;
  font-size: 12px;
  margin-right: 12px;
  color: #fff;
  padding: 2px 6px;
  text-align: center;
  border-radius: 4px;
}
.home-content .course-list ul li .list-right p:nth-child(3) .report-number {
  font-size: 12px;
}


.con[data-v-2cc38baa]{
    height: 100vh!important;
    overflow-y: auto!important;
}
.el-card[data-v-2cc38baa]{
    margin-top: 20px;
}
#tips[data-v-2cc38baa] {
    font-size: 26px;
    font-weight: 600;
}

.add-student-btn[data-v-72279aef] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 12px;
}
.add-student-btn .student-title[data-v-72279aef] {
  font-weight: bold;
  margin-left: 12px;
  font-size: 18px;
}
.add-student-btn .add-btn[data-v-72279aef] {
  background-color: #409EFF;
  color: #fff;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  margin: 6px 0 0 8px;
  cursor: pointer;
}
.oprate-btn[data-v-72279aef] {
  display: flex;
  justify-content: center;
}
.oprate-btn .btn[data-v-72279aef] {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  border-radius: 4px;
  padding: 0 10px;
  cursor: pointer;
}
.oprate-btn .btn-edit[data-v-72279aef] {
  background-color: #ecf5ff;
  color: #409EFF;
}
.oprate-btn .btn-delete[data-v-72279aef] {
  background-color: #fef0f0;
  color: #f56c6c;
  margin-left: 10px;
}
el-table-column[data-v-72279aef] {
  line-height: 50px;
}

.list-table-admin {
  margin: 16px 0;
  height: 66vh;
  background-color: #fff;
  border-radius: 8px;
  padding: 12px;
  overflow-y: auto;
}
.list-table-admin .el-table__header {
  height: 46px;
}
.list-table-admin .el-table__cell {
  padding: 4px 0 !important;
}
.input-search {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px 12px 10px;
}
.input-search .el-form {
  display: flex;
  flex-wrap: wrap;
}
.input-search .el-form .el-form-item {
  margin-right: 40px;
  margin-bottom: 12px;
}
.input-search .el-input__inner {
  width: 240px;
  height: 30px;
}
.input-search .el-button {
  font-size: 14px !important;
  padding: 8px 20px;
  margin-top: 5px;
}

.add-student-btn[data-v-348fb546] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 12px;
}
.add-student-btn .student-title[data-v-348fb546] {
  font-weight: bold;
  margin-left: 12px;
  font-size: 18px;
}
.add-student-btn .add-btn[data-v-348fb546] {
  background-color: #409EFF;
  color: #fff;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  margin: 6px 0 0 8px;
  cursor: pointer;
}
.oprate-btn[data-v-348fb546] {
  display: flex;
  justify-content: center;
}
.oprate-btn .btn[data-v-348fb546] {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  border-radius: 4px;
  padding: 0 10px;
  cursor: pointer;
}
.oprate-btn .btn-upload[data-v-348fb546] {
  background-color: #f0f9eb;
  color: #67C23A;
}
.oprate-btn .btn-edit[data-v-348fb546] {
  background-color: #ecf5ff;
  color: #409EFF;
  margin: 0 12px;
}
.oprate-btn .btn-delete[data-v-348fb546] {
  background-color: #fef0f0;
  color: #f56c6c;
}
el-table-column[data-v-348fb546] {
  line-height: 50px;
}


.demo[data-v-f1e71358] {
    width: 200px;
    /*height: 20%;*/
    text-align: center;
    line-height: 20%;
    border: 1px solid transparent;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    position: relative;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    margin-right: 4px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.course[data-v-f1e71358] {
    display: inline-block;
}
.ta[data-v-f1e71358] {
    display: flex;
    justify-content: space-between;
}
.dem[data-v-f1e71358] {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.el-image__inner[data-v-f1e71358] {
    vertical-align: top;
    height: 200px;
}
.demo[data-v-f1e71358]:hover {
    /* display: block; */
}


.text[data-v-5142a516] {
    font-size: 14px;
}
.item[data-v-5142a516] {
    margin-bottom: 18px;
}
.clearfix[data-v-5142a516]:before,
.clearfix[data-v-5142a516]:after {
    display: table;
    content: "";
}
.clearfix[data-v-5142a516]:after {
    clear: both
}
.box-card[data-v-5142a516] {
    width: 480px;
}
.box[data-v-5142a516] {
    display: flex;
    justify-content: center;
}

.home-work[data-v-4bfdaef5] {
  width: 98%;
  margin: 20px auto;
}
.bt[data-v-4bfdaef5] {
  display: flex;
  justify-content: center;
}
.dohomework[data-v-4bfdaef5] {
  display: flex;
  justify-content: center;
}
.finish-empty[data-v-4bfdaef5] {
  font-weight: bold;
  color: #f56c6c;
}


.containvideo[data-v-31fbfda2] {
    display: flex;
    justify-content: space-between;
}
.item[data-v-31fbfda2] {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: flex-start;
}
.videos[data-v-31fbfda2] {
    width: 19%;
    margin: 0 0 0 8px;
    height: 50%;
    border: 3px solid grey;
}
#video-title[data-v-31fbfda2] {
    font-size: 24px;
    color: black;
    font-weight: 600;
}
.vid[data-v-31fbfda2] {
    width: 80%;
    height: 20%;
}


.el-input__inner[data-v-17d8156b] {
    margin-top: 10px;
}
.el-textarea__inner[data-v-17d8156b] {
    margin-top: 10px;
}
.last[data-v-17d8156b] {
    width: 95%;
    height: 200px;
    margin: 20px auto;
}
.ce[data-v-17d8156b] {
    display: flex;
    justify-content: space-around;
}
.cls[data-v-17d8156b] {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}


.demo[data-v-17500b98] {
    width: 200px;
    /*height: 20%;*/
    text-align: center;
    line-height: 20%;
    border: 1px solid transparent;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    position: relative;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    margin-right: 4px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
el-button[data-v-17500b98] {
    display: inline-block;
}
.course[data-v-17500b98] {
    display: inline-block;
}
.ta[data-v-17500b98] {
    display: flex;
    justify-content: space-between;
}
.dem[data-v-17500b98] {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.el-image__inner[data-v-17500b98] {
    vertical-align: top;
    height: 200px;
}
.demo[data-v-17500b98]:hover {
    display: block;
}


.containvideo[data-v-76853cbf] {
    display: flex;
    justify-content: space-between;
}
.item[data-v-76853cbf] {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: flex-start;
}
.videos[data-v-76853cbf] {
    width: 19%;
    margin: 0 0 0 8px;
    height: 50%;
    border: 3px solid grey;
}
#video-title[data-v-76853cbf] {
    font-size: 24px;
    color: black;
    font-weight: 600;
}
.vid[data-v-76853cbf] {
    width: 80%;
    height: 20%;
}


.es[data-v-d8a148e2] {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}


.containvideo[data-v-6ed6f0f9] {
    display: flex;
    justify-content: space-between;
}
.item[data-v-6ed6f0f9] {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: flex-start;
}
.videos[data-v-6ed6f0f9] {
    width: 19%;
    margin: 0 0 0 8px;
    height: 50%;
    border: 3px solid grey;
}
#video-title[data-v-6ed6f0f9] {
    font-size: 24px;
    color: black;
    font-weight: 600;
}
.vid[data-v-6ed6f0f9] {
    width: 80%;
    height: 20%;
}


.demo[data-v-6b484caa] {
    width: 200px;
    /*height: 20%;*/
    text-align: center;
    line-height: 20%;
    border: 1px solid transparent;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    position: relative;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    margin-right: 4px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
el-button[data-v-6b484caa] {
    display: inline-block;
}
.course[data-v-6b484caa] {
    display: inline-block;
}
.ta[data-v-6b484caa] {
    display: flex;
    justify-content: space-between;
}
.dem[data-v-6b484caa] {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.el-image__inner[data-v-6b484caa] {
    vertical-align: top;
    height: 200px;
}
.demo[data-v-6b484caa]:hover {
    display: block;
}


.el-card[data-v-7f22460a]{
    margin-top: 20px;
}

html,body,#app{
    height: 100%;
    padding: 0px;
    margin: 0px;
    /*background-image: url("../public/bg.jpg");*/
    /*background-size: 100%;*/
}




/*# sourceMappingURL=app.69462c94.css.map*/