* {
  box-sizing: border-box;
}

/* banner导航 */

.banner {
  width: 100%;
  height: 550px;
  background: url(/web3/img/back_true_banner.webp) no-repeat 100% 100% / cover;
  /* background-color: #2250C4; */
  padding: 39px 0 44px;
  overflow: hidden;
}

.banner-nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
}

.banner-nav-details-box {
  z-index: 4;
  display: none;
  width: 400px;
  position: absolute;
  top: 52px;
  right: 0;
  height: 416px;
  /* display: flex; */
  flex-direction: column;
  justify-content: flex-end;
}

.banner-nav-details {
  position: relative;
  width: 100%;
  height: 376px;
  background: #fff;
  border-radius: 8px;
  padding: 20px 0px 20px 20px;
  /* padding: 30px 50px; */
}

.banner-live-title {
  font-size: 18px;
  color: #333;
  line-height: 28px;
  font-family: 'OPPOSansBold';
}

.banner-live-list-con {
  margin-top: 6px;
  overflow-y: scroll;
  height: calc(100% - 36px);
}

.banner-live-list-con::-webkit-scrollbar {
  width: 6px;
  /* height: 80px; */
}

.banner-live-list-con::-webkit-scrollbar-thumb {
  background: #b8b8b8;
  border-radius: 10px;
}

.banner-live-list-item {
  padding-bottom: 10px;
  padding-left: 15px;
  position: relative;
}

.banner-live-list-item::before {
  display: block;
  content: '';
  width: 2px;
  height: 100%;
  background: #c0d8ff;
  position: absolute;
  left: 2px;
  top: 15px;
}

.banner-live-list-item:last-child::before {
  display: none;
}

.banner-live-list-item::after {
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  background: #2250c4;
  position: absolute;
  border-radius: 50%;
  left: 0px;
  top: 10px;
}

.banner-live-list-item:last-child {
  margin-bottom: 0;
}

.banner-live-title-box {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.banner-live-status {
  font-size: 16px;
  text-align: center;
  color: #2250c4;
  font-family: 'OPPOSansBold';
  line-height: 30px;
  width: fit-content;
  padding: 0 10px;
  height: 30px;
  background: #f2f7ff;
  border-radius: 5px;
  width: 106px;
}

.newest-live .banner-live-title-box {
  display: block;
}

.newest-live .banner-live-status {
  width: fit-content;
  padding: 0 15px;
}

.newest-live .banner-live-course-title {
  /* width: calc(100% - ); */
  margin-left: 0;
  width: 340px;
  margin-top: 5px;
  padding-left: 15px;
}

.banner-nav-acitivity .banner-live-status {
  width: fit-content;
}

.banner-live-time {
  font-size: 16px;
  font-family: 'OPPOSansBold';
  color: #2250c4;
  line-height: 24px;
}

.banner-live-course-title {
  margin-left: 10px;
  font-size: 16px;
  color: #101010;
  line-height: 20px;
  cursor: pointer;
  width: 230px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.banner-live-poster-con {
  margin-top: 10px;
  display: flex;
  display: none;
}

.banner-live-list-item.show-poster-one .banner-live-poster-con {
  display: flex;
}

.banner-live-list-item.show-poster-one .banner-live-course-title {
  color: #2250c4;
}

.banner-live-list-item.show-poster-two .banner-live-poster-con {
  display: flex;
}

.banner-live-list-item.show-poster-two .banner-live-course-title {
  color: #2250c4;
}

.banner-live-poster-left {
  position: relative;
  width: 280px;
  height: 117px;
  background: #c4c4c4;
  border-radius: 8px 0px 0px 8px;
  overflow: hidden;
  cursor: pointer;
}

.cansel-mouse {
  /*cursor: initial !important;*/
}

.replay-up-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  font-size: 18px;
  text-align: center;
  line-height: 117px;
  color: #fff;
  font-family: 'OPPOSansBold';
}

.banner-live-poster-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner-live-entrance-box {
  width: 60px;
  height: 117px;
}

.banner-live-entrance-box .banner-live-entrance-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 0px 8px 8px 0px;
}

.banner-live-entrance-link.entrance-stastus {
  background: #00b002;
}

.banner-live-entrance-link.book-stastus {
  background: #0651cb;
}

.banner-live-entrance-link.end-stastus {
  background: #d9d9d9;
}

.banner-live-entrance-link.replay-stastus {
  background: #1f0d5c;
}

.banner-live-entrance-link.playback-up-status {
  background: #463387;
}

.banner-live-entrance-link.playback-up-status .banner-live-entrance-link-text {
  font-size: 14px;
  line-height: 28px;
  text-align: center;
}

.banner-live-entrance-link img {
  width: 28px;
}

.banner-live-entrance-link-text {
  font-size: 16px;
  color: #ffffff;
  line-height: 28px;
  margin-top: 6px;
}

.banner-nav-acitivity .banner-live-title-box {
  display: block;
}

.banner-nav-acitivity .banner-live-title-box .banner-live-course-title {
  margin-left: 0;
  margin-top: 10px;
  width: 100%;
}

.banner-nav-free .banner-live-status {
  width: fit-content;
}

.banner-nav-free .banner-live-entrance-link {
  background: #2250c4 !important;
}

.details-recommend-li {
  width: 250px;
  height: 150px;
  border-radius: 10px;
}

.details-recommend-li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 10px;
}

.details-recommend-layer {
  display: none;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.8);
  padding: 20px 8px 15px 10px;
}

.details-recommend-li a:hover .details-recommend-layer {
  display: block;
}

.details-recommend-title {
  width: 100%;
  font-size: 18px;
  color: #ffffff;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.details-recommend-introduce {
  margin-top: 15px;
  font-size: 12px;
  text-align: LEFT;
  color: #ffffff;
  line-height: 20px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.logo-img {
  width: 330px;
  height: 52px;
}

.banner-nav-list {
  display: flex;
  align-items: center;
}

.banner-nav-item {
  width: 100px;
  height: 30px;
  /* background: #203386;

    border-radius: 20px; */
  /* margin-right:7px; */
  /* position: relative; */
}

.banner-nav-item:last-child {
  margin-right: 0;
}

.banner-nav-item .banner-nav-link {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 30px;
  font-size: 18px;
  /* font-family: 'OPPOSansBold'; */
  color: #ffffff;
}

.banner-nav-item.banner-choose .banner-nav-link {
  background: #203386;
  border-radius: 8px;
}

.banner-nav-item.banner-choose .banner-nav-details-box {
  display: flex;
}

.banner-con {
  position: relative;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.banner-pos-img {
  position: absolute;
  left: -200px;
  top: 1px;
  width: 400px;
  opacity: 0.1;
}

.banner-swiper {
  width: 770px;
  height: 376px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

.banner-swiper-img-box img {
  width: 770px;
  height: 376px;
}

.banner-swiper-con {
  position: relative;
  width: 100%;
  height: 100%;
}

.banner-swiper-img-box {
  width: 100%;
  height: 100%;
  line-height: 0;
}

.banner-swiper-img-box.obvious {
  opacity: 1;
}

.swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  opacity: 0.56;
  background: #ffffff;
  border-radius: 4px;
}

/* banner的点样式 */

#indexBanner {
  margin: 0;
}

#indexBanner .swiper-pagination-bullet-active {
  width: 16px;
  height: 4px;
  background: #ffffff;
  border-radius: 4px;
  opacity: 1;
}

.banner-entrance {
  width: 400px;
  height: 376px;
  background: #ffffff;
  border-radius: 10px;
  padding: 10px 26px;
  position: relative;
}

.banner-entrance-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 7px;
}

.banner-entrance-title {
  font-size: 18px;
  color: #333;
  line-height: 28px;
}

.banner-entrance-calendar a {
  font-size: 18px;
  font-family: 'OPPOSansBold';
  color: #2250c4;
  line-height: 28px;
}

.calendar-box {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  left: 0;
  top: 0;
  background: #fff;
  z-index: 3;
}

.calendar-top {
  width: 100%;
  padding: 10px 24px 0 24px;
}

.calendar-choose-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.return-banner-entrance {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  width: fit-content;
  justify-content: center;
}

.calendar-right-icon {
  width: 10px;
  transition: all 0.4s;
}

.choose-calendar-all {
  font-size: 18px;
  font-family: 'OPPOSansBold';
  color: #333;
  line-height: 20px;
  letter-spacing: 0.01px;
}

/*    */

.return-banner-text {
  font-size: 14px;
  font-family: 'OPPOSansBold';
  color: #333;
  line-height: 20px;
  letter-spacing: 0.01px;
}

.calendar-choose-list {
  display: flex;
  align-items: center;
}

.calendar-choose-month {
  width: 52px;
  height: 25px;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 50px;
  cursor: pointer;
  text-align: center;
  line-height: 24px;
  font-size: 12px;
  font-family: 'OPPOSansBold';
  color: #cccccc;
  letter-spacing: 0.01px;
  margin-right: 15px;
}

.calendar-choose-month:last-child {
  margin-right: unset;
}

.calendar-choose-month:hover {
  border: 1px solid #2250c4;
  color: #2250c4;
}

.calendar-year-select-pos {
  /* padding-top: 5px; */
  position: absolute;
  left: 0;
  top: 20px;
  width: 100%;
  display: none;
  z-index: 5;
}

.return-banner-entrance.open-month .calendar-year-select-pos {
  display: block;
}

.return-banner-entrance.open-month .calendar-right-icon {
  transform: rotateZ(90deg);
}

.calendar-year-select-con {
  width: 100%;
  height: auto;
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
  padding: 5px 0 5px 10px;
}

.calendar-year-select-list {
  width: 100%;
  height: fit-content;
  /* overflow-y: scroll; */
  cursor: default;
}

.calendar-year-select-list::-webkit-scrollbar {
  width: 4px;
  height: 19px;
}

.calendar-year-select-list::-webkit-scrollbar-thumb {
  background: #2250c4;
  border-radius: 5px;
}

.calendar-year-select-item {
  font-size: 14px;
  font-family: 'OPPOSansBold';
  text-align: LEFT;
  color: #333;
  line-height: 30px;
  cursor: pointer;
}

.calendar-year-select-item:hover {
  color: #2250c4;
}

.calendar-year-select-item.default-select {
  color: #2250c4;
}

