@charset "UTF-8";
/* 垂直居中 */
/* 水平居中 */
/* 多行排列 */
/* 两端对齐 */
/* 一行平均分配 */
/* 靠左对齐 */
/* 靠右对齐 */
/* 纵向排列 */
/* 靠底部 */
/* 内容宽度 */
/* 文本溢出隐藏 一行 */
/* 文本溢出隐藏 多行 */
.scale:hover {
  transform: scale(1.05);
  transition: transform 0.5s ease;
}

.wrap {
  word-wrap: break-word;
  word-break: break-all;
}

.justify {
  text-align: justify;
}

.show {
  display: block;
}

.hide {
  display: none;
}

.img {
  width: 100%;
  height: 100%;
}
.img.contain {
  object-fit: contain;
}
.img.cover {
  object-fit: cover;
}

.floor .floor-title-box {
  width: 12rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.floor .floor-title-box .floor-title-l {
  flex: 1;
  display: flex;
  align-items: flex-end;
}
.floor .floor-title-box .floor-title-l .img-box {
  width: 0.34rem;
  height: 0.32rem;
}
.floor .floor-title-box .floor-title-l .title-box {
  margin-left: -0.04rem;
  display: flex;
  align-items: flex-end;
}
.floor .floor-title-box .floor-title-l .title-box .title-text {
  font-size: 0.19rem;
  font-weight: bold;
  color: #171717;
}
.floor .floor-title-box .floor-title-l .title-box .title-info {
  margin-left: 0.12rem;
  font-size: 0.13rem;
  color: #999999;
}
.floor .floor-title-box .floor-title-r {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.floor .floor-title-box .floor-title-r .img {
  width: 4.77rem;
  height: 0.11rem;
  margin-right: 0.13rem;
}
.floor .floor-title-box .floor-title-r .more-a {
  color: #999999;
}
.floor .floor-cont {
  width: 12rem;
  margin: 0 auto;
  margin-top: 0.39rem;
}

.index-top {
  width: 12rem;
  margin: 0 auto;
  height: 0.4rem;
  line-height: 0.4rem;
}
.index-top .text {
  color: #999999;
  font-size: 0.12rem;
}

.header {
  width: 12rem;
  margin: 0 auto;
  margin-top: 0.15rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header.pb-47 {
  padding-bottom: 0.47rem;
}
.header .header-l {
  display: flex;
  align-items: center;
}
.header .header-l .logo-img-box {
  width: 2.42rem;
  height: 0.64rem;
}
.header .header-l .logo-img-box.line {
  margin-right: 0.27rem;
  position: relative;
}
.header .header-l .logo-img-box.line::after {
  content: "";
  display: inline-block;
  width: 0.01rem;
  height: 0.45rem;
  background-color: #000000;
  position: absolute;
  top: 50%;
  margin-top: -0.22rem;
  right: -0.14rem;
}
.header .header-l .info-img-box {
  height: 5.58rem;
  height: 0.48rem;
}
.header .header-l .info-text-box {
  font-size: 0.24rem;
  color: #C00808;
  font-weight: bold;
}
.header .header-r {
  display: flex;
  justify-content: flex-end;
}
.header .header-r .img-box {
  width: 0.48rem;
  height: 0.44rem;
  margin-right: 0.15rem;
}
.header .header-r .text-box .name {
  color: #000000;
}
.header .header-r .text-box .text {
  font-size: 0.2rem;
  font-weight: bold;
  color: #C50008;
}

.screen {
  background-image: url(/static/index/img/screen-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0.32rem 0 0.47rem 0;
}
.screen .screen-cont {
  width: 12rem;
  margin: 0 auto;
}
.screen .screen-cont .search {
  width: 8.45rem;
  margin: 0 auto;
  height: 0.44rem;
  background-color: #F4F4F4;
  display: flex;
  align-items: center;
  padding-left: 0.12rem;
  border-radius: 0.1rem;
  overflow: hidden;
}
.screen .screen-cont .search .img-box {
  width: 0.2rem;
  height: 0.2rem;
}
.screen .screen-cont .search .line {
  width: 0.01rem;
  height: 0.26rem;
  background-color: #B5B5B5;
  margin: 0 0.1rem;
}
.screen .screen-cont .search .input-box {
  flex: 1;
  height: 100%;
  padding-right: 0.1rem;
}
.screen .screen-cont .search .input-box .input {
  width: 100%;
  height: 100%;
}
.screen .screen-cont .search .btn-box {
  width: 0.8rem;
  height: 0.44rem;
  line-height: 0.44rem;
  text-align: center;
  background-color: #C50008;
  border-radius: 0 0.1rem 0.1rem 0;
  color: #fff;
  font-size: 0.16rem;
}
.screen .screen-cont .search .btn-box .btn-search {
  width: 100%;
  height: 100%;
}
.screen .screen-cont .screen-type-box {
  margin-top: 0.36rem;
}
.screen .screen-cont .screen-type-box .type-item {
  display: flex;
  margin-bottom: 0.08rem;
}
.screen .screen-cont .screen-type-box .type-item .type-name {
  width: 1.34rem;
  height: 0.3rem;
  line-height: 0.3rem;
  text-align: center;
  background-color: #EAEAEA;
  font-size: 0.14rem;
  border-radius: 0.05rem;
}
.screen .screen-cont .screen-type-box .type-item .type-list {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  margin-left: 0.15rem;
  padding-top: 0.06rem;
}
.screen .screen-cont .screen-type-box .type-item .type-list .item {
  position: relative;
  font-size: 0.14rem;
  margin-bottom: 0.1rem;
  margin-right: 0.22rem;
}
.screen .screen-cont .screen-type-box .type-item .type-list .item.on {
  color: #C00808;
}
.screen .screen-cont .screen-type-box .type-item .type-list .item::after {
  content: "";
  display: inline-block;
  width: 0.01rem;
  height: 0.15rem;
  background-color: #EAEAEA;
  position: absolute;
  top: 50%;
  margin-top: -0.07rem;
  right: -0.11rem;
}
.screen .screen-cont .screen-type-box .type-item .type-list .item:last-child::after {
  background-color: transparent;
}
.screen .screen-cont .screen-type-box .type-item .type-list .item .item-a.hover:hover {
  color: #C00808;
}

.navBanner {
  position: relative;
  margin-top: -0.27rem;
}
.navBanner .nav-box {
  position: relative;
}
.navBanner .nav-box .nav-cont {
  width: 15.58rem;
  background-color: #C00808;
  position: relative;
  z-index: 9;
}
.navBanner .nav-box .nav-cont .nav-list {
  padding-left: 3.6rem;
  display: flex;
  justify-content: space-between;
}
.navBanner .nav-box .nav-cont .nav-list .item {
  flex: 1;
  height: 0.58rem;
  line-height: 0.58rem;
  text-align: center;
  color: #fff;
  font-size: 0.16rem;
  position: relative;
}
.navBanner .nav-box .nav-cont .nav-list .item .item-a {
  width: 100%;
  height: 100%;
}
.navBanner .nav-box .nav-cont .nav-list .item .sub-menu {
  position: absolute;
  top: 0.58rem;
  min-width: 100%;
  box-sizing: border-box;
  z-index: 999;
  clip-path: inset(0 10rem 10rem 10rem);
  opacity: 0;
  font-weight: initial;
  background-color: #fff;
  transition: all 0.25s ease-out, opacity 0.25s ease-in, margin-left 0.25s ease-out, clip-path 0.15s ease-out;
}
.navBanner .nav-box .nav-cont .nav-list .item .sub-menu .sub-box .sub-item {
  height: 0.4rem;
  line-height: 0.4rem;
  border-bottom: 1px solid #E6E6E6;
}
.navBanner .nav-box .nav-cont .nav-list .item .sub-menu .sub-box .sub-item:last-child {
  border-bottom: none;
}
.navBanner .nav-box .nav-cont .nav-list .item .sub-menu .sub-box .sub-item .sub-item-a {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  color: #333;
  text-align: center;
}
.navBanner .nav-box .nav-cont .nav-list .item .sub-menu .sub-box .sub-item .sub-item-a:hover {
  background-color: #D5D5D5;
}
.navBanner .nav-box .nav-cont .nav-list .item.on .item-a {
  background-color: #8E0202;
}
.navBanner .nav-box .nav-cont .nav-list .item:hover .item-a, .navBanner .nav-box .nav-cont .nav-list .item.showMenu .item-a {
  background-color: #8E0202;
}
.navBanner .nav-box .nav-cont .nav-list .item:hover .sub-menu, .navBanner .nav-box .nav-cont .nav-list .item.showMenu .sub-menu {
  opacity: 1;
  margin-left: 0;
  clip-path: inset(-0.2rem 0 0 0);
}
.navBanner .nav-box .nav-cont .nav-list .item:hover .sub-menu::before, .navBanner .nav-box .nav-cont .nav-list .item.showMenu .sub-menu::before {
  opacity: 1;
}
.navBanner .nav-box .nav-cont .nav-list .item.index:hover .item-a {
  background-color: #8E0202;
}
.navBanner .nav-box .nav-cont .nav-list .item.index .item-a {
  background-color: #C00808;
}
.navBanner .nav-box .nav-cont .nav-list .item.index .sub-menu {
  width: 2.45rem;
  height: 3.47rem;
  padding: 0.1rem;
  overflow-y: scroll;
}
.navBanner .nav-box .nav-cont .nav-list .item.index .sub-menu::-webkit-scrollbar { /*隐藏滚动条*/
  width: 0;
  height: 0;
  color: transparent;
}
.navBanner .nav-box .nav-cont .nav-list .item.index .sub-menu .sub-box .sub-item {
  height: auto;
  border-bottom: none;
  text-align: left;
}
.navBanner .nav-box .nav-cont .nav-list .item.index .sub-menu .sub-box .sub-item .item-title {
  border-bottom: 1px solid #AC0909;
  text-indent: 0.17rem;
  font-size: 0.16rem;
  font-weight: bold;
  color: #C00808;
  position: relative;
}
.navBanner .nav-box .nav-cont .nav-list .item.index .sub-menu .sub-box .sub-item .item-title::after {
  content: "";
  display: inline-block;
  width: 0.66rem;
  height: 0.03rem;
  background-color: #AC0909;
  border-radius: 0.02rem;
  position: absolute;
  bottom: 0;
  left: 0.3rem;
}
.navBanner .nav-box .nav-cont .nav-list .item.index .sub-menu .sub-box .sub-item .item-list {
  padding: 0.2rem 0.05rem 0 0.05rem;
  display: flex;
  flex-wrap: wrap;
}
.navBanner .nav-box .nav-cont .nav-list .item.index .sub-menu .sub-box .sub-item .item-list .item-list-a {
  height: 0.2rem;
  line-height: 0.2rem;
  margin: 0 0.1rem 0.1rem 0;
  color: #171717;
  font-size: 0.15rem;
}
.navBanner .nav-box .nav-cont .nav-list .item.index .sub-menu .sub-box .sub-item .item-list .item-list-a:hover {
  color: #C00808;
}
.navBanner .nav-box .nav-r {
  width: 4.16rem;
  height: 0.5rem;
  background-color: #D6C370;
  position: absolute;
  top: 0.27rem;
  right: 0;
  z-index: 1;
}
.navBanner .nav-box .nav-r .img {
  width: 0.71rem;
  height: 0.2rem;
  position: absolute;
  top: 0.3rem;
  left: 0;
  z-index: 2;
}
.navBanner .banner {
  width: 100%;
  height: 3.47rem;
}
.navBanner.screenResult .nav-box .nav-r {
  height: 0.3rem;
  top: 0.28rem;
}

.premiumTrainingTopic {
  margin-top: 0.32rem;
}
.premiumTrainingTopic .floor-cont .premiumTrainingTopic-list {
  display: flex;
  flex-wrap: wrap;
}
.premiumTrainingTopic .floor-cont .premiumTrainingTopic-list .item {
  width: 2.89rem;
  height: 1.5rem;
  position: relative;
  border-radius: 0.1rem;
  overflow: hidden;
  margin: 0 0.14rem 0.35rem 0;
}
.premiumTrainingTopic .floor-cont .premiumTrainingTopic-list .item:nth-child(4n) {
  margin-right: 0;
}
.premiumTrainingTopic .floor-cont .premiumTrainingTopic-list .item .img-box {
  width: 100%;
  height: 1.5rem;
  overflow: hidden;
}
.premiumTrainingTopic .floor-cont .premiumTrainingTopic-list .item .item-title {
  width: 1.58rem;
  height: 0.33rem;
  line-height: 0.33rem;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background-color: #C00808;
  border-radius: 0.1rem 0 0.1rem 0;
  padding: 0 0.1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.systemTraining {
  margin-top: 0.2rem;
}
.systemTraining .floor-cont .systemTraining-list {
  display: flex;
  justify-content: space-between;
}
.systemTraining .floor-cont .systemTraining-list .item {
  width: 3.84rem;
  margin: 0 0.21rem 0.4rem 0;
  background-color: #fff;
  border-radius: 0.1rem;
}
.systemTraining .floor-cont .systemTraining-list .item:nth-child(3n) {
  margin-right: 0;
}
.systemTraining .floor-cont .systemTraining-list .item .item-a {
  width: 100%;
  height: 100%;
}
.systemTraining .floor-cont .systemTraining-list .item .item-top {
  width: 100%;
  height: 0.99rem;
  background: linear-gradient(#C8DDFF, #F9FAF4);
  border-radius: 0.1rem 0.1rem 0 0;
  position: relative;
}
.systemTraining .floor-cont .systemTraining-list .item .item-top .img {
  width: 1.39rem;
  height: 0.86rem;
  position: absolute;
  top: 0.12rem;
  left: 0.09rem;
  z-index: 1;
}
.systemTraining .floor-cont .systemTraining-list .item .item-top .item-info {
  width: 1.8rem;
  height: 0.56rem;
  position: absolute;
  top: 0.2rem;
  left: 1.6rem;
  z-index: 2;
  display: flex;
  align-items: center;
}
.systemTraining .floor-cont .systemTraining-list .item .item-top .item-info .text {
  width: 100%;
  font-size: 0.22rem;
  font-weight: bold;
  color: #C00808;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 第几行显示...就是几 */
  overflow: hidden;
}
.systemTraining .floor-cont .systemTraining-list .item .item-title {
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  padding: 0 0.05rem;
  font-size: 0.14rem;
  border-top: 1px solid #ECECEC;
  background-color: #F8F8F8;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.onlineEducation {
  margin-top: 0.43rem;
  padding: 0.43rem 0 0.43rem 0;
  background-color: #F3F3F3;
}
.onlineEducation .floor-cont .onlineEducation-list {
  display: flex;
  flex-wrap: wrap;
}
.onlineEducation .floor-cont .onlineEducation-list .item {
  width: 2.82rem;
  overflow: hidden;
  margin-right: 0.19rem;
}
.onlineEducation .floor-cont .onlineEducation-list .item:nth-child(4n) {
  margin-right: 0;
}
.onlineEducation .floor-cont .onlineEducation-list .item .img-box {
  width: 100%;
  height: 1.57rem;
  overflow: hidden;
}
.onlineEducation .floor-cont .onlineEducation-list .item .item-title {
  height: 0.54rem;
  line-height: 0.54rem;
  text-align: center;
  font-weight: bold;
  color: #171717;
  padding: 0 0.1rem;
  background-color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.onlineEducation .floor-cont .onlineEducation-bot {
  margin-top: 0.23rem;
  display: flex;
  justify-content: space-between;
}
.onlineEducation .floor-cont .onlineEducation-bot .hot-recommend {
  width: 6.68rem;
  background-color: #fff;
}
.onlineEducation .floor-cont .onlineEducation-bot .hot-recommend .hot-recommend-title {
  width: 1.5rem;
  height: 0.32rem;
  line-height: 0.32rem;
  text-align: center;
  background-image: url(/static/index/img/onlineEducation-hot-recommend-title.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-weight: bold;
  color: #fff;
}
.onlineEducation .floor-cont .onlineEducation-bot .hot-recommend .hot-recommend-list {
  padding: 0.2rem 0.49rem 0.2rem 0.1rem;
}
.onlineEducation .floor-cont .onlineEducation-bot .hot-recommend .hot-recommend-list .item {
  position: relative;
  margin-bottom: 0.06rem;
}
.onlineEducation .floor-cont .onlineEducation-bot .hot-recommend .hot-recommend-list .item:last-child {
  margin-bottom: 0;
}
.onlineEducation .floor-cont .onlineEducation-bot .hot-recommend .hot-recommend-list .item.garden {
  padding-left: 0.2rem;
  position: relative;
}
.onlineEducation .floor-cont .onlineEducation-bot .hot-recommend .hot-recommend-list .item.garden::before {
  content: "";
  display: inline-block;
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background-color: #C00808;
  position: absolute;
  top: 50%;
  margin-top: -0.03rem;
  left: 0;
}
.onlineEducation .floor-cont .onlineEducation-bot .hot-recommend .hot-recommend-list .item .item-a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.onlineEducation .floor-cont .onlineEducation-bot .hot-recommend .hot-recommend-list .item .item-l {
  width: calc(100% - 0.88rem - 0.1rem);
  display: flex;
  align-items: center;
}
.onlineEducation .floor-cont .onlineEducation-bot .hot-recommend .hot-recommend-list .item .item-l .item-title {
  display: inline-block;
  color: #171717;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.onlineEducation .floor-cont .onlineEducation-bot .hot-recommend .hot-recommend-list .item .item-l .item-speaker {
  flex-shrink: 0;
  margin-left: 0.05rem;
}
.onlineEducation .floor-cont .onlineEducation-bot .hot-recommend .hot-recommend-list .item .item-r {
  flex-shrink: 0;
}
.onlineEducation .floor-cont .onlineEducation-bot .hot-recommend .hot-recommend-list .item .item-r .item-type {
  display: inline-block;
  width: 0.88rem;
  height: 0.24rem;
  line-height: 0.24rem;
  text-align: center;
  background-color: #FFF4D4;
  border-radius: 0.1rem;
  font-size: 0.14rem;
  color: #78A26E;
}
.onlineEducation .floor-cont .onlineEducation-bot .onlineEducation-bot-r {
  width: calc(100% - 6.68rem - 0.17rem);
}
.onlineEducation .floor-cont .onlineEducation-bot .onlineEducation-bot-r .list .item {
  background-color: #fff;
  padding: 0.1rem;
  margin-bottom: 0.12rem;
}
.onlineEducation .floor-cont .onlineEducation-bot .onlineEducation-bot-r .list .item:last-child {
  margin-bottom: 0;
}
.onlineEducation .floor-cont .onlineEducation-bot .onlineEducation-bot-r .list .item .item-a {
  display: flex;
  justify-content: space-between;
}
.onlineEducation .floor-cont .onlineEducation-bot .onlineEducation-bot-r .list .item .item-a .img-box {
  width: 1.45rem;
  height: 0.8rem;
  overflow: hidden;
}
.onlineEducation .floor-cont .onlineEducation-bot .onlineEducation-bot-r .list .item .item-a .item-info {
  width: calc(100% - 1.45rem - 0.1rem);
}
.onlineEducation .floor-cont .onlineEducation-bot .onlineEducation-bot-r .list .item .item-a .item-info .itme-title,
.onlineEducation .floor-cont .onlineEducation-bot .onlineEducation-bot-r .list .item .item-a .item-info .item-speaker {
  color: #171717;
}
.onlineEducation .floor-cont .onlineEducation-bot .onlineEducation-bot-r .list .item .item-a .item-info .itme-title {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.onlineEducation .floor-cont .onlineEducation-bot .onlineEducation-bot-r .list .item .item-a .item-info .item-speaker {
  margin-top: 0.12rem;
}
.onlineEducation .floor-cont .onlineEducation-bot .onlineEducation-bot-r .list .item .item-a .item-info .item-type {
  text-align: right;
  margin-top: 0.05rem;
}
.onlineEducation .floor-cont .onlineEducation-bot .onlineEducation-bot-r .list .item .item-a .item-info .item-type .type {
  display: inline-block;
  width: 0.88rem;
  height: 0.24rem;
  line-height: 0.24rem;
  text-align: center;
  background-color: #FFF4D4;
  border-radius: 0.1rem;
  font-size: 0.14rem;
  color: #C00808;
}

.trainingCourse {
  padding-top: 0.34rem;
}
.trainingCourse .trainingCourse-cont {
  width: 12rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.trainingCourse .trainingCourse-cont .cont-l {
  width: 6.81rem;
  position: relative;
  z-index: 2;
}
.trainingCourse .trainingCourse-cont .cont-l .floor-title-box {
  width: 6.7rem;
  margin: 0;
}
.trainingCourse .trainingCourse-cont .cont-l .trainingCourse-ul {
  margin-top: 0.2rem;
  background-color: #C00808;
  padding: 0.43rem 0.52rem 0.16rem 0.33rem;
}
.trainingCourse .trainingCourse-cont .cont-l .trainingCourse-ul .item {
  color: #EAEAEA;
  margin-bottom: 0.19rem;
}
.trainingCourse .trainingCourse-cont .cont-l .trainingCourse-ul .item .item-a {
  display: flex;
  justify-content: space-between;
}
.trainingCourse .trainingCourse-cont .cont-l .trainingCourse-ul .item .item-title {
  width: calc(100% - 1.6rem - 0.1rem);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 0.18rem;
  position: relative;
}
.trainingCourse .trainingCourse-cont .cont-l .trainingCourse-ul .item .item-title.garden {
  padding-left: 0.2rem;
  position: relative;
}
.trainingCourse .trainingCourse-cont .cont-l .trainingCourse-ul .item .item-title.garden::before {
  content: "";
  display: inline-block;
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.03rem;
  left: 0;
}
.trainingCourse .trainingCourse-cont .cont-l .trainingCourse-ul .item .time-box {
  flex-shrink: 0;
  width: 1.6rem;
  text-align: right;
  display: flex;
  align-items: center;
}
.trainingCourse .trainingCourse-cont .cont-l .trainingCourse-ul .item .time-box .img {
  width: 0.13rem;
  height: 0.13rem;
  margin-right: 0.07rem;
}
.trainingCourse .trainingCourse-cont .cont-l .trainingCourse-ul .item:hover .item-title {
  color: #FFDD1F;
  font-weight: bold;
}
.trainingCourse .trainingCourse-cont .cont-l .img-bg {
  width: 1.58rem;
  height: 0.88rem;
  position: absolute;
  bottom: -0.16rem;
  right: -1.26rem;
  z-index: 2;
}
.trainingCourse .trainingCourse-cont .cont-r {
  width: 5.19rem;
  position: relative;
  padding-top: 0.14rem;
  z-index: 1;
}
.trainingCourse .trainingCourse-cont .cont-r .img-box {
  width: 100%;
  height: 3.31rem;
  position: relative;
  overflow: hidden;
}
.trainingCourse .trainingCourse-cont .cont-r .img-box .img-a {
  width: 100%;
  height: 100%;
}
.trainingCourse .trainingCourse-cont .cont-r .img-box .title {
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  background-color: rgba(23, 23, 23, 0.6);
  font-size: 0.14rem;
  color: #fff;
  padding: 0 0.12rem 0 1rem;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.newsCenter {
  padding-top: 0.36rem;
}
.newsCenter .newsCenter-cont {
  width: 12rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.newsCenter .newsCenter-cont .newsCenter-l {
  width: calc(100% - 3.45rem - 0.28rem);
}
.newsCenter .newsCenter-cont .newsCenter-l .floor-title-box {
  width: 100%;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont {
  margin-top: 0.3rem;
  display: flex;
  justify-content: space-between;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-l {
  width: 3.46rem;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-l .floor-1 {
  width: 100%;
  position: relative;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-l .floor-1 .img-box {
  height: 2.2rem;
  overflow: hidden;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-l .floor-1 .title {
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  padding: 0 0.06rem;
  background-color: rgba(50, 50, 50, 0.6);
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  bottom: 0;
  left: 0;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-l .floor-2 {
  margin-top: 0.2rem;
  border-bottom: 1px solid #E4E4E4;
  padding-bottom: 0.2rem;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-l .floor-2 .floor-a {
  display: flex;
  justify-content: space-between;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-l .floor-2 .img-box {
  width: 1.52rem;
  height: 0.97rem;
  overflow: hidden;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-l .floor-2 .floor-r {
  width: calc(100% - 1.52rem - 0.07rem);
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-l .floor-2 .floor-r .title {
  height: 0.44rem;
  line-height: 0.22rem;
  font-size: 0.16rem;
  color: #171717;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 第几行显示...就是几 */
  overflow: hidden;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-l .floor-2 .floor-r .time-box {
  display: flex;
  align-items: center;
  margin-top: 0.34rem;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-l .floor-2 .floor-r .time-box .img {
  width: 0.15rem;
  height: 0.15rem;
  margin-right: 0.03rem;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-l .floor-2 .floor-r .time-box .text {
  color: #666666;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-l .floor-3 {
  margin-top: 0.3rem;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-l .floor-3 .list .item {
  padding-left: 0.2rem;
  position: relative;
  margin-bottom: 0.17rem;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-l .floor-3 .list .item.garden {
  padding-left: 0.2rem;
  position: relative;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-l .floor-3 .list .item.garden::before {
  content: "";
  display: inline-block;
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background-color: #C00808;
  position: absolute;
  top: 50%;
  margin-top: -0.03rem;
  left: 0;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-l .floor-3 .list .item .item-a {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #666666;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-r {
  width: calc(100% - 3.46rem - 0.2rem);
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-r .floor-1 {
  border: 0.03rem solid #C00808;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-r .floor-1 .floor-a {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-r .floor-1 .img-box {
  width: 1.27rem;
  height: 1.27rem;
  overflow: hidden;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-r .floor-1 .floor-r {
  width: calc(100% - 1.27rem);
  padding: 0.1rem 0.1rem 0 0.12rem;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-r .floor-1 .floor-r .title {
  height: 0.44rem;
  line-height: 0.22rem;
  color: #171717;
  font-size: 0.16rem;
  font-weight: bold;
  padding-bottom: 0.1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 第几行显示...就是几 */
  overflow: hidden;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-r .floor-1 .floor-r .info {
  margin-top: 0.1rem;
  color: #666666;
  height: 0.52rem;
  line-height: 0.22rem;
  border-top: 1px solid #E4E4E4;
  padding-top: 0.11rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 第几行显示...就是几 */
  overflow: hidden;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-r .floor-2 {
  margin-top: 0.09rem;
  background-color: #F6F6F6;
  padding: 0.18rem 0.14rem 0.03rem 0.14rem;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-r .floor-2 .list .item {
  margin-bottom: 0.15rem;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-r .floor-2 .list .item .item-a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-r .floor-2 .list .item .time {
  color: #BD1816;
  flex-shrink: 0;
}
.newsCenter .newsCenter-cont .newsCenter-l .newsCenter-l-cont .cont-r .floor-2 .list .item .text {
  margin-left: 0.18rem;
  color: #666666;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.newsCenter .newsCenter-cont .newsCenter-r {
  width: 3.45rem;
}
.newsCenter .newsCenter-cont .newsCenter-r .floor-title-box {
  width: 100%;
  height: 0.32rem;
}
.newsCenter .newsCenter-cont .newsCenter-r .newsCenter-r-cont {
  margin-top: 0.3rem;
  height: calc(100% - 0.3rem - 0.32rem);
}
.newsCenter .newsCenter-cont .newsCenter-r .newsCenter-r-cont .onlineApplication-box {
  height: 100%;
  padding: 0.22rem 0.18rem;
  background-color: #F2F2F2;
  position: relative;
}
.newsCenter .newsCenter-cont .newsCenter-r .newsCenter-r-cont .onlineApplication-box .onlineApplication-bg {
  width: 100%;
  height: 2.8rem;
  background-color: #C00808;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.newsCenter .newsCenter-cont .newsCenter-r .newsCenter-r-cont .onlineApplication-box .top {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.newsCenter .newsCenter-cont .newsCenter-r .newsCenter-r-cont .onlineApplication-box .top .img {
  width: 0.23rem;
  height: 0.23rem;
  margin-right: 0.08rem;
}
.newsCenter .newsCenter-cont .newsCenter-r .newsCenter-r-cont .onlineApplication-box .top .text-box {
  font-size: 0.16rem;
  color: #F2F2F2;
}
.newsCenter .newsCenter-cont .newsCenter-r .newsCenter-r-cont .onlineApplication-box .top .text-box .num {
  font-size: 0.2rem;
  color: #FFF000;
}
.newsCenter .newsCenter-cont .newsCenter-r .newsCenter-r-cont .onlineApplication-box .form-box {
  position: relative;
  z-index: 1;
  margin-top: 0.16rem;
  background-color: #fff;
  padding: 0.19rem 0.1rem;
}
.newsCenter .newsCenter-cont .newsCenter-r .newsCenter-r-cont .onlineApplication-box .form-box .form .form-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.newsCenter .newsCenter-cont .newsCenter-r .newsCenter-r-cont .onlineApplication-box .form-box .form .form-item .name {
  width: 0.8rem;
  flex-shrink: 0;
  text-align: right;
  font-weight: bold;
  color: #171717;
}
.newsCenter .newsCenter-cont .newsCenter-r .newsCenter-r-cont .onlineApplication-box .form-box .form .form-item .item-r {
  flex: 1;
  margin-left: 0.08rem;
}
.newsCenter .newsCenter-cont .newsCenter-r .newsCenter-r-cont .onlineApplication-box .form-box .form .form-item .item-r .input {
  border: 1px solid #EAEAEA;
  border-radius: 0.07rem;
}
.newsCenter .newsCenter-cont .newsCenter-r .newsCenter-r-cont .onlineApplication-box .form-box .form .form-item .item-r .input::-webkit-input-placeholder {
  color: #CACACA;
  font-size: 0.15rem;
}
.newsCenter .newsCenter-cont .newsCenter-r .newsCenter-r-cont .onlineApplication-box .form-box .form .form-item.phone .item-r {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.newsCenter .newsCenter-cont .newsCenter-r .newsCenter-r-cont .onlineApplication-box .form-box .form .form-item.phone .item-r .input {
  flex: 1;
}
.newsCenter .newsCenter-cont .newsCenter-r .newsCenter-r-cont .onlineApplication-box .form-box .form .form-item.phone .item-r .send-btn {
  width: 0.66rem;
  height: 0.34rem;
  line-height: 0.34rem;
  text-align: center;
  background-color: #C00808;
  border-radius: 0.07rem;
  color: #fff;
  font-size: 0.16rem;
  margin-left: 0.08rem;
}
.newsCenter .newsCenter-cont .newsCenter-r .newsCenter-r-cont .onlineApplication-box .form-box .form .btn-box {
  width: 1.98rem;
  margin: 0.21rem auto 0.19rem auto;
}
.newsCenter .newsCenter-cont .newsCenter-r .newsCenter-r-cont .onlineApplication-box .form-box .form .btn-box .btn {
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  border-radius: 0.07rem;
  background-color: #C00808;
  color: #fff;
  font-size: 0.16rem;
}

.teachingTeam {
  margin-top: 0.56rem;
  position: relative;
}
.teachingTeam .teachingTeam-bg {
  width: 100%;
  height: 2.05rem;
  background-color: #C00808;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.teachingTeam .floor-cont {
  position: relative;
}
.teachingTeam .floor-cont .teachingTeam-list {
  display: flex;
  flex-wrap: wrap;
}
.teachingTeam .floor-cont .teachingTeam-list .item {
  width: 2.07rem;
  background-color: #fff;
  margin: 0 0.39rem 0.2rem 0;
}
.teachingTeam .floor-cont .teachingTeam-list .item:nth-child(5n) {
  margin-right: 0;
}
.teachingTeam .floor-cont .teachingTeam-list .item .img-box {
  width: 100%;
  height: 2.05rem;
  overflow: hidden;
}
.teachingTeam .floor-cont .teachingTeam-list .item .item-name,
.teachingTeam .floor-cont .teachingTeam-list .item .item-info {
  padding: 0 0.05rem;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.teachingTeam .floor-cont .teachingTeam-list .item .item-name {
  margin-top: 0.1rem;
  color: #C00808;
}
.teachingTeam .floor-cont .teachingTeam-list .item .item-info {
  font-size: 0.14rem;
  margin-top: 0.02rem;
  margin-bottom: 0.05rem;
}

.educationBase {
  padding-top: 0.33rem;
}
.educationBase .floor-cont {
  display: flex;
  justify-content: space-between;
}
.educationBase .floor-cont .educationBase-cont-nav {
  width: 1.48rem;
  height: 3.3rem;
}
.educationBase .floor-cont .educationBase-cont-nav .educationBase-nav-prev,
.educationBase .floor-cont .educationBase-cont-nav .educationBase-nav-next {
  width: 100%;
  height: 0.19rem;
  background-color: #F3F3F3;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.educationBase .floor-cont .educationBase-cont-nav .educationBase-nav-prev .img,
.educationBase .floor-cont .educationBase-cont-nav .educationBase-nav-next .img {
  width: 0.14rem;
  height: 0.07rem;
}
.educationBase .floor-cont .educationBase-cont-nav .nav-swiper {
  width: 100%;
  height: 2.76rem;
  margin-top: 0.08rem;
  overflow: hidden;
}
.educationBase .floor-cont .educationBase-cont-nav .nav-swiper .item {
  width: 100%;
}
.educationBase .floor-cont .educationBase-cont-nav .nav-swiper .item.on {
  border: 0.06rem solid #C00808;
}
.educationBase .floor-cont .educationBase-cont-nav .educationBase-nav-next {
  margin-top: 0.08rem;
}
.educationBase .floor-cont .educationBase-info {
  width: calc(100% - 1.48rem - 0.24rem);
  background-color: #F3F3F3;
  background-image: url(/static/index/img/educationBase-bg.png);
  background-repeat: no-repeat;
  background-size: 3.52rem 2.17rem;
  background-position: bottom right;
  padding: 0.3rem 0.24rem;
  display: flex;
  justify-content: space-between;
}
.educationBase .floor-cont .educationBase-info .info-l {
  width: 4.11rem;
  height: 2.65rem;
  position: relative;
  z-index: 1;
}
.educationBase .floor-cont .educationBase-info .info-l::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #C00808;
  position: absolute;
  top: 0.11rem;
  left: 0.11rem;
  z-index: -1;
}
.educationBase .floor-cont .educationBase-info .info-l .info-title {
  width: 2.45rem;
  height: 0.29rem;
  line-height: 0.29rem;
  background-image: url(/static/index/img/educationBase-title-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0 0.2rem 0 0.1rem;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.educationBase .floor-cont .educationBase-info .info-r {
  width: calc(100% - 4.11rem - 0.34rem);
  padding-top: 0.27rem;
}
.educationBase .floor-cont .educationBase-info .info-r .text-box {
  height: 1.68rem;
  line-height: 0.24rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7; /* 第几行显示...就是几 */
  overflow: hidden;
}
.educationBase .floor-cont .educationBase-info .info-r .btn-box {
  margin-top: 0.34rem;
}
.educationBase .floor-cont .educationBase-info .info-r .btn-box .btn {
  width: 1.49rem;
  height: 0.38rem;
  border-radius: 0.1rem;
  background-color: #C00808;
  display: flex;
  align-items: center;
  justify-content: center;
}
.educationBase .floor-cont .educationBase-info .info-r .btn-box .btn .text {
  color: #fff;
}
.educationBase .floor-cont .educationBase-info .info-r .btn-box .btn .img {
  width: 0.16rem;
  height: 0.12rem;
  margin-left: 0.08rem;
  margin-top: 0.02rem;
}

.teachingBase {
  padding-top: 0.46rem;
}
.teachingBase .floor-cont .teachingBase-list {
  display: flex;
  flex-wrap: wrap;
}
.teachingBase .floor-cont .teachingBase-list .item {
  width: 2.83rem;
  margin: 0 0.21rem 0.48rem 0;
  background-color: #F3F3F3;
}
.teachingBase .floor-cont .teachingBase-list .item:nth-child(4n) {
  margin-right: 0;
}
.teachingBase .floor-cont .teachingBase-list .item .item-a {
  width: 100%;
}
.teachingBase .floor-cont .teachingBase-list .item .img-box {
  width: 100%;
  height: 1.59rem;
  overflow: hidden;
}
.teachingBase .floor-cont .teachingBase-list .item .item-title {
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  padding: 0.05rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.studentStyle {
  padding-top: 0.24rem;
}
.studentStyle .floor-cont .studentStyle-list {
  display: flex;
  flex-wrap: wrap;
}
.studentStyle .floor-cont .studentStyle-list .item {
  width: 2.9rem;
  margin: 0 0.12rem 0.2rem 0;
}
.studentStyle .floor-cont .studentStyle-list .item:nth-child(4n) {
  margin-right: 0;
}
.studentStyle .floor-cont .studentStyle-list .item .item-a {
  width: 100%;
}
.studentStyle .floor-cont .studentStyle-list .item .img-box {
  width: 2.78rem;
  height: 1.39rem;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.studentStyle .floor-cont .studentStyle-list .item .item-title {
  height: 0.95rem;
  text-align: center;
  position: relative;
  margin-top: -0.5rem;
  background-color: #C00808;
  color: #fff;
  padding: 0.64rem 0.05rem 0.18rem 0.05rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cooperation {
  padding-top: 0.23rem;
  background-color: #F3F3F3;
}
.cooperation .floor-cont .cooperation-list {
  display: flex;
  flex-wrap: wrap;
}
.cooperation .floor-cont .cooperation-list .item {
  width: 2.26rem;
  margin: 0 0.16rem 0.24rem 0;
  background-color: #fff;
  padding: 0.15rem 0.2rem;
}
.cooperation .floor-cont .cooperation-list .item:nth-child(5n) {
  margin-right: 0;
}
.cooperation .floor-cont .cooperation-list .item .item-a {
  width: 100%;
}
.cooperation .floor-cont .cooperation-list .item .img-box {
  width: 1.83rem;
  height: 0.52rem;
  overflow: hidden;
}

.footer {
  background-color: #470000;
}
.footer .friendlyLinks-box {
  padding: 0.18rem 0 0.1rem 0;
  border-bottom: 1px solid #FFFFFF;
}
.footer .friendlyLinks-box .friendlyLinks {
  width: 12rem;
  margin: 0 auto;
}
.footer .friendlyLinks-box .friendlyLinks .title-box {
  display: flex;
  align-items: flex-end;
  color: #fff;
}
.footer .friendlyLinks-box .friendlyLinks .title-box .text {
  font-weight: bold;
}
.footer .friendlyLinks-box .friendlyLinks .title-box .english-text {
  font-size: 0.13rem;
  margin-left: 0.07rem;
}
.footer .friendlyLinks-box .friendlyLinks .friendlyLinks-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.19rem;
}
.footer .friendlyLinks-box .friendlyLinks .friendlyLinks-list .item {
  margin: 0 0.5rem 0.1rem 0;
  color: #fff;
  font-size: 0.13rem;
}
.footer .footer-info {
  width: 12rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 0.31rem 0;
}
.footer .footer-info .info-l {
  width: 2.36rem;
}
.footer .footer-info .info-l .img-box {
  width: 2.36rem;
  height: 0.63rem;
}
.footer .footer-info .info-l .phone-box,
.footer .footer-info .info-l .contacts-box {
  display: flex;
  flex-wrap: wrap;
}
.footer .footer-info .info-l .phone-box .img,
.footer .footer-info .info-l .contacts-box .img {
  width: 0.14rem;
  height: 0.13rem;
  margin: 0.03rem 0.05rem 0 0;
}
.footer .footer-info .info-l .phone-box .title,
.footer .footer-info .info-l .phone-box .value,
.footer .footer-info .info-l .contacts-box .title,
.footer .footer-info .info-l .contacts-box .value {
  font-size: 0.14rem;
  color: #DFBABA;
}
.footer .footer-info .info-l .phone-box {
  margin-top: 0.22rem;
}
.footer .footer-info .info-l .contacts-box {
  margin-top: 0.11rem;
}
.footer .footer-info .info-line {
  width: 0.01rem;
  background-color: #E7C2C2;
  margin: 0 0.3rem;
}
.footer .footer-info .info-r {
  flex: 1;
}
.footer .footer-info .info-r .info-r-list {
  display: flex;
  flex-wrap: wrap;
}
.footer .footer-info .info-r .info-r-list .item {
  color: #E7C2C2;
  position: relative;
  margin: 0 0.5rem 0.1rem 0;
  font-size: 0.14rem;
}
.footer .footer-info .info-r .info-r-list .item::after {
  content: "/";
  position: absolute;
  right: -0.25rem;
}
.footer .footer-info .info-r .info-r-list .item:last-child::after {
  content: "";
}
.footer .footer-info .info-r .text-box {
  margin-top: 0.14rem;
}
.footer .footer-info .info-r .text-box .text {
  font-size: 0.13rem;
  color: #E7C2C2;
  line-height: 0.2rem;
}
.footer .footer-info .info-r .info-r-b {
  margin-top: 0.36rem;
  display: flex;
  align-items: center;
}
.footer .footer-info .info-r .info-r-b .text {
  font-size: 0.13rem;
  color: #E7C2C2;
}
.footer .footer-info .info-r .info-r-b .text.technicalSupport {
  color: #EBD48F;
}

.subpageTitle {
  position: relative;
  width: 12rem;
  margin: 0 auto;
}
.subpageTitle .cont {
  width: 1.63rem;
  height: 0.59rem;
  margin-top: -0.59rem;
  background-image: url(/static/index/img/subpageTitle-bg.png);
  background-repeat: no-repeat;
  background-image: 100% 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.subpageTitle .cont .img {
  width: 0.39rem;
  height: 0.3rem;
  margin: 0 0.07rem 0 0.03rem;
}
.subpageTitle .cont .title {
  font-size: 0.2rem;
  font-weight: bold;
  color: #fff;
}

.subpageNav .subpageNav-list {
  width: 12rem;
  margin: 0 auto;
  display: flex;
  height: 0.72rem;
  line-height: 0.72rem;
}
.subpageNav .subpageNav-list .item {
  font-size: 0.16rem;
  margin-right: 0.69rem;
}
.subpageNav .subpageNav-list .item.on {
  color: #C00808;
  position: relative;
}
.subpageNav .subpageNav-list .item.on::after {
  content: "";
  display: inline-block;
  width: 0.44rem;
  height: 0.02rem;
  background-color: #C00808;
  border-radius: 0.01rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -0.22rem;
}

.subpageCont {
  background-color: #F4F4F4;
  padding-bottom: 0.5rem;
}
.subpageCont .breadcrumb {
  width: 12rem;
  margin: 0 auto;
  padding: 0.12rem 0;
  display: flex;
  align-items: center;
  font-size: 0.14rem;
  color: #999999;
}
.subpageCont .breadcrumb .img {
  width: 0.13rem;
  height: 0.16rem;
  margin-right: 0.05rem;
}
.subpageCont .breadcrumb .text {
  margin-left: 0.13rem;
}
.subpageCont .subpageCont-cont {
  width: 12rem;
  margin: 0 auto;
  background-color: #fff;
}
.subpageCont .subpageCont-cont.bg-transparent {
  background-color: transparent;
}

.pagination {
  margin-top: 0.5rem;
}
.pagination .pagination-ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination .pagination-ul li {
  width: 0.46rem;
  height: 0.46rem;
  line-height: 0.46rem;
  text-align: center;
  border: 1px solid #DFDFDF;
  border-right: none;
  cursor: pointer;
}
.pagination .pagination-ul li:last-child {
  border-right: 1px solid #DFDFDF;
}
.pagination .pagination-ul li:hover, .pagination .pagination-ul li.choose {
  background-color: #C00808;
  color: #fff;
}
.pagination .pagination-ul .noClick {
  cursor: not-allowed;
}
.pagination .pagination-ul .noClick:hover {
  background-color: #DFDFDF;
  color: #333;
}

.subpageTrainingProgramBoutique .subpageTrainingProgramBoutique-ul .item {
  margin-bottom: 0.43rem;
  padding: 0.16rem 0.53rem 0.19rem 0.17rem;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
}
.subpageTrainingProgramBoutique .subpageTrainingProgramBoutique-ul .item .item-l {
  width: 2.9rem;
  height: 1.51rem;
  overflow: hidden;
}
.subpageTrainingProgramBoutique .subpageTrainingProgramBoutique-ul .item .item-r {
  width: calc(100% - 2.9rem - 0.2rem);
}
.subpageTrainingProgramBoutique .subpageTrainingProgramBoutique-ul .item .item-r .item-title {
  padding-top: 0.11rem;
  font-size: 0.17rem;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.subpageTrainingProgramBoutique .subpageTrainingProgramBoutique-ul .item .item-r .item-info {
  margin-top: 0.19rem;
  color: #666;
  height: 0.48rem;
  line-height: 0.24rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 第几行显示...就是几 */
  overflow: hidden;
}
.subpageTrainingProgramBoutique .subpageTrainingProgramBoutique-ul .item .item-r .btn-box {
  text-align: right;
  margin-top: 0.13rem;
}
.subpageTrainingProgramBoutique .subpageTrainingProgramBoutique-ul .item .item-r .btn-box .btn-a {
  width: 1.08rem;
  height: 0.34rem;
  line-height: 0.34rem;
  text-align: center;
  color: #C00808;
  border: 1px solid #C00808;
  border-radius: 0.1rem;
}
.subpageTrainingProgramBoutique .subpageTrainingProgramBoutique-ul .item:hover {
  background-color: #C00808;
  color: #fff;
}
.subpageTrainingProgramBoutique .subpageTrainingProgramBoutique-ul .item:hover .item-l .img {
  transform: scale(1.05);
  transition: transform 0.5s ease;
}
.subpageTrainingProgramBoutique .subpageTrainingProgramBoutique-ul .item:hover .item-r .item-info {
  color: #fff;
}
.subpageTrainingProgramBoutique .subpageTrainingProgramBoutique-ul .item:hover .btn-box .btn-a {
  background-color: #fff;
}

.subpageTrainingProgramIndustry {
  padding: 0.41rem 0;
}
.subpageTrainingProgramIndustry .subpageTrainingProgramIndustry-ul {
  display: flex;
  flex-wrap: wrap;
}
.subpageTrainingProgramIndustry .subpageTrainingProgramIndustry-ul .item {
  width: 3.84rem;
  margin: 0 0.21rem 0.4rem 0;
  background-color: #fff;
  border-radius: 0.1rem;
}
.subpageTrainingProgramIndustry .subpageTrainingProgramIndustry-ul .item:nth-child(3n) {
  margin-right: 0;
}
.subpageTrainingProgramIndustry .subpageTrainingProgramIndustry-ul .item .item-a {
  width: 100%;
  height: 100%;
}
.subpageTrainingProgramIndustry .subpageTrainingProgramIndustry-ul .item .item-top {
  width: 100%;
  height: 0.99rem;
  background: linear-gradient(#C8DDFF, #F9FAF4);
  border-radius: 0.1rem 0.1rem 0 0;
  position: relative;
}
.subpageTrainingProgramIndustry .subpageTrainingProgramIndustry-ul .item .item-top .img {
  width: 1.39rem;
  height: 0.86rem;
  position: absolute;
  top: 0.12rem;
  left: 0.09rem;
  z-index: 1;
}
.subpageTrainingProgramIndustry .subpageTrainingProgramIndustry-ul .item .item-top .item-info {
  width: 1.8rem;
  height: 0.56rem;
  position: absolute;
  top: 0.2rem;
  left: 1.6rem;
  z-index: 2;
  display: flex;
  align-items: center;
}
.subpageTrainingProgramIndustry .subpageTrainingProgramIndustry-ul .item .item-top .item-info .text {
  width: 100%;
  font-size: 0.22rem;
  font-weight: bold;
  color: #C00808;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 第几行显示...就是几 */
  overflow: hidden;
}
.subpageTrainingProgramIndustry .subpageTrainingProgramIndustry-ul .item .item-title {
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  padding: 0 0.05rem;
  font-size: 0.14rem;
  border-top: 1px solid #ECECEC;
  background-color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.subpageTrainingOverviewFlowPath {
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subpageTrainingOverviewFlowPath .img {
  width: 7.67rem;
  height: 4.17rem;
}

.subpageTrainingOverviewCharacteristic {
  padding: 0.57rem;
}
.subpageTrainingOverviewCharacteristic .subpageTrainingOverviewCharacteristic-ul .item {
  margin-bottom: 0.3rem;
}
.subpageTrainingOverviewCharacteristic .subpageTrainingOverviewCharacteristic-ul .item .item-title {
  color: #C00808;
  font-weight: bold;
  padding-left: 0.2rem;
  position: relative;
}
.subpageTrainingOverviewCharacteristic .subpageTrainingOverviewCharacteristic-ul .item .item-title::before {
  content: "";
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #C00808;
  position: absolute;
  top: 50%;
  margin-top: -0.05rem;
  left: 0;
}
.subpageTrainingOverviewCharacteristic .subpageTrainingOverviewCharacteristic-ul .item .item-title::after {
  content: "";
  display: inline-block;
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  overflow: hidden;
  background-color: #C00808;
  position: absolute;
  top: 50%;
  margin-top: -0.03rem;
  left: 0.02rem;
}
.subpageTrainingOverviewCharacteristic .subpageTrainingOverviewCharacteristic-ul .item .item-text {
  padding-left: 0.2rem;
  margin-top: 0.06rem;
}

.subpageTrainingOverviewBase {
  padding: 0.53rem 0.36rem;
}
.subpageTrainingOverviewBase .subpageTrainingOverviewBase-ul {
  display: flex;
  flex-wrap: wrap;
}
.subpageTrainingOverviewBase .subpageTrainingOverviewBase-ul .item {
  width: 2.63rem;
  margin: 0 0.18rem 0.2rem 0;
}
.subpageTrainingOverviewBase .subpageTrainingOverviewBase-ul .item:nth-child(4n) {
  margin-right: 0;
}
.subpageTrainingOverviewBase .subpageTrainingOverviewBase-ul .item .item-a {
  width: 100%;
  height: 100%;
}
.subpageTrainingOverviewBase .subpageTrainingOverviewBase-ul .item .img-box {
  width: 100%;
  height: 1.7rem;
  overflow: hidden;
}
.subpageTrainingOverviewBase .subpageTrainingOverviewBase-ul .item .item-title {
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  padding: 0 0.05rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.subpageTrainingOverviewStudentStyle {
  padding: 0.46rem 0.22rem;
}
.subpageTrainingOverviewStudentStyle .subpageTrainingOverviewStudentStyle-ul {
  display: flex;
  flex-wrap: wrap;
}
.subpageTrainingOverviewStudentStyle .subpageTrainingOverviewStudentStyle-ul .item {
  width: 2.79rem;
  margin: 0 0.12rem 0.2rem 0;
}
.subpageTrainingOverviewStudentStyle .subpageTrainingOverviewStudentStyle-ul .item:nth-child(4n) {
  margin-right: 0;
}
.subpageTrainingOverviewStudentStyle .subpageTrainingOverviewStudentStyle-ul .item .item-a {
  width: 100%;
}
.subpageTrainingOverviewStudentStyle .subpageTrainingOverviewStudentStyle-ul .item .img-box {
  width: 2.67rem;
  height: 1.34rem;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.subpageTrainingOverviewStudentStyle .subpageTrainingOverviewStudentStyle-ul .item .item-title {
  height: 0.91rem;
  text-align: center;
  position: relative;
  margin-top: -0.56rem;
  background-color: #C00808;
  color: #fff;
  padding: 0.64rem 0.05rem 0.18rem 0.05rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.subpageTrainingOverviewCooperativeUnit {
  padding: 0.53rem 0.62rem;
}
.subpageTrainingOverviewCooperativeUnit .subpageTrainingOverviewCooperativeUnit-ul {
  display: flex;
  flex-wrap: wrap;
}
.subpageTrainingOverviewCooperativeUnit .subpageTrainingOverviewCooperativeUnit-ul .item {
  width: 2.52rem;
  height: 0.95rem;
  margin: 0 0.22rem 0.26rem 0;
}
.subpageTrainingOverviewCooperativeUnit .subpageTrainingOverviewCooperativeUnit-ul .item:nth-child(4n) {
  margin-right: 0;
}
.subpageTrainingOverviewCooperativeUnit .subpageTrainingOverviewCooperativeUnit-ul .item .item-a {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.subpageTeachingTeam {
  padding: 0.45rem 0.41rem;
}
.subpageTeachingTeam .subpageTeachingTeam-ul {
  display: flex;
  flex-wrap: wrap;
}
.subpageTeachingTeam .subpageTeachingTeam-ul .item {
  width: 1.98rem;
  background-color: #F4F4F4;
  margin: 0 0.32rem 0.3rem 0;
}
.subpageTeachingTeam .subpageTeachingTeam-ul .item:nth-child(5n) {
  margin-right: 0;
}
.subpageTeachingTeam .subpageTeachingTeam-ul .item .img-box {
  width: 100%;
  height: 1.95rem;
  overflow: hidden;
}
.subpageTeachingTeam .subpageTeachingTeam-ul .item .item-name,
.subpageTeachingTeam .subpageTeachingTeam-ul .item .item-info {
  padding: 0 0.05rem;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.subpageTeachingTeam .subpageTeachingTeam-ul .item .item-name {
  margin-top: 0.1rem;
  color: #C00808;
}
.subpageTeachingTeam .subpageTeachingTeam-ul .item .item-info {
  font-size: 0.14rem;
  margin-top: 0.02rem;
  margin-bottom: 0.05rem;
}

.subpageNewsCenter {
  padding-top: 0.45rem;
}
.subpageNewsCenter .subpageNewsCenter-ul .item {
  margin-bottom: 0.43rem;
  padding: 0.28rem 0.65rem 0.15rem 1.45rem;
  background-color: #fff;
  position: relative;
}
.subpageNewsCenter .subpageNewsCenter-ul .item .item-cont {
  display: flex;
  justify-content: space-between;
}
.subpageNewsCenter .subpageNewsCenter-ul .item .item-cont .item-l {
  width: 2.5rem;
  height: 1.59rem;
  overflow: hidden;
}
.subpageNewsCenter .subpageNewsCenter-ul .item .item-cont .item-r {
  width: calc(100% - 2.5rem - 0.2rem);
}
.subpageNewsCenter .subpageNewsCenter-ul .item .item-cont .item-r .item-title {
  font-size: 0.18rem;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.subpageNewsCenter .subpageNewsCenter-ul .item .item-cont .item-r .item-info {
  margin-top: 0.23rem;
  color: #666;
  height: 0.84rem;
  line-height: 0.28rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 第几行显示...就是几 */
  overflow: hidden;
}
.subpageNewsCenter .subpageNewsCenter-ul .item .item-cont .item-r .btn-box {
  text-align: right;
  margin-top: 0.13rem;
}
.subpageNewsCenter .subpageNewsCenter-ul .item .item-cont .item-r .btn-box .btn-a {
  width: 1.34rem;
  height: 0.34rem;
  line-height: 0.34rem;
  text-align: center;
  color: #C00808;
  border: 1px solid #C00808;
  border-radius: 0.1rem;
}
.subpageNewsCenter .subpageNewsCenter-ul .item .item-time {
  width: 0.74rem;
  height: 0.83rem;
  color: #fff;
  padding: 0.2rem 0.08rem 0 0.08rem;
  background-color: #A90000;
  border-radius: 0.1rem;
  opacity: 0.8;
  position: absolute;
  top: -0.3rem;
  left: 0.48rem;
  z-index: 2;
}
.subpageNewsCenter .subpageNewsCenter-ul .item .item-time .year {
  text-align: right;
}
.subpageNewsCenter .subpageNewsCenter-ul .item .item-time .text {
  font-size: 0.2rem;
}
.subpageNewsCenter .subpageNewsCenter-ul .item:hover {
  background-color: #C00808;
  color: #fff;
}
.subpageNewsCenter .subpageNewsCenter-ul .item:hover .item-cont .item-l .img {
  transform: scale(1.05);
  transition: transform 0.5s ease;
}
.subpageNewsCenter .subpageNewsCenter-ul .item:hover .item-cont .item-r .item-info {
  color: #fff;
}
.subpageNewsCenter .subpageNewsCenter-ul .item:hover .item-cont .btn-box .btn-a {
  background-color: #fff;
}
.subpageNewsCenter .subpageNewsCenter-ul .item:hover .item-time {
  background-color: #CFA846;
}
.subpageNewsCenter .subpageNewsCenter-ul .item.noImg .item-cont .item-r {
  width: 100%;
}

.articleDetail {
  padding: 0.57rem 0.6rem;
}
.articleDetail .article-title {
  font-size: 0.24rem;
  font-weight: bold;
  text-align: center;
}
.articleDetail .article-info {
  margin-top: 0.45rem;
  background-color: #F4F4F4;
  height: 0.45rem;
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.articleDetail .article-info .info-item {
  display: flex;
  align-items: center;
}
.articleDetail .article-info .info-item .img {
  width: 0.14rem;
  height: 0.14rem;
  margin-right: 0.08rem;
  margin-top: 0.02rem;
}
.articleDetail .article-info .info-item .text {
  color: #999999;
}
.articleDetail .article-info .share-box {
  display: flex;
  align-items: center;
}
.articleDetail .article-info .share-box .name {
  flex-shrink: 0;
}
.articleDetail .article-info .share-box .img {
  margin-left: 0.1rem;
  cursor: pointer;
}
.articleDetail .article-cont {
  margin-top: 0.56rem;
}

.onlineClassroomHDY {
  padding: 0.66rem 0.37rem 1.2rem 0.79rem;
}
.onlineClassroomHDY .title-img {
  width: 2.5rem;
  height: 0.58rem;
  margin: 0 auto;
}
.onlineClassroomHDY .cont-box {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.onlineClassroomHDY .cont-box .cont-l {
  width: calc(100% - 4rem - 0.12rem);
  padding-top: 0.65rem;
}
.onlineClassroomHDY .cont-box .cont-l .cont-intro .intro-title,
.onlineClassroomHDY .cont-box .cont-l .cont-intro .code-title,
.onlineClassroomHDY .cont-box .cont-l .cont-code .intro-title,
.onlineClassroomHDY .cont-box .cont-l .cont-code .code-title {
  display: flex;
  align-items: center;
}
.onlineClassroomHDY .cont-box .cont-l .cont-intro .intro-title .text,
.onlineClassroomHDY .cont-box .cont-l .cont-intro .code-title .text,
.onlineClassroomHDY .cont-box .cont-l .cont-code .intro-title .text,
.onlineClassroomHDY .cont-box .cont-l .cont-code .code-title .text {
  display: inline-block;
  width: 1.2rem;
  height: 0.34rem;
  line-height: 0.34rem;
  background-color: #C00808;
  border-radius: 0.1rem;
  color: #fff;
  font-size: 0.18rem;
  padding-left: 0.28rem;
  position: relative;
}
.onlineClassroomHDY .cont-box .cont-l .cont-intro .intro-title .text::before,
.onlineClassroomHDY .cont-box .cont-l .cont-intro .code-title .text::before,
.onlineClassroomHDY .cont-box .cont-l .cont-code .intro-title .text::before,
.onlineClassroomHDY .cont-box .cont-l .cont-code .code-title .text::before {
  content: "";
  display: inline-block;
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.02rem;
  left: 0.13rem;
}
.onlineClassroomHDY .cont-box .cont-l .cont-intro {
  margin-bottom: 0.3rem;
}
.onlineClassroomHDY .cont-box .cont-l .cont-intro .intro-cont {
  margin-top: 0.2rem;
}
.onlineClassroomHDY .cont-box .cont-l .cont-intro .intro-cont .text1 {
  text-indent: 0.1rem;
  line-height: 0.28rem;
}
.onlineClassroomHDY .cont-box .cont-l .cont-intro .intro-cont .text2,
.onlineClassroomHDY .cont-box .cont-l .cont-intro .intro-cont .text3 {
  padding-left: 0.1rem;
  position: relative;
}
.onlineClassroomHDY .cont-box .cont-l .cont-intro .intro-cont .text2::before,
.onlineClassroomHDY .cont-box .cont-l .cont-intro .intro-cont .text3::before {
  content: "";
  display: inline-block;
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 50%;
  background-color: #C00808;
  position: absolute;
  top: 50%;
  margin-top: -0.02rem;
  left: 0;
}
.onlineClassroomHDY .cont-box .cont-l .cont-intro .intro-cont .text2 {
  margin-top: 0.1rem;
}
.onlineClassroomHDY .cont-box .cont-l .cont-intro .intro-cont .text3 {
  margin-top: 0.05rem;
}
.onlineClassroomHDY .cont-box .cont-l .cont-code .code-title .text-info {
  margin-left: 0.23rem;
}
.onlineClassroomHDY .cont-box .cont-l .cont-code .code-img {
  margin-top: 0.21rem;
  width: 1.75rem;
  height: 1.76rem;
}
.onlineClassroomHDY .cont-box .cont-r {
  width: 4rem;
  height: 5.48rem;
}

.contactUs {
  padding: 0.6rem 1.04rem 0.71rem 0.86rem;
}
.contactUs .contactUs-cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.contactUs .contactUs-cont .cont-l {
  width: 4.87rem;
  border-top: 0.05rem solid #C00808;
  box-shadow: 0px 4px 16px 0px rgba(159, 159, 159, 0.25);
}
.contactUs .contactUs-cont .cont-l .list-ul {
  padding: 0.42rem 0.3rem;
}
.contactUs .contactUs-cont .cont-l .list-ul .item {
  display: flex;
  align-items: center;
  margin-bottom: 0.2rem;
}
.contactUs .contactUs-cont .cont-l .list-ul .item .img {
  width: 0.17rem;
  height: 0.17rem;
}
.contactUs .contactUs-cont .cont-l .list-ul .item .name {
  margin: 0 0.1rem;
}
.contactUs .contactUs-cont .cont-r {
  width: 4.57rem;
  height: 3.84rem;
}
.contactUs .contactUs-cont .line {
  width: 3.7rem;
  height: 1px;
  background-color: #C00808;
  position: absolute;
  top: 2.51rem;
  right: 2.1rem;
  z-index: 1;
}
.contactUs .contactUs-cont .line::before {
  content: "";
  display: inline-block;
  width: 0.06rem;
  height: 0.06rem;
  background-color: #C00808;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -0.03rem;
  left: -0.03rem;
  z-index: 1;
}

.subpageScreenResult .cont {
  width: 12rem;
  margin: 0 auto;
}
.subpageScreenResult .cont .cont-title {
  height: 0.5rem;
  line-height: 0.5rem;
  color: #999999;
  font-size: 0.16rem;
}
.subpageScreenResult .cont .noData .img-box {
  height: 3.89rem;
  overflow: hidden;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subpageScreenResult .cont .noData .img-box .img {
  width: 2.67rem;
  height: 2.67rem;
}
.subpageScreenResult .cont .result-cont .list-box {
  background-color: #fff;
  padding-bottom: 0.5rem;
}
.subpageScreenResult .cont .result-cont .list-box .list-ul .item {
  border-bottom: 1px solid #EBEBEB;
  padding: 0.34rem 0.25rem;
}
.subpageScreenResult .cont .result-cont .list-box .list-ul .item .item-title {
  font-size: 0.16rem;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.subpageScreenResult .cont .result-cont .list-box .list-ul .item .item-info {
  margin-top: 0.14rem;
  color: #666666;
  height: 0.44rem;
  line-height: 0.22rem;
  text-indent: 0.3rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 第几行显示...就是几 */
  overflow: hidden;
}

.cb-floor .cb-floor-title-box {
  width: 12rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.cb-floor .cb-floor-title-box .cb-floor-title {
  font-size: 0.19rem;
  font-weight: bold;
  color: #C00808;
}
.cb-floor .cb-floor-title-box .cb-floor-title.line {
  padding-left: 0.1rem;
  position: relative;
}
.cb-floor .cb-floor-title-box .cb-floor-title.line::before {
  content: "";
  display: inline-block;
  width: 0.04rem;
  height: 0.2rem;
  background-color: #C00808;
  position: absolute;
  top: 50%;
  margin-top: -0.1rem;
  left: 0;
  z-index: 1;
}
.cb-floor .cb-floor-title-box .cb-floor-more {
  display: flex;
  align-items: center;
}
.cb-floor .cb-floor-title-box .cb-floor-more .line {
  width: 9.94rem;
  height: 0.01rem;
  background-color: #EAEAEA;
  margin-right: 0.11rem;
}
.cb-floor .cb-floor-title-box .cb-floor-more .more {
  color: #999999;
}
.cb-floor .cb-floor-cont {
  width: 12rem;
  margin: 0 auto;
  margin-top: 0.35rem;
}
.cb-floor .cb-floor-cont .cont-list {
  display: flex;
  flex-wrap: wrap;
}

.cb-nav .nav-box .nav-cont {
  width: 100%;
}
.cb-nav .nav-box .nav-cont .nav-list {
  width: 12rem;
  margin: 0 auto;
  padding-left: 0;
}
.cb-nav .nav-box .nav-cont .nav-list .goHome {
  width: 3.97rem;
  display: flex;
  align-items: center;
  color: #fff;
}
.cb-nav .nav-box .nav-cont .nav-list .goHome .goHome-a .img {
  width: 0.19rem;
  height: 0.18rem;
  margin-right: 0.05rem;
}
.cb-nav .nav-box .nav-cont .nav-list .nav-ul {
  width: calc(100% - 3.97rem);
  display: flex;
  justify-content: space-between;
}
.cb-nav .banner {
  width: 12rem;
  margin: 0 auto;
  margin-top: 0.22rem;
}

.cb-trainingProgram {
  margin-top: 0.37rem;
}
.cb-trainingProgram .cb-floor-cont .cont-list .item {
  width: 2.79rem;
  margin: 0 0.28rem 0.2rem 0;
}
.cb-trainingProgram .cb-floor-cont .cont-list .item:nth-child(4n) {
  margin-right: 0;
}
.cb-trainingProgram .cb-floor-cont .cont-list .item .img-box {
  width: 100%;
  height: 1.99rem;
  overflow: hidden;
}
.cb-trainingProgram .cb-floor-cont .cont-list .item .item-title {
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  background-color: #EAEAEA;
  font-weight: bold;
  padding: 0 0.05rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cb-trainingCourse {
  margin-top: 0.33rem;
}
.cb-trainingCourse .cb-floor-cont {
  display: flex;
  justify-content: space-between;
}
.cb-trainingCourse .cb-floor-cont .cont-l {
  width: 5.19rem;
  height: 3.3rem;
  position: relative;
  overflow: hidden;
}
.cb-trainingCourse .cb-floor-cont .cont-l .cont-l-title {
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  background-color: rgba(23, 23, 23, 0.6);
  padding: 0 0.05rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.14rem;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.cb-trainingCourse .cb-floor-cont .cont-r {
  width: calc(100% - 5.19rem - 0.16rem);
  border: 1px solid #E7E7E7;
  padding: 0.04rem 0.15rem;
}
.cb-trainingCourse .cb-floor-cont .cont-r .item {
  height: 0.46rem;
  border-bottom: 1px solid #EAEAEA;
}
.cb-trainingCourse .cb-floor-cont .cont-r .item:last-child {
  border-bottom: none;
}
.cb-trainingCourse .cb-floor-cont .cont-r .item .item-a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cb-trainingCourse .cb-floor-cont .cont-r .item .item-title {
  width: calc(100% - 0.9rem - 0.1rem);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cb-trainingCourse .cb-floor-cont .cont-r .item .item-title.garden {
  padding-left: 0.2rem;
  position: relative;
}
.cb-trainingCourse .cb-floor-cont .cont-r .item .item-title.garden::before {
  content: "";
  display: inline-block;
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background-color: #C00808;
  position: absolute;
  top: 50%;
  margin-top: -0.03rem;
  left: 0;
}
.cb-trainingCourse .cb-floor-cont .cont-r .item .item-time {
  width: 0.9rem;
  text-align: right;
  color: #666666;
}
.cb-trainingCourse .cb-floor-cont .cont-r .item.on .item-title {
  color: #C00808;
}

.cb-teachingResources {
  margin-top: 0.43rem;
}
.cb-teachingResources .cb-floor-cont .cont-list .item {
  width: 2.9rem;
  margin: 0 0.12rem 0.2rem 0;
}
.cb-teachingResources .cb-floor-cont .cont-list .item:nth-child(4n) {
  margin-right: 0;
}
.cb-teachingResources .cb-floor-cont .cont-list .item .img-box {
  width: 100%;
  height: 1.83rem;
  overflow: hidden;
}
.cb-teachingResources .cb-floor-cont .cont-list .item .item-title {
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  background-color: #C00808;
  color: #fff;
  font-weight: bold;
  padding: 0 0.05rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cb-teachers {
  margin-top: 0.41rem;
  margin-bottom: 0.5rem;
}
.cb-teachers .cb-floor-cont .cont-list .item {
  width: 2.25rem;
  margin: 0 0.18rem 0.2rem 0;
  position: relative;
}
.cb-teachers .cb-floor-cont .cont-list .item:nth-child(5n) {
  margin-right: 0;
}
.cb-teachers .cb-floor-cont .cont-list .item .img-box {
  width: 100%;
  height: 2.63rem;
  overflow: hidden;
}
.cb-teachers .cb-floor-cont .cont-list .item .item-title {
  width: 2.05rem;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  background-image: url(/static/index/img/cb-teachers-item-title-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #fff;
  font-weight: bold;
  padding: 0 0.5rem 0 0.05rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  bottom: -0.12rem;
  left: 0;
  z-index: 1;
}

.cb-breadcrumb {
  width: 12rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin-top: 0.16rem;
  border-bottom: 1px solid #EAEAEA;
}
.cb-breadcrumb .subpage-title {
  background-image: url(/static/index/img/cb-subpage-title.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.42rem;
  height: 0.45rem;
  line-height: 0.45rem;
  padding-left: 0.12rem;
  color: #fff;
  font-size: 0.18rem;
  margin-right: 0.21rem;
}
.cb-breadcrumb .breadcrumb {
  width: 12rem;
  margin: 0 auto;
  padding: 0.12rem 0;
  display: flex;
  align-items: center;
  font-size: 0.14rem;
  color: #999999;
}
.cb-breadcrumb .breadcrumb .img {
  width: 0.13rem;
  height: 0.16rem;
  margin-right: 0.05rem;
}
.cb-breadcrumb .breadcrumb .text {
  margin-left: 0.13rem;
}
.cb-breadcrumb .breadcrumb .img {
  width: 0.17rem;
  height: 0.15rem;
}

.cb-subpage-cont {
  width: 12rem;
  margin: 0 auto;
  margin-top: 0.35rem;
  margin-bottom: 0.3rem;
}
.cb-subpage-cont .list {
  display: flex;
  flex-wrap: wrap;
}

.cb-trainingProgram .list .item {
  width: 2.79rem;
  margin: 0 0.28rem 0.38rem 0;
}
.cb-trainingProgram .list .item:nth-child(4n) {
  margin-right: 0;
}
.cb-trainingProgram .list .item .img-box {
  width: 100%;
  height: 1.99rem;
  overflow: hidden;
}
.cb-trainingProgram .list .item .item-title {
  height: 0.5rem;
  line-height: 0.5rem;
  background-color: #EAEAEA;
  padding: 0 0.05rem;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cb-trainingCourse {
  background-color: #F8F8F8;
  padding: 0.25rem 0.33rem 0.5rem 0.33rem;
}
.cb-trainingCourse .cb-trainingCourse-list .item {
  margin-bottom: 0.16rem;
  background-color: #fff;
  padding: 0 0.33rem 0 0.2rem;
}
.cb-trainingCourse .cb-trainingCourse-list .item .item-a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.cb-trainingCourse .cb-trainingCourse-list .item .item-title {
  width: calc(100% - 1rem);
  height: 0.5rem;
  line-height: 0.5rem;
  padding: 0 0.05rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cb-trainingCourse .cb-trainingCourse-list .item .item-title.garden {
  padding-left: 0.2rem;
  position: relative;
}
.cb-trainingCourse .cb-trainingCourse-list .item .item-title.garden::before {
  content: "";
  display: inline-block;
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background-color: #C00808;
  position: absolute;
  top: 50%;
  margin-top: -0.03rem;
  left: 0;
}
.cb-trainingCourse .cb-trainingCourse-list .item .item-time {
  width: 1rem;
  text-align: right;
  color: #666;
}
.cb-trainingCourse .cb-trainingCourse-list .item:hover .item-title {
  color: #C00808;
  font-weight: bold;
}

.cb-teachingResources .list .item {
  width: 2.9rem;
  margin: 0 0.12rem 0.38rem 0;
}
.cb-teachingResources .list .item:nth-child(4n) {
  margin-right: 0;
}
.cb-teachingResources .list .item .img-box {
  width: 100%;
  height: 1.83rem;
  overflow: hidden;
}
.cb-teachingResources .list .item .item-title {
  height: 0.5rem;
  line-height: 0.5rem;
  background-color: #C00808;
  color: #fff;
  padding: 0 0.05rem;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cb-teachers .list .item {
  width: 2.25rem;
  margin: 0 0.18rem 0.2rem 0;
  position: relative;
}
.cb-teachers .list .item:nth-child(5n) {
  margin-right: 0;
}
.cb-teachers .list .item .img-box {
  width: 100%;
  height: 2.63rem;
  overflow: hidden;
}
.cb-teachers .list .item .item-title {
  width: 2.05rem;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  background-image: url(/static/index/img/cb-teachers-item-title-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #fff;
  font-weight: bold;
  padding: 0 0.5rem 0 0.05rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  bottom: -0.12rem;
  left: 0;
  z-index: 1;
}
.cb-teachers .list .item {
  margin-bottom: 0.55rem;
}

.cb-articleDetail {
  background-color: #F8F8F8;
  padding: 0.34rem 0.35rem;
}
.cb-articleDetail .articleDetail {
  background-color: #fff;
}
.cb-articleDetail .articleDetail .article-info {
  height: 0.6rem;
  background-color: #fff;
  border-bottom: 1px solid #EFEFEF;
}