.zhuanYeArea {
  margin-top: 2rem;
}
.duiQi{
    min-width: 60px;
   word-break: break-all;
line-height: 18px;height: 18px;

}

.flexLast{
width:90px;
    margin: 5px;
}
.zhuanYeIcon {


width: 34px;
height: 34px;
background: #A12726;
position:relative;

}
.zhuanYeIcon::after{
position:absolute;
content:'';
  width: 20px;
  height: 22px;
  background: url("../newassets/yj/zhuanYe.png") no-repeat;
background-size:100% 100%;
top:50%;left:50%;
transform:translate(-50%, -50%)
}
.zhuanYe {
  font-size: 20px;
  font-family: Microsoft YaHei;
 

color: #A12726;
background: #EFEFEF;
padding-left:16px;
width:100%;
height:34px;
}
.teacherItemArea {
  display: flex;
  flex-wrap: wrap;
  /*margin-left: -1.75rem;*/
  margin-top: -1rem;
     justify-content: space-between;
}
.matops{
  margin-top: 10px;
  margin-bottom: 30px;
}
.mabots{
  margin-bottom: 20px;
}

.teacherItem {
  width: 10.5rem;
  height: 3.875rem;
  line-height: 3.875rem;
  text-align: center;
 /*8margin-left: 1.75rem;
  margin-top: 1rem;*/
  color: #666666;
   /*font-size: 0.9rem;*/
  cursor: pointer;
  background-color: #F4F3F3;
text-align:justify;
text-align-last: justify;
        display: flex;
    align-items: center;

padding: 10px 15px !important;
    justify-content: center;
    width: auto !important;
    height: auto !important;
    margin: 5px;

text-align: justify; /* 设置段落文本两端对齐 */

text-justify:distribute-all-lines;
}

.teacherItem:hover{
  background-color: #a12726;
  color: #fff;
}
.nav-link {
  height: 3.4125rem;
  border-radius: .25rem;
  font-size: 22px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 22px;
  color: #a12726;
  background: white;
  border: 0;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  border: .0625rem solid white !important;
}
.nav{
//justify-content: space-between;
    //margin-left: -1.25rem !important;
}
.nav-item  {
  margin-right: 1.25rem !important;
}
.nav-link.active {
  background: #f9f0f0 !important;
  border: .0625rem solid #fcdfde !important;
  color: #a12726 !important;
  padding-top: 1rem;
}
.nav-link:focus {
  outline: none !important;
}
.listItem_lingdao {
  width: 56.8125rem;

  background: #ffffff;
  box-shadow: 0rem .0625rem .375rem 0rem rgba(143, 143, 143, 0.2);
  padding: 1rem 1.9375rem 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
}
.listItem_lingdao ~ .listItem_lingdao {
  margin-top: 1.875rem;
}
.listItem_lingdao:hover {

  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333 !important;
}
.listItem_lingdao .name {
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333; 
  min-width:3.375rem;
}
.listItem_lingdao .tag {
  padding: 0 0.625rem;
  /*width: 5.625rem;*/

  background: #a12726;
  border-radius: .25rem;
  font-size: 15px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  margin-left: 1.25rem;
}
.contentArea {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 6.25rem;
}
.pageArea {
  display: flex;
  user-select: none;
  /* margin-left: -16.96px; */
}
.pageArea > div {
  width: 2.38rem;
  height: 2.38rem;
  background: #ffffff;
  border: .0625rem solid #f0f0f0;
  border-radius: 4.96px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .88rem;
}
.pageArea > div {
  margin: 0 .53rem;
  margin-top: 5.44rem;
}
.pageArea .pre {
  width: 5rem;
  height: 2.38rem;
  background: #ffffff;
  border: .0625rem solid #f0f0f0;
  border-radius: 4.96px;
}
.pageArea .next {
  width: 5rem;
  height: 2.38rem;
  background: #ffffff;
  border: .0625rem solid #f0f0f0;
  border-radius: 4.96px;
}
.timeIcon {
  width: 1.125rem;
  height: 1.125rem;
  background: url("../assets/list/time.png");
  background-size: 100% 100%;
}
.timeText {
  font-size: 1rem;
  color: #999999;
  margin-left: 1rem;
}
.listItem {
  display: flex;
  /* border-bottom: .0625rem dashed #ced3dc; */
  padding: 2.19rem 1.44rem 2.25rem 0;
  width: 56.875rem;
  height: 8.875rem;
  background: white;
}
.listItem ~ .listItem {
  margin-top: .625rem;
}
.listItem .left {
  width: 8.625rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  flex-direction: column;
  color: #666666;
}
.listItemLine {
  width: .0625rem;
  height: 4.4375rem;
  background: #e6e6e6;
}
.listItem .left div:nth-child(1) {
  font-size: 2rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
}
.listItem .left div:nth-child(2) {
  font-size: 1rem;
  font-family: Times New Roman;
  font-weight: bold;
  margin-top: .625rem;
}
.listItem .right {
  width: 100%;
  height: 9.375rem;
  display: flex;
  flex-direction: column;
  padding-left: 2rem;
  /*padding-right: 4.1875rem;*/
}
.listItem .right div:nth-child(1) {
  font-size: 1.125rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  margin-top: -0.3125rem;

  color: #4d4d4d !important;
}
.listItem .right div:nth-child(2) {
  font-size: .875rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  margin-top: .9375rem;
  color: #808080;
}
.listArea {
  width:100%;
  margin-top: 1.875rem;
}
.listItem:hover {
  background: #a22127;
}
.listItem:hover .left {
  color: #ffffff;
}
.listItem:hover .right div:nth-child(1) {
  color: #ffffff !important;
}
.listItem:hover .right div:nth-child(2) {
  color: #f0a2a6;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .listItem .right {
    width: 45.875rem;
  }
  .listItem .right2 {
    width: 63.4375rem;
  }
}