.week-list {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.week-list-item {
  font-size: 14px;
  font-family: 'OPPOSansBold';
  color: #333;
  line-height: 14px;
  width: 20px;
  text-align: center;
}

.week-list-item:first-child,
.week-list-item:last-child {
  color: #f15443;
}

.calendar-con-details {
  margin-top: 6px;
  width: 100%;
}

.calendar-details-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-left: 7.5px;
  height: 300px;
  overflow-y: scroll;
  overflow-x: visible;
}

.calendar-details-list::-webkit-scrollbar {
  width: 6px;
  height: 10px;
}

.calendar-details-list::-webkit-scrollbar-thumb {
  background: #b8b8b8;
  border-radius: 10px;
}

.calendar-details-item {
  width: 55px;
  height: 60px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 5px;
  position: relative;
  /* background: #EDF1FA; */
  cursor: pointer;
  /* background: #edf1fa; */
}

.calendar-details-item:nth-child(7n + 5) .calendar-live-details-box,
.calendar-details-item:nth-child(7n + 6) .calendar-live-details-box,
.calendar-details-item:nth-child(7n + 7) .calendar-live-details-box {
  right: 59px !important;
  left: unset !important;
}

.calendar-details-no {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 12px;
  font-family: 'OPPOSansBold';
  text-align: center;
  color: #333;
  line-height: 20px;
}

.today-ani-no {
  height: 20px;
}

.calendar-details-course-list {
  margin-top: 3px;
}

.calendar-details-course-item {
  margin-bottom: 1px;
  width: 53px;
  height: 15px;
  font-size: 12px;
  /* font-family: 'OPPOSansBold'; */
  text-align: center;
  color: #ffffff;
  line-height: 16px;
}

.calendar-details-course-item:nth-child(3),
.calendar-details-course-item:nth-child(4),
.calendar-details-course-item:nth-child(5) {
  display: none;
}

.calendar-details-course-item:nth-child(2) {
  margin-bottom: 0;
}

/* 过去的时间 */

.calendar-details-item.past-time .calendar-details-no {
  color: #ccc;
}

/* 有课且长度大于1 */

.calendar-details-item.have-course {
  background: rgb(242, 242, 242);
}

.calendar-details-item.have-course.today-time {
  background: url(/web3/img/today-back-true.gif) no-repeat 100% 100% / cover !important;
}

/* .calendar-details-item.have-course.workshop-item {

    background: #F2F2F2;

}



.calendar-details-item.have-course.activity-item {

    background: #FFF2EB;

}

.calendar-details-item.have-course.train-item{

    background: #EDFFED;

}

.calendar-details-item.have-course.village-item{

    background: #EDFFED;

}

.calendar-details-item.have-course.doctor-item {

    background: #FFEEED;

}



.calendar-details-item.have-course.master-item {

    background: #EDF1FA;

} */

/* 硕士课程背景 */

.calendar-details-course-item.calendar-master-item {
  background: #2250c4;
}

/* 博士课程背景 */

.calendar-details-course-item.calendar-doctor-item {
  background: #db1212;
}

/* 修业坊背景 */

.calendar-details-course-item.calendar-workshop-item {
  background: #1d0e58;
}

/* 今天样式 */

.calendar-details-item.today-time {
  background: #edf1fa;
}

.calendar-details-item.today-time .calendar-details-no {
  color: #fff;
  background: #2250c4;
}

.calendar-details-item.today-time.have-course .calendar-details-no {
}

.calendar-details-item.today-time.hover-time {
  background: #2250c4;
}

.calendar-details-item.today-time.hover-time .calendar-details-no {
  background: #fff;
  color: #2250c4;
}

.calendar-details-item.hover-time.have-course {
  background: #2250c4;
}

.calendar-details-item.hover-time.have-course .calendar-details-no {
  background: #fff;
  color: #2250c4;
}

.calendar-details-item.hover-time.have-course .calendar-details-course-item {
  background-color: #fff;
  color: #2250c4;
}

.calendar-details-item.past-time.hover-time.have-course {
  background: unset;
}

.calendar-details-item.hover-time.have-course .calendar-live-details-box {
  display: block;
}

.calendar-details-item.past-time.have-course {
  background: unset;
}

.calendar-details-item.past-time.have-course .calendar-details-no {
  background: unset;
  color: #ccc;
}

.calendar-details-item.past-time.have-course .calendar-details-course-item {
  background: unset;
  color: #ccc;
}

.calendar-details-item.past-time.hover-time .calendar-details-course-item {
  background: unset;
  color: #ccc;
}

.calendar-details-item.past-time.hover-time .calendar-details-no {
  background: unset;
  color: #ccc;
}

.calendar-live-details-box {
  position: absolute;
  left: 59px;
  top: 0;
  min-height: 100%;
  height: auto;
  background: rgba(16, 16, 16, 0.9);
  border-radius: 4px;
  padding: 5px 10px;
  z-index: 4;
  /* opacity: 0; */
  display: none;
  width: 216px;
  /* box-shadow: 0px 16px 32px 0px rgba(171,179,194,0.24);  */
}

.calendar-live-details-time {
  font-size: 12px;
  font-family: 'OPPOSansBold';
  color: #2250c4;
  text-align: left;
  line-height: 20px;
}

.calendar-live-details-title {
  font-size: 12px;
  text-align: left;
  color: #ffffff;
  width: 100%;
  /* overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap; */
  line-height: 16px;
}

/* 典礼活动背景 */

.calendar-details-course-item.calendar-activity-item {
  background: #eaaa00;
}

.calendar-details-course-item.inside-train-item {
  background: #06174f;
}

.calendar-details-course-item.calendar-village-item {
  background: #15ad31;
}

/* 热门项目 */

.common-padding {
  padding-top: 60px;
}

.common-heading-style {
  position: relative;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 60px;
  cursor: pointer;
}

.model-title {
  font-size: 62px;
  font-family: 'OPPOSansBold';
  color: #dee0e4;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  top: 0px;
  line-height: 70px;
  white-space: nowrap;
}

.model-title-explain {
  width: 100%;
  padding-top: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  z-index: 2;
  /* align-items: center; */
}

.model-title-explain-text {
  font-size: 28px;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  text-align: center;
  line-height: 40px;
}

.model-look-more {
  margin-top: 9px;
}

.model-look-more a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.model-look-more-title {
  font-size: 14px;
  font-weight: 400;
  color: #2250c4;
  line-height: 20px;
  margin-right: 15px;
}

.model-look-more img {
  width: 6px;
  height: 8px;
}

/* 热门项目推荐 */

.popular-recommend {
  background: #f4f4f4;
  padding-bottom: 60px;
}

.popular-recommend-list {
  display: flex;
  flex-wrap: wrap;
}

.popular-recommend-item {
  width: 280px;
  height: 340px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
  margin-right: 22px;
  margin-bottom: 20px;
  position: relative;
  /* overflow: hidden; */
}

.popular-recommend-item:nth-child(4n) {
  margin-right: 0;
}

.popular-recommend-item:nth-child(n + 4) {
  margin-bottom: 0px;
}

.popular-item-top {
  position: relative;
  width: 100%;
  height: 150px;
  border-radius: 8px 8px 0 0;
}

.popular-item-top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px 8px 0 0;
}

.layer-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
  border-radius: 8px 8px 0 0;
}

