/* banner */
.banner {
  height: 20rem;
}
.banner-img {
  width: 100%;
  height: 100%;
}
/* banner-end */

/* Container */
.Container {
  overflow: hidden;
}
.Container .lf {
  float: left;
}
.Container .rt {
  float: left;
  padding-left: 2rem;
  width: calc(100% - 12rem);
}
.Content {
  margin-top: 20px;
  overflow: hidden;
}
/* Container-end */

/* list */
.Content .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
  border-bottom: 0;
}
.Content .list-group-item:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.Content .list-group-item {
  position: relative;
}
.Content .dropdown .dropdown-menu{
  width: 100%!important;
  position: relative;
}
.Content .list-group {
  width: 12rem;
  text-align: center;
  font-size: 1.1rem;
  line-height: 2rem;
  border-bottom: 1px solid rgba(0,0,0,.125);
}
.Content .father-channel {
  width: 12rem;
  display: block;
  text-align: center;
  font-size: 1.5rem;
  line-height: 5rem;
  height: 5rem;
  background-color: #6B0C84;
  color: #ffffff;
}
.Content .list-group-item.active {
  z-index: 2;
  color: #6B0C84;
  background-color: #f8f9fa;
  border-top: 1px solid rgba(0,0,0,.125);
  border-left: 1px solid rgba(0,0,0,.125);
  border-right: 1px solid rgba(0,0,0,.125);
  border-bottom: 1px solid rgba(0,0,0,.125);
  font-weight: bold;
}
.Content .dropMenu .list-group-item.active {
  border-bottom: none;
}
.Content .List li {
  display: block;
  height: 5rem;
  border-bottom: 1px dashed #bcbdbd;
  position: relative;
}
.Content .List li a {
  color: inherit;
  float: left;
  line-height: 5rem;
  width: calc(100% - 7rem);
  overflow: hidden;
  text-overflow: ellipsis;
	white-space: nowrap;
  font-size: 1.2rem;
  padding-left: 2rem;
}
.Content .List li a::before {
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 0.5rem;
  top: 2.3rem;
  display: block;
  background: url(../images/prefix.png) no-repeat;
  z-index: 11;
  content: '';
  transition: all 0.3s ease-in-out;
}
.Content .List li span {
  float: right;
  line-height: 5rem;
  color: #bcbdbd;
  width: 7rem;
  font-size: 1.2rem;
  text-align: right;
}
/* list-end */

/* pagination */
.Content .pagination {
  display: block;
  text-align: right;
  padding-right: 1rem;
}
.Content .pagination li {
  display: inline-block;
}
.Content .page-box {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #333;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.Content .input-group{
  width: 10rem;
}
.Content .input-group .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: #333;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.Content .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.Content .page-link {
  color: #333;
}
.Content .page-link:hover {
  z-index: 2;
  color: #ffffff;
  text-decoration: none;
  background-color: #6B0C84;
  border-color: #6B0C84;
}
.Content .active {
  z-index: 2;
  color: #ffffff;
  text-decoration: none;
  background-color: #6B0C84;
  border-color: #6B0C84;
}
/* pagination-end */

/* article */
.article {
  padding: 1rem;
}
.article .article-title {
  width: 100%;
  line-height: 5rem;
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  padding-bottom: 2rem;
}
.article .article-sub {
  text-align: center;
  color: #8a8a8a;
  line-height: 3rem;
  border-bottom: 1px solid #bcbdbd;
}
.article .article-sub span {
  padding-left: 1rem;
}
.article .article-content {
  margin-top: 2rem;
}
/* article-end */

/* drop */
.dp-menu {
  display: none;
}
.dp-menu .dp-menu-item {
  color: #333;
  display: block;
  line-height: 2rem;
  text-align: center;
  font-size: 1rem;
  padding: .5rem 1.25rem;
  border-left: 1px solid rgba(0,0,0,.125);
  border-right: 1px solid rgba(0,0,0,.125);
  border-top: 1px solid rgba(0,0,0,.125);
}
.dp-menu .dp-menu-item:hover{
  background-color: #f8f9fa;
}
.dropMenu.active .dp-menu {
  display: block;
}
.dp-menu .dp-menu-item.active{
  background-color: #f8f9fa;
  color: #6B0C84;
  font-weight: bold;
}
/* drop-end */

/* Teacher */
.Teacher {
  overflow: hidden;
  position: relative;
}
.Teacher-item {
  width: 48%;
  float: left;
  margin-right: 4%;
  padding: 1rem;
  position: relative;
  border: 1px solid #bcbdbd;
}
.Teacher-item:nth-child(2n) {
  margin: 0;
}
.Teacher-item-lf {
  float: left;
}
.Teacher-item-rt {
  float: left;
  width: calc(100% - 12rem);
  padding: 1rem;
}
.Teacher-item-rt .title {
  line-height: 2rem;
}
.Teacher-item-rt .pos {
  line-height: 2rem;
}
.Teacher-item-rt .pos span {
  font-weight: bold;
  margin-right: 0.3rem;
}
.Teacher-item-rt .title h5 {
  display: inline-block;
  color: #6B0C84;
  font-weight: bold;
}
.Teacher-item-rt .title span {
  color: #8a8a8a;
  padding-left: 1rem;
}
.Teacher-item img{
  width: 11rem;
  height: 15rem;
}
.Teacher a {
  color: #333;
}
.Teacher a:hover {
  color: #333;
}
.Teacher-item-rt .summary {
  height: 7.5rem;
  margin-top: 1rem;
  color: #8a8a8a;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1400px) {
  .Teacher-item {
    width: 100%;
  }
}