.font-red {
  color: #f84445;
}
.bg-blue-1 {
  background: #b4e2fa;
}
.bg-blue-2 {
  background: #eff9ff;
}
.bg-red {
  background: #f84445;
}
.bg-gray {
  background: #ccc;
}
.bg-green {
  background: #247223;
}
.bg-gray-1 {
  background: #e3e3e3;
}
.bg-eb {
  background: #ebebeb;
}
.bg-yellow {
  background: #fed45b;
}
.bg-orange {
  background: #ee7218;
}
.border-red {
  border: 2px solid #f84445;
}
.border-gary {
  border: 1px solid #dddddd;
}
.no-border-left {
  border-left: none;
}
.no-border-right {
  border-right: none;
}
.no-border-top {
  border-top: none;
}
.no-border-bottom {
  border-bottom: none;
}
td.bg-gray-1:hover {
  background: #d8d8d8;
}
td.bg-yellow:hover {
  background: #eac251;
}
td.bg-blue-1:hover {
  background: #99cbe6;
}
/*按钮组*/
a.btn-del {}
section {
  width: 1200px;
  margin: auto;
  padding: 25px 0 350px;
  display: flex;
}
/*t-tab*/
#timeTable {
  padding-left: 50px;
  width: 100%;
}
#timeTable .title {
  height: 50px;
  position: relative;
}
#timeTable .week {
  display: inline-flex;
  align-items: center;
}
#timeTable .date {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.date i {
  cursor: pointer;
  display: inline-block;
  background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to bottom, #fff, #fff);
  background-repeat: no-repeat;
  background-size: 10px 2px, 2px 10px;
  background-position: 22px 6px;
  padding: 14px 30px;
}
.date i:first-child {
  transform: rotate(-45deg);
}
.date i:last-child {
  transform: rotate(135deg);
}
#timeTable .table {
  width: 100%;
}
#timeTable tr {
  height: 50px;
}
#timeTable .thead .title {
  background-color: #068358;
}
#timeTable td {
  text-align: center;
  border: 1px solid #d5d5d5;
  width: 10%;
  position: relative;
}
#timeTable td>div.selected {
  border-left: 2px solid #068358;
  border-right: 2px solid #068358;
  margin: -1px;
  height: 52px;
}
#timeTable td>div.selected-2 {
  border-left: 2px solid #068358;
  border-right: 2px solid #068358;
  margin: -1px;
  height: 104px;
}
#timeTable td>div.selected-3 {
  border-left: 2px solid #068358;
  border-right: 2px solid #068358;
  margin: -1px;
  height: 156px;
}
#timeTable td>div.selected-4 {
  border-left: 2px solid #068358;
  border-right: 2px solid #068358;
  margin: -1px;
  height: 208px;
}
#timeTable td>div.selected-5 {
  border-left: 2px solid #068358;
  border-right: 2px solid #068358;
  margin: -1px;
  height: 260px;
}
#timeTable td>div.selected-6 {
  border-left: 2px solid #068358;
  border-right: 2px solid #068358;
  margin: -1px;
  height: 312px;
}
#timeTable td>div.selected-7 {
  border-left: 2px solid #068358;
  border-right: 2px solid #068358;
  margin: -1px;
  height: 364px;
}
#timeTable td>div.selected-8 {
  border-left: 2px solid #068358;
  border-right: 2px solid #068358;
  margin: -1px;
  height: 416px;
}
#timeTable td>div.selected-9 {
  border-left: 2px solid #068358;
  border-right: 2px solid #068358;
  margin: -1px;
  height: 468px;
}
#timeTable td>div.selected-10 {
  border-left: 2px solid #068358;
  border-right: 2px solid #068358;
  margin: -1px;
  height: 520px;
}
#timeTable td>div.selected-last {
  border-left: 2px solid #068358;
  border-right: 2px solid #068358;
  border-bottom: 2px solid #068358;
  margin: -1px;
}
#timeTable td a:hover {
  color: #fff;
}
#timeTable.thead-tag td {
  border: 1px solid #ebebeb;
}
#timeTable .thead-tag td {
  text-align: left;
}
#timeTable .thead-tag td span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 20px;
}
#timeTable .thead-tag td span em {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: 0 6px;
}
#timeTable .time {
  background: #ebebeb;
  color: #878787;
}
#timeTable .time>td>div.selectTop {
  border-left: 2px solid #068358;
  border-right: 2px solid #068358;
  margin: -1px;
  height: 50px;
  line-height: 50px;
  color: #068358;
}
#timeTable td.time_1 {
  width: 3.6%;
}
#timeTable .tab-1 td.time_2 {
  width: 11.65%;
}
#timeTable .tab-2 td.time_1 {
  width: 3.08%;
}
#timeTable .am {
  background: #c7e4f2;
}
#timeTable .pm {
  background: #f5e9ad;
}
#timeTable .white-bg {
  background: #fff;
}
#timeTable .edit,
#timeTable .check {
  display: inline-block;
  width: 100px;
  height: 30px;
  border-radius: 7px;
  line-height: 30px;
  color: #fff;
  cursor: pointer;
}
#timeTable .edit {
  background: #ee7218;
}
#timeTable .check {
  background: #068358;
}
/*t-tabHead*/
#tabHead,
#stuHead {
  width: 100%;
  height: 150px;
}
/*#tabHead{*/
/*background: #063455;*/
/*}*/
#stuHead,
#stuHead .timeTable-header {
  background: #a6bac3;
}
.timeTable-header {
  width: 1200px;
  margin: auto;
  height: 150px;
  background-size: cover;
  display: flex;
  align-items: center;
}
/* #tabHead .timeTable-header{
  background: url("../../../common/images/timeTable_bg_2.jpg");
} */
.personal-information {
  display: flex;
  color: #fff;
  width: 100%;
}
.personal-information a {
  display: inline-block;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.teacher_icon,
.student_icon {
  flex: 0 0 120px;
  width: 120px;
  height: 120px;
}
.teacher_icon {
  background: url("../../../common/images/teacher_icon.png");
}
.student_icon {
  background: url("../../../common/images/student_icon.png");
}
.name-subject {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 0 20px 20px;
}
.name-subject .subject span {
  padding-right: 15px;
}
.sign-in {
  display: inline-block;
  width: 75px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  margin: 7px 25px 0 0;
}
/*t-tablist*/
#catalog {
  flex: 0 0 135px;
  width: 135px;
  background: #fff;
  font-size: 16px;
  border: 1px solid #dddddd;
  align-self: flex-start;
}
#catalog li {
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-bottom: 1px solid #dddddd;
  border-left: 2px solid transparent;
}
#catalog li.catalog-li-active {
  border-left: 2px solid #068358;
}
#catalog li.catalog-li-active a span {
  color: #068358;
}
#catalog li a {
  color: #666;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  margin-left: 12px;
}
#catalog li a em {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
}
#catalog>li>a:hover span {
  color: #068358;
}
#catalog li.fill {
  width: 100%;
  height: 281px;
  background: url("../../../common/images/poster_fill.png") no-repeat;
  border: none;
}
/*lessons*/
.allLessons {
  flex: 1;
  margin-left: 50px;
  padding: 15px;
  background: #fff;
  border: 1px solid #dddddd;
}
.allLessons-h3 {
  width: calc(100% - 15px);
  margin: auto;
  padding: 0 0 15px 0;
  font-size: 18px;
  border-bottom: 1px solid #f1f1f1;
}
.allLessons .subject-type {
  margin: 0 0 0 5px;
}
.allLessons-ul>li {
  width: calc((100% - 40px)/4);
  margin: 0 5px 25px;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.07);
  position: relative;
  top: 0;
  border-radius: 8px;
  -webkit-transition: top .15s linear;
  -moz-transition: top .15s linear;
  -ms-transition: top .15s linear;
  -o-transition: top .15s linear;
  transition: top .15s linear;
}
.allLessons-ul>li:hover {
  box-shadow: 0 14px 22px rgba(0, 0, 0, 0.10);
  top: -10px;
}
.allLessons-ul>li .delPlayRecordBtn {
  position: absolute;
  z-index: 10;
  top: -5px;
  right: -5px;
  display: none;
}
.allLessons-ul>li:hover .delPlayRecordBtn {
  display: block;
}
.allLessons-ul>li:hover .delPlayRecordBtn:hover {
  background: #068358;
}
.teacher-name {
  background: rgba(0, 0, 0, 0.3);
  padding: 5px 10px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.allLessons-ul>li>.horizontal-a div.horizontal {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.allLessons-ul>li:hover>.horizontal-a h6 {
  color: #068358;
}
.allLessons-ul>li:hover>.horizontal-a .teacher-name {
  color: #fff;
}
.CoursewareCatalog {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
}
/* tourClass.vue */
.tourClass {
  flex: 1;
  margin-left: 50px;
  border: 1px solid #dddddd;
  display: flex;
}
.tourClass .stream-class {
  width: 180px;
  background: #eceff6;
  height: 100%;
  overflow: hidden
}
.stream-class .stream-class-name {
  width: 100%;
  line-height: 35px;
  /*height: 36px;*/
  cursor: pointer;
  border-bottom: 1px solid #dddddd;
}
.stream-class ul {
  border-top: 1px solid #dddddd;
}
.stream-class-name>div:hover {
  color: #068358;
}
.stream-content {
  flex: 1;
  background: #fff;
}
.stream-content .upload-btn-group {
  display: flex;
  justify-content: space-between;
}
ul.table-caption {
  display: flex;
  background: #068358;
  line-height: 50px;
  text-align: center;
  color: #fff;
}
ul.table-caption .table-title {
  flex: 1;
}
ul.table-caption .table-title:first-child {
  flex: 0 0 52px;
}
ul.table-caption .table-title:nth-child(5) {
  flex: 0 0 50px;
}
ul.table-tr {
  background: #fff;
}
ul.table-tr .stream-details {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
ul.table-tr .stream-details:nth-child(2n+1) {
  background: #f8f8f8;
}
ul.table-tr .stream-details>span {
  flex: 1;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
ul.table-tr .stream-details>span:first-child {
  flex: 0 0 50px;
}
ul.table-tr .stream-details>div {
  flex: 0 0 50px;
}
.stream-searchBox {
  display: flex;
  align-items: center;
}
.stream-searchBox input {
  height: 100%;
  width: 200px;
  border: 1px solid #ddd;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  outline: none;
  padding-left: 5px;
}
.stream-searchBox input:focus {
  border: 1px solid #068358;
}
.stream-searchBox label {
  width: 50px;
  height: 37px;
  display: inline-flex;
  cursor: pointer;
  color: #fff;
  background-image: linear-gradient(to left, #068358, #89C997);
  font-size: 20px;
  align-items: center;
  justify-content: center;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
/*t-tabDetails*/
#details section {
  display: block;
}
#details .tabChange {
  margin-top: 40px;
}
#details .tabChange-span {
  padding: 10px 40px;
  background: #fff;
  font-size: 16px;
  border: 1px solid #dddddd;
  cursor: pointer;
}
#details .tabChange-span:first-child {
  border-right: 0;
}
#details .tabChange span.active {
  border-top: 2px solid #068358;
}
.achievement {
  width: 100%;
}
.achievement tr {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.achievement tr:first-child {
  border-top: none;
}
.achievement tr:last-child {
  border-bottom: none;
}
.achievement td {
  height: 50px;
  text-align: center;
}
.achievement tr.title {
  color: #7a7a7a;
  background: #e8f1f8;
}
.achievement .demand {
  border: 1px solid #068358;
  padding: 3px 10px;
  border-radius: 5px;
  cursor: pointer;
}
.achievement .demand:hover {
  background: #068358;
  color: #fff;
}
#details .statistics {
  margin: 45px 0 0 0;
}
#details .statistics h3 {
  font-size: 16px;
  line-height: 60px;
}
.calsses-classroom {
  border-top: 2px solid #068358;
  padding: 15px 30px;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.calsses-classroom .calsses {
  margin-right: 20px;
}
/*t-tabEdit*/
.tabEdit {
  margin-left: 50px;
  width: calc(100% - 185px);
  display: flex;
  flex-direction: column;
}
.tabEdit .tabEdit-top {
  display: flex;
  justify-content: space-between;
}
#tabEdit .tabChange {
  width: 100%;
  border: 1px solid #dddddd;
  background: #fff;
}
.tabChange-title .tabChange-span {
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  font-size: 16px;
  margin: 0 12px;
  cursor: pointer;
}
.tabChange-title li.active {
  border-bottom: 2px solid #068358;
}
.tabChange-box {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-information span {
  flex: 1;
  margin: 0 0 15px 0;
  display: inline-flex;
  align-items: center;
}
.content-information span:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 0 10px 0 0;
}
.achievement tr td em {
  display: inline-block;
  width: 18px;
  height: 20px;
  margin: 0 10px 0 0;
}
.achievement tr td em.trophy-bg {
  background: url("../../../common/images/trophy_icon.png") no-repeat;
}
.achievement-span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tabChange-box-btn {
  width: 120px;
  height: 40px;
  background: #068358;
  text-align: center;
  line-height: 40px;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
}
.tabChange-box-btn input {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.tabChange-box-btn:hover {
  color: #fff;
  background: #1a6db0;
}
.content {
  margin-top: 40px;
}
.content .success {
  line-height: 45px;
  background: #d9eeff;
  color: #676767;
  font-size: 18px;
  padding-left: 20px;
}
.content-ul {
  background: #fff;
}
.content-li {
  border-bottom: 1px solid #f1f1f1;
  line-height: 45px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}
.content-li .question-types {
  margin-right: 10px;
}
.content-li .num {
  padding: 0 15px 0 0;
}
.content-li .test-title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 10px;
}
.content-li-del,
.content-li-edit {
  width: 80px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  color: #fff;
}
.content-li-del {
  background: #ccc;
}
.content-li-del:hover {
  background: #b9b8b8;
}
.content-li-edit {
  background: #ee7218;
  margin-left: 15px;
}
.content-li-edit:hover {
  background: #da6815;
  color: #fff;
}
.video-li {
  padding: 20px;
  display: flex;
  align-items: center;
}
#tabEdit .img {
  display: inline-block;
  width: 160px;
  height: 90px;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