/*当屏幕尺寸大于75rem时，应用下面的CSS样式*/
@media screen and (min-device-width: 75rem) {
  .listItem_lingdao{
    background: url('../newassets/yj/lingdaoBg.png') no-repeat;
    background-size: 30.6875rem 7.375rem;
    background-position-x: 100%;
    background-position-y: 50%;
  }
.contentArea {
  width: 55.125rem;

}

}
/*当屏幕尺寸小于75rem时，应用下面的CSS样式*/
@media screen and (max-device-width: 75rem) {
.teacherItemArea {
    justify-content: space-between;

}
  .pageArea{
    max-width: 100%;
  }
  .pageArea > div {
    margin-top: 2.5rem;
  }

  .listItem .right div:nth-child(1) {
    font-size: .9375rem;
  }
  .navMenuAreaSmall {
    margin-top: -0.625rem;
  }

  .listArea {
    margin-top: 0;
  }
  .listItem ~ .listItem {
    margin-top: 0;
  }
  .listItem {
    height: calc(14.375rem / 2);
    padding: 0;
    align-items: center;
    width: 100%;
    border-bottom: .0625rem solid #ebebeb;
  }
  .listItem .left {
    width: 5.5rem;
    height: 4.375rem;
    color: #374e71;
    /* margin-right: .75rem; */
  }
  .listItemLine {
    height: 2.5rem;
    margin-top: -0.3125rem;
  }
  .listItem .left div:nth-child(1) {
    font-size: 1.1875rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #ac1f27;
    margin-top: -0.3125rem;
  }
  .listItem:hover .left div:nth-child(1) {
    color: white;
  }
  .listItem:hover .left div:nth-child(2) {
    color: white;
  }
  .listItem .left div:nth-child(2) {
    font-size: .75rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ac1f27;
    margin-top: 0;
  }
  .listItem .right div:nth-child(2) {
    display: none;
  }
  .listItem .right {
    height: auto;
    padding-right: 0;
    padding-left: .75rem;
  }
  .listItem .hideOneLine {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .listItem_lingdao {
    width: 100%;
    padding-bottom: 1rem;
    height: auto;
    margin-top: 1.25rem;
  }
  .listItem_lingdao ~ .listItem_lingdao {
    margin-top: 1.25rem;
  }
  .listItem_lingdao span {
    font-size: 1rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
  }
  .listItem_lingdao > div:nth-child(1) {
    border-bottom: .0625rem #ccc dashed;
    padding-bottom: .9375rem;
    margin-bottom: .8125rem;
  }
  .listItem_lingdao > div:nth-child(2) {
    margin-bottom: .3125rem;
  }
  .nav-link {
    padding: 0.5rem 2rem !important;
    height: auto;
    /* font-size: 1rem; */
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #a12726;
  }
  #pills-tab{
    margin-top: 1.375rem;
  }
  .zhuanYe{
    width: 100%;
    font-size: 1.2rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    padding-top: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .teacherItem{
    width: 6.375rem;
    height: 2.5625rem;
    background-size: 100% 100%;
    line-height: 1.1625rem;
    /* margin-left: 1.4rem; */
    margin-top: .625rem;
  }
  .teacherItemArea{
    /*margin-left: -1.5rem;*/
  }
  .zhuanYeArea{
    align-items: center !important;
    margin-top: 2rem;
    /* margin-bottom: 20px; */
  }
}