.doctor-category {
  width: 60px;
  height: 25px;
  background: linear-gradient(90deg, #f51920 56%, #fe7853 100%);
  border-radius: 20px 0px 0px 20px;
  font-size: 14px;
  color: #fff;
  line-height: 25px;
  text-align: center;
  position: absolute;
  right: -4px;
  top: 10px;
  z-index: 2;
}

.doctor-category::after {
  position: absolute;
  display: block;
  content: '';
  border-color: transparent #a00005;
  border-style: solid;
  border-width: 0px 0px 8px 4px;
  bottom: -8px;
  right: 0px;
}

.master-category {
  width: 60px;
  height: 25px;
  background: linear-gradient(90deg, #1d19f5 56%, #53b6fe 100%);
  border-radius: 20px 0px 0px 20px;
  border-radius: 20px 0px 0px 20px;
  font-size: 14px;
  color: #fff;
  line-height: 25px;
  text-align: center;
  position: absolute;
  right: -4px;
  top: 10px;
  z-index: 2;
}

.master-category::after {
  position: absolute;
  display: block;
  content: '';
  border-color: transparent #001aa0;
  border-style: solid;
  border-width: 0px 0px 8px 4px;
  bottom: -8px;
  right: 0px;
}

.student-grant {
  position: absolute;
  left: 16px;
  top: 10px;
  width: 58px;
  height: 24px;
  background: #fa2c19;
  border-radius: 2px;
  line-height: 24px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  z-index: 2;
}

.popular-item-bottom {
  position: absolute;
  width: 280px;
  height: 190px;
  bottom: 0;
  left: 0;
  /* padding-top: 44px; */
  border-radius: 0 0 8px 8px;
  padding: 30px 15px 0;
  transition: all 0.4s;
  z-index: 2;
  background-color: #fff;
}

.popular-belong-school {
  z-index: 2;
  position: absolute;
  width: 100%;
  left: 0;
  top: -40px;
  padding: 0 15px;
  display: flex;
  align-items: flex-start;
}

.belong-school-logo {
  /* width: 60px;
    height: 60px; */
  width: 58px;
  height: 58px;
  border-radius: 50%;
  /* overflow: hidden; */
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.belong-school-logo img {
  /* width: 100%;
    height: 100%; */
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
}

.belong-school-name {
  margin-left: 12px;
  font-size: 16px;
  font-family: 'OPPOSansBold';
  text-align: LEFT;
  color: #fff;
  line-height: 20px;
  width: calc(100% - 72px);
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}

.popular-recommend-title a {
  display: block;
  width: 100%;
  font-size: 18px;
  /* font-weight: 400; */
  /* font-family: 'OPPOSansBold'; */
  text-align: LEFT;
  color: #333;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

.popular-recommend-sign {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}

.popular-student-count span {
  font-size: 12px;
  line-height: 20px;
}

.popular-student-count span:nth-child(1) {
  color: #2250c4;
}

.popular-student-count span:nth-child(2) {
  color: #8a8a8a;
}

.popular-recommend-price span:nth-child(1) {
  font-size: 12px;
  color: #e62412;
}

.popular-recommend-price span:nth-child(2) {
  font-size: 22px;
  color: #e62412;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.popular-recommend-advantage {
  margin-top: 10px;
  width: 100%;
  height: 43px;
  line-height: 43px;
  padding-left: 12px;
  font-size: 12px;
  text-align: LEFT;
  color: #ffffff;
}

.popular-recommend-ani1 {
  transition: all 0.4s;
}

/*  */

.popular-recommend-ani2 {
  display: none;
  transition: all 0.4s;
  width: 100%;
}

.popular-recommend-introduce {
  font-size: 12px;
  text-align: LEFT;
  color: #8a8a8a;
  line-height: 20px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  margin-bottom: 12px;
  margin-top: 10px;
  height: 60px;
}

.popular-recommend-details a {
  display: block;
  width: 129px;
  height: 30px;
  border: 1px solid #2650cf;
  border-radius: 24px;
  text-align: center;
  line-height: 28px;
  font-size: 12px;
  color: #2650cf;
  margin: 0 auto;
}

/* 移入效果 */

.popular-item-bottom.transform_one {
  height: 230px;
}

.popular-item-bottom.transform_one .popular-recommend-ani1 {
  display: none;
}

.popular-item-bottom.transform_one .popular-recommend-ani2 {
  display: block;
}

.popular-item-bottom.transform_one .popular-recommend-title a {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  white-space: unset;
  line-height: 24px;
  height: 48px;
}

.popular-item-bottom.transform_one .popular-recommend-title a {
  color: #2250c4;
}

.popular-item-bottom.transform_one .popular-recommend-introduce {
  margin-bottom: 24px;
}

.popular-recommend .popular-recommend-list {
  display: none;
}

.popular-recommend .popular-recommend-list.ontrue {
  display: flex;
}

.zsb {
  font-size: 14px;
  color: #fff;
  line-height: 25px;
  text-align: center;
  position: absolute;
  right: -4px;
  top: 10px;
  z-index: 2;
  width: 60px;
  height: 25px;
  background: linear-gradient(90deg, #1b4189 27%, #641b86 100%);
  border-radius: 20px 0px 0px 20px;
}

.zsb::after {
  position: absolute;
  display: block;
  content: '';
  border-color: transparent #5a00a0;
  border-style: solid;
  border-width: 0px 0px 8px 4px;
  bottom: -8px;
  right: 0px;
}

.gsz {
  font-size: 14px;
  color: #fff;
  line-height: 25px;
  text-align: center;
  position: absolute;
  right: -4px;
  top: 10px;
  z-index: 2;
  width: 60px;
  height: 25px;
  background: linear-gradient(90deg, #1b8934 27%, #1b6c86 100%);
  border-radius: 20px 0px 0px 20px;
}

.gsz::after {
  position: absolute;
  display: block;
  content: '';
  border-color: transparent #00a07a;
  border-style: solid;
  border-width: 0px 0px 8px 4px;
  bottom: -8px;
  right: 0px;
}

/* .popular-recommend-advantage a{



} */

/* 颜色控制 */

.p-color-one {
  background-color: #c0972b;
}

/* 地图 */

.map {
  width: 100%;
  /* height: 958px; */
  background: #f4f4f4;
  padding-bottom: 60px;
  padding-top: 60px;
}

.map-con-list {
  display: flex;
  justify-content: space-between;
}

.map-con-item {
  width: 390px;
  height: 574px;
  position: relative;
  /* background: rgba(0,0,0,0.60); */
}

.map-con-item video {
  width: 100%;
  height: 100%;
  display: block;
}

.map-layer-one {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 574px;
  background: rgba(0, 0, 0, 0.8);
  font-size: 40px;
  /* font-family: 'OPPOSansBold'; */
  color: #ffffff;
  backdrop-filter: blur(5px);
}

.map-layer-one.onHover {
  display: none;
}

.map-layer-two {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 100px 20px 20px;
  backdrop-filter: blur(5px);
}

.map-layer-two.showData {
  display: block;
}

.map-country-top {
  display: flex;
  align-items: center;
}

.map-country-logo {
  height: 30px;
  display: none;
}

.map-country-logo img {
  height: 30px;
}

.map-country-text {
  display: block;
  /* margin-left: 20px; */
  font-size: 18px;
  font-family: 'OPPOSansBold';
  text-align: LEFT;
  color: #ffffff;
  line-height: 30px;
}

.map-country-school-list {
  margin-top: 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.map-country-school-item {
  overflow: hidden;
  display: flex;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 9px;
  margin-bottom: 20px;
  align-items: center;
  justify-content: center;
}

.map-country-school-item img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

/* .map-country-school-item:nth-child(4n){

    margin-right: 0;

} */

/* 数字增加动效 */

.number-increase {
  background-color: #fff;
}

.number-increase-con {
  display: flex;
  padding: 33px 0;
  justify-content: space-around;
}

.in-number-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 184px;
}

.in-number {
  font-size: 32px;
  font-family: 'OPPOSansBold';
  color: #2650cf;
  /* line-height: 40px; */
}

.in-number-text {
  /* margin-top: 40px; */
  font-size: 14px;
  color: #8a8a8a;
  line-height: 24px;
}

/* 滑入动画 */

.hot-academy-top {
  margin-bottom: 130px;
}

.hot-academy-top .common-heading-style {
  margin-bottom: 0;
}

.hot-academy-bottom {
  width: 100%;
  height: 220px;
}

.hot-academy-list {
  display: flex;
  position: relative;
  height: 220px;
}

.hot-academy-list-pos {
  display: flex;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  align-items: flex-end;
}

.hot-academy-list-item {
  overflow: hidden;
  width: 134px;
  height: 220px;
  border-left: 1px solid #fff;
  padding: 20px 10px 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* transition: all .6s; */
  transition: all 0.6s;
  flex: 1;
}

.hot-academy-list-item:last-child {
  border-right: 1px solid #fff;
  width: 135px;
}

.hot-academy-title {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 24px;
}

.hot-academy-logo img {
  height: 30px;
}

.hot-academy-list-item.transform_two {
  width: 384px;
  height: 290px;
  border: none;
  /* box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%); */
  padding: 0 30px;
  flex: 3;
  transition: all 0.6s;
}

.hot-academy-list-item.transform_two .hot-academy-title {
  font-size: 24px;
  font-weight: 500;
  text-align: LEFT;
  color: #fff;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  padding-top: 30px;
}

.hot-academy-list-item.border-two {
  border-left: none;
}

.hot-academy-list-item.transform_img.transform_two .hot-academy-big-log {
  /* display: block; */
  animation: imgFade 300ms linear both;
}

@keyframes imgFade {
  0% {
    opacity: 0;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.hot-academy-list-item.transform_two .hot-academy-logo {
  /* display: none; */
  opacity: 0;
}

/* .hot-academy-list-item.transform_two .hot-academy-big-log{

    display: block;

} */

.hot-academy-list-item.transform_two .hot-academy-list-item-ani {
  display: flex;
}

.hot-academy-list-item-ani {
  width: 100%;
  height: 220px;
  padding-top: 6px;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 20px;
  position: relative;
  /* transition: all .s; */
}

.hot-academy-list-item-desc {
  width: fit-content;
  z-index: 5;
}

.hot-academy-list-item-desc p {
  font-size: 14px;
  font-weight: 400;
  text-align: LEFT;
  color: #fff;
  line-height: 20px;
  margin-bottom: 10px;
}

.hot-academy-href a {
  text-align: center;
  line-height: 38px;
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  width: 110px;
  height: 38px;
  background: linear-gradient(107deg, #ffffff, #ffffff 100%);
  border-radius: 8px;
}

.hot-academy-big-log {
  z-index: 4;
  position: absolute;
  right: 2px;
  bottom: 20px;
  width: 46%;
  transition: all 0.4;
  /* display: none; */
  opacity: 0;
}

.hot-academy-big-log img {
  width: 100%;
}

/* 中国式管理 */

.cn-admin {
  background: #f4f4f4;
  padding-bottom: 60px;
}

.cn-admin-list {
  display: flex;
}

.cn-admin-list-item {
  display: flex;
  width: 280px;
  height: 250px;
  /* background: rgba(0,0,0,0.30); */
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  margin-right: 23px;
}

.cn-admin-list-item img {
  /* width: 100%; */
  height: 100%;
  object-fit: cover;
  position: absolute;
  transform: translateX(-152px);
  left: 0;
  top: 0;
  z-index: 1;
  transition: 0.4s;
}

.cn-admin-list-item:hover img {
  transform: scale(1.2) translateX(-152px);
}

.cn-admin-list-item:last-child {
  margin-right: 0;
}

.cn-admin-list-item-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.cn-admin-list-item-text {
  z-index: 3;
  font-size: 36px;
  text-align: center;
  color: #ffffff;
  line-height: 44px;
  font-family: 'OPPOSansM';
  /* white-space: nowrap; */
  /* overflow: hidden; */
  width: 80px;
  /* text-overflow: ellipsis; */
  letter-spacing: 4px;
  /* -webkit-line-clamp: 2;



    display: -webkit-box;

    position: relative; */
  /* height: 48px; */
}

/* 报名情况 */

.apply-situation {
  background-color: #f4f4f4;
  padding-bottom: 60px;
}

.apply-situation-part {
  display: flex;
  justify-content: space-between;
}

.apply-situation-goal {
  width: 386px;
  height: 400px;
  background: #ffffff;
  border-radius: 8px;
  padding: 20px 30px 0 30px;
  position: relative;
}

.apply-situation-form-box {
  width: 386px;
  height: 400px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
}

#formApp {
  opacity: 0;
}

.apply-situation-form-box.apply-animate {
  -webkit-animation: applyAniTrue 600ms ease both;
  animation: applyAniTrue 600ms ease both;
}

@keyframes applyAniTrue {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }

  /* 20% {

        opacity: 0;

        transform: scale(0.1);

    }



    40% {

        opacity: 0.5;

        transform: scale(0.5);

    }



    80% {

        opacity: 1;

        transform: scale(0.8);

    } */
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.apply-situation-swiper-box {
  width: 386px;
  height: 400px;
}

.apply-situation-swiper-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.apply-degree-siwper-box {
  width: 386px;
  height: 195px;
  background: #ffffff;
  border-radius: 8px;
  padding: 20px 40px;
}

.apply-situation-goal-title {
  font-size: 20px;
  font-family: 'OPPOSansBold';
  text-align: LEFT;
  color: #2250c4;
  line-height: 30px;
}

.apply-situation-goal-con {
  margin-top: 30px;
  position: relative;
}

.apply-situation-goal-text-one {
  font-size: 16px;
  text-align: LEFT;
  color: #333333;
  line-height: 30px;
  font-family: 'OPPOSansBold';
}

.apply-situation-goal-text-seg {
  margin-top: 30px;
}

.apply-situation-goal-text-seg p {
  font-size: 14px;
  font-weight: 400;
  text-align: LEFT;
  color: #8a8a8a;
  line-height: 24px;
}

.apply-situation-goal-back {
  position: absolute;
  right: 0;
  top: 70px;
}

.apply-situation-form-title {
  width: 100%;
  height: 54px;
  line-height: 54px;
  text-align: center;
  background: linear-gradient(90deg, #2250c4, #648aff 100%);
  border-radius: 8px 8px 0px 0px;
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
}

.apply-situation-form-submit {
  padding: 16px 22px 0;
}

.apply-form-item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  /border: 1px solid #cccccc;
  border-radius: 4px;
  margin-bottom: 12px;
  position: relative;
}

.apply-form-item.apply-item-choose {
  border: 1px solid #2250c4;
}

.apply-form-item.apply-item-choose.error-tel .apply-form-item-right input::placeholder {
  color: #ff0000;
}

.apply-form-item.apply-item-choose.error-tel {
  border: 1px solid #ff0000;
}

.apply-form-item.apply-item-choose.error-tel .apply-form-select-value {
  color: #ff0000;
}

.apply-form-item.apply-item-choose .apply-form-item-title {
  color: #2250c4;
}

.apply-form-item.apply-item-choose.error-tel .apply-form-item-title {
  color: #ff0000;
}

.apply-form-item.apply-item-choose.error-tel .apply-form-item-title::after {
  border-right: 1px solid #ff0000;
}

.apply-form-item.apply-item-choose.error-tel .apply-form-item-right input {
  color: #ff0000;
}

.apply-form-item.apply-item-choose.error-tel .apply-form-select-value .pos-select-img {
  content: url('/web3/img/right_select_err.png');
}

.apply-form-item.apply-item-choose .apply-form-item-title::after {
  border-right: 1px solid #2250c4;
}

.apply-form-item.apply-item-choose .apply-form-item-right input {
  color: #2250c4;
  font-size: 14px;
}

.apply-form-item:nth-child(4) .apply-form-select-select .apply-form-select-select-item {
  width: 90px;
}

.apply-form-item:nth-child(4) .apply-form-select-select .apply-form-select-select-item:nth-child(3) {
  margin-right: 0;
}

.apply-form-item:nth-child(4) .apply-form-select-select .apply-form-select-select-item {
  margin-right: 16px;
}

.apply-form-item:nth-child(5) .apply-form-select-select .apply-form-select-select-item {
  width: 140px;
  text-align: center;
  padding: 0 6px;
  overflow: hidden;
}

.apply-form-item:nth-child(5) .apply-form-select-select {
  height: 160px !important;
  top: -162px !important;
}

.apply-form-item:nth-child(5).apply-item-choose .apply-form-select-value .pos-select-img {
  transform: translateY(-26%) rotateZ(-90deg) !important;
}

.apply-form-item:nth-child(5) .apply-form-select-select .apply-form-select-select-item {
  margin-right: 0;
}

.apply-form-item:nth-child(5) .apply-form-select-select .province-list-item {
  margin-right: 15px;
}

#belongCity .apply-form-select-select {
  align-items: unset;
}

.apply-form-item:nth-child(5) .apply-form-select-select .province-list-item .apply-form-select-select-item {
  margin-bottom: 0;
}

.apply-form-item:nth-child(5) .apply-form-select-select .province-list-item {
  margin-bottom: 10px;
}

.apply-form-item:nth-child(5) .apply-form-select-select .province-list-item:nth-child(2n) {
  margin-right: 0;
}

.apply-form-item.apply-item-choose .apply-form-item-right input::placeholder {
  color: #2250c4;
  font-family: 'OPPOSans';
  font-size: 14px;
}

.apply-form-item.apply-item-choose .apply-form-select-value {
  color: #2250c4;
}

.apply-form-item.apply-item-choose .apply-form-select-value .pos-select-img {
  content: url(/web3/img/select_right.svg);
  transform: translateY(-65%) rotateZ(90deg);
  background: unset;
}

.apply-form-item.apply-item-choose .apply-form-select-select {
  display: flex;
  max-height: 160px;
  height: fit-content;
}

.apply-form-item.apply-item-choose.slidedown .apply-form-select-value .pos-select-img {
  transform: translateY(-50%) !important;
}

.apply-form-item.apply-item-choose.slidedown .apply-form-select-select {
  height: 0px !important;
  display: none !important;
}

.apply-form-item-title {
  font-size: 14px;
  text-align: center;
  color: #888888;
  line-height: 40px;
  letter-spacing: 0.01px;
  width: 120px;
  position: relative;
}

.apply-form-item-title::after {
  position: absolute;
  content: '';
  display: block;
  width: 0px;
  height: 28px;
  border-right: 1px solid #cccccc;
  border-radius: 4px;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.apply-form-item-right {
  width: calc(100% - 120px);
  height: 100%;
  border-radius: 0px 4px 4px 0;
}

.pos-select-img {
  position: absolute;
  width: 20px;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}

.apply-form-item-right input {
  border: none;
  width: 100%;
  height: 100%;
  border-radius: 0px 4px 4px 0;
  padding-left: 20px;
  font-family: 'OPPOSans';
  font-size: 14px;
}

.apply-form-select-value {
  cursor: pointer;
  width: 100%;
  height: 100%;
  border-radius: 0px 4px 4px 0;
  padding-left: 20px;
  font-size: 14px;
  font-family: 'OPPOSans';
  color: #888888;
  letter-spacing: 0.01px;
  line-height: 38px;
  position: relative;
  overflow: hidden;
  padding-right: 30px;
}

.apply-form-select-select {
  position: absolute;
  left: -1px;
  top: 40px;
  width: 342px;
  background-color: #fff;
  z-index: 8;
  padding: 10px 20px 0px 20px;
  border-radius: 4px;
  height: 0px;
  transition: all 0.4s;
  display: none;
  align-items: center;
  box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
  flex-wrap: wrap;
}

.apply-form-select-select-item {
  margin-right: 14px;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  color: #888888;
  cursor: pointer;
  width: 65px;
  height: 30px;
  background: #f8f8f8;
  margin-bottom: 10px;
}

.apply-form-select-select-item:nth-child(4) {
  margin-right: 0;
}

.apply-form-select-select-item.choose {
  color: #fff;
  background-color: #2250c4;
}

.apply-form-select-select-item:hover {
  color: #fff;
  background-color: #2250c4;
}

.apply-form-item-right input::placeholder {
  font-size: 14px;
  font-family: 'OPPOSans';
  color: #888888;
  letter-spacing: 0.01px;
}

.apply-form-select-province-list {
  height: 140px;
  overflow-y: scroll;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.apply-form-select-province-list::-webkit-scrollbar,
.apply-form-city-con::-webkit-scrollbar {
  width: 4px;
  height: 10px;
}

.apply-form-select-province-list::-webkit-scrollbar-thumb {
  background: #2250c4;
  border-radius: 12px;
}

.apply-form-city-list {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0px;
  background: #fff;
  display: none;
  padding: 10px 0 10px 20px;
  border-radius: 8px;
  box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
}

.apply-form-city-con {
  display: flex;
  flex-wrap: wrap;
  overflow-y: scroll;
  height: 100%;
  width: calc(100% - 20px);
}

.apply-form-city-con::-webkit-scrollbar-thumb {
  background: #2250c4;
  border-radius: 10px;
}

.apply-form-city-border {
  width: 0px;
  height: 130px;
  border-right: 1px solid #cccccc;
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.apply-form-city-list.show-city-bool {
  display: flex;
  flex-wrap: wrap;
}

.apply-form-city-list-item {
  font-size: 14px;
  color: #8a8a8a;
  letter-spacing: 0.01px;
  margin-right: 15px;
  margin-bottom: 10px;
  cursor: pointer;
  width: 140px;
  height: 30px;
  background: #f8f8f8;
  line-height: 30px;
  text-align: center;
  overflow: hidden;
}

.apply-form-city-list-item:nth-child(2n) {
  margin-right: 0;
}

.apply-form-city-list-item.choose {
  color: #fff;
  background: #2250c4;
}

.apply-form-city-list-item:hover {
  color: #fff;
  background: #2250c4;
}

/* .apply-form-city-list-item:nth-child(5n + 1){

    margin-right: 0;

} */

.apply-form-btn-box {
  display: flex;
  justify-content: space-between;
}

.signUp-btn {
  display: block;
  width: 155px;
  height: 40px;
  border: 1px solid #cccccc;
  border-radius: 20px;
  text-align: center;
  line-height: 38px;
  font-size: 14px;
  cursor: pointer;
  color: #888888;
  font-family: 'OPPOSans';
}

.signUp-btn.ontrue {
  background: #2250c4;
  color: #fff;
  border: none;
  line-height: 40px;
}

.apply-degree-siwper-title {
  font-size: 20px;
  color: #2250c4;
  line-height: 30px;
  font-family: 'OPPOSansBold';
}

.apply-degree-siwper-con {
  margin-top: 10px;
  height: 115px;
  width: 100%;
  overflow: hidden;
}

.apply-degree-siwper-list {
  display: flex;
  width: fit-content;
}

.apply-degree-siwper-list-item {
  width: 306px;
  height: 125px;
  transition: all 3s linear;
}

.apply-degree-siwper-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #e5e5e5;
}

/* .apply-schoolmate-status-box{

    width: calc(100% - 80px);

    height: 100%;

    background: #fff;

} */

/* .apply-degree-siwper-item:nth-child(2n), */

.apply-degree-siwper-item:last-child {
  border-bottom: none;
  padding-bottom: none;
}

.apply-schoolmate-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  font-size: 14px;
  color: #fff;
  background: #2250c4;
  line-height: 40px;
  text-align: center;
}

.apply-schoolmate-img.back-cansel {
  background: unset;
}

/* .apply-schoolmate-first-name{



} */

.apply-schoolmate-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* border-radius: 50%; */
}

.apply-schoolmate-status {
  font-size: 12px;
  text-align: right;
  color: #8a8a8a;
  line-height: 20px;
}

.apply-bachor-category {
  font-size: 12px;
  text-align: right;
  color: #e62412;
  line-height: 20px;
  margin-top: 2px;
}

.course-play-swiper-box .apply-bachor-category {
  color: #8a8a8a;
}

#applyOne.swiper-container .swiper-wrapper,
#applyTwo.swiper-container .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

/* 免费试听 */

.free-course {
  background-color: #333a4d;
  padding-bottom: 60px;
}

.free-course .model-title {
  color: rgba(34, 80, 196, 0.3);
}

.free-course .model-title-explain-text,
.free-course .model-look-more-title {
  color: #ffffff;
}

.free-course-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.free-course-list-item {
  width: 585px;
  height: 249px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: 20px;
}

.free-course-list-item:nth-child(3),
.free-course-list-item:nth-child(4) {
  margin-bottom: 0;
}

.free-course-main-con {
  padding: 20px 20px 15px;
  width: 100%;
  height: 193px;
  background: #ffffff;
  border-radius: 8px;
  /* box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%); */
}

.free-course-main-top {
  display: flex;
  align-items: center;
}

.free-course-poster {
  height: 64px;
  width: 253px;
  position: relative;
}

.free-course-poster a {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  line-height: 0;
  transition: all 0.2s;
}

.free-course-list-item:hover a {
  transform: translateY(-8px);
}

.free-course-list-item:hover .free-course-name a {
  color: #2250c4;
}

.free-course-poster img {
  width: 100%;
}

.free-course-ad {
  width: 100%;
  position: absolute;
  z-index: 3;
  width: 70px;
  height: 20px;
  background: #fe2c2b;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  /* font-family: OPPOSans, OPPOSans-Regular; */
  color: #ffffff;
  bottom: 0;
  right: 0;
}

.free-course-situ {
  display: flex;
  align-items: center;
}

.free-course-info {
  margin-left: 20px;
  width: calc(100% - 273px);
}

.free-course-name a {
  font-size: 18px;
  text-align: LEFT;
  color: #333333;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.free-course-situ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}

.free-course-category {
  display: flex;
  align-items: center;
}

.free-course-category .free-course-link a {
  font-size: 14px;
  color: #8a8a8a;
  line-height: 20px;
}

.free-course-category .free-course-link {
  font-size: 14px;
  color: #8a8a8a;
  line-height: 20px;
}

.free-course-category .free-course-link:hover a {
  color: #2250c4;
}

.free-course-category .free-course-link:last-child a {
  color: #2250c4;
}

.free-course-play {
  display: flex;
  align-items: center;
}

.free-course-play img {
  width: 24px;
}

.free-course-play-no {
  font-size: 14px;
  color: #606060;
  margin-left: 10px;
  line-height: 20px;
}

.free-course-intro {
  margin-top: 15px;
  width: 100%;
  font-size: 14px;
  text-align: LEFT;
  color: #8a8a8a;
  padding: 18px;
  background: #f4f4f4;
  line-height: 22px;
}

/*  */

/* 怎么学 */

.how-to-learn {
  background-color: #f4f4f4;
  padding-bottom: 40px;
}

.how_learn_list {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
}

.how_learn_listli.ontrue {
  background: #fff !important;
  box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
}

.how_learn_listli {
  margin-right: 2px;
  box-sizing: border-box;
  width: 124px;
  height: 44px;
  background: #e5e5e5;
  position: relative;
}

.how_learn_ani_box {
  position: absolute;
  width: 100%;
  height: 4px;
  background: #e5e5e5;
}

.how_learn_listli.ontrue .how_learn_ani_box::before {
  -webkit-animation: progressAni 4s ease both;
}

@keyframes progressAni {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

.how_learn_ani_box::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background: #2250c4;
}

.how_learn_listli.ontrue a {
  color: #2250c4;
}

.how_learn_listli a {
  width: 100%;
  display: block;
  text-align: center;
  line-height: 44px;
  color: #8a8a8a;
}

.how_to_learn_con .how_to_learn_con_one.ontrue {
  display: block;
}

.how_to_learn_con .how_to_learn_con_one {
  display: none;
}

.how_to_learn_con {
  position: relative;
}

.video_content {
  margin-top: 28px;
}

.how_learn_listtwo {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.how_learn_listtwo .how_learn_list_two_li {
  width: 283px;
  height: 284px;
}

.how_learn_listtwo .how_learn_list_two_li {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
  overflow: hidden;
  margin-bottom: 20px;
  transition: 0.2s;
}

.how_learn_listtwo .how_learn_list_two_li:nth-child(5n + 8),
.how_learn_listtwo .how_learn_list_two_li:nth-child(5n + 5),
.how_learn_listtwo .how_learn_list_two_li:nth-child(5n + 6),
.how_learn_listtwo .how_learn_list_two_li:nth-child(5n + 7) {
  margin-bottom: 0;
}

.theRest_content:nth-child(5),
.theRest_content:nth-child(6),
.theRest_content:nth-child(7),
.theRest_content:nth-child(8) {
  margin-bottom: 0;
}

.how_learn_list_two_li h2 {
  font-size: 20px;
  font-family: 'OPPOSansBold';
  color: #333333;
}

.how_learn_video_message {
  font-size: 14px;
  font-weight: 400;
  text-align: LEFT;
  color: #8a8a8a;
  line-height: 24px;
  text-overflow: ellipsis;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}

.video_content_btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 110px;
  height: 32px;
  background: #2250c4;
  border-radius: 4px;
  justify-content: center;
  margin-top: 14px;
}

.more_info {
  font-size: 14px;
  font-weight: 400;
  text-align: CENTER;
  color: #ffffff;
  line-height: 24px;
}

.video_content_btn img {
  margin-left: 6px;
  height: 12px;
}

/* 课程中心新版 */

.recommend-videos-link {
  display: block;
  margin-left: 20px;
  transition: all 0.4s;
}

.recommend-videos-link:hover {
  transform: translateY(-8px);
}

.recommend-videos-link:hover .teachers-name,
.recommend-videos-link:hover .recommend-book-title,
.theRest_content:hover .teacher_name > p {
  color: #2250c4;
}

.recommend-videos-example {
  box-sizing: border-box;
  width: 283px;
  height: 284px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
  overflow: hidden;
}

.recommend-teach-message {
  box-sizing: border-box;
  width: 100%;
  height: 156px;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}

.recommend-teach-message img {
  /* width: 100%; */
  height: 100%;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
  transform: translateY(25px);
}

.recommend-video-title {
  width: 168px;
  height: 64px;
  font-family: 'OPPOSansBold';
  text-align: LEFT;
  color: #ffffff;
  line-height: 32px;
  font-size: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  z-index: 2;
}

.recommend-teach-en {
  width: 168px;
  height: 20px;
  opacity: 0.8;
  font-size: 14px;
  text-align: LEFT;
  color: #ffffff;
  line-height: 20px;
  z-index: 2;
}

.recommend-teach-cn {
  font-size: 16px;
  text-align: LEFT;
  color: #ffffff;
  line-height: 24px;
  z-index: 2;
}

.recommend-video-text {
  box-sizing: border-box;
  width: 100%;
  height: 120px;
  padding: 20px 20px 16px;
  background: #fff;
}

.recommend-video-text-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.video-details {
  display: flex;
}

.video-status {
  background: #f0f0f0;
  border-radius: 2px;
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 400;
  color: #8a8a8a;
  position: relative;
  overflow: hidden;
}

.lock-layer {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(16, 16, 16, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}

.lock-layer img {
  width: 11px;
}

.video-status.all-unlock {
  background: #15ad31;
  color: #fff;
}

.video-status.part-unlock {
  background: #edffed;
  color: #15ad31;
}

.video-status.can-try {
  background: #fa8c15;
  color: #fff;
}

.video-number {
  font-size: 14px;
  font-family: 'OPPOSansBold';
  text-align: LEFT;
  color: #333333;
  margin-right: 16px;
}

.video-play-no {
  display: flex;
  align-items: center;
}

.video-play-no img {
  width: 18px;
}

.video-play-no span {
  font-size: 14px;
  color: #8a8a8a;
  margin-left: 4px;
}

.recommend-video-text-con {
  margin-top: 8px;
  font-size: 14px;
  color: #8a8a8a;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.video-progress-bar {
  height: 8px;
  width: 100%;
  box-sizing: border-box;
  background: #e5e5e5;
}

.video-progress-bar-line {
  width: 0%;
  height: 100%;
  border-radius: 4px;
  position: relative;
}

.video-progress-bar-line.line-three {
  background: #2250c4;
}

.video-progress-bar-line.full-line {
  background: #15ad31 !important;
}

.video-progress-bar-line.line-one {
  width: 0;
}

.video-progress-bar-line::after {
  content: '';
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-animation: animate-shine 2s ease-out infinite;
  -moz-animation: animate-shine 2s ease-out infinite;
}

@-webkit-keyframes animate-shine {
  0% {
    opacity: 0;
    width: 0;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 0;
    width: 100%;
  }
}

.how_learn_listtwo .how_learn_list_two_li {
  width: 283px;
  height: 284px;
}

.inside_box {
  padding: 16px 20px 20px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.how_learn_video_message {
  margin-top: 8px;
}

.recommend-videos-link:nth-child(5) {
  margin-left: 0px;
}

.recommend-videos-link {
  margin-left: 19px;
}

/* 国际智库 */

.recommend-teachers-example {
  width: 283px;
  height: 284px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
  box-sizing: border-box;
  padding: 20px 20px 16px;
}

.recommend-teachers-info {
  display: flex;
}

.teachers-head-pic {
  width: 104px;
  height: 126px;
  overflow: hidden;
  border-radius: 8px;
  background: linear-gradient(180deg, #405d92, #172341 100%);
}

.teachers-head-pic img {
  width: 100%;
  /* height: 100%; */
  transform: translateY(10px);
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.teachers-title-box {
  margin-left: 8px;
}

.teachers-name {
  font-size: 18px;
  font-family: 'OPPOSansBold';
  text-align: LEFT;
  color: #333333;
}

.teachers-title {
  margin-top: 8px;
}

.teachers-title p {
  box-sizing: border-box;
  width: 131px;
  height: 28px;
  background: #f2f7ff;
  border-radius: 2px;
  padding: 4px 8px;
  font-size: 12px;
  color: #2250c4;
  letter-spacing: -0.06px;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.teachers-title p:last-child {
  margin-bottom: 0;
}

.recommend-teachers-introduce {
  margin-top: 18px;
  font-size: 14px;
  color: #8a8a8a;
  line-height: 26px;
  letter-spacing: -0.01px;
  overflow: hidden;
  white-space: wrap;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.recommend-videos-example.example-default {
  width: 283px;
  height: 284px;
  background: #f5f5f5;
  border-radius: 8px;
  box-shadow: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 2px solid #ffffff;
  box-sizing: border-box;
}

.recommend-videos-example.example-default .title_one {
  font-size: 18px;
  font-family: 'OPPOSansBold';
  text-align: center;
  color: #8a8a8a;
  line-height: 15px;
}

.recommend-videos-example.example-default .title_two {
  font-size: 14px;
  margin-top: 8px;
  color: #8a8a8a;
  line-height: 20px;
}

.recommend-videos-example.example-default img {
  width: 46px;
  margin-left: 12px;
}

/* 教辅中心 */

.recommend-book-example {
  width: 283px;
  height: 284px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
  box-sizing: border-box;
  overflow: hidden;
}

.recommend-book-pic {
  position: relative;
  width: 100%;
  height: 154px;
}

.recommend-book-pic img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.recommend-book-price {
  position: absolute;
  width: 83px;
  height: 32px;
  background: #e62412;
  border-radius: 0px 16px 16px 0px;
  box-sizing: border-box;
  left: 0;
  bottom: 12px;
  display: flex;
  justify-content: center;
  align-items: baseline;
  padding: 5px 0;
}

.recommend-book-price span {
  display: block;
  height: fit-content;
  font-family: 'Helvetica';
}

.recommend-book-price span:nth-child(1) {
  font-size: 12px;
  color: #ffffff;
  line-height: 16px;
}

.recommend-book-price span:nth-child(2) {
  font-size: 20px;
  color: #ffffff;
  letter-spacing: -0.08px;
  line-height: 22px;
}

.recommend-book {
  box-sizing: border-box;
  padding: 8px 20px 16px;
}

.recommend-book-title {
  font-size: 16px;
  font-family: 'OPPOSansBold';
  text-align: LEFT;
  color: rgba(51, 51, 51, 1);
  margin-bottom: 10px;
  overflow: hidden;
  white-space: wrap;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.recommend-book-message {
  display: flex;
  justify-content: space-between;
}

.recommend-book-author {
  font-size: 14px;
  text-align: LEFT;
  color: #101010;
  overflow: hidden;
  white-space: wrap;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.recommend-book-play {
  display: flex;
  align-items: center;
}

.recommend-book-play img {
  width: 14px;
  margin-right: 4px;
}

.recommend-book-play span {
  font-size: 14px;
  color: #8a8a8a;
  font-family: 'Helvetica';
}

.recommend-book-intro {
  margin-top: 10px;
  font-size: 14px;
  color: #8a8a8a;
  line-height: 24px;
  overflow: hidden;
  white-space: wrap;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.recommend-videos-example.example-default {
  width: 283px;
  height: 284px;
  background: #f5f5f5;
  border-radius: 8px;
  box-shadow: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 2px solid #ffffff;
  box-sizing: border-box;
}

.recommend-videos-example.example-default .title_one {
  font-size: 18px;
  font-family: 'OPPOSansBold';
  text-align: center;
  color: #8a8a8a;
  line-height: 15px;
}

.recommend-videos-example.example-default .title_two {
  font-size: 14px;
  margin-top: 8px;
  color: #8a8a8a;
  line-height: 20px;
}

.recommend-videos-example.example-default img {
  width: 46px;
  margin-left: 12px;
}

/* 学业管理 */

.recommend-task-example {
  width: 283px;
  height: 284px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
}

.task-title-box {
  width: 283px;
  height: 156px;
  background: #c4c4c4;
  box-sizing: border-box;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.task-title {
  overflow: hidden;
  white-space: wrap;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-size: 24px;
  font-family: 'OPPOSansBold';
  text-align: LEFT;
  color: #ffffff;
  line-height: 32px;
}

.task-time {
  font-size: 14px;
  text-align: LEFT;
  color: rgba(255, 255, 255, 0.8);
  line-height: 20px;
}

.task-auth {
  font-size: 16px;
  text-align: LEFT;
  color: #ffffff;
  line-height: 24px;
}

.task-message-box {
  padding: 20px 20px 16px;
  box-sizing: border-box;
}

.task-message-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.task-message-left {
  display: flex;
  align-items: center;
}

.task-price span:nth-child(1) {
  font-size: 12px;
  color: #e62412;
  line-height: 16px;
  font-family: 'Helvetica';
}

.task-price span:nth-child(2) {
  font-size: 20px;
  font-family: 'Helvetica';
  color: #e62412;
  line-height: 22px;
  letter-spacing: -0.08px;
}

.task-price.onbuy span {
  color: #909090 !important;
}

.task-download-no {
  display: flex;
  align-items: center;
}

.task-download-no img {
  width: 14px;
  margin-right: 4px;
  height: 14px;
}

.task-download-no span {
  font-size: 14px;
  color: #8a8a8a;
  line-height: 20px;
  font-family: 'Helvetica';
}

.task-status {
  margin-right: 12px;
  width: 66px;
  height: 28px;
  background: #15ad31;
  border-radius: 14px;
  font-size: 14px;
  text-align: CENTER;
  color: #ffffff;
  line-height: 28px;
}

.task-introduce {
  font-size: 14px;
  color: #8a8a8a;
  line-height: 24px;
  margin-top: 8px;
  overflow: hidden;
  white-space: wrap;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.recommend-videos-example.example-default {
  width: 283px;
  height: 284px;
  background: #f5f5f5;
  border-radius: 8px;
  box-shadow: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 2px solid #ffffff;
  box-sizing: border-box;
}

.recommend-videos-example.example-default .title_one {
  font-size: 18px;
  font-family: 'OPPOSansBold';
  text-align: center;
  color: #8a8a8a;
  line-height: 15px;
}

.recommend-videos-example.example-default .title_two {
  font-size: 14px;
  margin-top: 8px;
  color: #8a8a8a;
  line-height: 20px;
}

.recommend-videos-example.example-default img {
  width: 46px;
  margin-left: 12px;
}

/*学术社区 */

.paper_bottom {
  padding: 16px 20px 14px;
}

.papercontent-name {
  font-size: 14px;
  text-align: LEFT;
  color: #8a8a8a;
  line-height: 24px;
}

.paper_bottom .paper_introduce {
  min-height: unset;
  -webkit-line-clamp: 1;
  font-size: 16px;
  font-family: 'OPPOSansBold';
  text-align: LEFT;
  color: rgba(51, 51, 51, 1);
  line-height: 24px;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paper_about.thesis_about {
  margin-top: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.how_learn_listtwo .how_learn_list_two_li:hover {
  transform: translateY(-8px);
}

.how_learn_listtwo .how_learn_list_two_li:hover .course-title,
.how_learn_listtwo .how_learn_list_two_li:hover .teacher_name,
.how_learn_listtwo .how_learn_list_two_li:hover .how_learn_book_bottom h1,
.how_learn_listtwo .how_learn_list_two_li:hover .paper_introduce {
  color: #2250c4;
}

.paper_about_left {
  display: flex;
  align-items: center;
}

.paper_about_left-right {
  display: flex;
  align-items: center;
}

.paper_about_left-right img {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}

.paper_buy-status {
  margin-right: 8px;
  background: #15ad31;
  border-radius: 14px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  padding: 4px 12px;
}

.thesis_top {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.paper_top {
  padding: 20px 20px 0;
  border-radius: 8px 8px 0px 0px;
  width: 100%;
  height: 156px;
  box-sizing: border-box;
}

.paper_top .thesis_title {
  font-size: 18px;
  font-family: unset;
  font-family: 'OPPOSansBold';
  color: #032361;
  line-height: 24px;
}

.paper_top .thesis_title {
  width: 202px;
  height: 48px;
  font-size: 18px;
  font-family: 'OPPOSansBold';
  text-align: LEFT;
  color: #032361;
  line-height: 24px;
  margin-bottom: 19px;
  margin-top: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.thesis_top::after {
  content: '';
  width: 26px;
  height: 3px;
  background: #032361;
  display: block;
  position: absolute;
  left: 44px;
  top: 88px;
  z-index: 0;
}

.paper_top .thesis_time {
  width: 202px;
  font-size: 13px;
  font-family: 'OPPOSansBold';
  text-align: LEFT;
  color: #101010;
  line-height: 24px;
}

.thesis-lock-box {
  width: 66px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  font-size: 14px;
  color: #8a8a8a;
  background: #fff;
  border-radius: 2px;
  position: absolute;
  right: 44px;
  bottom: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.thesis-lock-box.all-lock {
  background: #15ad31;
  font-size: 14px;
  font-family: 'OPPOSansBold';
  color: #ffffff;
}

.thesis_price {
  font-size: 12px;
  color: #e62412;
  line-height: 20px;
}

.thesis_price span {
  font-size: 20px;
  font-family: Arial, Arial-Bold;
  font-weight: 700;
  color: #e62412;
  letter-spacing: -0.08px;
}

.thesis-lock-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(16, 16, 16, 0.6);
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}

.thesis-lock-layer img {
  height: 14px;
}

/* 论文辅导 */

.translate_num {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

#translate {
  background: #2250c4;
}

#translate .how_learn_video_message {
  min-height: unset;
  height: 118px;
  font-size: 14px;
  font-weight: 400;
  text-align: LEFT;
  color: rgba(255, 255, 255, 0.8);
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}

.how_learn_video_message {
  min-height: 168px;
}

.translate_num .video_content_btn {
  width: 110px;
  height: 32px;
  border: 1px solid #ffffff;
  border-radius: 4px;
  margin-top: 0;
}

.translate_num_have {
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  line-height: 24px;
}

.theRest_content {
  width: 283px;
  background: #ffffff;
  border-radius: 8px;
  padding: 20px;
  margin-left: 19px;
  margin-bottom: 20px;
  box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
  box-sizing: border-box;
  height: 284px;
  transition: all 0.2s;
}

.theRest_content:hover {
  transform: translateY(-8px);
}

#translate .paper_translate_title {
  color: #fff;
  margin-bottom: 8px;
}

.paper_translate_con div {
  font-size: 14px;
  text-align: LEFT;
  color: #ffffff;
  line-height: 24px;
}

.teacher_msg {
  display: flex;
}

.teacher_msg .teacher_img {
  width: 104px;
  border-radius: 8px;
  margin-right: 8px;
  max-height: 126px;
  min-height: 126px;
  overflow: hidden;
  position: relative;
  background: linear-gradient(180deg, #405d92, #172341 100%);
}

.teacher_img > img {
  height: 103%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 10px);
}

.teacher_msg > .teacher_name {
  width: calc(100% - 112px);
}

.teacher_name > p {
  font-size: 18px;
  font-family: 'OPPOSansBold';
  line-height: 26px;
  margin-bottom: 8px;
  color: #333333;
}

.teacher_tag {
  padding: 0 8px;
  line-height: 28px;
  border-radius: 2px;
  font-size: 12px;
  margin-top: 4px;
  width: max-content;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #f2f7ff;
  color: #2250c4;
}

.teacher_tag.full-reserve {
  background: #f0f0f0;
  color: #8a8a8a;
}

.teacher_tag.have-reserve {
  background: #15ad31;
  color: #fff;
}

.teacher_tag.ok-reserve {
  background: #fa8c15;
  color: #fff;
}

.teacher_tit {
  font-size: 16px;
  font-family: 'OPPOSansBold';
  line-height: 24px;
  margin: 12px 0 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.teacher_text {
  color: #8a8a8a;
  font-size: 14px;
  line-height: 22px;
  min-height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 8px;
  margin-top: 12px;
  height: 66px;
}

.teacher_course_tag {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.teacher_course_tag > p {
  font-size: 14px;
  display: flex;
  align-items: center;
  color: #8a8a8a;
  font-family: 'Helvetica';
}

.teacher_course_tag > p::before {
  content: '';
  background: url('/images/Icon_Subscribe.svg');
  background-size: 100%;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 4px;
}

.teacher_course_tag .teacher_tag {
  font-size: 14px;
  padding: 4px 12px;
  line-height: unset;
}

/* 修业坊 */

.engage-box {
  width: 283px;
  height: 300px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 20px;
  transition: all 0.4s;
}

.engage-box:hover {
  transform: translateY(-8px);
}

.engage-link {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.engage-box .engage-top {
  height: 156px;
  box-sizing: border-box;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.engage-box .engage-top .engage-video-title {
  font-size: 24px;
  font-family: 'OPPOSansBold';
  color: #ffffff;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.engage-box .engage-video-time {
  opacity: 0.8;
  font-size: 14px;
  text-align: LEFT;
  color: #ffffff;
  line-height: 20px;
}

.engage-box .engage-video-term {
  font-size: 16px;
  text-align: LEFT;
  color: #ffffff;
  line-height: 24px;
}

.engage-bottom {
  box-sizing: border-box;
  width: 100%;
}

.engage-box .engage-tips {
  width: 100%;
  box-sizing: border-box;
  height: 144px;
  padding: 20px 20px 16px;
}

.engage-box .engage-lecturer-box {
  display: flex;
  justify-content: space-between;
}

.engage-box .engage-lecturer-left {
  display: flex;
  align-items: center;
}

.engage-box .engage-lecturer-pic {
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-right: 10px;
}

.engage-box .engage-lecturer-pic img {
  width: 48px;
  height: 48px;
  border-radius: 28px;
  object-fit: cover;
  /* image-rendering: -webkit-optimize-contrast; */
}

.engage-box .engage-lecturer-pic img:nth-child(2) {
  transform: translateX(-8px);
}

.engage-box .engage-lecturer-name {
  font-size: 18px;
  font-family: 'OPPOSansBold';
  color: #101010;
  line-height: 26px;
}

.engage-box .engage-play-no {
  display: flex;
  align-items: center;
}

.engage-box .engage-play-no img {
  width: 18px;
  margin-right: 4px;
}

.engage-box .engage-play-no p {
  font-size: 14px;
  color: #8a8a8a;
  line-height: 20px;
}

.engage-box .engage-info {
  margin-top: 8px;
  font-size: 14px;
  text-align: JUSTIFIED;
  color: #8a8a8a;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* 试听课程入口 */

.video-LiveEntrance {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: unset;
  padding: 6px 0 6px 13px;
  box-sizing: border-box;
}

.free-video-play {
  position: absolute;
  width: 67px;
  height: 32px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 24px;
  backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  justify-content: center;
  right: 8px;
  top: 40px;
}

.free-video-play img {
  width: 20px;
  height: 24px;
  margin-left: 8px;
}

.free-video-title {
  font-size: 22px;
  font-family: 'OPPOSansBold';
  color: #ffffff;
  line-height: 40px;
  width: 216px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.free-video-teacher-en {
  font-size: 14px;
  font-family: 'Helvetica';
  color: #ffffff;
  line-height: 20px;
}

.free-video-teacher-cn {
  font-size: 16px;
  color: #ffffff;
  line-height: 24px;
  margin-top: 4px;
}

/* 谁在学 */

.who-learn {
  background-color: #f4f4f4;
  padding-bottom: 60px;
}

.who-learn-list {
  display: flex;
  justify-content: space-between;
}

.who-learn-list-item {
  width: 384px;
  height: 488px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
  padding: 26px 28px;
}

.industry-category-title {
  display: block;
  font-size: 24px;
  text-align: LEFT;
  color: #333;
  line-height: 28px;
  font-family: 'OPPOSansBold';
}

.industry-category-list {
  margin-top: 28px;
  width: 100%;
}

.industry-category-list-item {
  margin-bottom: 15px;
}

.industry-category-list-item:hover .industry-company-name,
.industry-category-list-item:hover .industry-company-legal-person {
  color: #2250c4;
}

.industry-category-list-item:last-child {
  margin-bottom: 0;
}

.industry-category-list-item a {
  width: 100%;
  display: flex;
  align-items: center;
}

.industry-category-img {
  width: 88px;
  height: 50px;
  overflow: hidden;
}

.industry-category-list-item:hover .industry-category-img img {
  transform: scale(1.3);
}

.industry-category-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s;
}

.industry-category-info {
  margin-left: 12px;
  width: calc(100% - 100px);
}

.industry-company-name {
  font-size: 14px;
  font-weight: 400;
  text-align: LEFT;
  color: #909090;
  line-height: 20px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.industry-company-legal-person {
  font-size: 14px;
  font-family: 'OPPOSansBold';
  text-align: LEFT;
  line-height: 20px;
  margin-top: 10px;
  color: #333333;
}

.industry-look-more {
  margin-top: 20px;
  width: 100%;
  position: relative;
}

.industry-look-more a {
  display: block;
  width: 100%;
  height: 48px;
  background: linear-gradient(107deg, #2650cf, #6483dc 100%);
  border-radius: 8px;
  box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
  text-align: center;
  line-height: 48px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  position: relative;
  transition: all 0.3s ease;
}

.industry-look-more a.industryAni {
  padding-right: 20px;
}

.right-ani-img {
  width: 16px;
  position: absolute;
  left: 54%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.3s ease;
}

.industry-look-more a.industryAni img {
  animation: aniImgIndu 300ms ease both;
  -webkit-animation: aniImgIndu 300ms ease both;
}

@keyframes aniImgIndu {
  0% {
    opacity: 0;
    left: 54%;
  }

  33.3% {
    opacity: 0;
    left: 54%;
  }

  66.6% {
    opacity: 0.5;
    left: 58%;
  }

  100% {
    opacity: 1;
    left: 60%;
  }
}

/* .industry-look-more a:hover {

    background: #2250C4;

    color: rgba(255, 255, 255, 0.72);

} */

/* 修业坊 */

.work-shop {
  background-color: #fff;
  padding-bottom: 60px;
}

.work-shop-list {
  display: flex;
  justify-content: space-between;
}

.work-shop-list-item {
  transition: all 0.4s;
}

.work-shop-list-item:hover {
  transform: translateY(-8px);
}

.work-shop-list-item a {
  display: block;
  width: 282px;
  height: 280px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
}

.work-shop-teacher-info {
  width: 100%;
  height: 162px;
  position: relative;
  padding: 16px 20px;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.work-shop-teacher-img-box {
  display: flex;
  align-items: center;
}

.work-shop-teacher-img-box-item {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  background: linear-gradient(180deg, #405d92, #172341 100%);
  overflow: hidden;
  margin-right: 6px;
  position: relative;
}

.work-shop-teacher-img-box-item:last-child {
  margin-right: 0px;
}

.work-shop-teacher-img {
  position: absolute;
  left: 50%;
  height: 100%;
  transform: translate(-50%, 4px);
}

.work-shop-teacher-img:nth-child(2) {
  margin-left: 6px;
}

.work-shop-teacher-name-box {
  display: flex;
  align-items: center;
  /* z-index: 3; */
}

.work-shop-teacher-name {
  line-height: 22px;
  font-size: 16px;
  font-family: 'OPPOSansBold';
  color: #ffffff;
  line-height: 16px;
}

/* .work-shop-teacher-name:nth-child(2){

    margin-top: 10px;

} */

.work-shop-info {
  height: 120px;
  padding: 15px;
  width: 100%;
}

.work-shop-desc {
  font-size: 12px;
  text-align: LEFT;
  color: #8a8a8a;
  line-height: 20px;
  margin-top: 10px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}

.work-shop-terms-box {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
}

.work-shop-teachers-name-box-two {
  margin-left: 15px;
  display: flex;
  align-items: center;
}

.work-shop-teachers-name-two {
  font-size: 16px;
  color: #8a8a8a;
  line-height: 22px;
}

.work-shop-terms-title {
  z-index: 3;
  position: relative;
  width: fit-content;
}

.work-shop-terms-rainbow {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #6aebc6, #5b25f8 100%);
  z-index: -1;
}

.work-shop-terms-style-bottom {
  height: calc(100% - 32px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.work-shop-terms-tips {
  width: fit-content;
  font-size: 16px;
  font-family: 'OPPOSansBold';
  color: #ffffff;
  line-height: 20px;
  z-index: 4;
}

.work-shop-teacher-img-box {
}

/* .work-shop-terms-tips-no{

    font-size:14px;

    color: #ffffff;

    line-height: 14px;

    margin-top: 4px;

    font-family: 'OPPOSansBold';

} */

.work-shop-terms-play {
  display: flex;
  align-items: center;
}

.work-shop-terms-play img {
  width: 27px;
}

.work-shop-terms-play-no {
  font-size: 14px;
  font-weight: 400;
  color: #8a8a8a;
  line-height: 12px;
  margin-left: 6px;
}

.work-shop-main-major {
  position: relative;
  padding: 5px 10px;
  /* margin: 0px 10px; */
  border: 1px solid #c8b5ff;
  display: flex;
  width: fit-content;
  justify-content: center;
  align-items: center;
}

.work-shop-diamond {
  display: block;
  position: absolute;
  width: 11px;
  height: 11px;
  background: #161330;
  border: 1px solid #ffffff;
}

.work-shop-diamond:nth-child(2) {
  left: -5.5px;
  top: -5.5px;
}

.work-shop-diamond:nth-child(3) {
  right: -5.5px;
  top: -5.5px;
}

.work-shop-diamond:nth-child(4) {
  right: -5.5px;
  bottom: -5.5px;
}

.work-shop-diamond:nth-child(5) {
  left: -5.5px;
  bottom: -5.5px;
}

.work-shop-title {
  width: fit-content;
  font-size: 24px;
  font-weight: 400;
  /* color: rgba(51,51,51,1); */
  font-family: 'OPPOSansBold';
  line-height: 30px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  background: -webkit-linear-gradient(-90deg, #ffffff 52%, #777aaf 74%);
  -webkit-background-clip: text;
  color: transparent;
}

/* .work-shop-title:hover{

    color: #2250C4;

} */

/* 新闻动态 */

.news-about {
  background: #ffffff;
  padding-bottom: 60px;
}

.banner {
  height: 550.5px;
}

/* .banner-nav-item.banner-choose .banner-nav-link{

    background: #D32424;

} */

.news-about-list-con {
  overflow: unset;
  background: unset;
  border-radius: unset;
  box-shadow: unset;
}

.news-about-list-con .how_learn_listli.ontrue {
  background: #ffffff;
  box-shadow: 0px 2px 4px 0px rgba(45, 95, 201, 0.2);
}

.news-about-main {
  margin-top: 32px;
}

.news-about-main-con {
  display: none;
}

.news-about-main-con.ontrue {
  display: flex;
  justify-content: space-between;
}

.news-about-list-con .how_learn_ani_box {
  background: #eeeeee;
}

.news-about-list-con .how_learn_listli {
  background: #eeeeee;
}

.news-about-main-poster-list {
  width: 600px;
  height: 300px;
  /* background: #d9d9d9; */
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.news-about-main-poster-item {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.4s;
  z-index: 2;
}

.news-about-main-poster-item.ontrue {
  opacity: 1;
  z-index: 3;
}

.news-about-main-poster-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-about-main-list {
  width: 570px;
  height: 300px;
}

.news-about-main-item {
  display: block;
  width: 100%;
  height: 100px;
  background: #ffffff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.news-about-main-item.ontrue {
  background: #f2f4ff;
}

.news-about-main-item.ontrue .news-about-main-title {
  color: #2d5fc9;
  font-family: 'OPPOSansBold';
}

.news-about-main-title {
  font-size: 18px;
  font-family: 'OPPOSans';
  text-align: LEFT;
  color: #333333;
  line-height: 26px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-about-main-info {
  display: flex;
  align-items: center;
}

.news-about-belong,
.news-about-time {
  font-size: 14px;
  font-family: 'OPPOSans';
  color: #606060;
  line-height: 18px;
}

.news-about-time {
  margin-left: 30px;
}

/* 大家都在看 */

.all-focus {
  padding-bottom: 60px;
  background: #edf3f9;
}

.all-focus-title {
  font-size: 32px;
  font-family: 'OPPOSansBold';
  text-align: LEFT;
  color: rgba(51, 51, 51, 1);
  line-height: 40px;
}

.all-focus-list-con {
  margin-top: 38px;
  width: 100%;
  position: relative;
}

.all-focus-list {
  width: 100%;
}

.all-focus-list-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 150px;
  padding: 0 30px;
  transition: all 0.4 s;
}

/* .all-focus-list-item:last-child{

    margin-bottom: 0;

} */

.all-focus-list-item.default-true {
  /* margin-bottom: 22px; */
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
}

.all-focus-list-item.default-true .all-focus-img {
  box-shadow: unset;
}

.all-focus-list-item.default-true .all-focus-introduce {
  display: block;
}

.all-focus-introduce-link {
  width: 100%;
  display: block;
}

.all-focus-info {
  display: flex;
  align-items: center;
}

.all-focus-no {
  font-size: 18px;
  color: #333;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
}

.all-focus-no.no-one {
  background: #ffd248;
  border: 1px solid #f4c006;
  line-height: 28px;
  color: #fff;
}

.all-focus-no.no-two {
  background: #ff4848;
  border: 1px solid #f43106;
  line-height: 28px;
  color: #fff;
}

.all-focus-no.no-three {
  line-height: 28px;
  color: #fff;
  background: #a9a9a9;
  border: 1px solid #929292;
  border-radius: 50%;
}

.all-focus-img {
  overflow: hidden;
  margin-left: 30px;
  width: 110px;
  height: 100px;
  background: linear-gradient(180deg, #405d92, #172341 100%);
  border-radius: 8px;
  /* box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);  */
  position: relative;
}

.all-focus-category-title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  /* height: 40px; */
  font-size: 18px;
  font-family: 'OPPOSansBold';
  text-align: CENTER;
  color: #ffffff;
  line-height: 24px;
  text-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.all-focus-img img {
  width: 100%;
  object-fit: cover;
  min-height: 100%;
  /* transform: translateY(6px); */
}

.all-focus-img .see-head-img {
  transform: translate(-50%, 6px);
  width: 80%;
  height: unset;
  /* margin: 0 auto; */
  position: absolute;
  left: 50%;
}

.all-focus-message-box {
  width: 930px;
  margin-left: 30px;
  height: 110px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.all-focus-message-title-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.all-focus-message-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
}

.all-focus-message-hot-value {
  font-size: 14px;
  color: #2250c4;
  line-height: 30px;
}

.all-focus-message-text {
  width: 780px;
  height: 40px;
  font-size: 14px;
  text-align: LEFT;
  color: #8a8a8a;
  line-height: 20px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.all-focus-link {
  display: block;
  width: 780px;
  height: 20px;
  font-size: 18px;
  /* font-weight: 500; */
  font-family: 'OPPOSansBold';
  text-align: LEFT;
  color: #333;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.all-focus-list-item.default-true .all-focus-link {
  color: #2250c4;
}

.all-focus-category,
.all-focus-category a {
  font-size: 12px;
  color: #333333;
  line-height: 20px;
  /* line-height: 40px; */
}

.all-focus-category a:hover {
  color: #2250c4;
}

.focus-share-box {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  width: 95px;
  height: 38px;
  background: linear-gradient(107deg, #2650cf, #6483dc 100%);
  border-radius: 8px;
}

.focus-share-icon {
  width: 14px;
}

.focus-share-text {
  margin-left: 10px;
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
}

.focus-share-list-btn-con {
  display: none;
  position: absolute;
  right: 0;
  bottom: -44px;
  padding-top: 4px;
}

.focus-share-list-btn {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  width: fit-content;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 5px;
}

.focus-share-box:hover .focus-share-list-btn-con {
  display: flex;
}

.focus-share-list-btn a {
  display: block;
  width: 26px;
  height: 27px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 6px;
}

.focus-share-list-btn a:last-child {
  margin-right: 0;
}

.focus-share-list-btn a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.all-focus-introduce {
  width: 280px;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

.all-focus-intro-top {
  width: 100%;
  padding-bottom: 9px;
  border-bottom: 1px solid #909090;
}

.all-focus-back-img {
  width: 100%;
  height: 230px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}

.all-focus-back-category-title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 132px;
  height: 80px;
  font-size: 32px;
  font-family: 'OPPOSansBold';
  text-align: CENTER;
  color: #ffffff;
  line-height: 40px;
}

.all-focus-back-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.all-focus-publicity {
  margin-top: 10px;
}

.all-focus-publicity-category {
  /* font-size: 14px;

    font-weight: 500;

    color: #2250C4;

    line-height: 30px; */
  font-size: 16px;
  font-family: MiSans, MiSans-Regular;
  color: #2250c4;
  line-height: 20px;
}

.all-focus-publicity-title {
  margin-top: 10px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  font-family: MiSans, MiSans-Regular;
  color: #333333;
  line-height: 24px;
}

.all-focus-intro-text {
  font-size: 14px;
  font-family: MiSans, MiSans-Regular;
  color: #8a8a8a;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  padding-top: 9px;
}

/* 手机号码试听 */

.phone-booking {
  width: 100%;
  height: 60px;
  background: #edf3f9;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 6;
}

.phone-booking-con {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.phone-booking-slogan-box {
  display: flex;
  align-items: center;
}

.phone-booking-text-one {
  font-size: 28px;
  font-family: 'OPPOSansBold';
  color: #2250c4;
  line-height: 40px;
}

.phone-booking-text-two {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 22px;
  margin-left: 20px;
  font-family: 'OPPOSansBold';
}

.phone-booking-btn {
  display: flex;
}

.phone-booking-opreate-box {
  display: flex;
  align-items: center;
}

.phone-booking-btn input {
  width: 220px;
  height: 30px;
  background: #ffffff;
  border-radius: 4px 0px 0px 4px;
  border: none;
  padding-left: 12px;
  font-size: 14px;
}

.phone-booking-btn input::placeholder {
  font-size: 14px;
  color: #8a8a8a;
  font-family: 'OPPOSans';
}

.phone-booking-btn a {
  display: block;
  width: 98px;
  height: 30px;
  background: #2250c4;
  border-radius: 0px 4px 4px 0px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-size: 14px;
}

.phone-booking-number {
  font-size: 24px;
  line-height: 26px;
  color: #2250c4;
  margin-left: 58px;
}