.tabEdit-title {
  height: 90px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #6d6d6d;
  padding-left: 20px;
}
.tabEdit-title-h3 {
  font-size: 16px;
  color: #000;
}
.tabEdit-title-p-span {
  margin-right: 20px;
}
/*t-tabUpload*/
.upload-video {
  margin-left: 50px;
  background: #fff;
  flex: 1;
}
.upload-video-location {
  padding: 10px 20px;
  border: 1px solid #dddddd;
}
.upload-video a,
.upload-video .span-1 {
  color: #666;
}
.upload-video .span-2 {
  color: #068358;
}
.upload-video-ul {
  margin: 30px 0;
  padding-left: 20px;
}
.upload-video-li {
  display: inline-block;
  line-height: 35px;
  text-align: center;
  font-size: 14px;
  width: 80px;
  border: 1px solid #dddddd;
  color: #848484;
  cursor: pointer;
}
.upload-video-li:first-child {
  border-right: 0;
}
.upload-video-ul li.active {
  background: #068358;
  color: #fff;
}
.upload-icon {
  padding: 6px 15px;
  color: #fff;
  background: #068358;
  position: absolute;
  bottom: 0;
  right: 0;
}
.upload-test {
  background: #fff;
  padding: 0 20px 20px;
  flex: 1;
  margin-left: 50px;
}
.upload-test .discipline-navigation {
  margin: 0;
}
.upload-test-title {
  margin: 10px 0;
  padding-left: 10px;
  border-left: 3px solid #068358;
}
.type-score {
  padding: 20px 10px;
}
.type-score .type,
.type-score .score {
  display: inline-block;
}
.type-score .type {
  margin-right: 50px;
}
.type-score .type select,
.type-score .score select {
  border: 1px solid #dddddd;
}
.upload-test-content {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 15px 10px;
}
.upload-test-content .option {
  font-weight: bold;
  margin-right: 28px;
}
.content-form-label {
  margin-right: 32px;
}
.content-form {
  margin: 30px 0;
}
.option-box,
.content-form-textarea {
  display: flex;
  align-items: flex-start;
}
.option-ABCD {
  display: inline-block;
}
.option-ABCD form {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
/*.btn-group{*/
/*display: flex;*/
/*justify-content: center;*/
/*padding-top: 20px;*/
/*}*/
.btn-group .save-btn,
.btn-group .send-btn,
.btn-group .cancel-btn {
  display: inline-block;
  padding: 10px 30px;
  border-radius: 8px;
  margin: 0 10px;
  color: #fff;
  cursor: pointer;
}
.btn-group .save-btn {
  background: #068358;
}
.btn-group .save-btn:hover {
  background: #068358;
}
.btn-group .send-btn {
  background: #ee7218;
}
.btn-group .send-btn:hover {
  background: #d06212;
}
.btn-group .cancel-btn {
  background: #ccc;
}
.btn-group .cancel-btn:hover {
  background: #a5a5a5;
}
.upload-test-content textarea {
  width: 450px;
  height: 120px;
  border: 1px solid #dddddd;
  color: #666;
  padding: 5px;
}
.upload-test-content input[type=text] {
  width: 419px;
  height: 30px;
  border: 1px solid #dddddd;
  color: #666;
  padding: 0 0 0 5px;
}
.upload-test-content input[type=radio],
.upload-test-content input[type=checkbox] {
  margin: 0 8px 3px 0;
}
.upload-test-content input[type=text]:focus {
  outline: 2px solid #20a0ff;
}
.content-form-answer {
  margin-right: 29px;
}
.content-form-answer input {
  width: 450px;
}
.newFolder-determine {
  height: 18px;
  font-weight: 900;
  width: 18px;
  box-shadow: 0 0 2px 0 #3b8cff;
  border: 1px solid rgba(58, 140, 255, 0.3);
}
.hover:hover {
  color: #068358;
}
.location:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  transform: rotate(45deg);
  margin: 0 10px;
}
#uploading {
  position: fixed;
  bottom: 0;
  right: 20px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  width: 600px;
  height: 400px;
  border-radius: 10px;
  background: #fff;
}
.upload-list {
  overflow-x: hidden;
  overflow-y: auto;
  height: 310px;
}
.upload-list::-webkit-scrollbar {
  width: 12px;
  height: 10px;
}
.upload-list::-webkit-scrollbar-thumb {
  height: 30px;
  background-color: #999;
  -webkit-border-radius: 7px;
  outline: 2px solid #fff;
  outline-offset: -2px;
  border: 2px solid #fff;
}
.upload-list::-webkit-scrollbar-track-piece {
  background-color: #fff;
  -webkit-border-radius: 3px;
}
.upload-list li {
  background: linear-gradient(to right, #e2eefe, #e2eefe);
  background-repeat: no-repeat;
  background-size: 0;
}
/*stuSignIn*/
.attendance-details-box {
  width: 100%;
  background: #fff;
}
.attendance-h4 {
  border-bottom: 1px solid #ebebeb;
  line-height: 40px;
  color: #068358;
  font-size: 16px;
  padding: 0 15px;
}
.attendance-details {
  padding: 30px 190px;
  display: flex;
  justify-content: space-around;
  width: 100%;
}
.sign-late-truancy {
  text-align: center;
  border-right: 1px solid #ebebeb;
  flex: 1;
}
.sign-late-truancy span {
  display: block;
  line-height: 35px;
}
.sign-late-truancy span em {
  color: #068358;
  font-weight: bold;
  padding-right: 5px;
}
.calendar {
  margin-top: 60px;
}
.calendar-head {
  display: flex;
  align-items: center;
  background: #068358;
  height: 50px;
  padding: 0 30px;
  color: #fff;
  font-size: 16px;
}
.calendar-head .date {
  margin-right: 20px;
}
.calendar-head .month {
  flex: 1;
  text-align: center;
}
.calendar .week {
  display: flex;
  justify-content: space-between;
  background: #ebebeb;
  text-align: center;
  line-height: 50px;
  color: #666;
}
.calendar .week span {
  flex: 1;
}
.calendar .months {
  background: #fff;
}
.calendar .months span {
  display: flex;
  height: 70px;
  align-items: center;
  justify-content: center;
  width: calc(100%/7);
  color: #666;
}
.calendar .months span em {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
}
.calendar .months span em.border {
  border: 1px solid #068358;
}
.calendar .months span em.truancy {
  border: 1px solid #ebebeb;
  background: #ebebeb;
}
#sign-in section {
  flex-direction: column;
}
/*stuClassroomTest*/
.discipline-navigation {
  height: 50px;
  display: flex;
  align-items: center;
  margin: 0 15px;
}
.partition {
  display: inline-block;
  margin: 0 5px;
}
.discipline-examination,
.test-content-box {
  border: 1px solid #dddddd;
  margin-left: 50px;
  width: 100%;
  background: #fff;
}
.discipline-examination .subject-type {
  padding: 15px 30px;
  border: 1px solid #dddddd;
  display: flex;
  justify-content: space-between;
  margin: 0 15px;
}
.discipline-examination .subject-type span {
  margin: 0 20px;
}
.discipline-examination .subject-type span:last-child {
  margin-right: 0;
}
.subject-type .subject-li {
  padding: 5px 20px;
  border-radius: 5px;
  cursor: pointer;
}
.subject-type .subject-li a {
  color: #333;
}
.subject-type .subject-li:first-child {
  padding: 5px 15px 5px 0;
  cursor: default;
}
.subject-li .icon-close:hover {
  color: #068358;
}
.examination .examination-li {
  padding: 0 30px 0 50px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #dddddd;
}
.examination-detail:before {
  content: "";
  display: inline-block;
  width: 23px;
  height: 29px;
  background: url("../../../common/images/test_icon.png") center no-repeat;
  margin: 0 15px 0 0;
}
.examination-detail {
  display: flex;
  align-items: center;
}
.examination-detail .title-time-score .title {
  padding: 0 0 5px 0;
}
.title-time-score .time,
.title-time-score .score {
  color: #666;
}
.title-time-score .time {
  padding: 0 20px 0 0;
}
.examination-li .examination-btn {
  display: inline-block;
  padding: 7px 30px;
  background: #068358;
  color: #fff;
  border-radius: 8px;
  cursor: pointer;
}
.examination-li .examination-btn:hover,
.test-btn-group .btn-start:hover,
.time-box .their-papers-btn:hover {
  background: #1a6db0;
}
.test-btn-group .btn-start {
  border: 0;
}
.discipline-examination .paging {
  margin: 20px 0;
}
/*stuTestContent*/
.test-content-box {
  border: 0;
}
.test-content-box .test-content-h4 {
  padding: 20px;
  border: 1px solid #dddddd;
  border-bottom: none;
}
.test-content-box .test-content {
  display: flex;
}
.test-content-box .test-questions {
  padding: 20px 20px 50px;
  flex: 1;
  border-right: 1px solid #dddddd;
}
.test-content-box .all-questions {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.test-questions .qid span {
  color: #068358;
  margin: 0 10px 0 0;
}
.test-questions .questions,
.wrong-topic-title {
  margin: 15px 0 20px 0;
}
.test-questions .options,
.wrong-topic-content .options {
  margin: 0 0 15px 0;
  display: flex;
  align-items: center;
}
.test-questions .options-input,
.test-questions span,
.options span {
  margin: 0 10px 0 0;
}
.test-content-box .test-btn-group {
  margin: 20px 0;
}
.test-btn-group span {
  display: inline-block;
  width: 85px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border: 1px solid #dddddd;
  border-radius: 8px;
  margin: 0 10px 0 0;
  cursor: pointer;
}
.test-content-box .tip {
  color: #666;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.test-content-box .tip:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: #f24642;
  margin: 0 10px 0 0;
}
.test-content .time-situation {
  flex: 0 0 180px;
  padding: 0 0 50px;
}
.time-situation .time-box {
  padding: 15px;
  border-bottom: 1px solid #dddddd;
}
.time-box .time-num {
  color: #f24642;
  font-weight: bold;
}
.time-box .time-num,
.time-box .time-text {
  display: block;
  margin: 0 0 15px 0;
  font-size: 15px;
}
.time-box .their-papers-btn {
  display: inline-block;
  padding: 8px 47px;
  background: #068358;
  color: #fff;
  border-radius: 8px;
  cursor: pointer;
}
.time-box .time-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.time-box .time-content:after {
  content: "";
  display: inline-block;
  width: 55px;
  height: 50px;
  background: url("../../../common/images/clock_icon.png") center no-repeat;
}
.situation-box {
  padding: 15px;
}
.situation-box .situation-num {
  margin: 15px 0;
}
.situation-box .situation-num span {
  display: inline-block;
  width: 26px;
  height: 26px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 26px;
  margin: 0 4px 4px 0;
}
.situation-box .instructions {
  color: #666;
  font-size: 12px;
}
#test-content .submit-box,
#test-content .test-results {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(204, 204, 204, 0.6);
}
.submit-box .submit-btn {
  width: 360px;
  height: 160px;
  border-radius: 10px;
  background: #fff;
  padding: 25px 45px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.determine-cancel-btn {
  margin: 40px 0 0 0;
}
.determine-btn,
.cancel-btn {
  padding: 10px 30px;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
}
.determine-btn {
  background: #068358;
  margin: 0 20px 0 0;
}
.determine-btn:hover {
  color: #fff;
}
.cancel-btn {
  background: #ee7218;
}
.test-results .test-results-box {
  width: 400px;
  height: 300px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.test-results .results-text {
  padding: 40px;
}
.test-results-box .test-results-h6 {
  background: #068358;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
}
.results-text .score {
  width: 100%;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.results-text .score em {
  color: #f24642;
  font-size: 18px;
  font-weight: bold;
  margin: 0 10px 0 0;
}
.results-text .try-again {
  display: flex;
  justify-content: space-between;
}
.wrong-topic-box .answer {
  border-top: 1px solid #dddddd;
  display: flex;
  justify-content: space-between;
}
.wrong-topic-box .parsing,
.wrong-topic-box .answer {
  padding: 15px;
}
.wrong-topic-box .parsing {
  display: none;
  border-top: 1px solid #dddddd;
}
.wrong-topic-box {
  margin: 15px;
}
.wrong-topic-title .wrong-topic-pic {
  padding: 0 10px 0 0;
}
.wrong-topic-content p {
  padding: 0 15px;
}
.options .checked-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #dddddd;
}
.options .correct {
  border: 1px solid #068358;
}
.options .correct:after,
.options .wrong:after {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.options .correct:after {
  background: #068358;
}
.options .wrong:after {
  background: #f24642;
}
.answer .correct-answer,
.del-analysis .del {
  margin: 0 50px 0 0;
}
.answer .correct-answer em,
.answer .wrong-answer em {
  margin: 0 0 0 10px;
  font-weight: bold;
}
.del-analysis .del,
.del-analysis .analysis {
  cursor: pointer;
}
.del-analysis .analysis {
  display: inline-flex;
  align-items: center;
}
.del-analysis .analysis:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid #068358;
  border-right: 1px solid #068358;
  transform: rotate(45deg);
  margin: -6px 0 0 10px;
}
#learning-materials {
  display: flex;
}
#learning-materials .materials {
  margin: 20px 0 20px 20px;
  border: 1px solid #dddddd;
  width: 100%;
}
.materials img {
  width: 100%;
}
#learning-materials .teacher-information {
  flex: 0 0 180px;
  align-self: flex-start;
  margin: 20px 25px 0 12px;
}
.teacher-information .teacher-icon-name {
  text-align: center;
  border-bottom: 1px solid #dddddd;
  padding: 0 0 10px 0;
}
.teacher-information .teacher-icon-name-box,
.teacher-information .attachment {
  padding: 15px;
  border: 1px solid #dddddd;
}
.teacher-information .attachment {
  margin: 20px 0 0;
  display: flex;
  flex-direction: column;
}
.attachment .attachment-title {
  border-bottom: 1px solid #dddddd;
  line-height: 30px;
  font-size: 16px;
}
.attachment .attachment-content {
  line-height: 50px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.attachment .attachment-btn {
  width: 90px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 8px;
  background: #ec7318;
  color: #fff;
  align-self: flex-end;
  cursor: pointer;
}
.teacher-information .teacher-icon-name:before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("../../../common/images/teacher_icon.png") center no-repeat;
  background-size: 100%;
}
.teacher-information .teacher-courseware {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  margin: 15px 0;
}
.courseware span {
  display: flex;
  justify-content: center;
  padding: 0 15px;
}
.courseware span:last-child {
  font-weight: bold;
}
.teacher-information .teacher-introduce {
  padding: 0 15px;
}
.teacher-information .teacher-introduce p {
  margin: 10px 0 0 0;
  color: #666;
}
.head-portrait {
  display: inline-block;
  flex: 0 0 120px;
  height: 120px;
  border-radius: 50%;
  margin: 0 20px 0 0;
}
.portrait-introduce {
  display: flex;
}
.portrait-introduce .introduce {
  margin: 10px 0 0 0;
}
.portrait-introduce .introduce .name {
  display: inline-block;
  margin: 0 0 10px 0;
}
.teacher-introduce {
  border-bottom: 2px dotted #ddd;
}
#upload .upload-box,
#upload .collection {
  flex: 1;
  margin: 0 0 0 50px;
  border: 1px solid #dddddd;
}
.amplification-enter,
.amplification-leave-to {
  max-height: 0;
  overflow: hidden;
}
.amplification-enter-to,
.amplification-leave {
  max-height: 125px;
  overflow: hidden;
}
.amplification-enter-active,
.amplification-leave-active {
  transition: all 0.3s ease-in-out;
}
#upload .upload-h3 {
  font-size: 18px;
  height: 45px;
  border-bottom: 1px solid #dddddd;
  padding: 0 0 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#upload .upload-form {
  background: #fff;
  width: 100%;
  border-bottom: 1px solid #dddddd;
  padding: 15px;
}
.upload-h3 .btn-del {
  padding: 10px 15px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  color: #6a6a6a;
  background-color: #fff;
}
.upload-h3 .btn-del:before {
  display: inline-block;
  content: "";
  width: 13px;
  height: 15px;
  margin: 0 10px 0 0;
  background: url("../../../common/images/upload_del_icon_dark.png") no-repeat;
}
input[type=file] {
  display: none;
}
input[type=file]+label {
  width: 100%;
  display: inline-block;
  text-align: center;
  line-height: 120px;
  border: 2px dashed #dddddd;
  background: #f4f4f4;
  color: #929292;
  cursor: pointer;
}
#upload .upload-btn-group {
  margin: 30px 0 0 0;
  padding: 15px 15px;
  border-top: 1px solid #dddddd;
  background: #fff;
}
.upload-btn-group [class*='btn-'] {
  border: 1px solid #dddddd;
  padding: 6px 15px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 15px 0 0;
  cursor: pointer;
  color: #6a6a6a;
  background-color: #fff;
}
.upload-btn-group i,
.li-span-operation i,
.upload-content-li .li-span-file-operation .del-btn-icon {
  display: inline-block;
  width: 13px;
  height: 15px;
  margin: 0 10px 0 0;
}
.upload-btn-group .btn-start i {
  background: url("../../../common/images/upload_start_icon_dark.png") no-repeat;
}
.upload-btn-group .btn-suspended i {
  background: url("../../../common/images/upload_suspended_icon_dark.png") no-repeat;
}
.upload-btn-group .btn-del i {
  background: url("../../../common/images/upload_del_icon_dark.png") no-repeat;
}
.upload-btn-group [class*='btn-']:focus {
  color: #999999;
}
.upload-btn-group .btn-start:focus i {
  background: url("../../../common/images/upload_start_icon.png") no-repeat;
}
.upload-btn-group .btn-suspended:focus i {
  background: url("../../../common/images/upload_suspended_icon.png") no-repeat;
}
.upload-btn-group .btn-del:focus i {
  background: url("../../../common/images/upload_del_icon.png") no-repeat;
}
.upload-btn-group [class*='btn-']:active {
  background-color: #dfdfdf;
}
.upload-list {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  background-color: #fff;
}
.upload-list .upload-state {
  padding: 15px;
  border-bottom: 1px solid #dddddd;
  display: flex;
  align-items: center;
}
.upload-h3-bottom .upload-list {
  border-top: 0;
}
.upload-list .upload-text {
  padding: 8px 0;
  background-color: #f4f4f4;
  display: flex;
  font-weight: 700;
}
.upload-list .upload-text span {
  border-right: 1px solid #dddddd;
  height: 30px;
  line-height: 30px;
  display: inline-flex;
  justify-content: center;
}
.upload-text .span-file-name,
.upload-content-li .li-span-file-name {
  width: 30%;
}
.upload-text .span-state,
.upload-content-li .li-span-state {
  width: 15%;
}
.upload-text .span-progress {
  width: 25%;
}
.upload-text .span-size,
.upload-text .span-operation,
.upload-content-li .li-span-size,
.upload-content-li .li-span-operation {
  width: 15%;
}
.upload-content-li .div-pc-size {
  width: 15%;
}
.upload-content-li .div-pc-size .li-span-size {
  width: 100%;
}
.upload-text span.span-check-all,
.upload-content-li .li-span-check-all {
  width: 8%;
  align-items: center;
}
.unfold {
  display: inline-flex;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
}
.transcode-caption {
  display: flex;
  justify-content: center;
  padding: 15px 0;
}
/*.transcode-caption:last-child{*/
/*padding: 15px 0 0 0;*/
/*}*/
.transcode-caption span {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.transcode-caption {
  background: #fff;
}
.transcode-caption:nth-child(2) {
  border-bottom: 1px solid #dddddd;
}
.upload-text span.span-check-all label {
  margin: 0 0 0 10px;
  cursor: pointer;
}
.upload-text .span-file-type,
.upload-content-li .li-span-file-type {
  width: 8%;
}
.upload-text .span-file-size,
.upload-content-li>div {
  width: 10%;
}
.upload-text .span-file-author,
.upload-content-li .li-span-file-author {
  width: 8%;
}
.upload-text .span-file-state,
.upload-content-li .li-span-file-state {
  width: 10%;
}
.upload-text .span-add-time,
.upload-content-li .li-span-file-add-time {
  width: 15%;
}
.upload-text .span-file-operation,
.upload-content-li .li-span-file-operation {
  width: 10%;
}
.upload-content-li .li-span-file-operation .del-btn-icon {
  cursor: pointer;
  background: url("../../../common/images/upload_del_icon_dark.png") no-repeat;
}
.upload-text span:last-child {
  border: none;
}
.upload-state .upload-uploading {
  font-weight: bold;
  margin: 0 20px 0 0;
}
.upload-state .upload-progress-text {
  margin: 0 20px 0 0;
}
.upload-state .upload-number-of-file {
  flex: 1;
  text-align: right;
}
.upload-content-li {
  border-top: 1px solid #dddddd;
  height: 50px;
  display: flex;
  align-items: center;
}
.upload-h3-bottom li:last-child .upload-content-li {
  border-bottom: 1px solid #dddddd;
}
.upload-h3-bottom .upload-list {
  border-bottom: 0;
}
.upload-complete>li:nth-child(2n) {
  background-color: #f4f4f4;
}
li.upload-content-li span {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.upload-content-li span {
  width: 100%;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lesson-details {
  display: none;
  background: #fff;
  color: #333;
  position: absolute;
  top: 50px;
  left: 138px;
  z-index: 10;
  padding: 15px 0;
  width: 400px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  text-align: left;
}
.lesson-details div .name-content {
  color: #666;
}
.lesson-details div span {
  padding-bottom: 10px;
}
td:hover>div>.lesson-details {
  display: block;
}
td:hover .lesson-details:hover {
  display: none;
}
.CourseInfo:hover .lesson-details {
  display: block;
}
span.li-span-operation {
  padding-left: 4px;
}
.li-span-operation .start-btn-icon {
  background: url("../../../common/images/upload_start_icon_dark.png") no-repeat center;
}
.li-span-operation .stop-btn-icon {
  display: none;
  background: url("../../../common/images/upload_suspended_icon_dark.png") no-repeat center;
}
.li-span-operation .del-btn-icon {
  background: url("../../../common/images/upload_del_icon_dark.png") no-repeat center;
}
.li-span-operation i {
  cursor: pointer;
  box-sizing: content-box;
  padding: 7px;
}
.li-span-state .start-suspended {
  display: block;
  margin-top: 5px;
}
.upload-complete .upload-content-li:hover {
  background-color: #ddd;
}
.li-span-file-operation [class*=-btn-icon],
.li-span-file-state [class*=file-state-] {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin: 0 10px 0 0;
  cursor: pointer;
}
.li-span-file-state [class*=file-state-] {
  cursor: default;
}
.li-span-file-operation .cannot-preview-btn-icon {
  background: url("../../../common/images/preview_icon_gray.png") no-repeat center;
}
.li-span-file-operation .can-preview-btn-icon {
  background: url("../../../common/images/preview_icon_blue.png") no-repeat center;
}
.li-span-file-operation .download-btn-icon {
  background: url("../../../common/images/download_icon_gray.png") no-repeat center;
}
.li-span-file-state .file-state-finished {
  background: url("../../../common/images/transcoding_finshed_icon_blue.png") no-repeat center;
}
.li-span-file-state .file-state-unfinished {
  background: url("../../../common/images/transcoding_finshed_icon_red.png") no-repeat center;
}
.li-span-file-state .file-state-no-data {
  background: url("../../../common/images/transcoding_finshed_icon_gray.png") no-repeat center;
}
.li-span-file-state .file-state-resolved {
  background: url("../../../common/images/resolved_icon_blue.png") no-repeat center;
}
.li-span-file-state .file-state-unresolved {
  background: url("../../../common/images/resolved_icon_gray.png") no-repeat center;
}
.li-span-file-state .file-state-normal {
  background: url("../../../common/images/normal_icon_blue.png") no-repeat center;
}
.li-span-file-state .file-state-notnormal {
  background: url("../../../common/images/normal_icon_gray.png") no-repeat center;
}
.preview-video {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999999999;
}
.preview-video .video-container {
  position: relative;
}
.preview-video .video-box {
  width: 970px;
  height: 550px;
  box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.5);
  /* border: 5px solid #fff; */
  border-radius: 5px;
}
.preview-video .close-btn {
  position: absolute;
  top: -5px;
  right: -42px;
  cursor: pointer;
  font-size: 35px;
  color: #fff;
}
.preview-video .close-btn:hover {
  color: #068358;
}
.upload-box .not-login-tip {
  width: 100%;
  height: calc(100% - 30px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #ddd;
  margin: 10px 0 0 0;
  font-size: 16px;
}
.not-login-tip .login {
  color: #068358;
  cursor: pointer;
}
.confirm-del,
.waiting-box {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}
.confirm-del .confirmation-box {
  background-color: #fff;
  width: 260px;
  height: 150px;
  box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.confirmation-box .title {
  border-bottom: 1px solid #dddddd;
  height: 45px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
}
.title .close-btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: linear-gradient(to right, #666, #666), linear-gradient(to bottom, #666, #666);
  background-repeat: no-repeat;
  background-size: 2px 100%, 100% 2px;
  background-position: center center;
  transform: rotate(45deg);
  cursor: pointer;
}
.confirmation-box .content {
  padding: 0 15px;
  margin-top: 15px;
}
.confirmation-box .btn-group {
  justify-content: flex-end;
}
.confirmation-box .btn-group span {
  display: inline-flex;
  width: 60px;
  height: 30px;
  border-radius: 5px;
  color: #fff;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  cursor: pointer;
}
.confirmation-box .btn-group .determine {
  background-color: #068358;
}
.confirmation-box .btn-group .cancel {
  background-color: #ee7218;
}
.empty {
  width: 100%;
  height: 440px;
  background: url("../../../common/images/empty.png") no-repeat center;
  background-size: 35%;
}
.waiting-box .waiting-container {
  width: 230px;
  height: 45px;
  display: flex;
  align-items: center;
  background-color: #068358;
  border-radius: 5px;
  color: #fff;
  padding: 0 20px;
}
.waiting-container-text {
  margin: 0 20px 0 10px;
}
.loading-active {
  animation: pactive 1.5s infinite;
}
.waiting-container svg {
  animation: whirl 1.5s linear infinite;
}
@keyframes pactive {
  0% {
      stroke-dashoffset: 202.783
  }
  100% {
      stroke-dashoffset: 50
  }
}
@keyframes whirl {
  from {
      transform: rotate(0deg);
  }
  to {
      transform: rotate(360deg);
  }
}
.collection .collection-top {
  height: 48px;
  border-bottom: 1px solid #dddddd;
}
.collection .collection-program-box {
  margin: 0 -5px;
  height: 420px;
}
.collection-program-box ul.video-page>li .icon-close {
  width: 25px;
  height: 25px;
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 1;
  display: none;
}
.collection-program-box ul.video-page>li .icon-close:hover {
  background: #068358;
}
.collection-program-box ul.video-page>li:hover .icon-close {
  display: inline-flex;
}
.sign-left {
  flex: 0 0 20%;
  height: 100vh;
  background: url('../../../common/images/bg-sign.png')
}
.sign-right {
  background-color: #fff;
  /*background-image: url("../../../appimg/logo_3.png");*/
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.sign-right h5 span {
  line-height: 35px;
  background: #f0f0f0;
  margin-right: 2px;
  margin-top: 5px;
}
.sign-right ol {
  background-image: url("../../../appimg/logo_3.png"), linear-gradient(to right, #f0f7ff, #f0f7ff), linear-gradient(to right, #fff, #fff),
      linear-gradient(to right, #f0f7ff, #f0f7ff), linear-gradient(to right, #fff, #fff),
      linear-gradient(to right, #f0f7ff, #f0f7ff), linear-gradient(to right, #fff, #fff);
  background-size: 300px 300px, 22.2% 100%, 11.1% 100%, 22.2% 100%, 11.1% 100%, 22.2% 100%, 11.1% 100%;
  background-repeat: no-repeat;
  background-position: 50%, 0, 0, 42.8%, 0, 85.7%, 0;
}
.sign-right ol>li {
  width: calc(100% / 3);
  border-bottom: 1px solid #dddddd;
  position: relative;
}
.sign-right ol>li>div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sign-right ol>li>div>span {
  height: 100%;
  border-right: 1px solid #dddddd;
}
.sign-right ol>li span:last-child>em,
.sign-right ol>li span:last-child>span {
  padding: 2px 25px;
  border-radius: 3px;
  color: #fff;
}
.sign-right ol>li span:last-child>em {
  background: #ff7113;
  cursor: pointer;
}
.sign-right ol>li span:last-child>span {
  background: #ccc;
}
.sign-right ol>li span.active {
  background: #fff4e6;
  color: #ff7113;
}
ol {
  position: relative;
}
.sign-right h4+div>div:first-child {
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.sign-right h4+div>div {
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.sign-code {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
}
.sign-code h2 {
  background-image: linear-gradient(to right, #ff7113, #ff7113);
  background-size: 100% 1px;
  background-position: center center;
  background-repeat: no-repeat;
  color: #ff7113;
  text-align: center;
}
.sign-code h2 span {
  display: inline-block;
  height: 100%;
  width: 150px;
  text-align: center;
  background: #fff;
}
.sign-btn {
  padding: 5px 35px;
}
.sign-btn:hover {
  color: #fff;
}
.CourseIntroduction {
  margin-bottom: 20px;
  background: #f4f4f4;
  padding: 10px;
  color: #888;
  border-radius: 5px;
  line-height: 2;
  font-size: 14px;
}
.goBackSpace {
  position: fixed;
  top: 50px;
  right: 0;
  color: #fff;
  padding: 8px 15px;
  background: #068358;
  border-radius: 10px 0 0 10px;
}
@media screen and (max-width:768px) {
  .timeTable-header {
      width: 100%;
      height: 170px;
  }
  .name-subject {
      padding: 2px 0 0 20px;
      justify-content: center;
  }
  .name {
      font-size: 18px;
      max-width: 90%;
  }
  .personal-information {
      padding: 0 0 0 10px;
  }
  .personal-information>a {
      width: 50px;
      height: 50px;
  }
  .sweepYard {
      background: #026398;
      width: 100%;
      justify-content: center;
      padding: 7px 0;
      border-radius: 10px 0 0 10px;
  }
  #tabHead .timeTable-header {
      background: #063455;
  }
  #tabHead {
      height: 170px;
  }
  section {
      width: 100%;
      padding: 0;
      flex-direction: column;
  }
  #timeTable {
      padding: 0;
      height: 100vh;
  }
  #timeTable .table {
      height: calc(100% - 84px);
  }
  #timeTable .thead-tag td span {
      margin: 0 0 0 20px;
  }
  #timeTable tr {
      height: auto;
  }
  #timeTable .title {
      height: 42px;
  }
  #timeTable .week,
  #timeTable .date,
  #timeTable td {
      font-size: 12px;
  }
  .table tr td:first-child {
      border-left: 0;
  }
  #upload .upload-box,
  #upload .collection {
      margin: 5px 0 0 0;
      border: 0;
  }
  .collection-program-box ul.video-page>li {
      width: calc((100% - 10px)/2);
  }
  .subject-type .subject-li:last-child {
      padding: 5px 0;
  }
  .collection .collection-program-box {
      margin: 0;
      height: auto;
  }
  .allLessons-ul>li {
      width: calc((100% - 25px)/2);
      padding: 0;
      box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
      margin-bottom: 20px;
  }
  .allLessons-ul>li:nth-child(2n+1) {
      margin-right: 10px;
  }
  #timeTable .edit,
  #timeTable .check {
      width: 60px;
  }
  .personal-center-loginout-li-a {
      width: 84px;
  }
  .playRecordTop {
      height: 42px;
      position: fixed;
      z-index: 10;
      width: 100%;
  }
  .btn {
      padding: 6px 9px;
  }
  .btn-group {
      display: flex;
  }
  #uploading {
      bottom: 0;
      right: 0;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
      width: 100%;
      height: 100%;
      border-radius: 0;
      background: #fff;
      z-index: 10;
  }
  .upload-list {
      height: 100%;
  }
  .tabChange-title .tabChange-span {
      display: inline-block;
      padding: 10px 20px 10px 10px;
      font-size: 14px;
      margin: 0 12px;
  }
  .Device {
      width: 100%;
      overflow-x: auto;
      overflow-y: hidden;
      white-space: nowrap
  }
  .Device::-webkit-scrollbar {
      display: none;
  }
  .preview-video {
      display: block;
  }
  .preview-video .video-container {
      padding-top: 56.25%;
      position: relative;
      width: 100%;
      height: auto;
  }
  .preview-video .video-box {
      border: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.3);
      background: #000;
  }
  .preview-video .close-btn {
      right: 5px;
      top: auto;
  }
  #live-box,
  #iframeBox {
      padding-top: 56.25%;
      position: relative;
  }
  #live-box iframe,
  #iframeBox iframe {
      position: absolute;
      top: 0;
  }
  .empty {
      height: 100%;
      background-size: 80%;
  }
  #upload {
      width: 100%;
  }
  #upload .timeTable-header {
      width: 100%;
      height: 100%;
  }
  .teacher_icon,
  .student_icon {
      flex: 0 0 60px;
      height: 60px;
      background-size: 100%;
  }
  #upload .upload-box {
      margin: 0;
      border: 0;
  }
  #upload .upload-btn-group {
      margin: 15px 0 0 0;
  }
  #upload .upload-form {
      padding: 15px 10px;
  }
  input[type=file]+label {
      line-height: 60px;
  }
  #upload .upload-btn-group {
      padding: 15px 10px;
      display: flex;
      justify-content: space-between;
  }
  .upload-btn-group [class*='btn-'] {
      margin: 0 8px 0 0;
      padding: 8px 7px;
  }
  .upload-btn-group [class*='btn-']:last-child {
      margin: 0;
  }
  .upload-btn-group i,
  .li-span-operation i,
  .upload-content-li .li-span-file-operation .del-btn-icon {
      margin: 0 5px 0 0;
  }
  .upload-list .upload-state {
      padding: 15px 10px;
      position: relative;
  }
  .upload-state span {
      flex: 1;
  }
  .upload-state .upload-progress-text {
      position: absolute;
      left: 43%;
  }
  .upload-state .upload-number {
      flex: 0 0 30px;
  }
  .upload-text .span-progress {
      width: 15%;
  }
  .upload-list .upload-text span,
  .upload-content-li span {
      padding-left: 10px;
  }
  .upload-list .upload-text .span-file-name {
      flex: 1;
  }
  .upload-list .upload-text span.span-check-all,
  .upload-content-li span.li-span-check-all {
      flex: 0 0 40px;
  }
  .upload-text .span-file-operation,
  .upload-content-li .li-span-file-operation {
      width: 27%;
  }
  .upload-complete .upload-content-li {
      padding: 10px 0;
      display: flex;
      height: 70px;
  }
  .upload-text span.second-name {
      flex: 0 0 50%;
  }
  .upload-content-li .li-span-file-name {
      flex: 1;
  }
  .upload-content-li .li-span-file-name {
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
  }
  .upload-content-li .li-span-file-name>span {
      width: 100%;
      padding: 0;
  }
  .upload-content-li .li-span-file-name div {
      display: flex;
      width: 100%;
      align-items: center;
  }
  div .div-size,
  div .div-time {
      padding: 0;
      font-size: 12px;
      color: #666;
  }
  #catalog_phone {
      display: flex;
      justify-content: space-between;
      padding: 0 10px;
      background: #fff;
      margin: 0 0 15px 0;
  }
  #catalog_phone li {
      flex: 1;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  #catalog_phone li a {
      color: #333;
  }
  #catalog_phone li a.active {
      color: #fff;
      padding: 7px 12px;
      background: #068358;
      border-radius: 5px;
  }
  .li-span-file-name span {
      padding: 0;
      display: inline-block;
  }
  .upload-text+.upload-content .upload-content-li span.li-span-file-name {
      flex: 0 0 50%;
  }
  .upload-text+.upload-content .upload-content-li span {
      flex: 1;
  }
}