@import url(https://media.qlchat.com/qlLive/activity/file/OFM1J7YK-M16E-R6BV-1630580448492-9LB8W7DFLZV4.css);
@import url(https://media.qlchat.com/qlLive/activity/file/OFM1J7YK-M16E-R6BV-1630580448492-9LB8W7DFLZV4.css);
@import url(https://media.qlchat.com/qlLive/activity/file/OFM1J7YK-M16E-R6BV-1630580448492-9LB8W7DFLZV4.css);
.about-ql-edu-container {
  height: 100%;
  background: #fff;
  overflow-y: auto;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
}

.about-ql-edu-container .main-container .main-container-bg {
  background-color: #fff;
  overflow: hidden;
}

.about-ql-edu-container .main-container .main-container-bg .cooperation-img {
  margin-top: 0.373333rem;
  width: 100%;
  margin-bottom: 0.28rem;
}

.about-ql-edu-container .main-container .main-container-bg-honorary {
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, from(#F9F9FB), to(#FFFFFF));
  background: -webkit-linear-gradient(top, #F9F9FB 0%, #FFFFFF 100%);
  background: -moz-linear-gradient(top, #F9F9FB 0%, #FFFFFF 100%);
  background: linear-gradient(180deg, #F9F9FB 0%, #FFFFFF 100%);
}

.about-ql-edu-container .main-container .home-training-title {
  margin-top: 0.853333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.about-ql-edu-container .main-container .home-training-title img {
  display: block;
  height: 0.733333rem;
}

.about-ql-edu-container .main-container .home-training-title.big img {
  height: 1.333333rem;
}
.company-intro-box-mobile {
  background-color: #FFFFFF;
  padding-bottom: 0.853333rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F9F9FB));
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #F9F9FB 100%);
  background: -moz-linear-gradient(top, #FFFFFF 0%, #F9F9FB 100%);
  background: linear-gradient(180deg, #FFFFFF 0%, #F9F9FB 100%);
}

.company-intro-box-mobile .company-intro-box-swiper-box {
  height: 7.493333rem;
  overflow: hidden;
  position: relative;
}

.company-intro-box-mobile .company-intro-box-swiper-box .company-intro-box-swiper {
  width: 100%;
  height: 7.493333rem;
}

.company-intro-box-mobile .company-intro-box-swiper-box .company-intro-box-swiper .swiper-button-prev,
.company-intro-box-mobile .company-intro-box-swiper-box .company-intro-box-swiper .swiper-button-next {
  width: 0.64rem;
  height: 0.64rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.25);
  color: #fff;
  opacity: 1 !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.company-intro-box-mobile .company-intro-box-swiper-box .company-intro-box-swiper .swiper-button-prev::after,
.company-intro-box-mobile .company-intro-box-swiper-box .company-intro-box-swiper .swiper-button-next::after {
  font-size: 0.16rem;
  font-weight: bold;
}

.company-intro-box-mobile .company-intro-box-swiper-box .company-intro-box-swiper .swiper-button-prev {
  -webkit-transform: translate(-100%, 0%);
  -moz-transform: translate(-100%, 0%);
  transform: translate(-100%, 0%);
  left: 0;
}

.company-intro-box-mobile .company-intro-box-swiper-box .company-intro-box-swiper .swiper-button-next {
  -webkit-transform: translate(100%, 0%);
  -moz-transform: translate(100%, 0%);
  transform: translate(100%, 0%);
  right: 0;
}

.company-intro-box-mobile .company-intro-box-swiper-box .company-intro-box-swiper:hover .swiper-button-prev {
  -webkit-transform: translate(50%, 0%);
  -moz-transform: translate(50%, 0%);
  transform: translate(50%, 0%);
}

.company-intro-box-mobile .company-intro-box-swiper-box .company-intro-box-swiper:hover .swiper-button-next {
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}

.company-intro-box-mobile .company-intro-box-swiper-box .company-intro-box-swiper .company-intro-box-swiper-img {
  width: 100%;
  height: 100%;
}

.company-intro-box-mobile .company-intro-box-swiper-box .company-intro-box-swiper .swiper-pagination {
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 0.213333rem;
  z-index: 10;
  -webkit-transition: 0.3s opacity;
  -moz-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.company-intro-box-mobile .company-intro-box-swiper-box .company-intro-box-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.106667rem;
  height: 0.106667rem;
  background: #FFFFFF;
  opacity: 0.2;
  margin: 0 0.053333rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  transition: 0.25s;
}

.company-intro-box-mobile .company-intro-box-swiper-box .company-intro-box-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.32rem;
  height: 0.106667rem;
  background: #FFFFFF;
  -webkit-border-radius: 0.053333rem;
  border-radius: 0.053333rem;
  opacity: 1;
}

.company-intro-box-mobile .company-intro-box-intro-message {
  word-wrap: break-all;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F9F9FB));
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #F9F9FB 100%);
  background: -moz-linear-gradient(top, #FFFFFF 0%, #F9F9FB 100%);
  background: linear-gradient(180deg, #FFFFFF 0%, #F9F9FB 100%);
}

.company-intro-box-mobile .company-intro-box-intro-message .title {
  font-size: 0.48rem;
  font-weight: 600;
  color: #333333;
  line-height: 0.666667rem;
  text-align: center;
  margin-top: 0.853333rem;
}

.company-intro-box-mobile .company-intro-box-intro-message .details {
  font-size: 0.373333rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.666667rem;
  padding: 0 0.426667rem;
  margin-top: 0.426667rem;
  text-align: justify;
}

.company-intro-box-mobile .company-intro-box-intro-message .details .intro:not(:last-child) {
  margin-bottom: 0.426667rem;
}
.honorary-awards-box-mobile {
  margin-top: 0.32rem;
  margin-bottom: 0.853333rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, from(#F9F9FB), to(#FFFFFF));
  background: -webkit-linear-gradient(top, #F9F9FB 0%, #FFFFFF 100%);
  background: -moz-linear-gradient(top, #F9F9FB 0%, #FFFFFF 100%);
  background: linear-gradient(180deg, #F9F9FB 0%, #FFFFFF 100%);
}

.honorary-awards-box-mobile .time-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: auto;
}

.honorary-awards-box-mobile .time-list::-webkit-scrollbar {
  display: none;
}

.honorary-awards-box-mobile .time-list .active_line {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  list-style: none;
  width: 0.48rem;
  height: 0.08rem;
  background: #F5333F;
  -webkit-border-radius: 0.04rem;
  border-radius: 0.04rem;
  -webkit-transform: translateX(0.666667rem);
  -moz-transform: translateX(0.666667rem);
  transform: translateX(0.666667rem);
}

.honorary-awards-box-mobile .time-list .time-item {
  position: relative;
  padding: 0 0.32rem;
  height: 1.173333rem;
  font-size: 0.373333rem;
  font-weight: 400;
  color: #666666;
  line-height: 0.533333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.25s all;
  -moz-transition: 0.25s all;
  transition: 0.25s all;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.honorary-awards-box-mobile .time-list .time-item:nth-child(2) {
  padding-left: 0.426667rem;
}

.honorary-awards-box-mobile .time-list .time-item:last-child {
  padding-right: 0.426667rem;
}

.honorary-awards-box-mobile .time-list .time-item.active {
  font-size: 0.426667rem;
  font-weight: 600;
  color: #333333;
  line-height: 0.6rem;
}

.honorary-awards-box-mobile .honorary-awards-list {
  padding: 0 0.426667rem;
}

.honorary-awards-box-mobile .honorary-awards-list .list-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.honorary-awards-box-mobile .honorary-awards-list .list-box .list-item {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 4.466667rem;
  height: 5.04rem;
  margin-top: 0.426667rem;
}

.honorary-awards-box-mobile .honorary-awards-list .list-box .list-item:not(:nth-child(2n)) {
  margin-right: 0.213333rem;
}
.co-image-viewer {
  width: 100% !important;
}

[data-dpr="1"] .co-image-viewer {
  max-width: 640px;
  min-width: 320px;
}

[data-dpr="2"] .co-image-viewer {
  max-width: 1280px;
  min-width: 640px;
}

[data-dpr="3"] .co-image-viewer {
  max-width: 1920px;
  min-width: 960px;
}

.co-image-viewer {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 9.133333rem;
  margin: 0 auto;
  text-align: center;
  height: 100%;
  overflow: hidden;
}

.co-image-viewer.hidden {
  display: none;
}

.co-image-viewer .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 1001;
}

.co-image-viewer .close-btn {
  position: absolute;
  z-index: 1003;
  right: 0.4rem;
  top: 0.4rem;
  width: 0.906667rem;
  height: 0.906667rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  background: url('https://img.qlchat.com/qlLive/activity/image/2SDK2X6I-MWCE-UNFL-1588059488451-X4GL65DA3R9I.png?x-oss-process=image/format,webp') no-repeat center center;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.co-image-viewer img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transition-property: margin,width,height;
  -moz-transition-property: margin,width,height;
  transition-property: margin,width,height;
  z-index: 1002;
}
.user-is-teacher {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 0;
  white-space: nowrap;
}

.user-is-teacher.STAR span {
  color: #FE6D13;
  background-color: #FEF3E2;
}

.user-is-teacher.small span {
  padding: 0 0.053333rem 0 0.053333rem;
  line-height: 0.373333rem;
  font-size: 0.266667rem;
}

.user-is-teacher.small img {
  width: 0.266667rem;
  height: 0.266667rem;
}

.user-is-teacher img {
  width: 0.32rem;
  height: 0.32rem;
  vertical-align: middle;
  margin-right: 0.106667rem;
  margin-top: -0.053333rem;
}

.user-is-teacher span {
  padding: 0.053333rem 0.106667rem 0.053333rem 0.106667rem;
  background: #FFF2E9;
  -webkit-border-radius: 1.333333rem;
  border-radius: 1.333333rem;
  left: 0.213333rem;
  text-align: right;
  font-size: 0.266667rem;
  font-weight: 400;
  color: #FE6346;
  line-height: 0.373333rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.teacherLogo {
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.teacherLogo::before {
  content: '';
  display: block;
  width: 125%;
  height: 125%;
  background: url('https://img.qlchat.com/qlLive/activity/image/825PC56F-CB3V-9DAB-1686808450786-1Q1X2S9QBTAZ.png');
  background-position-x: center;
  background-position-y: center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: -12.5%;
  top: -12.5%;
  pointer-events: none;
}

.teacherLogo.small::before {
  display: none;
}

.teacherLogo.small::after {
  width: 40%;
  height: 40%;
}

.teacherLogo::after {
  content: '';
  display: block;
  width: 35%;
  height: 35%;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url('https://img.qlchat.com/qlLive/activity/image/DRA2TZZT-IDZL-NTZW-1686808456008-Z6MILF4KYVHS.png') center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.teacherLogo.STAR::before {
  background: url('https://img.qlchat.com/qlLive/activity/image/KE7USI4V-NS27-62TY-1686808453418-E2E66RSYF4DV.png');
  background-position-x: center;
  background-position-y: center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.teacherLogo.STAR::after {
  background: url('https://img.qlchat.com/qlLive/activity/image/RDJL3UG6-NN3I-TPNI-1686808458632-ZZ2X9O2FNT7F.png') center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.teacherLogo.holidayIcon::before {
  background: var(--before-bg-url) center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.teacherLogo.holidayIcon::after {
  display: none;
}
.idea-item-user-info-mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.idea-item-user-info-mobile .info-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  position: relative;
}

.idea-item-user-info-mobile .info-left .info-header-img {
  width: 1.173333rem;
  height: 1.173333rem;
  overflow: hidden;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 0.013333rem solid #ddd;
}

.idea-item-user-info-mobile .info-left .head-img-box {
  position: relative;
}

.idea-item-user-info-mobile .info-left .head-img-box .right-bottom-corner-icon {
  position: absolute;
  width: 0.426667rem;
  height: 0.426667rem;
  right: -0.053333rem;
  bottom: -0.053333rem;
}

.idea-item-user-info-mobile .info-left .info-name-other {
  margin-left: 0.32rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
}

.idea-item-user-info-mobile .info-left .info-name-other .name-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.idea-item-user-info-mobile .info-left .info-name-other .name-wrap span {
  font-weight: 500;
  font-size: 0.426667rem;
  color: #1A1A1A;
  line-height: 0.613333rem;
  text-align: left;
}

.idea-item-user-info-mobile .info-left .info-name-other .name-wrap .user-identity-icon {
  width: 0.586667rem;
  height: 0.586667rem;
  margin-left: 0.053333rem;
}

.idea-item-user-info-mobile .info-left .info-name-other .time-number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.idea-item-user-info-mobile .info-left .info-name-other .time-number .levelImgBig {
  width: 2.026667rem;
  height: 0.48rem;
  margin-right: 0.106667rem;
}

.idea-item-user-info-mobile .info-left .info-name-other .time-number .user-identity-name {
  font-weight: 400;
  font-size: 0.373333rem;
  color: #808080;
  line-height: 0.586667rem;
}
.img-text-comment-mobile {
  margin-top: 0;
  padding-top: 0.533333rem;
}

.img-text-comment-mobile .title {
  font-weight: 600;
  font-size: 0.426667rem;
  color: #1A1A1A;
  line-height: 0.64rem;
  text-align: left;
  margin-bottom: 0.413333rem;
}

.img-text-comment-mobile .comment-contain .middle-comment-entry-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.333333rem;
}

.img-text-comment-mobile .comment-contain .middle-comment-entry-wrap .comment-icon {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 0.533333rem;
  height: auto;
  margin-right: 0.213333rem;
}

.img-text-comment-mobile .comment-contain .middle-comment-entry-wrap .input-box {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  background: #F7F7F7;
  -webkit-border-radius: 0.426667rem;
  border-radius: 0.426667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0.32rem;
  font-size: 0.32rem;
  color: #999;
  cursor: pointer;
  height: 0.853333rem;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item {
  margin-bottom: 0.746667rem;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-header-img {
  width: 0.853333rem;
  height: 0.853333rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .head-img-box {
  position: relative;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .head-img-box .right-bottom-corner-icon {
  width: 0.426667rem;
  height: 0.426667rem;
  position: absolute;
  right: -0.053333rem;
  bottom: -0.053333rem;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  overflow: hidden;
  margin-left: 0.24rem;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .user-reply-ctn {
  font-size: 0.426667rem;
  color: #1a1a1a;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0.053333rem;
  line-height: 0.44rem;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .user-reply-ctn .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 2.16rem;
  display: inline-block;
  margin-right: 0.106667rem;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .user-reply-ctn .reply-text {
  margin: 0 0.106667rem;
  color: #1a1a1a;
  font-weight: normal;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .user-reply-ctn .level-img {
  width: 0.693333rem;
  height: 0.373333rem;
  -webkit-border-radius: 0.186667rem;
  border-radius: 0.186667rem;
  margin-right: 0.106667rem;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .user-name {
  font-size: 0.426667rem;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 0.44rem;
  margin-bottom: 0.106667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .user-name .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 3.066667rem;
  display: inline-block;
  margin-right: 0.106667rem;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .user-name .level-img {
  width: 0.693333rem;
  height: 0.373333rem;
  -webkit-border-radius: 0.186667rem;
  border-radius: 0.186667rem;
  margin-right: 0.106667rem;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .user-name .user-identity-icon {
  width: 0.586667rem;
  height: 0.586667rem;
  margin-left: 0.053333rem;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .user-name .identity {
  -webkit-border-radius: 0.053333rem;
  border-radius: 0.053333rem;
  padding: 0.026667rem 0.053333rem;
  font-weight: 400;
  font-size: 0.346667rem;
  color: #F5333F;
  line-height: 0.426667rem;
  background: #FFEFF0;
  margin-left: 0.2rem;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .like-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.32rem;
  color: #666;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .like-box.active {
  color: #F5333F;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .like-box .iconfont {
  font-size: 0.426667rem;
  margin-left: 0.106667rem;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .user-name-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .user-name-btn .name {
  width: 3.52rem;
  font-size: 0.346667rem;
  font-weight: 700;
  color: #333333;
  line-height: 0.44rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0.053333rem;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .user-name-btn .btn {
  font-size: 0.32rem;
  font-weight: 400;
  color: #BBBBBB;
  line-height: 0.44rem;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-wrap .spread-btn {
  font-size: 0.32rem;
  color: #F5333F;
  cursor: pointer;
  line-height: 0.44rem;
  margin-top: 0.106667rem;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-message {
  font-size: 0.426667rem;
  font-weight: 400;
  color: #1a1a1a;
  line-height: 0.693333rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  margin-top: 0.32rem;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-message .GRID_1_4 {
  width: 1.6rem;
  height: 1.6rem;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-message .GRID_1_7 {
  width: 0.533333rem;
  height: 0.533333rem;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-time-btn {
  margin-top: 0.213333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-time-btn .left-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-time-btn .left-wrap .time {
  font-size: 0.346667rem;
  font-weight: 400;
  color: #808080;
  line-height: 0.44rem;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-time-btn .left-wrap .reply-btn,
.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-time-btn .left-wrap .reply-box-btn {
  height: 0.533333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 0.213333rem;
  background: #f7f7f7;
  -webkit-border-radius: 0.32rem;
  border-radius: 0.32rem;
  font-size: 0.346667rem;
  color: #1a1a1a;
  margin-left: 0.32rem;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-time-btn .left-wrap .reply-box-btn .iconfont {
  font-size: 0.32rem;
}

.img-text-comment-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-time-btn > .icongengduo1 {
  font-size: 0.426667rem;
  color: #999;
}

.img-text-comment-mobile .list-box .more-btn {
  margin: 0 auto;
  margin-top: 0.453333rem;
  margin-bottom: 0.453333rem;
  width: 3.96rem;
  height: 0.853333rem;
  background: -webkit-gradient(linear, left top, right top, from(#FF9678), to(#F5333F));
  background: -webkit-linear-gradient(left, #FF9678 0%, #F5333F 100%);
  background: -moz-linear-gradient(left, #FF9678 0%, #F5333F 100%);
  background: linear-gradient(90deg, #FF9678 0%, #F5333F 100%);
  -webkit-box-shadow: 0 0.133333rem 0.266667rem 0 rgba(245, 51, 63, 0.2);
  box-shadow: 0 0.133333rem 0.266667rem 0 rgba(245, 51, 63, 0.2);
  -webkit-border-radius: 0.426667rem;
  border-radius: 0.426667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.346667rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.493333rem;
}

.img-text-comment-mobile .list-box .no-more {
  font-weight: 400;
  font-size: 0.4rem;
  color: #BBBBBB;
  line-height: 0.48rem;
  text-align: center;
  padding: 0.373333rem 0 0.586667rem;
}

.img-text-comment-mobile .no-comment-box {
  text-align: center;
  margin: 1.333333rem 0 0.853333rem;
}

.img-text-comment-mobile .no-comment-box .no-data-img {
  width: 3.2rem;
  height: 3.2rem;
}

.img-text-comment-mobile .no-comment-box .no-data-tips {
  margin-top: 0.213333rem;
  font-size: 0.4rem;
  font-weight: 400;
  color: #4d4d4d;
  line-height: 0.64rem;
}
.home-container-mobile {
  height: 100%;
  background: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
}

.home-container-mobile .fadeInUp {
  -webkit-animation: fadeInUp 0.3s ease-in-out 0s 1 both;
  -moz-animation: fadeInUp 0.3s ease-in-out 0s 1 both;
  animation: fadeInUp 0.3s ease-in-out 0s 1 both;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0.426667rem, 0);
    transform: translate3d(0, 0.426667rem, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 0.426667rem, 0);
    transform: translate3d(0, 0.426667rem, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0.426667rem, 0);
    -moz-transform: translate3d(0, 0.426667rem, 0);
    transform: translate3d(0, 0.426667rem, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}

.home-container-mobile .main-container .main-container-bg {
  background-color: #fff;
}

.home-container-mobile .main-container .main-container-bg.bg1 {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F9F9FB));
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #F9F9FB 100%);
  background: -moz-linear-gradient(top, #FFFFFF 0%, #F9F9FB 100%);
  background: linear-gradient(180deg, #FFFFFF 0%, #F9F9FB 100%);
}

.home-container-mobile .main-container .main-container-bg.bg2 {
  background: #f9f9fb;
}

.home-container-mobile .main-container .main-container-bg.bg3 {
  background: -webkit-gradient(linear, left top, left bottom, from(#F9F9FB), to(#FFFFFF));
  background: -webkit-linear-gradient(top, #F9F9FB 0%, #FFFFFF 100%);
  background: -moz-linear-gradient(top, #F9F9FB 0%, #FFFFFF 100%);
  background: linear-gradient(180deg, #F9F9FB 0%, #FFFFFF 100%);
}

.home-container-mobile .main-container .main-container-bg.second-bg {
  background: url(https://img.qlchat.com/qlLive/activity/image/LPZ2T8JM-QKK2-6FJT-1709104134275-NE8CCCAUID86.png) no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  padding: 1.173333rem 0.426667rem 0;
}

.home-container-mobile .main-container .main-container-bg.third-bg {
  background: url(https://img.qlchat.com/qlLive/activity/image/TWLFK7UG-426D-1NQ3-1710153953085-LYKAIXN5ENPM.png) no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  padding: 1.066667rem 0.426667rem 0.906667rem;
}

.home-container-mobile .main-container .main-container-bg.fourth-bg {
  background: url(https://img.qlchat.com/qlLive/activity/image/DJ9KQYNY-Z87G-8RLH-1710153950630-KKIDU77AEC8F.png) no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  padding: 1.333333rem 0 0;
}

.home-container-mobile .main-container .home-training-grey-bg-about {
  position: relative;
  height: 8.466667rem;
}

.home-container-mobile .main-container .home-training-grey-bg-about .home-training-title {
  margin-top: 0;
  padding-top: 0.853333rem;
}

.home-container-mobile .main-container .home-training-grey-bg-about .about-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8.466667rem;
}

.home-container-mobile .main-container .home-training-grey-bg-about .about-contain {
  position: relative;
}

.home-container-mobile .main-container .home-training-title {
  padding-top: 0.853333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.home-container-mobile .main-container .home-training-title img {
  display: block;
  height: 0.733333rem;
}

.home-container-mobile .main-container .home-training-title.big img {
  height: 1.333333rem;
}

.home-container-mobile .main-container .home-training-new-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.home-container-mobile .main-container .home-training-new-title img {
  height: 0.733333rem;
}

.home-container-mobile .main-container .home-training-content {
  padding: 0.426667rem 0 0.64rem;
}

.home-container-mobile .main-container .home-training-content p {
  font-weight: 400;
  font-size: 0.373333rem;
  color: #4D4D4D;
  line-height: 0.586667rem;
}
.sincerity-compliance-ql-edu-container {
  height: 100%;
  background: #fff;
  overflow-y: auto;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
}

.sincerity-compliance-ql-edu-container .fadeInUp {
  -webkit-animation: fadeInUp 0.3s ease-in-out 0s 1 both;
  -moz-animation: fadeInUp 0.3s ease-in-out 0s 1 both;
  animation: fadeInUp 0.3s ease-in-out 0s 1 both;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0.426667rem, 0);
    transform: translate3d(0, 0.426667rem, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 0.426667rem, 0);
    transform: translate3d(0, 0.426667rem, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0.426667rem, 0);
    -moz-transform: translate3d(0, 0.426667rem, 0);
    transform: translate3d(0, 0.426667rem, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}

.sincerity-compliance-ql-edu-container .main-container {
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  padding: 2.346667rem 0.426667rem 1.173333rem;
}

.sincerity-compliance-ql-edu-container .main-container .main-container-title {
  margin-bottom: 0.426667rem;
  text-align: center;
}

.sincerity-compliance-ql-edu-container .main-container .main-container-title img {
  height: 0.733333rem;
}

.sincerity-compliance-ql-edu-container .main-container .main-container-content {
  width: 9.146667rem;
  height: 10.8rem;
  margin: 0 auto;
  background: #ffffff;
  -webkit-box-shadow: 0 0.213333rem 0.64rem 0 rgba(252, 222, 212, 0.42);
  box-shadow: 0 0.213333rem 0.64rem 0 rgba(252, 222, 212, 0.42);
  -webkit-border-radius: 0.426667rem;
  border-radius: 0.426667rem;
  position: relative;
}

.sincerity-compliance-ql-edu-container .main-container .main-container-content .main-container-line-horizontal {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 4.053333rem;
  width: 8.293333rem;
  height: 0.013333rem;
  border-bottom: 0.013333rem dashed #eeeeee;
}

.sincerity-compliance-ql-edu-container .main-container .main-container-content .main-container-line-vertical {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -moz-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  top: 4.053333rem;
  width: 7.253333rem;
  height: 0.013333rem;
  border-bottom: 0.013333rem dashed #eeeeee;
}

.sincerity-compliance-ql-edu-container .main-container .main-container-content .content-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.853333rem 0 0 0;
}

.sincerity-compliance-ql-edu-container .main-container .main-container-content .content-flex .content-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  text-align: center;
}

.sincerity-compliance-ql-edu-container .main-container .main-container-content .content-flex .content-item .content-item-title {
  font-weight: bold;
  font-size: 0.4rem;
  color: #1a1a1a;
}

.sincerity-compliance-ql-edu-container .main-container .main-container-content .content-flex .content-item .content-item-dsc {
  width: 3.8rem;
  margin: 0.106667rem auto 0;
  font-size: 0.373333rem;
  line-height: 0.586667rem;
}

.sincerity-compliance-ql-edu-container .main-container .main-container-content .content-bottom {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0.026667rem;
  background: url('https://img.qlchat.com/qlLive/activity/image/Q3A3AO7Z-VXU9-2W3Y-1740050289364-DTGW76OU6LCN.png') no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  width: 9.093333rem;
  height: 2.666667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0.426667rem;
}

.sincerity-compliance-ql-edu-container .main-container .main-container-content .content-bottom .content-bottom-item {
  padding-left: 0.533333rem;
  position: relative;
  font-size: 0.346667rem;
  font-weight: bold;
  margin: 0.133333rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 0.466667rem;
  color: #1a1a1a;
}

.sincerity-compliance-ql-edu-container .main-container .main-container-content .content-bottom .content-bottom-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0.426667rem;
  height: 0.426667rem;
  background: url('https://img.qlchat.com/qlLive/activity/image/RXJKGPYT-WX3P-3MLF-1740043957510-FTI39XFYQV67.png') no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.sincerity-compliance-ql-edu-container .main-container .main-container-content .content-bottom .content-bottom-item .content-bottom-item-right {
  width: 6rem;
}
.idea-item-user-info-mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.idea-item-user-info-mobile .info-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.idea-item-user-info-mobile .info-left .info-header-img {
  width: 1.066667rem;
  height: 1.066667rem;
  overflow: hidden;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 0.013333rem solid #ddd;
}

.idea-item-user-info-mobile .info-left .info-name-other {
  margin-left: 0.213333rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
}

.idea-item-user-info-mobile .info-left .info-name-other .name-wrap {
  font-size: 0.373333rem;
  font-weight: 500;
  color: #333333;
  line-height: 0.533333rem;
}

.idea-item-user-info-mobile .info-left .info-name-other .time-number {
  font-size: 0.32rem;
  margin-top: 0.093333rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.44rem;
}
.homework-data-wrap-mobile {
  margin: 0;
  padding-bottom: 0.64rem;
}

.homework-data-wrap-mobile .homework-line {
  border-top: 0.013333rem solid #EEEEEE;
  margin-bottom: 0.64rem;
}

.homework-data-wrap-mobile.first {
  margin-top: 0.32rem;
}

.homework-data-wrap-mobile .inner-wrap {
  padding: 0.32rem;
  overflow: hidden;
  background: #F7F7F7;
  -webkit-border-radius: 0.106667rem;
  border-radius: 0.106667rem;
}

.homework-data-wrap-mobile .inner-wrap .question-wrap {
  max-height: 1.72rem;
  overflow: hidden;
  position: relative;
  line-height: 0.573333rem;
  font-size: 0.32rem;
  color: #666;
}

.homework-data-wrap-mobile .inner-wrap .question-wrap.height-auto {
  max-height: none;
}

.homework-data-wrap-mobile .inner-wrap .question-wrap .title {
  padding: 0 0.213333rem;
  height: 0.533333rem;
  background: #FFFFFF;
  -webkit-border-radius: 0.053333rem 0.053333rem 0.32rem 0.053333rem;
  border-radius: 0.053333rem 0.053333rem 0.32rem 0.053333rem;
  border: 0.013333rem solid #BBBBBB;
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -moz-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.32rem;
  color: #666;
  white-space: nowrap;
  display: inline-block;
  margin-right: 0.213333rem;
  font-weight: bold;
}

.homework-data-wrap-mobile .inner-wrap .question-wrap .title > img {
  width: 0.173333rem;
  margin: 0 0.066667rem;
  display: block;
}

.homework-data-wrap-mobile .inner-wrap .question-wrap .img-wrap {
  margin-left: -0.213333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

.homework-data-wrap-mobile .inner-wrap .question-wrap .img-wrap .img-box {
  width: -moz-calc(100% / 3 - 0.213333rem);
  width: calc(100% / 3 - 0.213333rem);
  height: 0;
  padding-top: -moz-calc(100% / 3 - 0.213333rem);
  padding-top: calc(100% / 3 - 0.213333rem);
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 0.213333rem;
  border-radius: 0.213333rem;
  margin-left: 0.213333rem;
  margin-top: 0.213333rem;
  background-color: #000;
}

.homework-data-wrap-mobile .inner-wrap .question-wrap .img-wrap .img-box .img-contain {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.homework-data-wrap-mobile .inner-wrap .question-wrap .img-wrap .img-box .video-play-icon {
  position: absolute;
  width: 0.426667rem;
  height: 0.426667rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  top: 0.213333rem;
  right: 0.213333rem;
  z-index: 1;
}

.homework-data-wrap-mobile .inner-wrap .question-wrap .img-wrap .img-box .video-transcoding {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1;
  top: 0;
  left: 0;
}

.homework-data-wrap-mobile .inner-wrap .question-wrap .img-wrap .img-box .video-transcoding .transcoding-icon {
  width: 0.96rem;
  height: 0.96rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}

.homework-data-wrap-mobile .inner-wrap .question-wrap .img-wrap .img-box .video-transcoding .transcoding-icon img {
  width: 100%;
  height: 100%;
  -webkit-animation: rotate360 1s infinite linear;
  -moz-animation: rotate360 1s infinite linear;
  animation: rotate360 1s infinite linear;
}

.homework-data-wrap-mobile .inner-wrap .question-wrap .img-wrap .img-box .video-transcoding .transcoding-tips {
  margin-top: 0.213333rem;
  font-size: 0.32rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.44rem;
}

.homework-data-wrap-mobile .inner-wrap .question-wrap .control-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.32rem;
  color: #333;
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 0.573333rem;
}

.homework-data-wrap-mobile .inner-wrap .question-wrap .control-btn .point {
  display: block;
  width: 1.066667rem;
  text-align: right;
  background: -webkit-gradient(linear, right top, left top, from(#f7f7f7), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(right, #f7f7f7, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(right, #f7f7f7, rgba(255, 255, 255, 0));
  background: linear-gradient(to left, #f7f7f7, rgba(255, 255, 255, 0));
  font-size: 0.4rem;
  height: 0.573333rem;
}

.homework-data-wrap-mobile .inner-wrap .question-wrap .control-btn .text-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background: #f7f7f7;
  padding: 0 0.106667rem;
}

.homework-data-wrap-mobile .inner-wrap .question-wrap .control-btn .text-wrap .iconfont {
  font-size: 0.32rem;
  margin-left: 0.026667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.homework-data-wrap-mobile .answer-wrap {
  margin-top: 0.32rem;
}

.homework-data-wrap-mobile .answer-wrap .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.426667rem;
  font-weight: bold;
  line-height: 0.64rem;
}

.homework-data-wrap-mobile .answer-wrap .title::before {
  content: '';
  display: block;
  width: 0.08rem;
  height: 0.373333rem;
  background: #F5333F;
  -webkit-border-radius: 0 0.053333rem 0.053333rem 0;
  border-radius: 0 0.053333rem 0.053333rem 0;
  margin-right: 0.213333rem;
}

.homework-data-wrap-mobile .answer-wrap .content {
  font-size: 0.373333rem;
  line-height: 0.64rem;
  margin-top: 0.213333rem;
}

.homework-data-wrap-mobile .answer-wrap .img-wrap {
  margin-left: -0.213333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.homework-data-wrap-mobile .answer-wrap .img-wrap .img-box {
  width: -moz-calc(100% / 3 - 0.213333rem);
  width: calc(100% / 3 - 0.213333rem);
  height: 0;
  padding-top: -moz-calc(100% / 3 - 0.213333rem);
  padding-top: calc(100% / 3 - 0.213333rem);
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 0.213333rem;
  border-radius: 0.213333rem;
  margin-left: 0.213333rem;
  margin-top: 0.213333rem;
  background-color: #000;
}

.homework-data-wrap-mobile .answer-wrap .img-wrap .img-box .img-contain {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.homework-data-wrap-mobile .answer-wrap .img-wrap .img-box .video-play-icon {
  position: absolute;
  width: 0.426667rem;
  height: 0.426667rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  top: 0.213333rem;
  right: 0.213333rem;
  z-index: 1;
}

.homework-data-wrap-mobile .answer-wrap .img-wrap .img-box .video-transcoding {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1;
  top: 0;
  left: 0;
}

.homework-data-wrap-mobile .answer-wrap .img-wrap .img-box .video-transcoding .transcoding-icon {
  width: 0.96rem;
  height: 0.96rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}

.homework-data-wrap-mobile .answer-wrap .img-wrap .img-box .video-transcoding .transcoding-icon img {
  width: 100%;
  height: 100%;
  -webkit-animation: rotate360 1s infinite linear;
  -moz-animation: rotate360 1s infinite linear;
  animation: rotate360 1s infinite linear;
}

.homework-data-wrap-mobile .answer-wrap .img-wrap .img-box .video-transcoding .transcoding-tips {
  margin-top: 0.213333rem;
  font-size: 0.32rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.44rem;
}
@-webkit-keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes rotate360 {
  0% {
    -moz-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.audio-item-box-mobile {
  width: 3.826667rem;
  height: 0.746667rem;
  background: #FFFFFF;
  -webkit-border-radius: 0.533333rem;
  border-radius: 0.533333rem;
  margin-right: 0.213333rem;
  margin-bottom: 0.213333rem;
}

.audio-item-box-mobile .contain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  -webkit-border-radius: 0.533333rem;
  border-radius: 0.533333rem;
  border: 0.026667rem solid #FCC1C5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.106667rem;
}

.audio-item-box-mobile .contain .box-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.audio-item-box-mobile .contain .box-left .playIcon {
  width: 0.533333rem;
  height: 0.533333rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF4B4B), to(#FF8282));
  background: -webkit-linear-gradient(top, #FF4B4B 0%, #FF8282 100%);
  background: -moz-linear-gradient(top, #FF4B4B 0%, #FF8282 100%);
  background: linear-gradient(180deg, #FF4B4B 0%, #FF8282 100%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.audio-item-box-mobile .contain .box-left .playIcon i {
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.audio-item-box-mobile .contain .box-left .playIcon .play {
  width: 100%;
  height: 100%;
}

.audio-item-box-mobile .contain .box-left .playIcon .pause {
  width: 100%;
  height: 100%;
}

.audio-item-box-mobile .contain .box-left .playIcon .loading {
  width: 0.4rem;
  height: 0.4rem;
  -webkit-animation: rotate360 1s infinite linear;
  -moz-animation: rotate360 1s infinite linear;
  animation: rotate360 1s infinite linear;
}

.audio-item-box-mobile .contain .box-center {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  margin: 0 0.213333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.audio-item-box-mobile .contain .box-center .stop {
  width: 100%;
}

.audio-item-box-mobile .contain .box-center .audio-progress-contain {
  position: relative;
  width: 100%;
  height: 0.08rem;
  background: rgba(245, 51, 63, 0.3);
  -webkit-border-radius: 0.04rem;
  border-radius: 0.04rem;
}

.audio-item-box-mobile .contain .box-center .audio-progress-contain .audio-progress-touch {
  position: absolute;
  width: 100%;
  left: 0;
  height: 0.453333rem;
  top: -0.2rem;
  z-index: 1;
}

.audio-item-box-mobile .contain .box-center .audio-progress-contain .audio-progress {
  -webkit-border-radius: 0.04rem;
  border-radius: 0.04rem;
  height: 0.066667rem;
  background: #f5333f;
  position: absolute;
  left: 0;
  top: 0;
}

.audio-item-box-mobile .contain .box-center .audio-progress-contain .audio-progress.not-progress {
  -webkit-transition: width 1s linear;
  -moz-transition: width 1s linear;
  transition: width 1s linear;
}

.audio-item-box-mobile .contain .box-center .audio-progress-contain .audio-progress .circle {
  width: 0.32rem;
  height: 0.32rem;
  background: #ffffff;
  position: absolute;
  right: -0.146667rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  top: -0.106667rem;
  border: 0.026667rem solid #f5333f;
}

.audio-item-box-mobile .contain .box-right {
  font-size: 0.32rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: bold;
  color: #333333;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.106667rem 0 0;
}
.teacher-fine-evaluation-mobile {
  position: relative;
  padding-top: 0.226667rem;
  margin-bottom: 0.426667rem;
}

.teacher-fine-evaluation-mobile .fine-evaluation-lable {
  position: absolute;
  height: 0.426667rem;
  top: 0;
  left: 0.32rem;
  background: -webkit-linear-gradient(225deg, #FF4B4B 0%, #FF8282 100%);
  background: -moz-linear-gradient(225deg, #FF4B4B 0%, #FF8282 100%);
  background: linear-gradient(225deg, #FF4B4B 0%, #FF8282 100%);
  -webkit-border-radius: 0.213333rem;
  border-radius: 0.213333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.053333rem 0.106667rem 0.053333rem 0.053333rem;
}

.teacher-fine-evaluation-mobile .fine-evaluation-lable .teacher-img {
  width: 0.373333rem;
  height: 0.373333rem;
}

.teacher-fine-evaluation-mobile .fine-evaluation-lable .teacher-name {
  font-size: 0.266667rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.32rem;
}

.teacher-fine-evaluation-mobile .fine-evaluation-lable .line {
  height: 0.426667rem;
  background: rgba(255, 255, 255, 0.4);
  margin: 0 0.106667rem;
}

[data-dpr="1"] .teacher-fine-evaluation-mobile .fine-evaluation-lable .line {
  width: 0.5px;
}

[data-dpr="2"] .teacher-fine-evaluation-mobile .fine-evaluation-lable .line {
  width: 1px;
}

[data-dpr="3"] .teacher-fine-evaluation-mobile .fine-evaluation-lable .line {
  width: 1.5px;
}

.teacher-fine-evaluation-mobile .fine-evaluation-lable .star-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.teacher-fine-evaluation-mobile .fine-evaluation-lable .star-box .star {
  width: 0.266667rem;
  height: 0.266667rem;
  margin-right: 0.026667rem;
  background-image: url(https://img.qlchat.com/qlLive/activity/image/VTJLFY13-XG9U-A6EV-1645774266005-NFCJN1HA1H4D.png?x-oss-process=image/format,webp);
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

.teacher-fine-evaluation-mobile .fine-evaluation-lable .star-box .star:last-child {
  margin-right: 0;
}

.teacher-fine-evaluation-mobile .fine-evaluation-lable .star-box .star.half {
  background-image: url(https://img.qlchat.com/qlLive/activity/image/9G3QVRC9-PA49-YMIH-1645774268086-UBXTB3TW6BR9.png?x-oss-process=image/format,webp);
}

.teacher-fine-evaluation-mobile .fine-evaluation-lable .star-box .star.empty {
  background-image: url(https://img.qlchat.com/qlLive/activity/image/J3F3M2DJ-GWQP-EG2K-1645774269694-VALWKTY1WB93.png?x-oss-process=image/format,webp);
}

.teacher-fine-evaluation-mobile .fine-evaluation-contain {
  background: #FFF2F2;
  -webkit-border-radius: 0.32rem;
  border-radius: 0.32rem;
  padding: 0.306667rem 0.32rem 0.213333rem;
  font-size: 0.346667rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.64rem;
}

.teacher-fine-evaluation-mobile .fine-evaluation-contain .detaile {
  white-space: pre-line;
}

.teacher-fine-evaluation-mobile .fine-evaluation-contain .audio-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0.106667rem;
}

.teacher-fine-evaluation-mobile .fine-evaluation-contain .audio-box.detail {
  margin-bottom: -0.213333rem;
}

.teacher-fine-evaluation-mobile .fine-evaluation-contain .audio-box .detail {
  margin-right: 0.32rem;
  margin-bottom: 0.213333rem;
}

.teacher-fine-evaluation-mobile .fine-evaluation-contain .media-tips {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.213333rem;
}

.teacher-fine-evaluation-mobile .fine-evaluation-contain .media-tips .tips-icon {
  -webkit-border-radius: 0.253333rem;
  border-radius: 0.253333rem;
  border: 1px solid rgba(245, 51, 63, 0.3);
  font-size: 0.266667rem;
  font-weight: 400;
  color: #f5333f;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 0.213333rem;
  line-height: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.026667rem 0.213333rem;
}

.teacher-fine-evaluation-mobile .fine-evaluation-contain .media-tips .tips-icon i {
  font-size: 0.32rem;
  margin-right: 0.053333rem;
}

.teacher-fine-evaluation-mobile .fine-evaluation-imgs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 0.106667rem;
  margin-top: 0.213333rem;
  margin-bottom: 0.106667rem;
  -webkit-border-radius: 0.213333rem;
  border-radius: 0.213333rem;
  overflow: hidden;
}

.teacher-fine-evaluation-mobile .fine-evaluation-imgs .img-box {
  width: 100%;
  -webkit-border-radius: 0.213333rem;
  border-radius: 0.213333rem;
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
  background-color: #000;
}

.teacher-fine-evaluation-mobile .fine-evaluation-imgs .img-box .teacher-comment-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-radius: 0.213333rem;
  border-radius: 0.213333rem;
}

.teacher-fine-evaluation-mobile .fine-evaluation-imgs .img-box .video-play-icon {
  position: absolute;
  width: 0.426667rem;
  height: 0.426667rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  top: 0.213333rem;
  right: 0.213333rem;
  z-index: 1;
}

.teacher-fine-evaluation-mobile .fine-evaluation-imgs .img-box .video-transcoding {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1;
  top: 0;
  left: 0;
}

.teacher-fine-evaluation-mobile .fine-evaluation-imgs .img-box .video-transcoding .transcoding-icon {
  width: 0.96rem;
  height: 0.96rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}

.teacher-fine-evaluation-mobile .fine-evaluation-imgs .img-box .video-transcoding .transcoding-icon img {
  width: 100%;
  height: 100%;
  -webkit-animation: rotate360 1s infinite linear;
  -moz-animation: rotate360 1s infinite linear;
  animation: rotate360 1s infinite linear;
}

.teacher-fine-evaluation-mobile .fine-evaluation-imgs .img-box .video-transcoding .transcoding-tips {
  margin-top: 0.213333rem;
  font-size: 0.32rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.44rem;
}
.idea-item-like-list-mobile {
  margin-bottom: 0.426667rem;
}

.idea-item-like-list-mobile .like-list-contain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 0.426667rem;
  border-bottom: 0.013333rem solid #EEEEEE;
}

.idea-item-like-list-mobile .like-list-contain .like-list-icon {
  width: 0.533333rem;
  height: 0.533333rem;
  margin-right: 0.186667rem;
}

.idea-item-like-list-mobile .like-list-contain .like-header-list {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.idea-item-like-list-mobile .like-list-contain .like-header-list .like-header-img {
  width: 0.853333rem;
  height: 0.853333rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 0.013333rem solid #DDDDDD;
  overflow: hidden;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.idea-item-like-list-mobile .like-list-contain .like-header-list .like-header-img img {
  width: 0.853333rem;
  height: 0.853333rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.idea-item-like-list-mobile .like-list-contain .like-header-list .like-header-img:not(:first-child) {
  margin-left: -0.213333rem;
}

.idea-item-like-list-mobile .like-list-contain .like-number {
  font-size: 0.32rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.44rem;
  margin-left: 0.32rem;
}
.user-is-teacher-mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
  margin-left: 0.24rem;
  z-index: 0;
  white-space: nowrap;
}

.user-is-teacher-mobile img {
  display: block;
  width: 0.373333rem;
  height: 0.4rem;
  position: absolute;
  left: -0.186667rem;
  z-index: 1;
}

.user-is-teacher-mobile span {
  display: block;
  padding: 0 0.106667rem 0 0.266667rem;
  height: 0.373333rem;
  background: #FFEFEC;
  -webkit-border-radius: 0 1.333333rem 1.333333rem 0;
  border-radius: 0 1.333333rem 1.333333rem 0;
  left: 0.213333rem;
  text-align: right;
  font-size: 0.266667rem;
  font-weight: 400;
  color: #F5333F;
  line-height: 0.373333rem;
  padding-right: 0.106667rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.comment-list-box-mobile {
  margin-top: 0;
}

.comment-list-box-mobile .comment-contain .middle-comment-entry-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.333333rem;
}

.comment-list-box-mobile .comment-contain .middle-comment-entry-wrap .comment-icon {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 0.533333rem;
  height: auto;
  margin-right: 0.213333rem;
}

.comment-list-box-mobile .comment-contain .middle-comment-entry-wrap .input-box {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  background: #F7F7F7;
  -webkit-border-radius: 0.426667rem;
  border-radius: 0.426667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0.32rem;
  font-size: 0.32rem;
  color: #999;
  cursor: pointer;
  height: 0.853333rem;
}

.comment-list-box-mobile .list-box .comment-list-contain {
  padding-left: 0.746667rem;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item {
  margin-bottom: 0.453333rem;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-header-img {
  width: 0.853333rem;
  height: 0.853333rem;
  margin-right: 0.213333rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  border: 0.013333rem solid #DDDDDD;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  overflow: hidden;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .user-reply-ctn {
  font-size: 0.373333rem;
  color: #333;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0.053333rem;
  line-height: 0.44rem;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .user-reply-ctn .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 2.16rem;
  display: inline-block;
  margin-right: 0.106667rem;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .user-reply-ctn .reply-text {
  margin: 0 0.106667rem;
  color: #999;
  font-weight: normal;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .user-name {
  font-size: 0.346667rem;
  font-weight: 700;
  color: #333333;
  line-height: 0.44rem;
  margin-bottom: 0.106667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .user-name .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 3.066667rem;
  display: inline-block;
  margin-right: 0.106667rem;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .like-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.32rem;
  color: #666;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .like-box.active {
  color: #F5333F;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .like-box .iconfont {
  font-size: 0.426667rem;
  margin-left: 0.106667rem;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .user-name-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .user-name-btn .name {
  width: 3.52rem;
  font-size: 0.346667rem;
  font-weight: 700;
  color: #333333;
  line-height: 0.44rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0.053333rem;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .user-name-btn .btn {
  font-size: 0.32rem;
  font-weight: 400;
  color: #BBBBBB;
  line-height: 0.44rem;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-wrap .spread-btn {
  font-size: 0.32rem;
  color: #F5333F;
  cursor: pointer;
  line-height: 0.44rem;
  margin-top: 0.106667rem;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-message {
  font-size: 0.32rem;
  font-weight: 400;
  color: #666666;
  line-height: 0.44rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-message .GRID_1_4 {
  width: 1.6rem;
  height: 1.6rem;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-message .GRID_1_7 {
  width: 0.533333rem;
  height: 0.533333rem;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-time-btn {
  margin-top: 0.173333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-time-btn .left-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-time-btn .left-wrap .time {
  font-size: 0.32rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.44rem;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-time-btn .left-wrap .reply-btn,
.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-time-btn .left-wrap .reply-box-btn {
  height: 0.533333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 0.213333rem;
  background: #f7f7f7;
  -webkit-border-radius: 0.32rem;
  border-radius: 0.32rem;
  font-size: 0.32rem;
  color: #666;
  margin-left: 0.32rem;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-time-btn .left-wrap .reply-box-btn .iconfont {
  font-size: 0.32rem;
}

.comment-list-box-mobile .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-time-btn > .icongengduo1 {
  font-size: 0.426667rem;
  color: #999;
}

.comment-list-box-mobile .list-box .more-btn {
  margin: 0 auto;
  margin-top: 0.453333rem;
  margin-bottom: 0.453333rem;
  width: 3.96rem;
  height: 0.853333rem;
  background: -webkit-gradient(linear, left top, right top, from(#FF9678), to(#F5333F));
  background: -webkit-linear-gradient(left, #FF9678 0%, #F5333F 100%);
  background: -moz-linear-gradient(left, #FF9678 0%, #F5333F 100%);
  background: linear-gradient(90deg, #FF9678 0%, #F5333F 100%);
  -webkit-box-shadow: 0 0.133333rem 0.266667rem 0 rgba(245, 51, 63, 0.2);
  box-shadow: 0 0.133333rem 0.266667rem 0 rgba(245, 51, 63, 0.2);
  -webkit-border-radius: 0.426667rem;
  border-radius: 0.426667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.346667rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.493333rem;
}

.comment-list-box-mobile .no-data-box {
  text-align: center;
  margin: 0.32rem 0 0.853333rem;
}

.comment-list-box-mobile .no-data-box .no-data-img {
  width: 3.2rem;
  height: 3.2rem;
}

.comment-list-box-mobile .no-data-box .no-data-tips {
  margin-top: 0.106667rem;
  font-size: 0.373333rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.266667rem;
}
.clock-in-item-mobile {
  width: 4.466667rem;
  height: 8rem;
  background: #FFFFFF;
  -webkit-border-radius: 0.266667rem;
  border-radius: 0.266667rem;
  border: 0.013333rem solid #EEEEEE;
  overflow: hidden;
  cursor: pointer;
}

.clock-in-item-mobile .clock-img-box {
  position: relative;
  height: 5.946667rem;
  width: 100%;
  overflow: hidden;
}

.clock-in-item-mobile .clock-img-box img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.clock-in-item-mobile .clock-img-box .video-play-cion {
  position: absolute;
  width: 0.426667rem;
  height: 0.426667rem;
  top: 0.213333rem;
  right: 0.213333rem;
  display: block;
  background-image: url("https://img.qlchat.com/qlLive/activity/image/BE3ODLGM-YPY9-H7FF-1653387966274-43XXRM41MGUH.png?x-oss-process=image/format,webp");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.clock-in-item-mobile .content-message {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0 0.213333rem;
  margin: 0.213333rem 0;
  min-height: 0.586667rem;
  font-weight: 400;
  word-break: break-all;
  font-size: 0.346667rem;
  color: #333333;
  line-height: 0.493333rem;
  height: 0.986667rem;
}

.clock-in-item-mobile .user-message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.213333rem;
}

.clock-in-item-mobile .user-message .user-header-img {
  width: 0.426667rem;
  height: 0.426667rem;
  border: 0.013333rem solid #DDDDDD;
  overflow: hidden;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  margin-right: 0.106667rem;
}

.clock-in-item-mobile .user-message .user-header-img img {
  width: 100%;
  height: 100%;
}

.clock-in-item-mobile .user-message .user-name {
  width: 3.186667rem;
  height: 0.4rem;
  font-size: 0.293333rem;
  font-weight: 400;
  color: #666666;
  line-height: 0.4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-footer-mobile {
  background: #fff;
  position: relative;
  overflow: hidden;
  border-top: 0.04rem solid #f5333f;
}

.page-footer-mobile .pdrl32 {
  padding: 0 0.426667rem;
}

.page-footer-mobile .main-title {
  font-size: 0.426667rem !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  line-height: 0.493333rem !important;
}

.page-footer-mobile .prds {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 0.853333rem;
}

.page-footer-mobile .prds .prds-list {
  padding-left: 0.426667rem;
}

.page-footer-mobile .prds .prds-list .prds-list-item-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.32rem 0 0.64rem;
}

.page-footer-mobile .prds .prds-list .prds-list-item {
  font-size: 0.373333rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.586667rem;
  margin-right: 0.64rem;
}

.page-footer-mobile .contact-box {
  padding-bottom: 0.64rem;
  border-bottom: 0.026667rem solid #EEEEEE;
}

.page-footer-mobile .contact-box .phone {
  margin-top: 0.426667rem;
}

.page-footer-mobile .contact-box .text-font {
  font-size: 0.373333rem;
  font-weight: 400;
  color: #4d4d4d;
  line-height: 0.493333rem;
  margin-bottom: 0.64rem;
}

.page-footer-mobile .contact-box .code-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-footer-mobile .contact-box .code-list .code-list-item:first-child {
  margin-right: 0.853333rem;
}

.page-footer-mobile .contact-box .code-list .code-list-item img {
  width: 2.56rem;
  height: 2.56rem;
}

.page-footer-mobile .contact-box .code-list .code-list-item .name {
  font-size: 0.373333rem;
  font-weight: 400;
  color: #4d4d4d;
  line-height: 0.44rem;
  text-align: center;
  margin-top: 0.213333rem;
}

.page-footer-mobile .other-ms {
  margin-top: 0.426667rem;
  margin-bottom: 2.56rem;
  text-align: center;
  padding: 0 0.426667rem;
}

.page-footer-mobile .other-ms .ms-details {
  font-size: 0.346667rem;
  font-weight: 400;
  color: #808080;
  line-height: 0.44rem;
}

.page-footer-mobile .other-ms .ms-details:not(:last-child) {
  margin-bottom: 0.213333rem;
}
.development-history-box-mobile {
  height: 10rem;
  width: 100%;
  margin-top: 0.64rem;
  margin-bottom: 0.853333rem;
}

.development-history-box-mobile .development-history-contain {
  width: 100%;
  height: 100%;
  padding-left: 0.426667rem;
  position: relative;
}

.development-history-box-mobile .development-history-contain .development-history-swiper {
  width: 100%;
  height: 100%;
}

.development-history-box-mobile .development-history-contain .development-history-swiper .item-swiper {
  width: 5.853333rem;
  height: 100%;
}

.development-history-box-mobile .development-history-contain .development-history-swiper .item-swiper:first-child {
  margin-left: 0.026667rem;
}

.development-history-box-mobile .development-history-contain .development-history-swiper .item-swiper:first-child .item-contain {
  border-left: 0.013333rem solid #EEEEEE;
}

.development-history-box-mobile .development-history-contain .development-history-swiper .item-swiper .item-contain {
  width: 100%;
  height: 100%;
  position: relative;
  border-right: 0.013333rem solid #EEEEEE;
  border-top: 0.013333rem solid #EEEEEE;
  border-bottom: 0.013333rem solid #EEEEEE;
  background: #ffffff;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.development-history-box-mobile .development-history-contain .development-history-swiper .item-swiper .item-contain.active {
  background: #f9f9fb;
  position: relative;
}

.development-history-box-mobile .development-history-contain .development-history-swiper .item-swiper .item-contain.active::before {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 0.053333rem;
  background: #F5333F;
}

.development-history-box-mobile .development-history-contain .development-history-swiper .item-swiper .item-contain > .time {
  padding: 0.64rem 0 0 0.426667rem;
  margin-bottom: 0.64rem;
  font-size: 0.64rem;
  font-weight: 600;
  color: #333333;
  line-height: 0.893333rem;
}

.development-history-box-mobile .development-history-contain .development-history-swiper .item-swiper .item-contain .details-box-contain {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.development-history-box-mobile .development-history-contain .development-history-swiper .item-swiper .item-contain .details-box-contain::-webkit-scrollbar {
  display: none;
}

.development-history-box-mobile .development-history-contain .development-history-swiper .item-swiper .item-contain .details-item {
  position: relative;
}

.development-history-box-mobile .development-history-contain .development-history-swiper .item-swiper .item-contain .details-item .time {
  font-size: 0.32rem;
  font-weight: 600;
  color: #333333;
  line-height: 0.44rem;
  padding-left: 0.426667rem;
  position: relative;
  margin-bottom: 0.426667rem;
}

.development-history-box-mobile .development-history-contain .development-history-swiper .item-swiper .item-contain .details-item .time::before {
  content: ' ';
  display: block;
  position: absolute;
  left: -0.04rem;
  width: 0.066667rem;
  height: 0.066667rem;
  background: #333333;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.development-history-box-mobile .development-history-contain .development-history-swiper .item-swiper .item-contain .details-item .details {
  padding: 0 0.426667rem 0.64rem;
  font-size: 0.293333rem;
  font-weight: 400;
  color: #666666;
  line-height: 0.4rem;
}
.app-download-dialog-box-mobile {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  z-index: 9999;
}

.app-download-dialog-box-mobile .contain {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.app-download-dialog-box-mobile .contain .qr-code {
  width: 5.32rem;
}

.app-download-dialog-box-mobile .contain .close {
  margin-top: 0.64rem;
  width: 0.8rem;
  height: 0.8rem;
  cursor: pointer;
}
.left-nav-mobile {
  position: fixed;
  bottom: 0.64rem;
  z-index: 9;
  overflow: hidden;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 8.72rem;
  height: 1.493333rem;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0.053333rem 0.32rem 0.026667rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.053333rem 0.32rem 0.026667rem rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 2.026667rem;
  border-radius: 2.026667rem;
}

.left-nav-mobile .nav-list {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0.213333rem 0 0.853333rem;
}

.left-nav-mobile .nav-list .nav-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.left-nav-mobile .nav-list .nav-list-item img {
  width: 0.533333rem;
  height: 0.533333rem;
}

.left-nav-mobile .nav-list .nav-list-item span {
  font-weight: 400;
  font-size: 0.346667rem;
  color: #1A1A1A;
  line-height: 0.48rem;
  margin-top: 0.053333rem;
}

.left-nav-mobile .nav-list .nav-list-item.btn {
  width: 3.813333rem;
  height: 1.066667rem;
  background: #FFFFFF;
  -webkit-border-radius: 1.786667rem;
  border-radius: 1.786667rem;
  border: 0.013333rem solid #F5333F;
  font-size: 0.426667rem;
  color: #F5333F;
  text-align: center;
  line-height: 1.066667rem;
}

.left-nav-mobile .nav-list.top {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.category-second-screen .famous-banner-box-swiper.on-pagination .swiper-pagination {
  display: none;
}

.category-second-screen .famous-banner-box-swiper .swiper-slide {
  padding: 0 0.426667rem;
}

.category-second-screen .famous-banner-box-swiper .swiper-pagination {
  bottom: 0.773333rem;
}

.category-second-screen .famous-banner-box-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.213333rem;
  height: 0.08rem;
  background: rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 1.08rem;
  border-radius: 1.08rem;
  opacity: 1;
}

.category-second-screen .famous-banner-box-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #F5333F;
}

.category-second-screen .famous-banner-box-swiper .banner-card {
  width: 100%;
  height: 6.56rem;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0.213333rem 0.64rem 0 rgba(252, 222, 212, 0.42);
  box-shadow: 0 0.213333rem 0.64rem 0 rgba(252, 222, 212, 0.42);
  -webkit-border-radius: 0.426667rem;
  border-radius: 0.426667rem;
  padding: 0.64rem 0.426667rem;
}

.category-second-screen .famous-banner-box-swiper .banner-card .banner-card-name {
  font-weight: 500;
  font-size: 0.506667rem;
  color: #1A1A1A;
  line-height: 0.853333rem;
}

.category-second-screen .famous-banner-box-swiper .banner-card .banner-card-title {
  font-weight: 400;
  font-size: 0.373333rem;
  color: #1A1A1A;
  line-height: 0.586667rem;
  position: relative;
  padding-left: 0.16rem;
}

.category-second-screen .famous-banner-box-swiper .banner-card .banner-card-title::before {
  content: "";
  position: absolute;
  width: 0.053333rem;
  height: 0.373333rem;
  background: #F5333F;
  -webkit-border-radius: 0.12rem 0.12rem 0.12rem 0.12rem;
  border-radius: 0.12rem 0.12rem 0.12rem 0.12rem;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.category-second-screen .famous-banner-box-swiper .banner-card .banner-card-desc {
  margin-top: 0.426667rem;
}

.category-second-screen .famous-banner-box-swiper .banner-card .banner-card-desc .desc-item {
  width: 4.026667rem;
  font-weight: 400;
  font-size: 0.32rem;
  color: #808080;
  line-height: 0.48rem;
  text-align: left;
  padding-left: 0.16rem;
  position: relative;
}

.category-second-screen .famous-banner-box-swiper .banner-card .banner-card-desc .desc-item::after {
  content: "";
  width: 0.053333rem;
  height: 0.053333rem;
  background: #808080;
  position: absolute;
  left: 0;
  top: 0.213333rem;
}

.category-second-screen .famous-banner-box-swiper .banner-card-bottom {
  background: transparent;
  height: 1.173333rem;
}
.tab-switch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.173333rem;
  padding: 0 0.213333rem;
  background: #ffffff;
  position: relative;
}

.tab-switch .tab-switch-item {
  font-size: 0.373333rem;
  color: #666666;
  padding: 0 0.213333rem;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  position: relative;
  z-index: 2;
}

.tab-switch .tab-switch-item.active {
  font-size: 0.426667rem;
  font-weight: bold;
  color: #1a1a1a;
  position: relative;
}

.tab-switch .tab-switch-item.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0.533333rem;
  height: 0.08rem;
  background: #F5333F;
  -webkit-border-radius: 0.04rem;
  border-radius: 0.04rem;
}
.category-third-screen .tab-switch {
  width: 100%;
  background: none;
  padding: 0 0.426667rem;
  overflow-y: scroll;
  height: 0.853333rem;
  margin-bottom: 0.64rem;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.category-third-screen .tab-switch.tab-switch-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.category-third-screen .tab-switch::-webkit-scrollbar {
  display: none;
}

.category-third-screen .tab-switch .tab-switch-item {
  width: 3.413333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #F8F8FB;
  -webkit-border-radius: 1.2rem;
  border-radius: 1.2rem;
  font-weight: 500;
  font-size: 0.4rem;
  color: #1A1A1A;
  margin-right: 0.213333rem;
}

.category-third-screen .tab-switch .tab-switch-item::after {
  display: none;
}

.category-third-screen .tab-switch .tab-switch-item.active {
  background: #FFEFF0;
  color: #F5333F;
}

.category-third-screen .famous-img-box-swiper .swiper-pagination {
  bottom: 0.8rem;
}

.category-third-screen .famous-img-box-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.213333rem;
  height: 0.08rem;
  background: rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 1.08rem;
  border-radius: 1.08rem;
  opacity: 1;
}

.category-third-screen .famous-img-box-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #F5333F;
}

.category-third-screen .famous-img-box-swiper .img-card {
  padding: 0 0.426667rem 0;
}

.category-third-screen .famous-img-box-swiper .img-card img {
  width: 100%;
}

.category-third-screen .swiper-box {
  position: relative;
  padding-bottom: 7.013333rem;
}

.category-third-screen .category-third-screen-text {
  width: -moz-calc(100% - 0.853333rem);
  width: calc(100% - 0.853333rem);
  position: absolute;
  bottom: 0;
  left: 0.426667rem;
  height: 7.573333rem;
  margin-top: -0.56rem;
  padding: 0.64rem;
  z-index: 5;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.65)), color-stop(20%, #FFFFFF), to(#FFFFFF));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, #FFFFFF 20%, #FFFFFF 100%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, #FFFFFF 20%, #FFFFFF 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, #FFFFFF 20%, #FFFFFF 100%);
  -webkit-box-shadow: 0 0.213333rem 0.64rem 0 rgba(252, 222, 212, 0.42);
  box-shadow: 0 0.213333rem 0.64rem 0 rgba(252, 222, 212, 0.42);
  border: 0;
  -webkit-border-image: -webkit-linear-gradient(297deg, #ffffff, rgba(255, 255, 255, 0.12), #ffffff) 1 1;
  -o-border-image: linear-gradient(153deg, #ffffff, rgba(255, 255, 255, 0.12), #ffffff) 1 1;
  border-image: -moz-linear-gradient(297deg, #ffffff, rgba(255, 255, 255, 0.12), #ffffff) 1 1;
  border-image: linear-gradient(153deg, #ffffff, rgba(255, 255, 255, 0.12), #ffffff) 1 1;
  -webkit-border-radius: 0.426667rem;
  border-radius: 0.426667rem;
  -webkit-backdrop-filter: blur(0.106667rem);
  backdrop-filter: blur(0.106667rem);
}

.category-third-screen .category-third-screen-text .title {
  font-weight: 500;
  font-size: 0.4rem;
  color: #1A1A1A;
  line-height: 0.64rem;
  margin-bottom: 0.32rem;
}

.category-third-screen .category-third-screen-text .desc {
  font-weight: 400;
  font-size: 0.346667rem;
  color: #4D4D4D;
  line-height: 0.533333rem;
}
.category-module-mobile {
  height: 100%;
  background: #fff;
  overflow-y: auto;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
}

.category-module-mobile .fadeInUp {
  -webkit-animation: fadeInUp 0.3s ease-in-out 0s 1 both;
  -moz-animation: fadeInUp 0.3s ease-in-out 0s 1 both;
  animation: fadeInUp 0.3s ease-in-out 0s 1 both;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0.426667rem, 0);
    transform: translate3d(0, 0.426667rem, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 0.426667rem, 0);
    transform: translate3d(0, 0.426667rem, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0.426667rem, 0);
    -moz-transform: translate3d(0, 0.426667rem, 0);
    transform: translate3d(0, 0.426667rem, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}

.category-module-mobile .main-container .main-container-bg {
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

.category-module-mobile .main-container .main-container-bg.first-screen {
  padding: 2.346667rem 0.426667rem 1.173333rem;
}

.category-module-mobile .main-container .main-container-bg.second-screen {
  padding: 1.173333rem 0 0;
}

.category-module-mobile .main-container .main-container-bg.third-screen {
  padding: 1.173333rem 0;
}

.category-module-mobile .main-container .main-container-bg.fourth-screen {
  padding: 1.026667rem 0.426667rem 0.853333rem;
}

.category-module-mobile .main-container .category-module-mobile-title {
  margin-bottom: 0.426667rem;
  text-align: center;
}

.category-module-mobile .main-container .category-module-mobile-title img {
  height: 0.733333rem;
}

.category-module-mobile .main-container .category-module-mobile-desc {
  font-weight: 400;
  font-size: 0.373333rem;
  color: #4D4D4D;
  line-height: 0.586667rem;
  text-align: left;
  margin-bottom: 0.426667rem;
  line-break: auto;
}

.category-module-mobile .main-container .category-module-mobile-desc.second-desc {
  padding: 0 0.426667rem;
}

.category-module-mobile .main-container .category-module-mobile-banner {
  width: 100%;
  -webkit-border-radius: 0.106667rem;
  border-radius: 0.106667rem;
}

.category-module-mobile .category-module-img-text-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.category-module-mobile .category-module-img-text-list::-webkit-scrollbar {
  display: none;
}

.category-module-mobile .category-module-img-text-list .img-text-item {
  width: 5.52rem;
  background: #F8F8FB;
  -webkit-border-radius: 0.426667rem;
  border-radius: 0.426667rem;
  overflow: hidden;
  margin-right: 0.426667rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
}

.category-module-mobile .category-module-img-text-list .img-text-item:last-child {
  margin-right: 0;
}

.category-module-mobile .category-module-img-text-list .img-text-item .img-text-img {
  width: 100%;
  height: 7.36rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.category-module-mobile .category-module-img-text-list .img-text-item .img-text-theme {
  width: 5.52rem;
  height: 1.28rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(216, 216, 216, 0)), to(rgba(0, 0, 0, 0.4)));
  background: -webkit-linear-gradient(top, rgba(216, 216, 216, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background: -moz-linear-gradient(top, rgba(216, 216, 216, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(180deg, rgba(216, 216, 216, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  font-weight: 400;
  font-size: 0.4rem;
  color: #FFFFFF;
  line-height: 0.64rem;
  text-align: left;
  position: absolute;
  left: 0;
  top: 6.08rem;
  padding-top: 0.426667rem;
  padding-left: 0.32rem;
  padding-right: 0.32rem;
}

.category-module-mobile .category-module-img-text-list .img-text-item .img-text-theme p {
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.category-module-mobile .category-module-img-text-list .img-text-item .img-text-content {
  padding: 0.213333rem 0.32rem 0.32rem 0.32rem;
}

.category-module-mobile .category-module-img-text-list .img-text-item .img-text-content .title {
  height: 1.28rem;
  font-weight: 500;
  font-size: 0.4rem;
  color: #1A1A1A;
  line-height: 0.64rem;
  text-align: left;
  position: relative;
  text-indent: 0.506667rem;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.category-module-mobile .category-module-img-text-list .img-text-item .img-text-content .title::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0.106667rem;
  width: 0.386667rem;
  height: 0.426667rem;
  background: url(https://img.qlchat.com/qlLive/activity/image/D292XMF7-QDFX-SIP1-1709287461253-LC9NXKTIBYHR.png) center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

.category-module-mobile .category-module-img-text-list .img-text-item .img-text-content .user-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.213333rem;
}

.category-module-mobile .category-module-img-text-list .img-text-item .img-text-content .user-info .user-info-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.category-module-mobile .category-module-img-text-list .img-text-item .img-text-content .user-info .user-info-left .avatar {
  border: 0.013333rem solid #dddddd;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-right: 0.106667rem;
}

.category-module-mobile .category-module-img-text-list .img-text-item .img-text-content .user-info .user-info-left .avatar img {
  width: 0.533333rem;
  height: 0.533333rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.category-module-mobile .category-module-img-text-list .img-text-item .img-text-content .user-info .user-info-left span {
  width: 2.133333rem;
  font-weight: 400;
  font-size: 0.32rem;
  line-height: 0.533333rem;
  color: #4D4D4D;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.category-module-mobile .category-module-img-text-list .img-text-item .img-text-content .user-info .like-num {
  height: 0.533333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.category-module-mobile .category-module-img-text-list .img-text-item .img-text-content .user-info .like-num i {
  font-size: 0.426667rem;
  margin-right: 0.106667rem;
  line-height: 0.426667rem;
}

.category-module-mobile .category-module-img-text-list .img-text-item .img-text-content .user-info .like-num span {
  font-size: 0.32rem;
  line-height: 0.32rem;
}

.category-module-mobile .more-story {
  width: 3.52rem;
  height: 0.853333rem;
  padding-left: 0.426667rem;
  -webkit-border-radius: 1.2rem;
  border-radius: 1.2rem;
  border: 0.013333rem solid #F5333F;
  font-weight: 400;
  font-size: 0.4rem;
  color: #F5333F;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0.533333rem auto 0;
}

.category-module-mobile .more-story i {
  font-size: 0.266667rem;
  margin-left: 0.133333rem;
}

.span-html p {
  display: inline;
}
.second-screen .second-screen-tab-box {
  width: 6.88rem;
  height: 1.013333rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.08rem;
  background: #F8F8FB;
  -webkit-border-radius: 1.2rem;
  border-radius: 1.2rem;
  margin: 0 auto 0.72rem;
}

.second-screen .second-screen-tab {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-border-radius: 1.2rem;
  border-radius: 1.2rem;
  background: #F8F8FB;
}

.second-screen .second-screen-tab .tab-switch-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  padding: 0;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  font-size: 0.4rem;
  color: #1A1A1A;
}

.second-screen .second-screen-tab .active {
  color: #F5333F;
}

.second-screen .second-screen-tab .active::after {
  display: none;
}

.second-screen .second-screen-tab .tab-active {
  width: -moz-calc((1 / 3) * 100%);
  width: calc((1 / 3) * 100%);
  background-color: #fff;
  height: 100%;
  -webkit-border-radius: 1.2rem;
  border-radius: 1.2rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  transition: left 0.3s;
}

.second-screen .tab-1 {
  padding: 0.133333rem;
  background: -webkit-linear-gradient(315deg, rgba(255, 243, 234, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: -moz-linear-gradient(315deg, rgba(255, 243, 234, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(135deg, rgba(255, 243, 234, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-box-shadow: 0 0.066667rem 0.84rem 0.133333rem rgba(252, 222, 212, 0.42);
  box-shadow: 0 0.066667rem 0.84rem 0.133333rem rgba(252, 222, 212, 0.42);
  border: 0.026667rem solid #fff;
  -webkit-border-radius: 0.213333rem;
  border-radius: 0.213333rem;
}

.second-screen .tab-1 img {
  width: 100%;
}

.second-screen .tab-2 {
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 0.266667rem;
  border-radius: 0.266667rem;
}

.second-screen .tab-2 .swiper-container {
  overflow: visible;
}

.second-screen .tab-2 .famous-teacher-box-swiper {
  width: 100%;
  height: 5.226667rem;
}

.second-screen .tab-2 .famous-teacher-box-swiper .swiper-slide {
  width: 3.52rem;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

.second-screen .tab-2 .famous-teacher-box-swiper .swiper-slide .famous-teacher-box-swiper-slide {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  transform: scale(0.9);
}

.second-screen .tab-2 .famous-teacher-box-swiper .swiper-slide.swiper-slide-next {
  -webkit-transform: translateX(-0.666667rem) translateY(0) perspective(8rem) rotateY(-20deg);
  -moz-transform: translateX(-0.666667rem) translateY(0) perspective(8rem) rotateY(-20deg);
  transform: translateX(-0.666667rem) translateY(0) perspective(8rem) rotateY(-20deg);
}

.second-screen .tab-2 .famous-teacher-box-swiper .swiper-slide.swiper-slide-prev {
  -webkit-transform: translateX(0.666667rem) translateY(0) perspective(8rem) rotateY(20deg);
  -moz-transform: translateX(0.666667rem) translateY(0) perspective(8rem) rotateY(20deg);
  transform: translateX(0.666667rem) translateY(0) perspective(8rem) rotateY(20deg);
}

.second-screen .tab-2 .famous-teacher-box-swiper .swiper-slide.swiper-slide-active {
  z-index: 10;
}

.second-screen .tab-2 .famous-teacher-box-swiper .swiper-slide.swiper-slide-active .famous-teacher-box-swiper-slide {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  margin: 0;
}

.second-screen .tab-2 .famous-teacher-box-swiper .swiper-slide.swiper-slide-duplicate-active .famous-teacher-box-swiper-slide {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  margin: 0;
}

.second-screen .tab-2 .famous-teacher-box-swiper .famous-teacher-box-swiper-slide {
  height: 100%;
  width: 100%;
  -webkit-box-shadow: 0 0.213333rem 0.426667rem 0 rgba(245, 51, 63, 0.1);
  box-shadow: 0 0.213333rem 0.426667rem 0 rgba(245, 51, 63, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFFFFF;
  -webkit-border-radius: 0.32rem;
  border-radius: 0.32rem;
  border: 0.013333rem solid #EEEEEE;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  transition: 300ms;
}

.second-screen .tab-2 .famous-teacher-box-swiper .famous-teacher-box-swiper-slide .advantages-img {
  width: 100%;
  height: 100%;
}

.second-screen .tab-2 .famous-teacher-box-swiper .famous-teacher-box-swiper-slide .advantages-img img {
  width: 100%;
}

.second-screen .tab-2 .famous-teacher-box-swiper .swiper-pagination {
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 0;
  z-index: 10;
  -webkit-transition: 0.3s opacity;
  -moz-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.second-screen .tab-2 .famous-teacher-box-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.106667rem;
  height: 0.106667rem;
  background: #FFFFFF;
  opacity: 0.2;
  margin: 0 0.053333rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  transition: 0.25s;
}

.second-screen .tab-2 .famous-teacher-box-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.32rem;
  height: 0.106667rem;
  background: #FFFFFF;
  -webkit-border-radius: 0.053333rem;
  border-radius: 0.053333rem;
  opacity: 1;
}

.second-screen .tab-2 .tab-2-guideline {
  width: 100%;
  height: 5.493333rem;
  background: url(https://media.qianliaowang.com/qlLive/activity/image/LUAS178L-8H89-L7IX-1723005806103-RVJ2HFTGBMSG.png) no-repeat;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  margin-top: 0.426667rem;
  padding: 0.426667rem 0 0.426667rem 2.106667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.second-screen .tab-2 .tab-2-guideline .guideline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.second-screen .tab-2 .tab-2-guideline .guideline img {
  width: 0.426667rem;
  height: 0.426667rem;
  margin-right: 0.213333rem;
}

.second-screen .tab-2 .tab-2-guideline .guideline p {
  font-weight: 400;
  font-size: 0.373333rem;
  color: #1A1A1A;
  line-height: 0.586667rem;
}

.second-screen .tab-3 .famous-student-box-swiper .swiper-slide {
  width: 100%;
  margin: 0 0.426667rem;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

.second-screen .tab-3 .famous-student-box-swiper .swiper-slide .famous-teacher-box-swiper-slide {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  transform: scale(0.9);
}

.second-screen .tab-3 .famous-student-box-swiper .student-card {
  width: 100%;
  height: 5.973333rem;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0.213333rem 0.64rem 0 rgba(252, 222, 212, 0.42);
  box-shadow: 0 0.213333rem 0.64rem 0 rgba(252, 222, 212, 0.42);
  margin-bottom: 0.426667rem;
  -webkit-border-radius: 0.426667rem 0.426667rem 0.426667rem 0;
  border-radius: 0.426667rem 0.426667rem 0.426667rem 0;
  padding: 0.426667rem;
}

.second-screen .tab-3 .famous-student-box-swiper .student-card.last {
  margin-bottom: 0;
}

.second-screen .tab-3 .famous-student-box-swiper .student-card .student-card-contain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.second-screen .tab-3 .famous-student-box-swiper .student-card .student-card-contain img {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.32rem;
}

.second-screen .tab-3 .famous-student-box-swiper .student-card .student-card-contain .student-card-info .title {
  font-weight: 400;
  font-size: 0.4rem;
  color: #1A1A1A;
  line-height: 0.64rem;
  margin-bottom: 0.106667rem;
}

.second-screen .tab-3 .famous-student-box-swiper .student-card .student-card-contain .student-card-info .name {
  padding: 0 0.213333rem;
  background: #F34242;
  -webkit-border-radius: 0.32rem 0.32rem 0.32rem 0;
  border-radius: 0.32rem 0.32rem 0.32rem 0;
  border: 0.026667rem solid #FEE2E4;
  font-size: 0.4rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.64rem;
}

.second-screen .tab-3 .famous-student-box-swiper .student-card .student-card-desc {
  margin-top: 0.32rem;
  font-size: 0.346667rem;
  color: #4D4D4D;
  line-height: 0.533333rem;
  text-align: left;
}

.second-screen .tab-3 .famous-student-box-swiper .swiper-pagination {
  bottom: 0.773333rem;
}

.second-screen .tab-3 .famous-student-box-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.213333rem;
  height: 0.08rem;
  background: rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 1.08rem;
  border-radius: 1.08rem;
  opacity: 1;
}

.second-screen .tab-3 .famous-student-box-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #F5333F;
}

.second-screen .second-screen-empty {
  height: 1.173333rem;
  background: transparent;
}
.thirds-screen .famous-certificate-box-swiper {
  background: #FFFFFF;
  -webkit-box-shadow: 0 0.213333rem 0.64rem 0 rgba(252, 222, 212, 0.42);
  box-shadow: 0 0.213333rem 0.64rem 0 rgba(252, 222, 212, 0.42);
  -webkit-border-radius: 0.426667rem;
  border-radius: 0.426667rem;
}

.thirds-screen .famous-certificate-box-swiper .certificate-card {
  width: 100%;
  padding: 0.32rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.thirds-screen .famous-certificate-box-swiper .certificate-card img {
  width: 50%;
}
.fourth-screen {
  padding-top: 0.64rem;
}

.fourth-screen .swiper-wrapper {
  width: -moz-calc(7.36rem + 0.64rem);
  width: calc(7.36rem + 0.64rem);
}

.fourth-screen .news-information-box-swiper .news-information-box-swiper-slide {
  padding: 0 0.32rem;
}

.fourth-screen .news-information-box-swiper .news-information-box-swiper-slide .news-card-box {
  width: 7.36rem;
  height: 8.8rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 243, 244, 0.6)), to(#FFFFFF));
  background: -webkit-linear-gradient(top, rgba(245, 243, 244, 0.6) 0%, #FFFFFF 100%);
  background: -moz-linear-gradient(top, rgba(245, 243, 244, 0.6) 0%, #FFFFFF 100%);
  background: linear-gradient(180deg, rgba(245, 243, 244, 0.6) 0%, #FFFFFF 100%);
  -webkit-box-shadow: 0 0.213333rem 0.64rem 0 rgba(252, 222, 212, 0.42);
  box-shadow: 0 0.213333rem 0.64rem 0 rgba(252, 222, 212, 0.42);
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.013333rem solid #FFFFFF;
  -webkit-border-radius: 0.426667rem;
  border-radius: 0.426667rem;
  overflow: hidden;
  margin-bottom: 1.146667rem;
}

.fourth-screen .news-information-box-swiper .news-information-box-swiper-slide .news-card {
  padding: 0.48rem 0.64rem;
  background-image: url(https://img.qlchat.com/qlLive/activity/image/OARMRUR8-N9M2-JYD6-1709186917017-M74KVO3HN9YK.png);
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-border-radius: 0.426667rem;
  border-radius: 0.426667rem;
}

.fourth-screen .news-information-box-swiper .news-information-box-swiper-slide .news-card .news-card-img {
  width: 4rem;
  height: 1.28rem;
  margin-bottom: 0.32rem;
}

.fourth-screen .news-information-box-swiper .news-information-box-swiper-slide .news-card .news-card-title {
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 500;
  font-size: 0.4rem;
  color: #1A1A1A;
  line-height: 0.64rem;
  text-align: left;
  margin-bottom: 0.32rem;
}

.fourth-screen .news-information-box-swiper .news-information-box-swiper-slide .news-card .news-card-desc {
  height: 3.733333rem;
  font-weight: 400;
  font-size: 0.346667rem;
  color: #4D4D4D;
  line-height: 0.533333rem;
  text-align: left;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}

.fourth-screen .news-information-box-swiper .news-information-box-swiper-slide .news-card .news-card-btn {
  position: absolute;
  font-weight: 400;
  font-size: 0.346667rem;
  color: #F5333F;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  right: 0.64rem;
  bottom: 0.533333rem;
}

.fourth-screen .news-information-box-swiper .news-information-box-swiper-slide .news-card .news-card-btn span {
  margin-right: 0.106667rem;
}

.fourth-screen .news-information-box-swiper .news-information-box-swiper-slide .news-card .news-card-btn i {
  font-size: 0.266667rem;
}
.comunity-details-page-mobile {
  background-color: #fff;
  padding-top: 1.493333rem;
  overflow-y: auto;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  height: 100%;
}

.comunity-details-page-mobile .top-menu .top-menu-header {
  border-bottom: 0.013333rem solid #eeeeee;
}

.comunity-details-page-mobile .main-container {
  padding: 0.426667rem 0.426667rem 0;
}

.comunity-details-page-mobile .no-data-box {
  text-align: center;
  margin: 2.2rem auto;
}

.comunity-details-page-mobile .no-data-box img {
  width: 3.2rem;
  height: 3.2rem;
}

.comunity-details-page-mobile .no-data-box .tips {
  font-size: 0.32rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.266667rem;
  margin-top: 0.346667rem;
}
a[title='站长统计'] {
  display: none;
}

.comunity-list-page-mobile {
  background-color: #fff;
  padding-top: 1.493333rem;
  overflow-y: auto;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  height: 100%;
}

.comunity-list-page-mobile .main-container .community-list-contain .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.426667rem 0.4rem 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.comunity-list-page-mobile .main-container .community-list-contain .list .clockin-box {
  margin-bottom: 0.426667rem;
}

.comunity-list-page-mobile .main-container .community-list-contain .list-btn {
  width: 3.96rem;
  height: 0.853333rem;
  background: -webkit-gradient(linear, left top, right top, from(#FF9678), to(#F5333F));
  background: -webkit-linear-gradient(left, #FF9678 0%, #F5333F 100%);
  background: -moz-linear-gradient(left, #FF9678 0%, #F5333F 100%);
  background: linear-gradient(90deg, #FF9678 0%, #F5333F 100%);
  -webkit-box-shadow: 0 0.133333rem 0.266667rem 0 rgba(245, 51, 63, 0.2);
  box-shadow: 0 0.133333rem 0.266667rem 0 rgba(245, 51, 63, 0.2);
  -webkit-border-radius: 0.426667rem;
  border-radius: 0.426667rem;
  font-size: 0.346667rem;
  font-weight: 400;
  color: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 0.453333rem;
}

.comunity-list-page-mobile .main-container .no-data-box {
  margin-top: 1.706667rem;
}

.comunity-list-page-mobile .main-container .no-data-box img {
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 auto;
  display: block;
}

.comunity-list-page-mobile .main-container .no-data-box .tips {
  text-align: center;
  font-size: 0.373333rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.533333rem;
  margin-top: 0.213333rem;
  margin-bottom: 0.853333rem;
}
.introduction-container-mobile {
  height: 100%;
  background: #fff;
  overflow-y: auto;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  padding: 0.32rem;
}

.introduction-container-mobile .introduction-title {
  padding-bottom: 0.16rem;
  font-size: 0.586667rem;
  line-height: 0.666667rem;
  font-weight: bold;
  text-align: center;
}

.introduction-container-mobile .introduction-secondary-title {
  padding: 0.213333rem 0;
  font-size: 0.48rem;
  font-weight: 600;
  color: #333333;
  line-height: 0.666667rem;
}

.introduction-container-mobile .introduction-third-title {
  font-size: 0.373333rem;
  font-weight: bold;
  color: #333333;
  line-height: 0.666667rem;
}

.introduction-container-mobile .introduction-content {
  font-size: 0.373333rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.666667rem;
}
.more-courses-mobile {
  height: 100%;
  background: #fff;
  overflow-y: auto;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
}

.more-courses-mobile .main-container .main-container-bg {
  padding: 2.56rem 0.426667rem 0;
  background: url(https://img.qlchat.com/qlLive/activity/image/VX3DSFSC-6YBJ-8IT7-1709792842803-CJZZW8BZUZRH.png);
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

.more-courses-mobile .main-container .category-module-mobile-title {
  margin-bottom: 0.266667rem;
  text-align: center;
}

.more-courses-mobile .main-container .category-module-mobile-title img {
  height: 0.733333rem;
}

.more-courses-mobile .main-container .category-module-mobile-desc {
  font-weight: 400;
  font-size: 0.373333rem;
  color: #4D4D4D;
  line-height: 0.586667rem;
  margin-bottom: 0.64rem;
}

.more-courses-mobile .more-courses-tab {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0.32rem;
  margin-bottom: 0.32rem;
  background-color: transparent;
}

.more-courses-mobile .more-courses-tab .tab-switch-item {
  text-align: center;
  font-weight: 500;
  font-size: 0.4rem;
  color: #1A1A1A;
  line-height: 0.64rem;
}

.more-courses-mobile .more-courses-tab .tab-switch-item.active {
  color: #F5333F;
  font-size: 0.4rem;
  font-weight: 500;
}

.more-courses-mobile .more-courses-tab .tab-switch-item::after {
  width: 0.32rem;
  height: 0.08rem;
  background: #F5333F;
  -webkit-border-radius: 6.92rem;
  border-radius: 6.92rem;
  bottom: 0.106667rem;
}

.more-courses-mobile .more-courses-content {
  margin: 0 -0.426667rem;
  padding: 0 0.32rem;
}

.more-courses-mobile .more-courses-content .more-courses-content-item {
  width: 100%;
  padding: 0.533333rem 0.64rem 0.746667rem;
  margin-top: -0.48rem;
  background: url(https://img.qlchat.com/qlLive/activity/image/X4UPJOZ8-6XWB-XPZO-1709793133306-167PDAJCGSMA.png) no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

.more-courses-mobile .more-courses-content .more-courses-content-item img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-border-radius: 0.213333rem;
  border-radius: 0.213333rem;
  margin-bottom: 0.213333rem;
}

.more-courses-mobile .more-courses-content .more-courses-content-item .more-courses-content-item-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.more-courses-mobile .more-courses-content .more-courses-content-item .more-courses-content-item-content .more-courses-content-item-title {
  font-weight: 400;
  font-size: 0.373333rem;
  color: #1A1A1A;
  line-height: 0.586667rem;
  text-align: left;
}

.more-courses-mobile .more-courses-content .more-courses-content-item .more-courses-content-item-content .more-courses-content-item-label {
  font-weight: 500;
  font-size: 0.373333rem;
  color: #F5333F;
  line-height: 0.586667rem;
  text-align: right;
}
.more-courses-details-mobile {
  position: relative;
  height: 100%;
  overflow-y: auto;
}

.more-courses-details-mobile .details-img {
  width: 100%;
}

.more-courses-details-mobile .details-content {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.6rem 0.64rem 0;
  -webkit-border-radius: 0.426667rem 0.426667rem 0 0;
  border-radius: 0.426667rem 0.426667rem 0 0;
  background: #fff;
  z-index: 5;
}

.more-courses-details-mobile .details-content .title {
  font-weight: 500;
  font-size: 0.506667rem;
  color: #1A1A1A;
  line-height: 0.853333rem;
  text-align: left;
}

.more-courses-details-mobile .details-content .label {
  font-weight: 500;
  font-size: 0.426667rem;
  color: #F5333F;
  line-height: 0.693333rem;
}

.more-courses-details-mobile .details-content .desc-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0.32rem;
  margin-bottom: 0.426667rem;
}

.more-courses-details-mobile .details-content .desc-list .desc {
  padding: 0.186667rem 0.32rem;
  background: #F7F3F3;
  -webkit-border-radius: 0.16rem;
  border-radius: 0.16rem;
  font-weight: 400;
  font-size: 0.373333rem;
  color: #1A1A1A;
  line-height: 0.586667rem;
  margin-right: 0.213333rem;
}

.more-courses-details-mobile .details-content .nav-list {
  height: 1.96rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 0.013333rem solid #DCDFE6;
}

.more-courses-details-mobile .details-content .nav-list .nav-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.more-courses-details-mobile .details-content .nav-list .nav-list-item img {
  width: 0.533333rem;
  height: 0.533333rem;
}

.more-courses-details-mobile .details-content .nav-list .nav-list-item span {
  font-weight: 400;
  font-size: 0.346667rem;
  color: #1A1A1A;
  line-height: 0.48rem;
  margin-top: 0.053333rem;
}

.more-courses-details-mobile .details-content .nav-list .nav-list-item.btn {
  width: 4.773333rem;
  height: 1.093333rem;
  background: #FFFFFF;
  -webkit-border-radius: 1.786667rem;
  border-radius: 1.786667rem;
  background: #F5333F;
  font-size: 0.426667rem;
  color: #fff;
  text-align: center;
  line-height: 1.066667rem;
}

.more-courses-details-mobile .details-content .nav-list.top {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

.more-courses-details-mobile .details-bottom {
  height: 5.466667rem;
}
.m-not-fount {
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.m-not-fount > .tips {
  margin-top: 0.426667rem;
  font-size: 0.32rem;
  color: #b2b2b2;
}

.m-not-fount > .back-btn {
  margin-top: 0.426667rem;
  font-size: 0.426667rem;
  color: #f73657;
  width: 4.266667rem;
  height: 1.013333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 0.013333rem solid #f73657;
  -webkit-border-radius: 0.666667rem;
  border-radius: 0.666667rem;
}
.introduction-container-pc {
  height: 100%;
  background: #fff;
  overflow-y: auto;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
  padding: 24px;
}
.introduction-container-pc .introduction-title {
  padding-bottom: 12px;
  font-size: 44px;
  line-height: 50px;
  font-weight: bold;
  text-align: center;
}
.introduction-container-pc .introduction-secondary-title {
  padding: 24px 0;
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
}
.introduction-container-pc .introduction-third-title {
  font-size: 28px;
  font-weight: bold;
  color: #333333;
  line-height: 50px;
}
.introduction-container-pc .introduction-content {
  font-size: 28px;
  font-weight: 400;
  color: #333333;
  line-height: 50px;
}

.home-about-page .section {
  margin: 58px auto 50px;
  text-align: center;
  max-width: 1200px;
}
@-webkit-keyframes animateUp {
  0% {
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(9, 0);
            transform: translate(9, 0);
    opacity: 1;
  }
}
@-moz-keyframes animateUp {
  0% {
    -moz-transform: translate(0, 20px);
         transform: translate(0, 20px);
    opacity: 0;
  }
  to {
    -moz-transform: translate(9, 0);
         transform: translate(9, 0);
    opacity: 1;
  }
}
@keyframes animateUp {
  0% {
    -webkit-transform: translate(0, 20px);
       -moz-transform: translate(0, 20px);
            transform: translate(0, 20px);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(9, 0);
       -moz-transform: translate(9, 0);
            transform: translate(9, 0);
    opacity: 1;
  }
}
.home-about-page .animateUp {
  -webkit-animation-name: animateUp;
     -moz-animation-name: animateUp;
          animation-name: animateUp;
  -webkit-animation-duration: 1s;
     -moz-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
          animation-fill-mode: both;
}
.home-about-page .intro-ql .intro-title {
  margin-bottom: 40px;
  font-size: 32px;
  font-weight: 500;
  color: #333333;
  line-height: 32px;
}
.home-about-page .intro-ql .intro-lecturer {
  margin-bottom: 80px;
  text-align: left;
}
.home-about-page .intro-ql .intro-lecturer .lecturer-name {
  font-size: 24px;
  font-weight: 600;
  color: #333333;
  line-height: 32px;
}
.home-about-page .intro-ql .intro-lecturer .intro-item {
  margin-top: 32px;
}
.home-about-page .intro-ql .intro-lecturer .intro-item-title {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
}
.home-about-page .intro-ql .intro-lecturer .intro-item-contain {
  margin-top: 16px;
  font-size: 16px;
  color: #333333;
  line-height: 22px;
}
.home-about-page .intro-ql .intro-lecturer .intro-item-contain > .desc {
  margin-right: 16px;
}
.home-about-page .section {
  width: 1200px;
}
.home-about-page .section .title {
  position: relative;
  letter-spacing: 3px;
  padding: 30px 0 0 0;
  line-height: 1;
  letter-spacing: 0;
}
.home-about-page .section .title .title-text {
  position: relative;
  display: inline-block;
  color: #333;
  font-size: 32px;
  font-weight: bold;
}
.home-about-page .section .sub-title {
  line-height: 1.5;
  padding: 24px 48px;
  text-align: left;
  position: relative;
}
.home-about-page .section .sub-title::before,
.home-about-page .section .sub-title::after {
  position: absolute;
  width: 24px;
  height: 24px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: '';
}
.home-about-page .section .sub-title::before {
  top: 0;
  left: 0;
  background: url('https://img.qlchat.com/qlLive/activity/image/31GMCG7C-D6YT-R3UF-1658461444070-H42B5OGTJ1HZ.png?x-oss-process=image/format,webp') no-repeat left center;
}
.home-about-page .section .sub-title::after {
  bottom: 0;
  right: 0;
  background: url('https://img.qlchat.com/qlLive/activity/image/TLW8CKXS-OAZ6-Z3U9-1658461446216-BIMPHS3RAPTG.png?x-oss-process=image/format,webp') no-repeat left center;
}
.home-about-page .section .sub-title p {
  margin-bottom: 20px;
  line-height: 1.5;
  font-size: 16px;
}
.home-about-page .section .sub-title p:last-child {
  margin-bottom: 0;
}
.home-about-page .section .sub-title p.bold {
  font-size: 20px;
  font-weight: bold;
}
.home-about-page .section .business {
  margin-top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.home-about-page .section .business.img1 {
  background: url('https://img.qlchat.com/qlLive/activity/image/ODFHGM71-CS3D-QVX1-1652348049088-ESRGVRUPW2BL.png?x-oss-process=image/format,webp') no-repeat center;
  -webkit-background-size: 1200px auto;
          background-size: 1200px auto;
}
.home-about-page .section .business.img1 h4 {
  padding-left: 112px;
  background: url('https://img.qlchat.com/qlLive/activity/image/2XCJE8CC-OOV6-JWC3-1687330261636-ZGKSH46MDTXS.png?x-oss-process=image/format,webp') no-repeat left center;
  -webkit-background-size: 95px 95px;
          background-size: 95px;
}
.home-about-page .section .business.img2 {
  background: url('https://img.qlchat.com/qlLive/activity/image/DV8YFUWE-OE5H-6X16-1687330070686-T1FLPG8JDONE.png?x-oss-process=image/format,webp') no-repeat center;
  -webkit-background-size: 1200px auto;
          background-size: 1200px auto;
}
.home-about-page .section .business.img2 h4 {
  padding-left: 156px;
  background: url('https://img.qlchat.com/qlLive/activity/image/67F9ZG9U-ZWC9-AMC1-1687330826453-P6WDX894AYIQ.png?x-oss-process=image/format,webp') no-repeat left center;
  -webkit-background-size: 138px 138px;
          background-size: 138px;
}
.home-about-page .section .business .common {
  width: 50%;
  height: 100%;
  padding: 48px 64px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.home-about-page .section .business .common h4 {
  margin-bottom: 24px;
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  color: #333;
}
.home-about-page .section .business .common p {
  font-size: 16px;
  color: #333;
  margin-bottom: 30px;
  text-align: left;
  line-height: 26px;
}
.home-about-page .section .business .common p:last-child {
  margin-bottom: 0;
}
.home-about-page .section .business .common p span {
  color: #F73657;
}
.home-about-page .section .progress {
  margin-top: 40px;
  position: relative;
  padding-top: 24px;
}
.home-about-page .section .progress::before {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-1px);
     -moz-transform: translateX(-1px);
          transform: translateX(-1px);
  width: 2px;
  height: 94.8%;
  background: #EEEEEE;
  content: '';
}
.home-about-page .section .progress .common {
  width: 47%;
  padding-bottom: 24px;
  position: relative;
}
.home-about-page .section .progress .common::before {
  position: absolute;
  width: 16px;
  height: 16px;
  background: url('https://img.qlchat.com/qlLive/activity/image/TAY4Q5DK-3HK3-2NBZ-1658461448230-TW7MH91MOAKA.png?x-oss-process=image/format,webp') no-repeat center;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  content: '';
}
.home-about-page .section .progress .common p {
  font-size: 16px;
  color: #F73657;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 8px;
}
.home-about-page .section .progress .common h5 {
  font-size: 20px;
  color: #333;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 4px;
}
.home-about-page .section .progress .common span {
  font-size: 14px;
  color: #666;
}
.home-about-page .section .progress .left {
  text-align: right;
}
.home-about-page .section .progress .left::before {
  top: 4px;
  right: -44px;
  content: '';
}
.home-about-page .section .progress .right {
  text-align: left;
  margin-left: 53%;
}
.home-about-page .section .progress .right::before {
  top: 4px;
  left: -44px;
  content: '';
}
.home-about-page .section .honor {
  padding: 0 62px;
}
.home-about-page .section .honor .head {
  width: 848px;
  margin: 40px auto;
}
.home-about-page .section .honor .head img {
  width: 100%;
}
.home-about-page .section .honor .list {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
}
.home-about-page .section .honor .list img {
  width: 188px;
  height: 83px;
}

.excellent-teacher-container {
  margin-top: 32px !important;
  height: 446px;
  position: relative;
}
.excellent-teacher-container .excellent-teacher-swiper-prev {
  position: absolute;
  top: 376px;
  left: 64px;
  z-index: 2;
}
.excellent-teacher-container .excellent-teacher-swiper-prev .to-left {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
          transform: rotate(180deg);
  font-size: 24px;
  color: #CCCCCC;
}
.excellent-teacher-container .excellent-teacher-swiper-split {
  position: absolute;
  top: 380px;
  left: 115px;
  font-size: 12px;
  border-left: 1px solid #F3F3F3;
  height: 16px;
  z-index: 2;
}
.excellent-teacher-container .excellent-teacher-swiper-next {
  position: absolute;
  top: 376px;
  left: 142px;
  z-index: 2;
}
.excellent-teacher-container .excellent-teacher-swiper-next > i {
  font-size: 24px;
  color: #CCCCCC;
}
.excellent-teacher-container .excellent-teacher-swiper {
  width: 100%;
  height: 446px;
  background: rgba(255, 255, 255, 0);
  -webkit-border-radius: 24px 24px 24px 24px;
          border-radius: 24px 24px 24px 24px;
  -webkit-box-shadow: 0px 16px 112px 0px rgba(255, 222, 212, 0.42);
          box-shadow: 0px 16px 112px 0px rgba(255, 222, 212, 0.42);
}
.excellent-teacher-container .excellent-teacher-swiper .excellent-teacher-swiper-slide {
  width: 100%;
  height: 446px;
  -webkit-border-radius: 24px 24px 24px 24px;
          border-radius: 24px 24px 24px 24px;
}
.excellent-teacher-container .excellent-teacher-swiper .excellent-teacher-swiper-slide .excellent-teacher-swiper-item {
  width: 100%;
  height: 446px;
}

.activity-tab-container {
  margin-top: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.activity-tab-container .activity-tab-list {
  margin-bottom: 32px;
  height: 52px;
  background: #F8F8FB;
  -webkit-border-radius: 141px 141px 141px 141px;
          border-radius: 141px 141px 141px 141px;
  font-weight: 600;
  font-size: 16px;
  color: #1A1A1A;
  line-height: 24px;
  text-align: center;
  padding: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.activity-tab-container .activity-tab-list .activity-tab-item {
  height: 48px;
  padding: 8px 32px;
}
.activity-tab-container .activity-tab-list .activity-tab-item.active {
  background: #F5333F;
  color: #FFFFFF;
  -webkit-border-radius: 141px 141px 141px 141px;
          border-radius: 141px 141px 141px 141px;
}
.activity-tab-container .activity-content {
  height: 351px;
  display: none;
}
.activity-tab-container .activity-content.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.activity-tab-container .activity-content .activity-content-left {
  -webkit-border-radius: 28px;
          border-radius: 28px;
}
.activity-tab-container .activity-content .activity-content-right {
  -webkit-border-radius: 28px;
          border-radius: 28px;
}
.activity-tab-container .activity-content .activity-content-left {
  z-index: 1;
  width: 624px;
  -webkit-animation: bounceInLeft 1s ease-out !important;
     -moz-animation: bounceInLeft 1s ease-out !important;
          animation: bounceInLeft 1s ease-out !important;
}
.activity-tab-container .activity-content .activity-content-left .activity-content-swiper {
  -webkit-border-radius: 28px;
          border-radius: 28px;
  width: 100%;
  height: 100%;
}
.activity-tab-container .activity-content .activity-content-left .activity-content-swiper .activity-content-swiper-slide {
  width: 100%;
}
.activity-tab-container .activity-content .activity-content-left .activity-content-swiper .activity-content-swiper-slide .activity-content-swiper-item {
  width: 100%;
}
.activity-tab-container .activity-content .activity-content-left .activity-content-swiper .swiper-pagination {
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: 16px;
  z-index: 10;
  -webkit-transition: 0.3s opacity;
  -moz-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.activity-tab-container .activity-content .activity-content-left .activity-content-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 32px;
  height: 8px;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0.2;
  margin: 0 4px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  transition: 0.25s;
}
.activity-tab-container .activity-content .activity-content-left .activity-content-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #F5333F;
  opacity: 1;
}
.activity-tab-container .activity-content .activity-content-right {
  z-index: 2;
  margin-left: -48px;
  width: 624px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.85)), color-stop(15%, #FFFFFF), to(#FFFFFF));
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.85) 0%, #FFFFFF 15%, #FFFFFF 100%);
  background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.85) 0%, #FFFFFF 15%, #FFFFFF 100%);
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.85) 0%, #FFFFFF 15%, #FFFFFF 100%);
  -webkit-box-shadow: 0px 8px 24px 0px rgba(252, 222, 212, 0.42);
          box-shadow: 0px 8px 24px 0px rgba(252, 222, 212, 0.42);
  border: 1px solid #fff;
  padding: 0 48px;
  -webkit-animation: bounceInRight 1s ease-out !important;
     -moz-animation: bounceInRight 1s ease-out !important;
          animation: bounceInRight 1s ease-out !important;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.activity-tab-container .activity-content .activity-content-right .activity-content-title {
  font-weight: 500;
  font-size: 24px;
  color: #1A1A1A;
  line-height: 36px;
  text-align: left;
}
.activity-tab-container .activity-content .activity-content-right .activity-content-desc {
  margin-top: 24px;
  font-weight: 400;
  font-size: 16px;
  color: #4D4D4D;
  line-height: 24px;
  text-align: left;
}

.category-module-page {
  width: 100% !important;
}
.category-module-page .main-container-width {
  width: 1200px;
  margin: 0 auto;
}
.category-module-page .category-banner {
  width: 100%;
  height: 814px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 80px;
}
.category-module-page .category-banner .category-banner-img {
  margin-top: 32px;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  height: 400px;
  width: 100%;
}
.category-module-page .category-teacher {
  height: 775px;
}
.category-module-page .category-activity {
  height: 739px;
  background: url(https://img.qlchat.com/qlLive/activity/image/CLQ685QE-K7T7-4VC7-1712457923169-WJ67E7TU4G69.png) center / 100% 100% no-repeat;
}
.category-module-page .category-article {
  height: 850px;
}
.category-module-page .column-title {
  text-align: center;
  padding-top: 80px;
}
.category-module-page .column-title .column-title-img {
  width: auto;
  height: 46px;
}
.category-module-page .column-title .column-title-desc {
  margin-top: 15px;
  font-size: 16px;
  font-weight: 400;
  color: #4D4D4D;
  line-height: 24px;
}
.category-module-page .column-title img {
  width: auto;
  height: 104px;
}

.idea-item-user-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.idea-item-user-info .info-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.idea-item-user-info .info-left .info-header-img {
  width: 48px;
  height: 48px;
  overflow: hidden;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid #ddd;
}
.idea-item-user-info .info-left .info-name-other {
  margin-left: 12px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.idea-item-user-info .info-left .info-name-other .name-wrap {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  line-height: 22px;
}
.idea-item-user-info .info-left .info-name-other .time-number {
  font-size: 12px;
  margin-top: 4px;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
}

.homework-data-wrap {
  margin: 0px;
  padding-bottom: 48px;
}
.homework-data-wrap.first {
  margin-top: 24px;
}
.homework-data-wrap .inner-wrap {
  padding: 24px;
  overflow: hidden;
  background: #F7F7F7;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}
.homework-data-wrap .inner-wrap .question-wrap {
  max-height: 129px;
  overflow: hidden;
  position: relative;
  line-height: 25px;
  font-size: 14px;
  color: #666;
}
.homework-data-wrap .inner-wrap .question-wrap.height-auto {
  max-height: none;
}
.homework-data-wrap .inner-wrap .question-wrap .title {
  padding: 0 8px;
  height: 24px;
  background: #FFFFFF;
  -webkit-border-radius: 4px 4px 14px 4px;
          border-radius: 4px 4px 14px 4px;
  border: 1px solid #BBBBBB;
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -moz-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  color: #666;
  white-space: nowrap;
  display: inline-block;
  margin-right: 16px;
  font-weight: bold;
}
.homework-data-wrap .inner-wrap .question-wrap .title > img {
  width: 7px;
  margin: 0 2px;
  display: block;
}
.homework-data-wrap .inner-wrap .question-wrap .img-wrap {
  margin-left: -16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
}
.homework-data-wrap .inner-wrap .question-wrap .img-wrap .img-box {
  width: -moz-calc(100% / 3 - 16px);
  width: calc(100% / 3 - 16px);
  height: 0;
  padding-top: -moz-calc(100% / 3 - 16px);
  padding-top: calc(100% / 3 - 16px);
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 16px;
          border-radius: 16px;
  margin-left: 16px;
  margin-top: 16px;
  background-color: #000;
}
.homework-data-wrap .inner-wrap .question-wrap .img-wrap .img-box .img-contain {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  cursor: pointer;
}
.homework-data-wrap .inner-wrap .question-wrap .img-wrap .img-box .video-play-icon {
  position: absolute;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  top: 16px;
  right: 16px;
  z-index: 1;
}
.homework-data-wrap .inner-wrap .question-wrap .img-wrap .img-box .video-transcoding {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
  top: 0;
  left: 0;
}
.homework-data-wrap .inner-wrap .question-wrap .img-wrap .img-box .video-transcoding .transcoding-icon {
  width: 72px;
  height: 72px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  overflow: hidden;
}
.homework-data-wrap .inner-wrap .question-wrap .img-wrap .img-box .video-transcoding .transcoding-icon img {
  width: 100%;
  height: 100%;
  -webkit-animation: rotate360 1s infinite linear;
     -moz-animation: rotate360 1s infinite linear;
          animation: rotate360 1s infinite linear;
}
.homework-data-wrap .inner-wrap .question-wrap .img-wrap .img-box .video-transcoding .transcoding-tips {
  margin-top: 16px;
  font-size: 24px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 33px;
}
.homework-data-wrap .inner-wrap .question-wrap .control-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #333;
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 25px;
}
.homework-data-wrap .inner-wrap .question-wrap .control-btn .point {
  display: block;
  width: 80px;
  text-align: right;
  background: -webkit-gradient(linear, right top, left top, from(#f7f7f7), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(right, #f7f7f7, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(right, #f7f7f7, rgba(255, 255, 255, 0));
  background: linear-gradient(to left, #f7f7f7, rgba(255, 255, 255, 0));
  font-size: 30px;
  height: 24px;
}
.homework-data-wrap .inner-wrap .question-wrap .control-btn .text-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background: #f7f7f7;
  padding: 0 8px;
}
.homework-data-wrap .inner-wrap .question-wrap .control-btn .text-wrap .iconfont {
  font-size: 14px;
  margin-left: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.homework-data-wrap .answer-wrap {
  margin-top: 24px;
}
.homework-data-wrap .answer-wrap .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 33px;
}
.homework-data-wrap .answer-wrap .title::before {
  content: '';
  display: block;
  width: 6px;
  height: 20px;
  background: #F5333F;
  -webkit-border-radius: 0px 4px 4px 0px;
          border-radius: 0px 4px 4px 0px;
  margin-right: 16px;
}
.homework-data-wrap .answer-wrap .content {
  font-size: 16px;
  line-height: 28px;
  margin-top: 12px;
}
.homework-data-wrap .answer-wrap .img-wrap {
  margin-left: -16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.homework-data-wrap .answer-wrap .img-wrap .img-box {
  width: -moz-calc(100% / 3 - 16px);
  width: calc(100% / 3 - 16px);
  height: 0;
  padding-top: -moz-calc(100% / 3 - 16px);
  padding-top: calc(100% / 3 - 16px);
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 16px;
          border-radius: 16px;
  margin-left: 16px;
  margin-top: 16px;
  background-color: #000;
}
.homework-data-wrap .answer-wrap .img-wrap .img-box .img-contain {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.homework-data-wrap .answer-wrap .img-wrap .img-box .video-play-icon {
  position: absolute;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  top: 16px;
  right: 16px;
  z-index: 1;
}
.homework-data-wrap .answer-wrap .img-wrap .img-box .video-transcoding {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
  top: 0;
  left: 0;
}
.homework-data-wrap .answer-wrap .img-wrap .img-box .video-transcoding .transcoding-icon {
  width: 72px;
  height: 72px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  overflow: hidden;
}
.homework-data-wrap .answer-wrap .img-wrap .img-box .video-transcoding .transcoding-icon img {
  width: 100%;
  height: 100%;
  -webkit-animation: rotate360 1s infinite linear;
     -moz-animation: rotate360 1s infinite linear;
          animation: rotate360 1s infinite linear;
}
.homework-data-wrap .answer-wrap .img-wrap .img-box .video-transcoding .transcoding-tips {
  margin-top: 16px;
  font-size: 24px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 33px;
}

@-webkit-keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-moz-keyframes rotate360 {
  0% {
    -moz-transform: rotate(0);
         transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg);
  }
}
@keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.audio-item-box {
  width: 246px;
  height: 48px;
  margin-right: 16px;
  margin-bottom: 16px;
}
.audio-item-box .contain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  -webkit-border-radius: 40px;
          border-radius: 40px;
  border: 2px solid #FCC1C5;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px;
}
.audio-item-box .contain .box-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.audio-item-box .contain .box-left .playIcon {
  width: 32px;
  height: 32px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF4B4B), to(#FF8282));
  background: -webkit-linear-gradient(top, #FF4B4B 0%, #FF8282 100%);
  background: -moz-linear-gradient(top, #FF4B4B 0%, #FF8282 100%);
  background: linear-gradient(180deg, #FF4B4B 0%, #FF8282 100%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.audio-item-box .contain .box-left .playIcon i {
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.audio-item-box .contain .box-left .playIcon .play {
  width: 100%;
  height: 100%;
}
.audio-item-box .contain .box-left .playIcon .pause {
  width: 100%;
  height: 100%;
}
.audio-item-box .contain .box-left .playIcon .loading {
  width: 20px;
  height: 20px;
  -webkit-animation: rotate360 1s infinite linear;
     -moz-animation: rotate360 1s infinite linear;
          animation: rotate360 1s infinite linear;
}
.audio-item-box .contain .box-center {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  margin: 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.audio-item-box .contain .box-center .stop {
  width: 100%;
}
.audio-item-box .contain .box-center .audio-progress-contain {
  position: relative;
  width: 100%;
  height: 6px;
  background: rgba(245, 51, 63, 0.3);
  -webkit-border-radius: 3px;
          border-radius: 3px;
}
.audio-item-box .contain .box-center .audio-progress-contain .audio-progress-touch {
  position: absolute;
  width: 100%;
  left: 0;
  height: 34px;
  top: -15px;
  z-index: 1;
}
.audio-item-box .contain .box-center .audio-progress-contain .audio-progress {
  -webkit-border-radius: 3px;
          border-radius: 3px;
  height: 5px;
  background: #f5333f;
  position: absolute;
  left: 0;
  top: 0;
}
.audio-item-box .contain .box-center .audio-progress-contain .audio-progress.not-progress {
  -webkit-transition: width 1s linear;
  -moz-transition: width 1s linear;
  transition: width 1s linear;
}
.audio-item-box .contain .box-center .audio-progress-contain .audio-progress .circle {
  width: 20px;
  height: 20px;
  background: #ffffff;
  position: absolute;
  right: -11px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  top: -8px;
  border: 2px solid #f5333f;
}
.audio-item-box .contain .box-right {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: bold;
  color: #333333;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 8px 0 0;
}

.teacher-fine-evaluation {
  position: relative;
  padding-top: 17px;
  margin-bottom: 32px;
}
.teacher-fine-evaluation .fine-evaluation-lable {
  position: absolute;
  height: 24px;
  top: 0;
  left: 24px;
  background: -webkit-gradient(linear, right top, left top, from(#FF4B4B), to(#FF6B6B));
  background: -webkit-linear-gradient(right, #FF4B4B 0%, #FF6B6B 100%);
  background: -moz-linear-gradient(right, #FF4B4B 0%, #FF6B6B 100%);
  background: linear-gradient(270deg, #FF4B4B 0%, #FF6B6B 100%);
  -webkit-border-radius: 16px;
          border-radius: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 16px 4px 4px;
}
.teacher-fine-evaluation .fine-evaluation-lable.clock-in {
  padding: 4px 8px 4px 4px;
}
.teacher-fine-evaluation .fine-evaluation-lable .teacher-img {
  width: 16px;
}
.teacher-fine-evaluation .fine-evaluation-lable .teacher-name {
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 14px;
}
.teacher-fine-evaluation .fine-evaluation-lable .line {
  width: 1px;
  /*px*/
  height: 16px;
  background: rgba(255, 255, 255, 0.4);
  margin: 0 4px;
}
.teacher-fine-evaluation .fine-evaluation-lable .star-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.teacher-fine-evaluation .fine-evaluation-lable .star-box .star {
  width: 11px;
  height: 11px;
  margin-right: 2px;
  background-image: url(https://img.qlchat.com/qlLive/activity/image/VTJLFY13-XG9U-A6EV-1645774266005-NFCJN1HA1H4D.png?x-oss-process=image/format,webp);
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}
.teacher-fine-evaluation .fine-evaluation-lable .star-box .star:last-child {
  margin-right: 0;
}
.teacher-fine-evaluation .fine-evaluation-lable .star-box .star.half {
  background-image: url(https://img.qlchat.com/qlLive/activity/image/9G3QVRC9-PA49-YMIH-1645774268086-UBXTB3TW6BR9.png?x-oss-process=image/format,webp);
}
.teacher-fine-evaluation .fine-evaluation-lable .star-box .star.empty {
  background-image: url(https://img.qlchat.com/qlLive/activity/image/J3F3M2DJ-GWQP-EG2K-1645774269694-VALWKTY1WB93.png?x-oss-process=image/format,webp);
}
.teacher-fine-evaluation .fine-evaluation-contain {
  background: #FFF2F2;
  -webkit-border-radius: 24px;
          border-radius: 24px;
  padding: 23px 24px 16px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 28px;
}
.teacher-fine-evaluation .fine-evaluation-contain .detaile {
  white-space: pre-line;
}
.teacher-fine-evaluation .fine-evaluation-contain .audio-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 8px;
}
.teacher-fine-evaluation .fine-evaluation-contain .audio-box.detail {
  margin-bottom: -16px;
}
.teacher-fine-evaluation .fine-evaluation-contain .audio-box .detail {
  margin-right: 24px;
  margin-bottom: 16px;
}
.teacher-fine-evaluation .fine-evaluation-contain .media-tips {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
}
.teacher-fine-evaluation .fine-evaluation-contain .media-tips .tips-icon {
  -webkit-border-radius: 19px;
          border-radius: 19px;
  border: 1px solid rgba(245, 51, 63, 0.3);
  /*no*/
  font-size: 20px;
  font-weight: 400;
  color: #f5333f;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 16px;
  line-height: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2px 16px;
}
.teacher-fine-evaluation .fine-evaluation-contain .media-tips .tips-icon i {
  font-size: 24px;
  margin-right: 4px;
}
.teacher-fine-evaluation .fine-evaluation-imgs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 16px;
  margin-top: 16px;
  margin-bottom: 8px;
  -webkit-border-radius: 16px;
          border-radius: 16px;
  overflow: hidden;
}
.teacher-fine-evaluation .fine-evaluation-imgs .img-box {
  width: 100%;
  -webkit-border-radius: 16px;
          border-radius: 16px;
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
  background-color: #000;
}
.teacher-fine-evaluation .fine-evaluation-imgs .img-box .teacher-comment-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-radius: 16px;
          border-radius: 16px;
}
.teacher-fine-evaluation .fine-evaluation-imgs .img-box .video-play-icon {
  position: absolute;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  top: 16px;
  right: 16px;
  z-index: 1;
}
.teacher-fine-evaluation .fine-evaluation-imgs .img-box .video-transcoding {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
  top: 0;
  left: 0;
}
.teacher-fine-evaluation .fine-evaluation-imgs .img-box .video-transcoding .transcoding-icon {
  width: 72px;
  height: 72px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  overflow: hidden;
}
.teacher-fine-evaluation .fine-evaluation-imgs .img-box .video-transcoding .transcoding-icon img {
  width: 100%;
  height: 100%;
  -webkit-animation: rotate360 1s infinite linear;
     -moz-animation: rotate360 1s infinite linear;
          animation: rotate360 1s infinite linear;
}
.teacher-fine-evaluation .fine-evaluation-imgs .img-box .video-transcoding .transcoding-tips {
  margin-top: 16px;
  font-size: 24px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 33px;
}

.idea-item-like-list {
  margin-bottom: 32px;
}
.idea-item-like-list .like-list-contain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 32px 0;
  border-bottom: 1px solid #EEEEEE;
}
.idea-item-like-list .like-list-contain .like-list-icon {
  width: 24px;
  height: 24px;
  margin-right: 16px;
}
.idea-item-like-list .like-list-contain .like-header-list {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.idea-item-like-list .like-list-contain .like-header-list .like-header-img {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid #DDDDDD;
  overflow: hidden;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.idea-item-like-list .like-list-contain .like-header-list .like-header-img img {
  width: 64px;
  height: 64px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.idea-item-like-list .like-list-contain .like-header-list .like-header-img:not(:first-child) {
  margin-left: -16px;
}
.idea-item-like-list .like-list-contain .like-number {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
  margin-left: 24px;
}

.user-is-teacher {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  margin-left: 18px;
  z-index: 0;
  white-space: nowrap;
}
.user-is-teacher img {
  display: block;
  width: 15px;
  height: 19px;
  position: absolute;
  left: -8px;
  z-index: 1;
}
.user-is-teacher span {
  display: block;
  padding: 0 3px 0 11px;
  height: 16px;
  background: #FFEFEC;
  -webkit-border-radius: 0px 100px 100px 0px;
          border-radius: 0px 100px 100px 0px;
  left: 16px;
  text-align: right;
  font-size: 12px;
  font-weight: 400;
  color: #F5333F;
  line-height: 16px;
  padding-right: 8px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.comment-list-box {
  margin-top: 0px;
}
.comment-list-box .comment-contain .middle-comment-entry-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 25px;
}
.comment-list-box .comment-contain .middle-comment-entry-wrap .comment-icon {
  -webkit-box-flex: 0;
  -webkit-flex: none;
     -moz-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 24px;
  height: auto;
  margin-right: 16px;
}
.comment-list-box .comment-contain .middle-comment-entry-wrap .input-box {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  height: 42px;
  background: #F7F7F7;
  -webkit-border-radius: 32px;
          border-radius: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 24px;
  font-size: 14px;
  color: #999;
  cursor: pointer;
}
.comment-list-box .list-box .comment-list-contain {
  padding-left: 40px;
}
.comment-list-box .list-box .comment-list-contain .comment-item {
  margin-bottom: 34px;
}
.comment-list-box .list-box .comment-list-contain .comment-item .comment-detail-item-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
}
.comment-list-box .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-header-img {
  width: 42px;
  height: 42px;
  margin-right: 16px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  overflow: hidden;
  border: 1px solid #DDDDDD;
}
.comment-list-box .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  overflow: hidden;
}
.comment-list-box .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 42px;
}
.comment-list-box .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .user-name {
  font-size: 14px;
  font-weight: 700;
  color: #333333;
  line-height: 33px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.comment-list-box .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .user-name .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 230px;
  display: inline-block;
  margin-right: 8px;
}
.comment-list-box .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .like-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #666;
  cursor: pointer;
}
.comment-list-box .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .like-box.active {
  color: #F5333F;
}
.comment-list-box .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .top-wrap .like-box .iconfont {
  font-size: 20px;
  margin-left: 8px;
}
.comment-list-box .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .user-name-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.comment-list-box .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .user-name-btn .name {
  width: 264px;
  font-size: 26px;
  font-weight: 700;
  color: #333333;
  line-height: 33px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 4px;
}
.comment-list-box .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .user-name-btn .btn {
  font-size: 24px;
  font-weight: 400;
  color: #BBBBBB;
  line-height: 33px;
}
.comment-list-box .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-wrap .spread-btn {
  font-size: 14px;
  color: #F5333F;
  cursor: pointer;
  line-height: 33px;
  margin-top: 8px;
}
.comment-list-box .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-message {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
}
.comment-list-box .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-message .GRID_1_4 {
  width: 120px;
  height: 120px;
}
.comment-list-box .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-message .GRID_1_7 {
  width: 40px;
  height: 40px;
}
.comment-list-box .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-time-btn {
  margin-top: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.comment-list-box .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-time-btn .left-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.comment-list-box .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-time-btn .left-wrap .time {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
  margin-right: 24px;
}
.comment-list-box .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-time-btn .left-wrap .reply-btn,
.comment-list-box .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-time-btn .left-wrap .reply-box-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  color: #999;
  cursor: pointer;
}
.comment-list-box .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-time-btn .left-wrap .reply-box-btn .iconfont {
  font-size: 24px;
}
.comment-list-box .list-box .comment-list-contain .comment-item .comment-detail-item-wrap .comment-user-message .comment-time-btn > .icongengduo1 {
  font-size: 32px;
  color: #999;
}
.comment-list-box .list-box .comment-list-contain .comment-item .repli-box {
  padding-left: 58px;
  margin-top: 16px;
}
.comment-list-box .list-box .comment-list-contain .comment-item .repli-box .repli-contain {
  background: #F7F7F7;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  padding: 24px;
}
.comment-list-box .list-box .comment-list-contain .comment-item .repli-box .repli-contain .comment-detail-item-wrap:not(:last-child) {
  margin-bottom: 16px;
}
.comment-list-box .list-box .comment-list-contain .comment-item .repli-box .repli-contain .comment-header-img {
  width: 24px;
  height: 24px;
}
.comment-list-box .list-box .comment-list-contain .comment-item .repli-box .repli-contain .top-wrap {
  height: 24px;
}
.comment-list-box .list-box .comment-list-contain .comment-item .repli-box .repli-contain .comment-message {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
}
.comment-list-box .list-box .comment-list-contain .comment-item .repli-box .repli-contain .user-reply-ctn .reply-text {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
  margin: 0 8px;
}
.comment-list-box .list-box .comment-list-contain .comment-item .repli-box .repli-contain .user-reply-ctn .name {
  font-weight: bold;
}
.comment-list-box .list-box .more-btn {
  margin-top: 34px;
  font-size: 14px;
  font-weight: 400;
  color: #F5333F;
  line-height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 98px;
}
.comment-list-box .no-data-box {
  text-align: center;
  margin: 24px 0 64px;
}
.comment-list-box .no-data-box .no-data-img {
  width: 120px;
  height: 120px;
}
.comment-list-box .no-data-box .no-data-tips {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}

.video-dialog-box {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  z-index: 9999;
}

.video-dialog-box .dialog-contain {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 62.5%;
  height: 62.5%;
  min-width: 1080px;
  min-height: 607.5px;
  margin-top: -48px;
}

.video-dialog-box .dialog-contain .video-contain {
  width: 100%;
  /*no*/
  height: 100%;
  /*no*/
  background: #000;
}

.video-dialog-box .dialog-contain .close {
  margin-top: 48px;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.comunity-details-page .main-container {
  width: 750px;
  margin: 32px auto 0;
}
.comunity-details-page .no-data-box {
  text-align: center;
  margin: 165px auto;
}
.comunity-details-page .no-data-box img {
  width: 120px;
  height: 120px;
}
.comunity-details-page .no-data-box .tips {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
  margin-top: 26px;
}

.clock-in-item {
  width: 221px;
  height: 409px;
  background: #FFFFFF;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  border: 1px solid #EEEEEE;
  overflow: hidden;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  cursor: pointer;
}
.clock-in-item:hover {
  -webkit-transform: translateY(-20px);
     -moz-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.05);
}
.clock-in-item .clock-img-box {
  position: relative;
  height: 293px;
  width: 100%;
  overflow: hidden;
}
.clock-in-item .clock-img-box img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.clock-in-item .clock-img-box .video-play-cion {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 16px;
  right: 16px;
  display: block;
  background-image: url("https://img.qlchat.com/qlLive/activity/image/BE3ODLGM-YPY9-H7FF-1653387966274-43XXRM41MGUH.png?x-oss-process=image/format,webp");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
}
.clock-in-item .content-message {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0 16px;
  margin: 16px 0;
  min-height: 44px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  word-break: break-all;
}
.clock-in-item .user-message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
}
.clock-in-item .user-message .user-header-img {
  width: 24px;
  height: 24px;
  border: 1px solid #DDDDDD;
  overflow: hidden;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  margin-right: 8px;
}
.clock-in-item .user-message .user-header-img img {
  width: 100%;
  height: 100%;
}
.clock-in-item .user-message .user-name {
  width: 120px;
  height: 17px;
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  line-height: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

a[title='站长统计'] {
  display: none;
}
.comunity-list-page {
  background-color: #fff;
}
.comunity-list-page .main-container {
  overflow: hidden;
  padding-top: 32px;
}
.comunity-list-page .main-container .main-container-width {
  width: 1200px;
  margin: 0 auto;
}
.comunity-list-page .main-container .community-list-contain::before {
  content: '';
  display: table;
  border-top: 1px solid transparent;
}
.comunity-list-page .main-container .community-list-contain .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.comunity-list-page .main-container .community-list-contain .list .clockin-box {
  margin-bottom: 32px;
}
.comunity-list-page .main-container .community-list-contain .list .clockin-box:not(:nth-child(5n)) {
  margin-right: 23px;
}
.comunity-list-page .main-container .list-btn {
  width: 192px;
  height: 48px;
  background: -webkit-gradient(linear, left top, right top, from(#FF9678), to(#F5333F));
  background: -webkit-linear-gradient(left, #FF9678 0%, #F5333F 100%);
  background: -moz-linear-gradient(left, #FF9678 0%, #F5333F 100%);
  background: linear-gradient(90deg, #FF9678 0%, #F5333F 100%);
  -webkit-box-shadow: 0px 10px 20px 0px rgba(245, 51, 63, 0.2);
          box-shadow: 0px 10px 20px 0px rgba(245, 51, 63, 0.2);
  -webkit-border-radius: 24px;
          border-radius: 24px;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  margin-bottom: 64px;
}
.comunity-list-page .main-container .no-data-box {
  text-align: center;
  margin: 130px auto 194px;
}
.comunity-list-page .main-container .no-data-box img {
  width: 120px;
  height: 120px;
}
.comunity-list-page .main-container .no-data-box .tips {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
  margin-top: 8px;
}

.course-detail-page-wrap {
  width: 640px;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #fff;
  padding-bottom: 120px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.course-detail-page-wrap .img-wrap {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.course-detail-page-wrap .img-wrap > img {
  width: 100%;
  display: block;
}
.course-detail-page-wrap .pay-btn-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 120px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
}
.course-detail-page-wrap .pay-btn-wrap .pay-btn {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  height: 96px;
  background: -webkit-linear-gradient(225deg, #FF9F33 0%, #FF6033 100%);
  background: -moz-linear-gradient(225deg, #FF9F33 0%, #FF6033 100%);
  background: linear-gradient(225deg, #FF9F33 0%, #FF6033 100%);
  -webkit-border-radius: 52px;
          border-radius: 52px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: normal;
  color: #fff;
  font-weight: bold;
  font-family: PingFangSC-Semibold, PingFang SC;
}
.course-detail-page-wrap .pay-btn-wrap .pay-btn .unit {
  font-size: 32px;
}
.course-detail-page-wrap .pay-btn-wrap .pay-btn .num {
  font-size: 48px;
}
.course-detail-page-wrap .pay-btn-wrap .pay-btn .text {
  font-size: 36px;
  margin-left: 8px;
}
.course-detail-page-wrap .bottom-dialog {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 100;
}
.course-detail-page-wrap .bottom-dialog.hide {
  display: none;
}
.course-detail-page-wrap .bottom-dialog .mask-bg {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.course-detail-page-wrap .bottom-dialog .content-box {
  position: absolute;
  top: 56px;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-border-radius: 32px 32px 0px 0px;
          border-radius: 32px 32px 0px 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 2;
}
.course-detail-page-wrap .bottom-dialog .content-box .title-wrap {
  width: 100%;
  height: 96px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: normal;
  font-size: 32px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
     -moz-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.course-detail-page-wrap .bottom-dialog .content-box .close-img {
  width: 48px;
  position: absolute;
  top: 24px;
  right: 32px;
  cursor: pointer;
}
.course-detail-page-wrap .bottom-dialog .content-box .content-ctn {
  height: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  overflow-y: auto;
}
.course-detail-page-wrap .bottom-dialog .content-box .content-ctn .item-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 32px;
  height: 120px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.course-detail-page-wrap .bottom-dialog .content-box .content-ctn .item-box .icon {
  width: 64px;
  margin-right: 24px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
     -moz-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.course-detail-page-wrap .bottom-dialog .content-box .content-ctn .item-box .data-wrap {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.course-detail-page-wrap .bottom-dialog .content-box .content-ctn .item-box .data-wrap .name {
  font-size: 28px;
  line-height: 40px;
}
.course-detail-page-wrap .bottom-dialog .content-box .content-ctn .item-box .data-wrap .value {
  font-size: 24px;
  color: #999;
  margin-top: 8px;
}
.course-detail-page-wrap .bottom-dialog .content-box .content-ctn .item-box .iconfont-licai {
  -webkit-box-flex: 0;
  -webkit-flex: none;
     -moz-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 32px;
  color: #FF790D;
}
.course-detail-page-wrap .bottom-dialog .content-box .content-ctn .item-box .un-select-icon {
  width: 32px;
  height: 32px;
  border: 1px solid #BBBBBB;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.course-detail-page-wrap .bottom-dialog .content-box .dialog-pay-btn-wrap {
  width: 100%;
  height: 120px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  -webkit-box-shadow: inset 0px 1px 0px 0px #EEEEEE;
          box-shadow: inset 0px 1px 0px 0px #EEEEEE;
}
.course-detail-page-wrap .bottom-dialog .content-box .dialog-pay-btn-wrap .dialog-pay-btn {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  height: 96px;
  background: -webkit-linear-gradient(225deg, #FF9F33 0%, #FF6033 100%);
  background: -moz-linear-gradient(225deg, #FF9F33 0%, #FF6033 100%);
  background: linear-gradient(225deg, #FF9F33 0%, #FF6033 100%);
  -webkit-border-radius: 52px;
          border-radius: 52px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: normal;
  color: #fff;
  font-weight: bold;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-size: 32px;
}

.home-page-wrap {
  color: red;
  font-size: 40px;
  background: #fff;
  color: #333;
  font-family: AlibabaPuHuiTiR;
}
.home-page-wrap .main-ctn-wrap2 {
  width: 1210px;
  margin: 0 auto;
  background: #fff;
}
.home-page-wrap .main-ctn-wrap2 span {
  font-family: AlibabaPuHuiTiR !important;
  font-size: 20px !important;
}
.home-page-wrap .main-ctn-wrap2 > table {
  width: 1210px !important;
}
.home-page-wrap .main-ctn-wrap2 > table td {
  border: 1px solid #000 !important;
}
.home-page-wrap .hide {
  display: none;
}
.home-page-wrap img {
  display: block;
}
.home-page-wrap .white-bg {
  width: 100%;
  height: 80px;
  background: #fff;
}
.home-page-wrap .top-outer-wrap {
  position: fixed;
  width: 100%;
  height: 80px;
  left: 0;
  top: 0;
  z-index: 1000;
  background: #fff;
}
.home-page-wrap .top-tab-wrap {
  width: 1210px;
  height: 80px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
}
.home-page-wrap .top-tab-wrap .logo-img {
  width: 146px;
  margin-right: 84px;
}
.home-page-wrap .top-tab-wrap .tab-wrap {
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.home-page-wrap .top-tab-wrap .tab-wrap > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  position: relative;
  font-weight: bold;
  margin-right: 51px;
  cursor: pointer;
}
.home-page-wrap .top-tab-wrap .tab-wrap > div.active {
  color: #F5333F;
}
.home-page-wrap .top-tab-wrap .tab-wrap > div.active::after {
  content: '';
  display: block;
  width: 32px;
  height: 3px;
  background: #F5333F;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
          transform: translateX(-50%);
}
.home-page-wrap .banner-img-wrap {
  width: 100%;
  min-width: 1210px;
  height: 548px;
  position: relative;
}
.home-page-wrap .banner-img-wrap > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-page-wrap .banner-img-wrap #id2 {
  position: absolute;
  left: 0;
  bottom: 80px;
}
.home-page-wrap .course-wrap {
  width: 100%;
  min-width: 1210px;
  background: -webkit-gradient(linear, left top, left bottom, from(#F9F9FB), to(#FFFFFF));
  background: -webkit-linear-gradient(top, #F9F9FB 0%, #FFFFFF 100%);
  background: -moz-linear-gradient(top, #F9F9FB 0%, #FFFFFF 100%);
  background: linear-gradient(180deg, #F9F9FB 0%, #FFFFFF 100%);
  padding: 72px 0;
  position: relative;
}
.home-page-wrap .course-wrap #id3 {
  position: absolute;
  left: 0;
  bottom: 80px;
}
.home-page-wrap .course-wrap .title-img {
  width: 1072px;
  margin: 0 auto;
  display: block;
}
.home-page-wrap .course-wrap .course-box-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 1210px;
  margin-top: 38px;
}
.home-page-wrap .course-wrap .course-box-wrap > div {
  width: 384px;
  height: 315px;
  background: #FFFFFF;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  border: 1px solid #EEEEEE;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 29px;
  cursor: pointer;
}
.home-page-wrap .course-wrap .course-box-wrap > div:last-child {
  margin-right: 0;
}
.home-page-wrap .course-wrap .course-box-wrap > div .course-img {
  width: 100%;
  height: 239px;
}
.home-page-wrap .course-wrap .course-box-wrap > div .text {
  width: 100%;
  height: 76px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 20px;
  font-weight: bold;
}
.home-page-wrap .company-intro-wrap {
  width: 100%;
  min-width: 1210px;
  background: #F9F9FB;
  padding: 128px 0;
}
.home-page-wrap .company-intro-wrap .title-img {
  width: 548px;
  margin: 0 auto;
  display: block;
}
.home-page-wrap .company-intro-wrap .detail {
  width: 1196px;
  margin: 0 auto;
  margin-top: 26px;
  font-size: 24px;
  color: #666;
  line-height: 33px;
}
.home-page-wrap .company-intro-wrap .detail > div {
  width: 100%;
  margin-bottom: 50px;
}
.home-page-wrap .history-wrap {
  width: 100%;
  min-width: 1210px;
  background: #F9F9FB;
  padding: 128px 0 156px;
}
.home-page-wrap .history-wrap .title-img {
  width: 526px;
  display: block;
  margin: 0 auto;
}
.home-page-wrap .history-wrap .detail-wrap {
  margin-top: 33px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-page-wrap .history-wrap .detail-wrap .left-wrap {
  text-align: right;
}
.home-page-wrap .history-wrap .detail-wrap .right-wrap {
  text-align: left;
}
.home-page-wrap .history-wrap .detail-wrap .left-wrap .title,
.home-page-wrap .history-wrap .detail-wrap .right-wrap .title {
  font-size: 24px;
  color: #F5333F;
  font-weight: bold;
  line-height: 33px;
  white-space: nowrap;
}
.home-page-wrap .history-wrap .detail-wrap .left-wrap .subtitle,
.home-page-wrap .history-wrap .detail-wrap .right-wrap .subtitle {
  font-size: 28px;
  line-height: 38px;
  font-weight: bold;
  margin-top: 12px;
  white-space: nowrap;
}
.home-page-wrap .history-wrap .detail-wrap .left-wrap .text,
.home-page-wrap .history-wrap .detail-wrap .right-wrap .text {
  font-size: 20px;
  color: #666;
  line-height: 27px;
  margin-top: 12px;
  white-space: nowrap;
}
.home-page-wrap .history-wrap .detail-wrap .middle-line {
  margin: 0 39px;
  height: 2851px;
  width: 2px;
  background: #E8E8E9;
  -webkit-border-radius: 1px;
          border-radius: 1px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home-page-wrap .history-wrap .detail-wrap .middle-line > div {
  width: 12px;
  height: 12px;
  background: #F5333F;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.home-page-wrap .history-wrap .detail-wrap .middle-line .point1 {
  margin-top: 50px;
}
.home-page-wrap .history-wrap .detail-wrap .middle-line .point2 {
  margin-top: 270px;
}
.home-page-wrap .history-wrap .detail-wrap .middle-line .point3 {
  margin-top: 215px;
}
.home-page-wrap .history-wrap .detail-wrap .middle-line .point4 {
  margin-top: 225px;
}
.home-page-wrap .history-wrap .detail-wrap .middle-line .point5 {
  margin-top: 215px;
}
.home-page-wrap .history-wrap .detail-wrap .middle-line .point6 {
  margin-top: 215px;
}
.home-page-wrap .history-wrap .detail-wrap .middle-line .point7 {
  margin-top: 280px;
}
.home-page-wrap .history-wrap .detail-wrap .middle-line .point8 {
  margin-top: 242px;
}
.home-page-wrap .history-wrap .detail-wrap .middle-line .point9 {
  margin-top: 225px;
}
.home-page-wrap .history-wrap .detail-wrap .middle-line .point10 {
  margin-top: 280px;
}
.home-page-wrap .history-wrap .detail-wrap .middle-line .point11 {
  margin-top: 188px;
}
.home-page-wrap .history-wrap .detail-wrap .middle-line .point12 {
  margin-top: 253px;
}
.home-page-wrap .history-wrap .detail-wrap .left-wrap .data1 {
  margin-top: 40px;
}
.home-page-wrap .history-wrap .detail-wrap .left-wrap .data2 {
  margin-top: 267px;
}
.home-page-wrap .history-wrap .detail-wrap .left-wrap .data3 {
  margin-top: 267px;
}
.home-page-wrap .history-wrap .detail-wrap .left-wrap .data4 {
  margin-top: 332px;
}
.home-page-wrap .history-wrap .detail-wrap .left-wrap .data5 {
  margin-top: 277px;
}
.home-page-wrap .history-wrap .detail-wrap .left-wrap .data6 {
  margin-top: 240px;
}
.home-page-wrap .history-wrap .detail-wrap .right-wrap .data1 {
  margin-top: 322px;
}
.home-page-wrap .history-wrap .detail-wrap .right-wrap .data2 {
  margin-top: 277px;
}
.home-page-wrap .history-wrap .detail-wrap .right-wrap .data3 {
  margin-top: 267px;
}
.home-page-wrap .history-wrap .detail-wrap .right-wrap .data4 {
  margin-top: 294px;
}
.home-page-wrap .history-wrap .detail-wrap .right-wrap .data5 {
  margin-top: 332px;
}
.home-page-wrap .history-wrap .detail-wrap .right-wrap .data6 {
  margin-top: 305px;
}
.home-page-wrap .bottom-wrap {
  width: 1210px;
  margin: 0 auto;
  background: #fff;
  padding: 62px 60px 82px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.home-page-wrap .bottom-wrap .title {
  font-size: 18px;
  line-height: 25px;
}
.home-page-wrap .bottom-wrap .text {
  font-size: 14px;
  line-height: 20px;
  color: #666;
  margin-top: 18px;
}
.home-page-wrap .bottom-wrap .text.text1 {
  margin-top: 32px;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: -moz-calc(var(--swiper-navigation-size) / 44 * 27);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: -moz-calc(0px - (var(--swiper-navigation-size) / 2));
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}

.video-dialog-box-neo {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 9999;
}

.video-dialog-box-neo .dialog-contain-neo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80vw;
  height: auto;
}

.video-dialog-box-neo .dialog-contain-neo .video-contain-neo {
  width: 100%;
  /*no*/
  height: 100%;
  /*no*/
  background: #000;
}

.video-dialog-box-neo .dialog-contain-neo .close {
  width: 32px;
  height: 32px;
  cursor: pointer;
  position: absolute;
  top: 16px;
  right: 16px;
}
.home-training-top-banner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #F9F9FB;
  position: relative;
}
.home-training-top-banner .brand-video-container {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1200px;
  height: 600px;
  z-index: 2;
  pointer-events: none;
}
.home-training-top-banner .brand-video {
  pointer-events: all;
  position: absolute;
  top: 105px;
  left: 0;
  width: 320px;
  height: 456px;
  background: -webkit-linear-gradient(280deg, rgba(245, 243, 243, 0.6) 0%, #FFFFFF 100%);
  background: -moz-linear-gradient(280deg, rgba(245, 243, 243, 0.6) 0%, #FFFFFF 100%);
  background: linear-gradient(170deg, rgba(245, 243, 243, 0.6) 0%, #FFFFFF 100%);
  -webkit-box-shadow: 0px 8px 24px 0px rgba(240, 211, 201, 0.62);
          box-shadow: 0px 8px 24px 0px rgba(240, 211, 201, 0.62);
  -webkit-border-radius: 24px 24px 24px 24px;
          border-radius: 24px 24px 24px 24px;
  border: 2px solid #FFFFFF;
  -webkit-border-radius: 24px;
          border-radius: 24px;
  z-index: 2;
  text-align: center;
}
.home-training-top-banner .brand-video .brand-name {
  font-size: 24px;
  font-weight: 500;
  color: #1A1A1A;
  line-height: 36px;
  padding-top: 40px;
}
.home-training-top-banner .brand-video .brand-desc {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 400;
  color: #4D4D4D;
  line-height: 22px;
}
.home-training-top-banner .brand-video .brand-video-box {
  margin: 48px auto 0;
  width: 304px;
  height: 294px;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFC8C2), color-stop(99%, rgba(255, 214, 217, 0.1)));
  background: -webkit-linear-gradient(top, #FFC8C2 0%, rgba(255, 214, 217, 0.1) 99%);
  background: -moz-linear-gradient(top, #FFC8C2 0%, rgba(255, 214, 217, 0.1) 99%);
  background: linear-gradient(180deg, #FFC8C2 0%, rgba(255, 214, 217, 0.1) 99%);
  -webkit-border-radius: 16px 16px 16px 16px;
          border-radius: 16px 16px 16px 16px;
}
.home-training-top-banner .brand-video .brand-video-box .course-img {
  margin-top: 8px;
  width: 288px;
  height: 146px;
  -webkit-border-radius: 12px;
          border-radius: 12px;
}
.home-training-top-banner .brand-video .brand-video-box .brand-video-btn {
  height: 88px;
  width: 320px;
  margin-top: 36px;
  background: url(https://img.qlchat.com/qlLive/activity/image/OCMFDUVX-FCPY-RFSD-1710139341495-3AC4N7PWGDHA.png?x-oss-process=image/format,webp) center / 100% 100% no-repeat;
  font-size: 20px;
  color: #FFFFFF;
  line-height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home-training-top-banner .brand-video .brand-video-box .brand-video-btn span {
  margin-top: -10px;
}
.home-training-top-banner .brand-video .brand-video-box .brand-video-btn .brand-video-btn-icon {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: -8px;
}
.home-training-top-banner .home-training-top-banne-swiper {
  width: 100%;
  height: 600px;
  cursor: pointer;
  position: relative;
}
.home-training-top-banner .home-training-top-banne-swiper .swiper-button-prev,
.home-training-top-banner .home-training-top-banne-swiper .swiper-button-next {
  width: 64px;
  height: 64px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
  color: #fff;
  opacity: 1 !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.home-training-top-banner .home-training-top-banne-swiper .swiper-button-prev::after,
.home-training-top-banner .home-training-top-banne-swiper .swiper-button-next::after {
  font-size: 14px;
  font-weight: bold;
}
.home-training-top-banner .home-training-top-banne-swiper .swiper-button-prev {
  -webkit-transform: translate(-100%, -50%);
     -moz-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  left: 0;
}
.home-training-top-banner .home-training-top-banne-swiper .swiper-button-next {
  -webkit-transform: translate(100%, -50%);
     -moz-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
  right: 0;
}
.home-training-top-banner .home-training-top-banne-swiper .home-training-top-banne-swiper-img {
  width: 100%;
  height: 100%;
  -webkit-background-size: auto 100%;
          background-size: auto 100%;
}
.home-training-top-banner .home-training-top-banne-swiper:hover .swiper-button-prev {
  -webkit-transform: translate(50%, -50%);
     -moz-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.home-training-top-banner .home-training-top-banne-swiper:hover .swiper-button-next {
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.home-training-top-banner .home-training-top-banne-swiper .swiper-pagination {
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: 40px;
  z-index: 10;
  -webkit-transition: 0.3s opacity;
  -moz-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.home-training-top-banner .home-training-top-banne-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 32px;
  height: 8px;
  background: rgba(0, 0, 0, 0.08);
  opacity: 1;
  margin: 0 4px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  transition: 0.25s;
}
.home-training-top-banner .home-training-top-banne-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 32px;
  height: 8px;
  background: #F5333F;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  opacity: 1;
}

.home-brand-info-wrap .brand-tab-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #EEEEEE;
  -webkit-border-radius: 12px;
          border-radius: 12px;
  margin-top: 48px;
}
.home-brand-info-wrap .brand-tab-list .brand-tab-list-item + .brand-tab-list-item {
  border-left: 1px solid #EEEEEE;
}
.home-brand-info-wrap .brand-tab-list .brand-tab-list-item {
  width: 400px;
  height: 72px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.home-brand-info-wrap .brand-tab-list .brand-tab-list-item.active1 {
  background: url(https://img.qlchat.com/qlLive/activity/image/GX9PNWG7-BFP3-28HH-1710156597370-MKU8EOWJ44XD.png?x-oss-process=image/format,webp) center / 100% 100% no-repeat;
}
.home-brand-info-wrap .brand-tab-list .brand-tab-list-item.active1 .tab-title,
.home-brand-info-wrap .brand-tab-list .brand-tab-list-item.active1 .tab-desc {
  color: #FFF;
}
.home-brand-info-wrap .brand-tab-list .brand-tab-list-item.active2 {
  background: url(https://img.qlchat.com/qlLive/activity/image/IL34P7RH-GTKG-WX8E-1708670124263-VC3DVKM8IRYL.png?x-oss-process=image/format,webp) center / 100% 100% no-repeat;
}
.home-brand-info-wrap .brand-tab-list .brand-tab-list-item.active2 .tab-title,
.home-brand-info-wrap .brand-tab-list .brand-tab-list-item.active2 .tab-desc {
  color: #FFF;
}
.home-brand-info-wrap .brand-tab-list .brand-tab-list-item.active3 {
  background: url(https://img.qlchat.com/qlLive/activity/image/PWMQZF4I-JVYK-65DY-1710156727341-RAY9YHXQV3AQ.png?x-oss-process=image/format,webp) center / 100% 100% no-repeat;
}
.home-brand-info-wrap .brand-tab-list .brand-tab-list-item.active3 .tab-title,
.home-brand-info-wrap .brand-tab-list .brand-tab-list-item.active3 .tab-desc {
  color: #FFF;
}
.home-brand-info-wrap .brand-tab-list .brand-tab-list-item .tab-title {
  font-weight: 600;
  font-size: 20px;
  color: #1A1A1A;
  line-height: 30px;
}
.home-brand-info-wrap .brand-tab-list .brand-tab-list-item .tab-desc {
  font-weight: 400;
  font-size: 16px;
  color: #4D4D4D;
  line-height: 24px;
}
.home-brand-info-wrap .brand-map {
  width: 1200px;
  height: 820px;
  padding: 18px;
  margin-top: 32px;
  -webkit-box-shadow: 0px 9px 18px 10px rgba(252, 222, 212, 0.42);
          box-shadow: 0px 9px 18px 10px rgba(252, 222, 212, 0.42);
  background: -webkit-linear-gradient(315deg, rgba(255, 243, 234, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: -moz-linear-gradient(315deg, rgba(255, 243, 234, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(135deg, rgba(255, 243, 234, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
  border: 4px solid rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 28px;
          border-radius: 28px;
}
.home-brand-info-wrap .brand-map img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-brand-info-wrap .user-comment-container {
  width: 1200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 24px;
}
.home-brand-info-wrap .user-comment-container .user-comment-item {
  width: 368px;
  height: 252px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 8px 24px 0px rgba(252, 222, 212, 0.42);
          box-shadow: 0px 8px 24px 0px rgba(252, 222, 212, 0.42);
  -webkit-border-radius: 24px 24px 24px 0;
          border-radius: 24px 24px 24px 0;
  padding: 24px;
  margin-top: 24px;
}
.home-brand-info-wrap .user-comment-container .user-comment-item .user-comment-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home-brand-info-wrap .user-comment-container .user-comment-item .user-comment-info .user-avatar {
  width: 56px;
  height: 56px;
}
.home-brand-info-wrap .user-comment-container .user-comment-item .user-comment-info .user-info {
  margin-left: 16px;
}
.home-brand-info-wrap .user-comment-container .user-comment-item .user-comment-info .user-info .user-name {
  font-weight: 400;
  font-size: 16px;
  color: #4D4D4D;
  line-height: 24px;
  text-align: left;
  margin-bottom: 6px;
}
.home-brand-info-wrap .user-comment-container .user-comment-item .user-comment-info .user-info .user-tag {
  background: #F34242;
  -webkit-border-radius: 12px 12px 12px 0px;
          border-radius: 12px 12px 12px 0px;
  border: 1px solid #FEE2E4;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 24px;
  text-align: left;
  padding: 0 8px;
  display: inline-block;
}
.home-brand-info-wrap .user-comment-container .user-comment-item .user-comment-content {
  margin-top: 18px;
  font-weight: 400;
  font-size: 14px;
  color: #4D4D4D;
  line-height: 22px;
  text-align: left;
}
.home-brand-info-wrap .brandInfo-excellent-teacher-swiper {
  width: 100%;
}
.home-brand-info-wrap .brandInfo-excellent-teacher-swiper .brandInfo-excellent-teacher-swiper-slide {
  width: 168px;
  height: 360px;
}
.home-brand-info-wrap .brandInfo-excellent-teacher-swiper .brandInfo-excellent-teacher-swiper-slide .brandInfo-excellent-teacher-swiper-item {
  width: 168px;
  height: 360px;
}
.home-brand-info-wrap .teacher-container {
  position: relative;
  z-index: 1;
}
.home-brand-info-wrap .teacher-container .bg1 {
  width: 553px;
  height: 553px;
  position: absolute;
  top: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
          transform: translateX(-50%);
}
.home-brand-info-wrap .teacher-container .criterion {
  width: 320px;
  font-weight: 400;
  font-size: 16px;
  color: #3D3D3D;
  line-height: 24px;
  padding: 8px 0;
  background: #FFFFFF;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0px 16px 48px 0px rgba(252, 212, 215, 0.52);
          box-shadow: 0px 16px 48px 0px rgba(252, 212, 215, 0.52);
  -webkit-border-radius: 8px 8px 8px 8px;
          border-radius: 8px 8px 8px 8px;
}
.home-brand-info-wrap .teacher-container .criterion .icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.home-brand-info-wrap .teacher-container .criterion.style1 {
  position: absolute;
  top: 173px;
  left: 128px;
}
.home-brand-info-wrap .teacher-container .criterion.style2 {
  position: absolute;
  top: 245px;
  left: 232px;
}
.home-brand-info-wrap .teacher-container .criterion.style3 {
  position: absolute;
  top: 101px;
  left: 50%;
  -webkit-transform: translate(-50%);
     -moz-transform: translate(-50%);
          transform: translate(-50%);
}
.home-brand-info-wrap .teacher-container .criterion.style4 {
  position: absolute;
  top: 173px;
  right: 128px;
}
.home-brand-info-wrap .teacher-container .criterion.style5 {
  position: absolute;
  top: 245px;
  right: 232px;
}
.home-brand-info-wrap .teacher-container .bg2 {
  width: 1024px;
  height: 256px;
  position: absolute;
  top: 624px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
          transform: translateX(-50%);
}
.home-brand-info-wrap .brandInfo-carousel-wrapper {
  position: relative;
  top: 335px;
  z-index: 2;
  height: 400px;
  -webkit-perspective: 400px;
     -moz-perspective: 400px;
          perspective: 400px;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: scale(0.55);
     -moz-transform: scale(0.55);
          transform: scale(0.55);
}
.home-brand-info-wrap .brandInfo-carousel-wrapper .brandInfo-carousel-item {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 168px;
  height: 356px;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out, -moz-transform 1s ease-in-out;
}
.home-brand-info-wrap .brandInfo-carousel-wrapper .brandInfo-carousel-item > img {
  width: 100%;
}

.honorary-pan-container {
  margin-top: 32px !important;
  padding: 24px 0;
  width: 1200px;
  height: 544px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 16px 48px 0px rgba(252, 222, 212, 0.42);
          box-shadow: 0px 16px 48px 0px rgba(252, 222, 212, 0.42);
  -webkit-border-radius: 24px 24px 24px 24px;
          border-radius: 24px 24px 24px 24px;
  overflow: auto;
  /* Firefox浏览器 */
  scrollbar-width: none;
}
.honorary-pan-container .liner-pan {
  overflow: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.honorary-pan-container .liner-pan .liner-pan-item {
  width: 300px;
  height: 248px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 300px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 300px;
          flex: 0 0 300px;
  -webkit-animation: liner-pan 16s infinite linear normal;
     -moz-animation: liner-pan 16s infinite linear normal;
          animation: liner-pan 16s infinite linear normal;
  -webkit-animation-play-state: running;
     -moz-animation-play-state: running;
          animation-play-state: running;
}
.honorary-pan-container ::-webkit-scrollbar {
  display: none;
}
@-webkit-keyframes liner-pan {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-2400px);
            transform: translateX(-2400px);
  }
}
@-moz-keyframes liner-pan {
  0% {
    -moz-transform: translateX(0);
         transform: translateX(0);
  }
  100% {
    -moz-transform: translateX(-2400px);
         transform: translateX(-2400px);
  }
}
@keyframes liner-pan {
  0% {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-2400px);
       -moz-transform: translateX(-2400px);
            transform: translateX(-2400px);
  }
}

.home-brand-report-container {
  width: 1200px;
  margin: 0 auto;
}
.home-brand-report-container .brand-report-list {
  position: relative;
  width: 100%;
  height: 488px;
}
.home-brand-report-container .brand-report-list .brand-report-prev {
  position: absolute;
  top: 50%;
  left: -72px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.home-brand-report-container .brand-report-list .brand-report-prev .to-left {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
          transform: rotate(180deg);
}
.home-brand-report-container .brand-report-list .brand-report-next {
  position: absolute;
  top: 50%;
  right: -72px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.home-brand-report-container .brand-report-list .brand-report-next > i {
  font-size: 20px;
}
.home-brand-report-container .brand-report-list .brand-report-prev,
.home-brand-report-container .brand-report-list .brand-report-next {
  width: 48px;
  height: 48px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(252, 222, 212, 0.42);
          box-shadow: 0px 2px 4px 0px rgba(252, 222, 212, 0.42);
  border: 1px solid #EEEEEE;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  font-size: 20px;
  color: #808080;
  cursor: pointer;
}
.home-brand-report-container .brand-report-list .brand-report-prev > i,
.home-brand-report-container .brand-report-list .brand-report-next > i {
  font-size: 20px;
}
.home-brand-report-container .brand-report-list .brand-report-prev:hover,
.home-brand-report-container .brand-report-list .brand-report-next:hover {
  border: 1px solid #F5333F;
  color: #F5333F;
}
.home-brand-report-container .brand-report-list .brand-report-swiper {
  padding-top: 48px;
  height: 100%;
  width: 100%;
}
.home-brand-report-container .brand-report-list .brand-report-swiper .brand-report-slide {
  width: 368px;
}
.home-brand-report-container .brand-report-list .brand-report-swiper .brand-report-slide .brand-report-item {
  width: 368px;
  height: 440px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}
.home-brand-report-container .brand-report-list .brand-report-swiper .brand-report-slide .brand-report-item .view-detail-text {
  position: absolute;
  top: 384px;
  right: 36px;
  font-weight: 400;
  font-size: 16px;
  color: #F5333F;
  line-height: 24px;
  text-align: left;
}
.home-brand-report-container .brand-report-list .brand-report-swiper .brand-report-slide .brand-report-item .report-item-wrap {
  background: url(https://img.qlchat.com/qlLive/activity/image/J3QKXUYL-CYYG-337S-1710140511814-KJO6LURBLHRS.png?x-oss-process=image/format,webp) center / 100% 100% no-repeat;
  -webkit-border-radius: 24px;
          border-radius: 24px;
  padding: 24px 32px;
  height: 100%;
  cursor: pointer;
}
.home-brand-report-container .brand-report-list .brand-report-swiper .brand-report-slide .brand-report-item .channel-img {
  width: auto;
  height: 64px;
}
.home-brand-report-container .brand-report-list .brand-report-swiper .brand-report-slide .brand-report-item .title {
  margin-top: 16px;
  font-weight: 500;
  font-size: 20px;
  color: #1A1A1A;
  line-height: 32px;
  text-align: left;
}
.home-brand-report-container .brand-report-list .brand-report-swiper .brand-report-slide .brand-report-item .content {
  margin: 16px 0;
  font-weight: 400;
  font-size: 16px;
  color: #4D4D4D;
  line-height: 24px;
  text-align: left;
}
.home-brand-report-container .brand-report-list .brand-report-swiper .brand-report-slide .brand-report-item:hover {
  -webkit-transform: translateY(-16px);
     -moz-transform: translateY(-16px);
          transform: translateY(-16px);
  z-index: 9;
}
.home-brand-report-container .brand-report-list .brand-report-swiper .brand-report-slide .brand-report-item:hover .title {
  color: #F5333F;
}

a[title='站长统计'] {
  display: none;
}
.fadeInUp {
  -webkit-animation: fadeInUp 0.3s ease-in-out 0s 1 both;
     -moz-animation: fadeInUp 0.3s ease-in-out 0s 1 both;
          animation: fadeInUp 0.3s ease-in-out 0s 1 both;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 32px, 0);
            transform: translate3d(0, 32px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 32px, 0);
         transform: translate3d(0, 32px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
         transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 32px, 0);
       -moz-transform: translate3d(0, 32px, 0);
            transform: translate3d(0, 32px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
         transform: none;
  }
}
.home-training-page {
  background-color: #fff;
}
.home-training-page .main-container {
  overflow: hidden;
}
.home-training-page .main-container .main-container-brand {
  background: url(https://img.qlchat.com/qlLive/activity/image/5H2MAPW6-XGEK-HTW3-1708583820033-KQ8RT39U8757.png?x-oss-process=image/format,webp) center / 100% 100% no-repeat;
  width: 100%;
  height: 1258px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.home-training-page .main-container .main-container-honorary {
  background: url(https://img.qlchat.com/qlLive/activity/image/3KFS9PQO-MNNF-3Z5V-1708933436587-OHHVZYHMZDB1.png?x-oss-process=image/format,webp) center / 100% 100% no-repeat;
  width: 100%;
  height: 826px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.home-training-page .main-container .main-container-brand-report {
  background: url(https://img.qlchat.com/qlLive/activity/image/K3J6NHAX-CUEN-RAXY-1709893952992-29RFP2W384US.png?x-oss-process=image/format,webp) center / 100% 100% no-repeat;
  width: 100%;
  height: 736px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 35px;
}
.home-training-page .main-container .main-container-bg-1 {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F9F9FB));
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #F9F9FB 100%);
  background: -moz-linear-gradient(top, #FFFFFF 0%, #F9F9FB 100%);
  background: linear-gradient(180deg, #FFFFFF 0%, #F9F9FB 100%);
}
.home-training-page .main-container .main-container-bg-1 .home-training-title {
  margin-top: 0;
  padding-top: 64px;
}
.home-training-page .main-container .main-container-width {
  width: 1200px;
  margin: 0 auto;
}
.home-training-page .main-container .home-middle-banner {
  width: 1202px;
  height: 133px;
  margin: 0 auto 0px;
}
.home-training-page .main-container .home-middle-banner img {
  width: 100%;
  height: 100%;
}
.home-training-page .main-container .home-training-grey-bg {
  background: #F9F9FB;
  padding-top: 64px;
}
.home-training-page .main-container .home-training-grey-bg::before {
  content: '';
  display: table;
  border-top: 1px solid transparent;
}
.home-training-page .main-container .home-training-grey-bg1 {
  background: #f9f9fb;
}
.home-training-page .main-container .home-training-grey-bg1::before {
  content: '';
  display: table;
  border-top: 1px solid transparent;
}
.home-training-page .main-container .home-training-grey-bg4 {
  background: -webkit-gradient(linear, left top, left bottom, from(#F9F9FB), to(#FFFFFF));
  background: -webkit-linear-gradient(top, #F9F9FB 0%, #FFFFFF 100%);
  background: -moz-linear-gradient(top, #F9F9FB 0%, #FFFFFF 100%);
  background: linear-gradient(180deg, #F9F9FB 0%, #FFFFFF 100%);
  padding-bottom: 64px;
}
.home-training-page .main-container .home-training-grey-bg4::before {
  content: '';
  display: table;
  border-top: 1px solid transparent;
}
.home-training-page .main-container .home-training-grey-bg2 {
  background: #fff;
}
.home-training-page .main-container .home-training-grey-bg2::before {
  content: '';
  display: table;
  border-top: 1px solid transparent;
}
.home-training-page .main-container .home-training-grey-bg2 .home-training-ql-tab .tab-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  padding-top: 64px;
  padding-bottom: 16px;
}
.home-training-page .main-container .home-training-grey-bg2 .home-training-ql-tab .tab-list .tab-item {
  font-size: 20px;
  font-weight: 400;
  color: #333333;
  line-height: 28px;
  cursor: pointer;
}
.home-training-page .main-container .home-training-grey-bg2 .home-training-ql-tab .tab-list .tab-item.active {
  font-size: 20px;
  font-weight: 600;
  color: #F5333F;
  line-height: 28px;
}
.home-training-page .main-container .home-training-grey-bg2 .home-training-ql-tab .tab-acitve-line {
  background: #f7f7f7;
  background: -webkit-gradient(linear, left top, right top, from(rgba(247, 247, 247, 0.3)), color-stop(#f7f7f7), to(rgba(247, 247, 247, 0.3)));
  background: -webkit-linear-gradient(left, rgba(247, 247, 247, 0.3), #f7f7f7, rgba(247, 247, 247, 0.3));
  background: -moz-linear-gradient(left, rgba(247, 247, 247, 0.3), #f7f7f7, rgba(247, 247, 247, 0.3));
  background: linear-gradient(90deg, rgba(247, 247, 247, 0.3), #f7f7f7, rgba(247, 247, 247, 0.3));
  height: 5px;
  position: relative;
}
.home-training-page .main-container .home-training-grey-bg2 .home-training-ql-tab .tab-acitve-line .tab-active-circle {
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  border: 4px solid #F5333F;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  position: absolute;
  top: -5.5px;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
.home-training-page .main-container .home-training-grey-bg2 .home-training-ql-tab .tab-acitve-line .tab-active-circle.active0 {
  left: 140px;
}
.home-training-page .main-container .home-training-grey-bg2 .home-training-ql-tab .tab-acitve-line .tab-active-circle.active1 {
  left: 440px;
}
.home-training-page .main-container .home-training-grey-bg2 .home-training-ql-tab .tab-acitve-line .tab-active-circle.active2 {
  left: 740px;
}
.home-training-page .main-container .home-training-grey-bg2 .home-training-ql-tab .tab-acitve-line .tab-active-circle.active3 {
  left: 1040px;
}
.home-training-page .main-container .home-training-grey-bg2 .home-training-ql-tab-contain {
  margin: 37px auto 64px;
}
.home-training-page .main-container .home-training-honoray-awards {
  background: #fff;
  margin-bottom: 64px;
}
.home-training-page .main-container .home-training-honoray-awards::before {
  content: '';
  display: table;
  border-top: 1px solid transparent;
}
.home-training-page .main-container .home-training-title {
  text-align: center;
  padding-top: 80px;
}
.home-training-page .main-container .home-training-title .home-training-title-img {
  width: auto;
  height: 46px;
}
.home-training-page .main-container .home-training-title .home-training-title-desc {
  margin-top: 15px;
  font-size: 16px;
  font-weight: 400;
  color: #4D4D4D;
  line-height: 24px;
}
.home-training-page .main-container .home-training-title img {
  width: auto;
  height: 104px;
}
.home-training-page .main-container .home-training-student {
  margin-top: 36px;
  padding-bottom: 26px;
}
.home-training-page .main-container .home-training-student .home-training-studen-banne-swiper .swiper-container {
  width: 100%;
}
.home-training-page .main-container .home-training-student .home-training-studen-banne-swiper .swiper-button-prev,
.home-training-page .main-container .home-training-student .home-training-studen-banne-swiper .swiper-button-next {
  width: 48px;
  height: 48px;
  background: #ddd;
  color: #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  opacity: 1 !important;
}
.home-training-page .main-container .home-training-student .home-training-studen-banne-swiper .swiper-button-prev::after,
.home-training-page .main-container .home-training-student .home-training-studen-banne-swiper .swiper-button-next::after {
  font-size: 20px;
  font-weight: bold;
}
.home-training-page .main-container .home-training-student .home-training-studen-banne-swiper .swiper-button-next {
  right: 0;
}
.home-training-page .main-container .home-training-student .home-training-studen-banne-swiper .swiper-slide {
  margin-right: 64px;
  width: 338px !important;
}
.home-training-page .main-container .home-training-student .home-training-studen-banne-swiper .swiper-slide.swiper-slide-active {
  margin-left: 64px;
  margin-right: 29px;
}
.home-training-page .main-container .home-training-student .home-training-studen-banne-swiper .swiper-slide.swiper-slide-next {
  margin-right: 29px;
}
.home-training-page .main-container .home-training-student .home-training-studen-banne-swiper .studen-banne-swiper-item {
  width: 338px;
  height: 390px;
  background: #fff;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  padding: 24px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
}
.home-training-page .main-container .home-training-student .home-training-studen-banne-swiper .studen-banne-swiper-item .studen-banne-swiper-item-user {
  padding-left: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home-training-page .main-container .home-training-student .home-training-studen-banne-swiper .studen-banne-swiper-item .studen-banne-swiper-item-user .item-user-img {
  width: 60px;
  height: 64px;
}
.home-training-page .main-container .home-training-student .home-training-studen-banne-swiper .studen-banne-swiper-item .studen-banne-swiper-item-user .item-user-img img {
  width: 100%;
}
.home-training-page .main-container .home-training-student .home-training-studen-banne-swiper .studen-banne-swiper-item .studen-banne-swiper-item-user .item-user-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  margin-left: 12px;
}
.home-training-page .main-container .home-training-student .home-training-studen-banne-swiper .studen-banne-swiper-item .studen-banne-swiper-item-user .item-user-content .item-user-name {
  font-size: 24px;
  color: #333333;
  line-height: 33px;
}
.home-training-page .main-container .home-training-student .home-training-studen-banne-swiper .studen-banne-swiper-item .studen-banne-swiper-item-user .item-user-content .item-user-tip {
  font-size: 14px;
  color: #f4313f;
  line-height: 20px;
}
.home-training-page .main-container .home-training-student .home-training-studen-banne-swiper .studen-banne-swiper-item .studen-banne-swiper-item-detail {
  margin-top: 20px;
  width: 290px;
  height: 254px;
  background: #f9f9fb;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  padding: 16px 20px 0;
  font-size: 16px;
  color: #333333;
  line-height: 28px;
}

.more-course-page {
  width: 100% !important;
}
.more-course-page .main-container-width {
  width: 1200px;
  margin: 0 auto;
}
.more-course-page .course-container {
  padding-top: 80px;
  height: 877px;
  background: url(https://img.qlchat.com/qlLive/activity/image/3YR46EZI-NQTO-6YH4-1709191019468-9O8HHNKFRS11.png) center / 100% 100% no-repeat;
}
.more-course-page .column-title {
  text-align: center;
  padding-top: 80px;
}
.more-course-page .column-title .column-title-img {
  width: auto;
  height: 46px;
}
.more-course-page .column-title .column-title-desc {
  margin-top: 15px;
  font-size: 16px;
  font-weight: 400;
  color: #4D4D4D;
  line-height: 24px;
}
.more-course-page .column-title img {
  width: auto;
  height: 104px;
}

.p-layout-empty {
  padding-top: 104px;
  text-align: center;
  line-height: 1.8;
  position: fixed;
  top: 64px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
}
.p-layout-empty h2 {
  font-size: 40px;
  color: #2b3940;
}
.p-layout-empty p {
  color: rgba(43, 57, 64, 0.65);
  font-size: 14px;
}
.p-layout-empty p a {
  color: #f73657;
  font-weight: normal;
}
.p-layout-empty > div {
  padding-bottom: 200px;
  background: url('https://img.qlchat.com/qlLive/activity/image/P2HXVWOU-6E7W-9LTN-1609731533225-COKMU81C8QMP.png?x-oss-process=image/format,webp') no-repeat bottom center / 320px auto;
}

.sincerity-compliance-page {
  width: 100% !important;
}
.sincerity-compliance-page .main-container-width {
  width: 1200px;
  margin: 0 auto;
}
.sincerity-compliance-page .main-container {
  width: 100%;
  height: 831px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 80px;
}
.sincerity-compliance-page .column-title {
  text-align: center;
  padding-top: 69px;
}
.sincerity-compliance-page .column-title .column-title-img {
  width: auto;
  height: 46px;
}
.sincerity-compliance-page .column-title img {
  width: auto;
  height: 104px;
}
.sincerity-compliance-page .main-container-content {
  width: 1200px;
  height: 470px;
  margin: 0 auto;
  background: #ffffff;
  -webkit-box-shadow: 0px 16px 48px 0px rgba(252, 222, 212, 0.42);
          box-shadow: 0px 16px 48px 0px rgba(252, 222, 212, 0.42);
  margin-top: 28px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  position: relative;
}
.sincerity-compliance-page .main-container-content .main-container-line-horizontal {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 178px;
  width: 1040px;
  height: 1px;
  border-bottom: 1px dashed #EEEEEE;
}
.sincerity-compliance-page .main-container-content .main-container-line-vertical {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 40px;
  width: 1px;
  height: 276px;
  border-right: 1px dashed #EEEEEE;
}
.sincerity-compliance-page .main-container-content .content-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 60px 160px 20px 160px;
}
.sincerity-compliance-page .main-container-content .content-flex .content-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  text-align: center;
}
.sincerity-compliance-page .main-container-content .content-flex .content-item .content-item-title {
  font-weight: bold;
  font-size: 20px;
  color: #1a1a1a;
  line-height: 30px;
}
.sincerity-compliance-page .main-container-content .content-flex .content-item .content-item-dsc {
  width: 360px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 24px;
  color: #4d4d4d;
}
.sincerity-compliance-page .main-container-content .content-bottom {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 2px;
  background: url('https://img.qlchat.com/qlLive/activity/image/VUIYBLEY-85Y2-BALN-1740049922053-H92YWPNWB3KD.png') no-repeat;
  -webkit-background-size: 100% auto;
          background-size: 100% auto;
  width: 1196px;
  height: 112px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 200px;
}
.sincerity-compliance-page .main-container-content .content-bottom .content-bottom-item {
  padding-left: 30px;
  position: relative;
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0;
  color: #1a1a1a;
}
.sincerity-compliance-page .main-container-content .content-bottom .content-bottom-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url('https://img.qlchat.com/qlLive/activity/image/8BKC6YAR-JHEB-RO88-1740037480128-HI8DZOA6CYS7.png') no-repeat;
  -webkit-background-size: 100% auto;
          background-size: 100% auto;
}

.famous-teacher-box {
  height: 13.066667rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0.213333rem;
}

.famous-teacher-box .famous-teacher-box-swiper-box {
  width: 100%;
  height: 12.64rem;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 0.266667rem;
  border-radius: 0.266667rem;
}

.famous-teacher-box .famous-teacher-box-swiper-box .famous-teacher-box-swiper {
  width: 100%;
  height: 12.64rem;
  padding: 0.426667rem 0;
}

.famous-teacher-box .famous-teacher-box-swiper-box .famous-teacher-box-swiper .swiper-slide {
  width: 8.293333rem;
}

.famous-teacher-box .famous-teacher-box-swiper-box .famous-teacher-box-swiper .swiper-slide .famous-teacher-box-swiper-slide {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  transform: scale(0.9);
}

.famous-teacher-box .famous-teacher-box-swiper-box .famous-teacher-box-swiper .swiper-slide.swiper-slide-active .famous-teacher-box-swiper-slide {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}

.famous-teacher-box .famous-teacher-box-swiper-box .famous-teacher-box-swiper .swiper-slide.swiper-slide-duplicate-active .famous-teacher-box-swiper-slide {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}

.famous-teacher-box .famous-teacher-box-swiper-box .famous-teacher-box-swiper .famous-teacher-box-swiper-slide {
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0.106667rem 0.32rem 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0.106667rem 0.32rem 0 rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 0.32rem;
  border-radius: 0.32rem;
  border: 0.013333rem solid #EEEEEE;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  transition: 300ms;
}

.famous-teacher-box .famous-teacher-box-swiper-box .famous-teacher-box-swiper .famous-teacher-box-swiper-slide .famous-teacher-contain {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-border-radius: 0.32rem;
  border-radius: 0.32rem;
  background-image: url("https://img.qlchat.com/qlLive/activity/image/66X1E9LG-T77A-Y19X-1658833153939-DVMVQTTFENZK.png?x-oss-process=image/format,webp");
  background-repeat: no-repeat;
  -webkit-background-size: 7.92rem 4.506667rem;
  background-size: 7.92rem 4.506667rem;
  background-position: 0.4rem 0.653333rem;
}

.famous-teacher-box .famous-teacher-box-swiper-box .famous-teacher-box-swiper .famous-teacher-box-swiper-slide .famous-teacher-contain .advantages-img {
  width: 100%;
}

.famous-teacher-box .famous-teacher-box-swiper-box .famous-teacher-box-swiper .famous-teacher-box-swiper-slide .famous-teacher-contain .advantages-img img {
  width: 100%;
}

.famous-teacher-box .famous-teacher-box-swiper-box .famous-teacher-box-swiper .famous-teacher-box-swiper-slide .famous-teacher-contain .message {
  padding: 0.426667rem 0.453333rem 0;
}

.famous-teacher-box .famous-teacher-box-swiper-box .famous-teacher-box-swiper .famous-teacher-box-swiper-slide .famous-teacher-contain .message .name {
  font-size: 0.426667rem;
  font-weight: 600;
  color: #333333;
  line-height: 0.6rem;
}

.famous-teacher-box .famous-teacher-box-swiper-box .famous-teacher-box-swiper .famous-teacher-box-swiper-slide .famous-teacher-contain .message .intro {
  font-size: 0.373333rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.533333rem;
  margin-top: 0.106667rem;
}

.famous-teacher-box .famous-teacher-box-swiper-box .famous-teacher-box-swiper .famous-teacher-box-swiper-slide .famous-teacher-contain .message .detail {
  font-size: 0.32rem;
  font-weight: 400;
  color: #666666;
  line-height: 0.573333rem;
  margin-top: 0.32rem;
}

.famous-teacher-box .famous-teacher-box-swiper-box .famous-teacher-box-swiper .swiper-pagination {
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 0;
  z-index: 10;
  -webkit-transition: 0.3s opacity;
  -moz-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.famous-teacher-box .famous-teacher-box-swiper-box .famous-teacher-box-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.106667rem;
  height: 0.106667rem;
  background: #FFFFFF;
  opacity: 0.2;
  margin: 0 0.053333rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  transition: 0.25s;
}

.famous-teacher-box .famous-teacher-box-swiper-box .famous-teacher-box-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.32rem;
  height: 0.106667rem;
  background: #FFFFFF;
  -webkit-border-radius: 0.053333rem;
  border-radius: 0.053333rem;
  opacity: 1;
}
.news-information-box-mobile {
  height: 11.306667rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0.213333rem;
  margin-bottom: 0.853333rem;
}

.news-information-box-mobile .news-information-box-swiper-box {
  width: 100%;
  height: 11.306667rem;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 0.266667rem;
  border-radius: 0.266667rem;
}

.news-information-box-mobile .news-information-box-swiper-box .news-information-box-swiper {
  width: 100%;
  height: 11.306667rem;
  padding: 0.426667rem 0;
}

.news-information-box-mobile .news-information-box-swiper-box .news-information-box-swiper .swiper-slide {
  width: 8.293333rem;
}

.news-information-box-mobile .news-information-box-swiper-box .news-information-box-swiper .swiper-slide .news-information-box-swiper-slide {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  transform: scale(0.9);
}

.news-information-box-mobile .news-information-box-swiper-box .news-information-box-swiper .swiper-slide.swiper-slide-active .news-information-box-swiper-slide {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}

.news-information-box-mobile .news-information-box-swiper-box .news-information-box-swiper .swiper-slide.swiper-slide-duplicate-active .news-information-box-swiper-slide {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}

.news-information-box-mobile .news-information-box-swiper-box .news-information-box-swiper .news-information-box-swiper-slide {
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0.106667rem 0.32rem 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0.106667rem 0.32rem 0 rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 0.32rem;
  border-radius: 0.32rem;
  border: 0.013333rem solid #EEEEEE;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  transition: 300ms;
  padding: 0.853333rem 0.426667rem 0.426667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.news-information-box-mobile .news-information-box-swiper-box .news-information-box-swiper .news-information-box-swiper-slide .title {
  font-size: 0.48rem;
  font-weight: 600;
  color: #333333;
  line-height: 0.666667rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-information-box-mobile .news-information-box-swiper-box .news-information-box-swiper .news-information-box-swiper-slide .details {
  font-size: 0.373333rem;
  font-weight: 400;
  color: #666666;
  line-height: 0.56rem;
  margin-top: 0.426667rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 5.6rem;
}

.news-information-box-mobile .news-information-box-swiper-box .news-information-box-swiper .news-information-box-swiper-slide .user-time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.4rem;
  border-top: 0.013333rem solid #EEEEEE;
  margin-top: 0.426667rem;
}

.news-information-box-mobile .news-information-box-swiper-box .news-information-box-swiper .news-information-box-swiper-slide .user-time .header-img {
  width: 0.96rem;
  height: 0.96rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-right: 0.213333rem;
}

.news-information-box-mobile .news-information-box-swiper-box .news-information-box-swiper .news-information-box-swiper-slide .user-time .name-time .name {
  font-size: 0.373333rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.533333rem;
}

.news-information-box-mobile .news-information-box-swiper-box .news-information-box-swiper .news-information-box-swiper-slide .user-time .name-time .time {
  font-size: 0.32rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.44rem;
}

.news-information-box-mobile .news-information-box-swiper-box .news-information-box-swiper .swiper-pagination {
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 0;
  z-index: 10;
  -webkit-transition: 0.3s opacity;
  -moz-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.news-information-box-mobile .news-information-box-swiper-box .news-information-box-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.106667rem;
  height: 0.106667rem;
  background: #FFFFFF;
  opacity: 0.2;
  margin: 0 0.053333rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  transition: 0.25s;
}

.news-information-box-mobile .news-information-box-swiper-box .news-information-box-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.32rem;
  height: 0.106667rem;
  background: #FFFFFF;
  -webkit-border-radius: 0.053333rem;
  border-radius: 0.053333rem;
  opacity: 1;
}
.product-advantages-box-mobile {
  height: 10.346667rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0.426667rem;
}

.product-advantages-box-mobile .product-advantages-box-swiper-box {
  width: 100%;
  height: 9.493333rem;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 0.266667rem;
  border-radius: 0.266667rem;
}

.product-advantages-box-mobile .product-advantages-box-swiper-box .product-advantages-box-swiper {
  width: 100%;
  height: 9.493333rem;
}

.product-advantages-box-mobile .product-advantages-box-swiper-box .product-advantages-box-swiper .product-advantages-box-swiper-slide-contain {
  padding: 0 0.106667rem;
}

.product-advantages-box-mobile .product-advantages-box-swiper-box .product-advantages-box-swiper .product-advantages-box-swiper-slide {
  padding: 0.213333rem 0.32rem;
  background-image: url('https://img.qlchat.com/qlLive/activity/image/UN16L4F9-8DCY-Z35M-1658826835757-3ZBEJSQUW2GY.png?x-oss-process=image/format,webp');
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.product-advantages-box-mobile .product-advantages-box-swiper-box .product-advantages-box-swiper .product-advantages-box-swiper-slide .product-advantages-contain {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-border-radius: 0.32rem;
  border-radius: 0.32rem;
}

.product-advantages-box-mobile .product-advantages-box-swiper-box .product-advantages-box-swiper .product-advantages-box-swiper-slide .product-advantages-contain .advantages-img {
  width: 100%;
  height: 5.4rem;
}

.product-advantages-box-mobile .product-advantages-box-swiper-box .product-advantages-box-swiper .product-advantages-box-swiper-slide .product-advantages-contain .advantages-img img {
  width: 100%;
  height: 100%;
}

.product-advantages-box-mobile .product-advantages-box-swiper-box .product-advantages-box-swiper .product-advantages-box-swiper-slide .product-advantages-contain .message {
  padding: 0.426667rem 0.293333rem;
}

.product-advantages-box-mobile .product-advantages-box-swiper-box .product-advantages-box-swiper .product-advantages-box-swiper-slide .product-advantages-contain .message .title {
  font-size: 0.426667rem;
  font-weight: 600;
  color: #F5333F;
  line-height: 0.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-advantages-box-mobile .product-advantages-box-swiper-box .product-advantages-box-swiper .product-advantages-box-swiper-slide .product-advantages-contain .message .title > img {
  width: 0.826667rem;
  height: 0.853333rem;
  margin-right: 0.08rem;
}

.product-advantages-box-mobile .product-advantages-box-swiper-box .product-advantages-box-swiper .product-advantages-box-swiper-slide .product-advantages-contain .message .title > span {
  margin-top: -0.133333rem;
}

.product-advantages-box-mobile .product-advantages-box-swiper-box .product-advantages-box-swiper .product-advantages-box-swiper-slide .product-advantages-contain .message .desc {
  padding: 0 0.133333rem;
  font-size: 0.36rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.666667rem;
  margin-top: 0.133333rem;
}

.product-advantages-box-mobile .product-advantages-box-swiper-box .product-advantages-box-swiper .swiper-pagination {
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 0;
  z-index: 10;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.product-advantages-box-mobile .product-advantages-box-swiper-box .product-advantages-box-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.106667rem;
  height: 0.106667rem;
  background: #bbbbbb;
  opacity: 0.2;
  margin: 0 0.053333rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  transition: 0.25s;
}

.product-advantages-box-mobile .product-advantages-box-swiper-box .product-advantages-box-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.32rem;
  height: 0.106667rem;
  background: #f5333f;
  -webkit-border-radius: 0.053333rem;
  border-radius: 0.053333rem;
  opacity: 1;
}
.student-story-box-mobile {
  margin-bottom: 0.853333rem;
  margin-top: 0.64rem;
}

.student-story-box-mobile .student-list .student-item {
  width: 9.146667rem;
  height: 2.786667rem;
  -webkit-border-radius: 0.266667rem;
  border-radius: 0.266667rem;
  overflow: hidden;
  background-image: url("https://img.qlchat.com/qlLive/activity/image/TODM7QK1-PP8G-IH3G-1659686209145-NECSSOZUXAHZ.png?x-oss-process=image/format,webp");
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 0.533333rem 0.426667rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin: 0 auto 0.426667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.student-story-box-mobile .student-list .student-item .user-header-img {
  width: 1.173333rem;
  height: 1.173333rem;
  -webkit-box-shadow: 0 0.133333rem 0.266667rem 0 rgba(255, 91, 91, 0.3);
  box-shadow: 0 0.133333rem 0.266667rem 0 rgba(255, 91, 91, 0.3);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-right: 0.32rem;
}

.student-story-box-mobile .student-list .student-item .user-message {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
}

.student-story-box-mobile .student-list .student-item .user-message .message {
  font-size: 0.373333rem;
  font-weight: 600;
  color: #333333;
  line-height: 0.533333rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.student-story-box-mobile .student-list .student-item .user-message .user-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.213333rem;
  font-size: 0.32rem;
  font-weight: 400;
  color: #666666;
  line-height: 0.44rem;
}

.student-story-box-mobile .student-list .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 0;
}

.student-story-box-mobile .student-list .swiper-pagination-bullet {
  background: #bbbbbb;
}

.student-story-box-mobile .student-list .swiper-pagination-bullet-active {
  width: 0.24rem;
  height: 0.106667rem;
  background: #F5333F;
  -webkit-border-radius: 0.053333rem;
  border-radius: 0.053333rem;
}
.company-intro-box {
  height: 507px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 10px 30px 0px #EDEDF2;
          box-shadow: 0px 10px 30px 0px #EDEDF2;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  padding: 48px 36px 48px 64px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url("https://img.qlchat.com/qlLive/activity/image/7AGWSYRO-JSOK-UQQ1-1653982841822-K782S5AOBYWT.png?x-oss-process=image/format,webp");
  background-repeat: no-repeat;
  -webkit-background-size: 77px 36px;
          background-size: 77px 36px;
  background-position: 1091px 32px;
}
.company-intro-box .company-intro-box-swiper-box {
  width: 548px;
  height: 411px;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 20px;
          border-radius: 20px;
}
.company-intro-box .company-intro-box-swiper-box .company-intro-box-swiper {
  width: 100%;
  height: 411px;
}
.company-intro-box .company-intro-box-swiper-box .company-intro-box-swiper .swiper-button-prev,
.company-intro-box .company-intro-box-swiper-box .company-intro-box-swiper .swiper-button-next {
  width: 48px;
  height: 48px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: rgba(0, 0, 0, 0.25);
  color: #fff;
  opacity: 1 !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.company-intro-box .company-intro-box-swiper-box .company-intro-box-swiper .swiper-button-prev::after,
.company-intro-box .company-intro-box-swiper-box .company-intro-box-swiper .swiper-button-next::after {
  font-size: 12px;
  font-weight: bold;
}
.company-intro-box .company-intro-box-swiper-box .company-intro-box-swiper .swiper-button-prev {
  -webkit-transform: translate(-100%, 0%);
     -moz-transform: translate(-100%, 0%);
          transform: translate(-100%, 0%);
  left: 0;
}
.company-intro-box .company-intro-box-swiper-box .company-intro-box-swiper .swiper-button-next {
  -webkit-transform: translate(100%, 0%);
     -moz-transform: translate(100%, 0%);
          transform: translate(100%, 0%);
  right: 0;
}
.company-intro-box .company-intro-box-swiper-box .company-intro-box-swiper:hover .swiper-button-prev {
  -webkit-transform: translate(50%, 0%);
     -moz-transform: translate(50%, 0%);
          transform: translate(50%, 0%);
}
.company-intro-box .company-intro-box-swiper-box .company-intro-box-swiper:hover .swiper-button-next {
  -webkit-transform: translate(-50%, 0%);
     -moz-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
.company-intro-box .company-intro-box-swiper-box .company-intro-box-swiper .company-intro-box-swiper-img {
  width: 100%;
  height: 100%;
}
.company-intro-box .company-intro-box-swiper-box .company-intro-box-swiper .swiper-pagination {
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: 16px;
  z-index: 10;
  -webkit-transition: 0.3s opacity;
  -moz-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.company-intro-box .company-intro-box-swiper-box .company-intro-box-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #FFFFFF;
  opacity: 0.2;
  margin: 0 4px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  transition: 0.25s;
}
.company-intro-box .company-intro-box-swiper-box .company-intro-box-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 24px;
  height: 8px;
  background: #FFFFFF;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  opacity: 1;
}
.company-intro-box .company-intro-box-intro-message {
  margin-left: 48px;
  word-wrap: break-all;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.company-intro-box .company-intro-box-intro-message .title {
  font-size: 24px;
  font-weight: 600;
  color: #333333;
  line-height: 33px;
}
.company-intro-box .company-intro-box-intro-message .line {
  margin-top: 16px;
  width: 20px;
  height: 6px;
  background: #F5333F;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  margin-bottom: 16px;
}
.company-intro-box .company-intro-box-intro-message .details {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 26px;
}

.development-history-box {
  height: 442px;
  width: 100%;
}
.development-history-box .development-history-contain {
  width: 100%;
  height: 100%;
  position: relative;
}
.development-history-box .development-history-contain .development-history-swiper {
  width: 100%;
  height: 100%;
}
.development-history-box .development-history-contain .development-history-swiper .item-swiper {
  width: 288px;
  height: 100%;
}
.development-history-box .development-history-contain .development-history-swiper .item-swiper:first-child {
  margin-left: 2px;
}
.development-history-box .development-history-contain .development-history-swiper .item-swiper:first-child .item-contain {
  border-left: 1px solid #EEEEEE;
}
.development-history-box .development-history-contain .development-history-swiper .item-swiper .item-contain {
  width: 100%;
  height: 100%;
  position: relative;
  border-right: 1px solid #EEEEEE;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  background: #ffffff;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.development-history-box .development-history-contain .development-history-swiper .item-swiper .item-contain.active {
  background: #f9f9fb;
  position: relative;
}
.development-history-box .development-history-contain .development-history-swiper .item-swiper .item-contain.active::before {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 4px;
  background: #F5333F;
}
.development-history-box .development-history-contain .development-history-swiper .item-swiper .item-contain > .time {
  font-size: 32px;
  font-weight: 600;
  color: #333333;
  line-height: 45px;
  padding: 28px 0 0 23px;
  margin-bottom: 32px;
}
.development-history-box .development-history-contain .development-history-swiper .item-swiper .item-contain .details-box-contain {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.development-history-box .development-history-contain .development-history-swiper .item-swiper .item-contain .details-box-contain::-webkit-scrollbar {
  display: none;
}
.development-history-box .development-history-contain .development-history-swiper .item-swiper .item-contain .details-item {
  position: relative;
}
.development-history-box .development-history-contain .development-history-swiper .item-swiper .item-contain .details-item .time {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  padding-left: 24px;
  position: relative;
}
.development-history-box .development-history-contain .development-history-swiper .item-swiper .item-contain .details-item .time::before {
  content: ' ';
  display: block;
  position: absolute;
  left: -2px;
  width: 3px;
  height: 3px;
  background: #333333;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
          transform: translateY(-50%);
}
.development-history-box .development-history-contain .development-history-swiper .item-swiper .item-contain .details-item .details {
  padding: 18px 23px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
}

.honorary-awards-box {
  height: 443px;
  background: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(#FFEFF0));
  background: -webkit-linear-gradient(bottom, #FFFFFF 0%, #FFEFF0 100%);
  background: -moz-linear-gradient(bottom, #FFFFFF 0%, #FFEFF0 100%);
  background: linear-gradient(360deg, #FFFFFF 0%, #FFEFF0 100%);
  -webkit-border-radius: 20px;
          border-radius: 20px;
  border: 1px solid #FFEFF0;
  padding-top: 40px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.honorary-awards-box .title {
  font-weight: 600;
  color: #333333;
  line-height: 33px;
  font-size: 24px;
  padding-left: 64px;
}
.honorary-awards-box .time-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  top: 40px;
  right: 64px;
}
.honorary-awards-box .time-list .time-item {
  font-size: 16px;
  font-weight: 400;
  color: #999999;
  line-height: 22px;
  width: 45px;
  margin-left: 48px;
  position: relative;
  cursor: pointer;
  text-align: center;
}
.honorary-awards-box .time-list .time-item.active {
  font-weight: 600;
  color: #333333;
}
.honorary-awards-box .time-list .time-item.active::after {
  content: ' ';
  display: block;
  position: absolute;
  width: 16px;
  height: 3px;
  background: #F5333F;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -4px;
}
.honorary-awards-box .honorary-awards-list {
  margin-top: 32px;
  width: 100%;
  height: 274px;
}
.honorary-awards-box .honorary-awards-list .honorary-swiper {
  height: 100%;
  width: 100%;
}
.honorary-awards-box .honorary-awards-list .honorary-swiper .swiper-slide-prev {
  margin-left: 64px;
}
.honorary-awards-box .honorary-awards-list .honorary-swiper .honorary-slide {
  width: 250px;
  margin-right: 24px;
}
.honorary-awards-box .honorary-awards-list .honorary-swiper .honorary-slide .awards-item {
  height: 100%;
}

.news-information-box {
  margin: 0 auto !important;
  overflow: hidden;
  padding: 37px 0 64px;
}
.news-information-box .news-information-box-swiper-box .news-information-box-swiper {
  width: 100%;
  height: 100%;
  overflow: unset;
  overflow-x: unset;
  overflow-y: unset;
}
.news-information-box .news-information-box-swiper-box .news-information-box-swiper .swiper-container {
  width: 100%;
  height: 100%;
}
.news-information-box .news-information-box-swiper-box .news-information-box-swiper .swiper-button-prev,
.news-information-box .news-information-box-swiper-box .news-information-box-swiper .swiper-button-next {
  width: 48px;
  height: 48px;
  background: #ddd;
  color: #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.news-information-box .news-information-box-swiper-box .news-information-box-swiper .swiper-button-prev::after,
.news-information-box .news-information-box-swiper-box .news-information-box-swiper .swiper-button-next::after {
  font-size: 20px;
  font-weight: bold;
}
.news-information-box .news-information-box-swiper-box .news-information-box-swiper .swiper-button-next {
  right: 0px;
}
.news-information-box .news-information-box-swiper-box .news-information-box-swiper .swiper-button-prev {
  left: 0px;
}
.news-information-box .news-information-box-swiper-box .news-information-box-swiper .swiper-slide-prev {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.news-information-box .news-information-box-swiper-box .news-information-box-swiper .swiper-slide-active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.news-information-box .news-information-box-swiper-box .news-information-box-swiper .news-information-item {
  width: 336px;
  height: 430px;
  background: #FFFFFF;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  border: 1px solid #EEEEEE;
  position: relative;
  padding: 48px 24px 24px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  cursor: pointer;
}
.news-information-box .news-information-box-swiper-box .news-information-box-swiper .news-information-item:hover {
  -webkit-transform: translateY(-20px);
     -moz-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.05);
}
.news-information-box .news-information-box-swiper-box .news-information-box-swiper .news-information-item:hover .crrow {
  opacity: 1;
}
.news-information-box .news-information-box-swiper-box .news-information-box-swiper .news-information-item .crrow {
  width: 24px;
  height: 24px;
  background: -webkit-gradient(linear, left top, right top, from(#FF9678), to(#F5333F));
  background: -webkit-linear-gradient(left, #FF9678 0%, #F5333F 100%);
  background: -moz-linear-gradient(left, #FF9678 0%, #F5333F 100%);
  background: linear-gradient(90deg, #FF9678 0%, #F5333F 100%);
  -webkit-box-shadow: 0px 8px 15px 0px rgba(245, 51, 63, 0.2);
          box-shadow: 0px 8px 15px 0px rgba(245, 51, 63, 0.2);
  -webkit-border-radius: 50%;
          border-radius: 50%;
  position: absolute;
  right: 24px;
  bottom: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  opacity: 0;
}
.news-information-box .news-information-box-swiper-box .news-information-box-swiper .news-information-item .crrow i {
  color: #fff;
  font-size: 12px;
  margin-left: 2px;
}
.news-information-box .news-information-box-swiper-box .news-information-box-swiper .news-information-item .title {
  height: 56px;
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-information-box .news-information-box-swiper-box .news-information-box-swiper .news-information-item .details {
  margin-top: 24px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 21px;
}
.news-information-box .news-information-box-swiper-box .news-information-box-swiper .news-information-item .details .details-message {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 190px;
}
.news-information-box .news-information-box-swiper-box .news-information-box-swiper .news-information-item .user-time {
  border-top: 1px solid #EEEEEE;
  padding-top: 23px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.news-information-box .news-information-box-swiper-box .news-information-box-swiper .news-information-item .user-time .header-img {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.news-information-box .news-information-box-swiper-box .news-information-box-swiper .news-information-item .user-time .name-time {
  margin-left: 12px;
}
.news-information-box .news-information-box-swiper-box .news-information-box-swiper .news-information-item .user-time .name-time .name {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
}
.news-information-box .news-information-box-swiper-box .news-information-box-swiper .news-information-item .user-time .name-time .time {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
}

.p-course-evaluate > li {
  padding: 24px 0;
  border-bottom: 1px solid rgba(43, 57, 64, 0.1);
}
.p-course-evaluate .evaluate-user {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  color: rgba(43, 57, 64, 0.85);
  font-size: 14px;
}
.p-course-evaluate .evaluate-user .user-poster {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  overflow: hidden;
  margin-right: 16px;
}
.p-course-evaluate .evaluate-user .evaluate-time {
  position: absolute;
  right: 0;
  color: rgba(43, 57, 64, 0.45);
  font-size: 12px;
}
.p-course-evaluate .evaluate-score {
  margin-top: 16px;
  color: #ffa82a;
  font-size: 14px;
}
.p-course-evaluate .evaluate-content {
  margin-top: 16px;
  color: rgba(43, 57, 64, 0.85);
  font-size: 14px;
  line-height: 1.4;
}
.p-course-evaluate .evaluate-attr {
  margin-top: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(43, 57, 64, 0.45);
  font-size: 12px;
}

.p-course-intro {
  padding: 0 20px;
  line-height: 1.4;
}
.p-course-intro img {
  width: 100%;
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}
.p-course-intro .p-intro-section .p-intro-section-title {
  font-size: 18px;
  margin-top: 20px;
  font-weight: bold;
}
.p-course-intro.channel .desc-content .with-margin {
  margin-top: 20px;
}
.p-course-intro.channel .desc-content .desc-text {
  color: #333;
  margin-top: 18px;
  font-size: 16px;
}
.p-course-intro.topic {
  padding-top: 20px;
}
.p-course-intro.topic pre {
  margin: 8px 0;
}
.p-course-intro.topic .speaker {
  white-space: pre-wrap;
  word-break: break-word;
}
.p-course-intro.topic .speaker-info {
  color: #999;
  white-space: pre-wrap;
  word-break: break-word;
  margin-bottom: 30px;
}

.p-course-item {
  padding: 12px 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.p-course-item .item-poster {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 100%;
  padding-top: 60%;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}
.p-course-item .item-poster .ql-feat-picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  overflow: hidden;
}
.p-course-item .item-poster:hover .ql-feat-picture {
  -webkit-animation: sca linear 0.5s;
     -moz-animation: sca linear 0.5s;
          animation: sca linear 0.5s;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes sca {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@-moz-keyframes sca {
  from {
    -moz-transform: scale(1);
         transform: scale(1);
  }
  to {
    -moz-transform: scale(1.1);
         transform: scale(1.1);
  }
}
@keyframes sca {
  from {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.p-course-item .item-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  margin-top: 12px;
  color: #2b3940;
  font-size: 16px;
  line-height: 1.4;
}
.p-course-item .item-title:hover {
  color: #f73657;
}
.p-course-item .item-desc {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-top: 24px;
  color: rgba(43, 57, 64, 0.65);
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-course-item .p-play-btn {
  width: 80px;
  height: 32px;
  background: -webkit-linear-gradient(135deg, #f73657 0%, #f97e69 100%);
  background: -moz-linear-gradient(135deg, #f73657 0%, #f97e69 100%);
  background: linear-gradient(315deg, #f73657 0%, #f97e69 100%);
  -webkit-border-radius: 20px;
          border-radius: 20px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  overflow: hidden;
}
.p-course-item .p-play-btn:hover::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.15);
}
.p-course-item .p-play-btn::before {
  content: '';
  width: 12px;
  height: 12px;
  margin-right: 4px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAPxJREFUSA1jYBg24P///4xAnA7Eh4B4OxBnADEr1TwINKwCiNHBTaCAD1UsARr0DN10JP4uIFubbIuAmtmRDMPF/AOUmArEwiRbBNREjAUwi98DGQVATHz8kGgBzCLi44dMC2AWEY4fCi0AWQSKny4gZsIaP0AJUuIAqBwnaEC3gBEkAFTODqR+oEuSwX/IyMiogKwPu5eQVZDG/o+unNoWzEG3AMwHBRHOUCVOAhTJrVgNBwlSaAHNkinNMhqoqCgEYqoXFbDCTgRnWOOTALroNhDjAoTDGZ/hIDmgyaVYTCc+nAlZALUkHWjJESAGVZtZQEx8OBNjwZBUAwD2NT0WOAvjGwAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
          background-size: cover;
}
.p-course-item .p-play-btn.loading::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAArxJREFUSA2tlk1sTFEUgOeN+q3/CoLFbCRNVCJCiO0kGrGykdjYChI7YWthY21j3wh7Kz9NkNA1QtKw8JPoaCtCKGX6fN945/VVX/EmTvL13J9zz7n33HPfNKn9QdI07WN6P+yFbbABlsIkjMEI3E+SpIUulaRsFMfrGT8KTVgM2i0p6DrtHlAvghtwhUDv0HNkXgCc78biFKwEHRhAHQE8QQQszn9n/DxBhtG5aJALzg/SOQM6SWEGFNuiqIsb04f9XriMj+PoXHJDJnYxeho8euxQba7vwCMYB2UT7IMj0A9xklh3gpPcYvzXTnC+lvYFWAaRCpq1q3Ab4ziJY7mwTsfe1TlYDhHoC+0m68YcUA6BudbRN5iCSxjcXMg58zXn4BrNk3bBzXnpa+As1OrZ7j2uzsUcX2fhU/Q/CbYjGF7MjA3gxo/he4uNAWiDVSCv4R5UlSEWvAQzIabssAG8pNi9+oFHR1eSbI135glEGbRizJcn+AHm8Rl0K3dZGEWir+0G8EEZwAHz/wG6lVcsfAPhq20A8+7A/5CvOBksOEoN8An89sRLXU07HhTNSqIPiyQXA7TAZ65o0IBuA1g9Fo5+zErbzotsIE4wQP1WTlm2xgvWZ1TRjJ1R8B58weZwFeyEqmLdrwA/lAbys5PWqV/v4DGEWFEH2NHWGPibxlbnlrsnj3cw7dvwBMpD+AzT4HvwoTVZ2J8dne58cQ7WMeOvnbt2996Dd2tGZssTwwZ9S0zn4knUE/Ac3oIfQUVHvh+rT9HOzand4CS7N92zAewQxO/SHpvgvbggtDsyqI7UOnA+dNiN4/wj4x2JFHU6TDyhMQyRJgP9Tse28EcfYv5bRefalJYjJ7EadkAD3JlBYuf24ySewPHOfxk4d26OlAYIiyzQZvobwUv0AnVoukyD3633OHasVH4Csunj1HTcejgAAAAASUVORK5CYII=);
}
.p-course-item .p-play-btn.playing::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAI5JREFUSA3tVUEOgCAMAw+8nXf4OHwGdgkYLItD48EYlixsS9tpNercbyLnHJARmUpKHawbFAzS5hUQjlPEgQUiztHzgJAr50gDCy55vgqIcq3b0yPanmuLtzDh7X4uMB2dFk2LTAdMwHyLblm0KWhtxjANc8zaZ7AyE702Y5iG6Wf4ro/9+kj+KY9kPtzuC/i+/CV59/0AAAAASUVORK5CYII=);
}

.p-course-live-info {
  margin-top: 12px;
  font-size: 16px;
}
.p-course-live-info a {
  color: #2b3940;
}
.p-course-live-info .live-poster {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  overflow: hidden;
  margin-right: 8px;
}
.p-course-live-info .live-ext {
  margin-top: 8px;
  color: rgba(43, 57, 64, 0.65);
  font-size: 12px;
}
.p-course-live-info .live-ext > span:not(:first-of-type) {
  margin-left: 50px;
}

.p-course-recommend {
  margin-top: 14px;
}
.p-course-recommend > div:not(:first-of-type) {
  margin-top: 13px;
}
.p-course-recommend > div .item-poster {
  width: 96px;
  height: 66px;
  margin-right: 8px;
}
.p-course-recommend > div .item-title {
  font-size: 16px;
  color: rgba(43, 57, 64, 0.65);
}

.user-is-teacher-mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
  margin-left: 0.24rem;
  z-index: 0;
  white-space: nowrap;
}

.user-is-teacher-mobile img {
  display: block;
  width: 0.373333rem;
  height: 0.4rem;
  position: absolute;
  left: -0.186667rem;
  z-index: 1;
}

.user-is-teacher-mobile span {
  display: block;
  padding: 0 0.106667rem 0 0.266667rem;
  height: 0.373333rem;
  background: #FFEFEC;
  -webkit-border-radius: 0 1.333333rem 1.333333rem 0;
  border-radius: 0 1.333333rem 1.333333rem 0;
  left: 0.213333rem;
  text-align: right;
  font-size: 0.266667rem;
  font-weight: 400;
  color: #F5333F;
  line-height: 0.373333rem;
  padding-right: 0.106667rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.user-is-star-mobile {
  width: 1.68rem;
}
.home-community-mobile {
  margin-top: 0.64rem;
  margin-bottom: 0.853333rem;
}

.home-community-mobile .list-box .home-training-clock-in-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.48rem;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 0.426667rem;
}

.home-community-mobile .list-box .home-training-clock-in-list .clock-in-item-mobile {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: 0.426667rem;
}

.home-community-mobile .list-box .home-training-clock-in-list .clock-in-item-mobile:nth-child(2n) {
  margin-left: 0.186667rem;
}

.home-community-mobile .list-box .more-community-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.346667rem;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0 auto 0;
  width: 3.093333rem;
  height: 0.853333rem;
  background: -webkit-gradient(linear, left top, right top, from(#FF9678), to(#F5333F));
  background: -webkit-linear-gradient(left, #FF9678 0%, #F5333F 100%);
  background: -moz-linear-gradient(left, #FF9678 0%, #F5333F 100%);
  background: linear-gradient(90deg, #FF9678 0%, #F5333F 100%);
  -webkit-box-shadow: 0 0.133333rem 0.266667rem 0 rgba(245, 51, 63, 0.2);
  box-shadow: 0 0.133333rem 0.266667rem 0 rgba(245, 51, 63, 0.2);
  -webkit-border-radius: 0.426667rem;
  border-radius: 0.426667rem;
}

.home-community-mobile .nodata {
  text-align: center;
}

.home-community-mobile .nodata img {
  width: 3.2rem;
  height: 3.2rem;
}

.home-community-mobile .nodata .tips {
  font-size: 0.32rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.266667rem;
  margin-top: 0.106667rem;
}
.home-training-category-mobile {
  margin-top: 0.64rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 0.853333rem;
  overflow: hidden;
}

.home-training-category-mobile .home-training-category-mobile-scroll {
  overflow-x: auto;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.home-training-category-mobile .home-training-category-mobile-scroll::-webkit-scrollbar {
  display: none;
}

.home-training-category-mobile .category-item {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 4.36rem;
  height: 5rem;
  background: #ffffff;
  -webkit-border-radius: 0.213333rem;
  border-radius: 0.213333rem;
  border: 0.013333rem solid #eeeeee;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}

.home-training-category-mobile .category-item:first-child {
  margin-left: 0.426667rem;
}

.home-training-category-mobile .category-item:last-child {
  margin-right: 0.426667rem;
}

.home-training-category-mobile .category-item:not(:last-child) {
  margin-right: 0.213333rem;
}

.home-training-category-mobile .category-item .category-item-img {
  width: 100%;
  height: 2.706667rem;
}

.home-training-category-mobile .category-item .category-item-img img {
  width: 100%;
  vertical-align: middle;
}

.home-training-category-mobile .category-item .category-item-message {
  padding: 0.213333rem 0.213333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.home-training-category-mobile .category-item .category-item-message .message-left {
  width: 100%;
}

.home-training-category-mobile .category-item .category-item-message .message-left .category-item-title {
  font-size: 0.4rem;
  font-weight: 600;
  color: #333333;
  line-height: 0.56rem;
}

.home-training-category-mobile .category-item .category-item-message .message-left .category-item-tips {
  margin-top: 0.106667rem;
  font-size: 0.32rem;
  font-weight: 400;
  color: #666666;
  line-height: 0.44rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-training-category-mobile .category-item .category-item-message .message-right .category-item-price {
  font-size: 0.32rem;
  color: #F5333F;
  line-height: 0.333333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.home-training-category-mobile .category-item .category-item-message .message-right .category-item-price span {
  font-size: 0.186667rem;
  color: #F5333F;
  line-height: 0.266667rem;
  margin-right: 0.026667rem;
}

.home-training-category-mobile .category-item .open-app {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0.213333rem;
  font-size: 0.32rem;
  font-weight: 600;
  color: #F5333F;
  line-height: 0.44rem;
}

.home-training-category-mobile .category-item .open-app i {
  font-size: 0.213333rem;
  margin-left: 0.106667rem;
}
.home-about-mobile {
  margin-top: 0.64rem;
}

.home-about-mobile .about-title {
  text-align: center;
  font-size: 0.48rem;
  font-weight: 600;
  color: #333333;
  line-height: 0.666667rem;
}

.home-about-mobile .intro {
  font-size: 0.373333rem;
  font-weight: 400;
  color: #666666;
  line-height: 0.666667rem;
  margin-top: 0.426667rem;
  padding: 0 0.426667rem;
  text-align: center;
}

.home-about-mobile .more-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.426667rem;
  font-size: 0.373333rem;
  font-weight: 600;
  color: #F5333F;
  line-height: 0.533333rem;
}

.home-about-mobile .more-btn i {
  margin-left: 0.106667rem;
  font-size: 0.266667rem;
}

.home-about-mobile .video-box {
  margin-top: 0.746667rem;
  margin: 0.746667rem auto 0;
  width: 8.72rem;
  -webkit-border-radius: 0.08rem;
  border-radius: 0.08rem;
  position: relative;
  overflow: hidden;
}

.home-about-mobile .video-box .video-bg {
  width: 100%;
}

.home-about-mobile .video-box .play-btn {
  width: 1.493333rem;
  height: 1.493333rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.home-community {
  margin-top: 36px !important;
}
.home-community .list-box .home-training-clock-in-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 36px;
}
.home-community .list-box .home-training-clock-in-list .clock-in-item:not(:last-child) {
  margin-right: 23px;
}
.home-community .list-box .more-community-btn {
  width: 192px;
  height: 48px;
  background: -webkit-gradient(linear, left top, right top, from(#FF9678), to(#F5333F));
  background: -webkit-linear-gradient(left, #FF9678 0%, #F5333F 100%);
  background: -moz-linear-gradient(left, #FF9678 0%, #F5333F 100%);
  background: linear-gradient(90deg, #FF9678 0%, #F5333F 100%);
  -webkit-box-shadow: 0px 10px 20px 0px rgba(245, 51, 63, 0.2);
          box-shadow: 0px 10px 20px 0px rgba(245, 51, 63, 0.2);
  -webkit-border-radius: 24px;
          border-radius: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  margin: 32px auto 0;
}
.home-community .nodata {
  text-align: center;
}
.home-community .nodata img {
  width: 120px;
  height: 120px;
}
.home-community .nodata .tips {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
  margin-top: 8px;
}

.student-story-box .student-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.student-story-box .student-list .student-item {
  width: 282px;
  height: 241px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  overflow: hidden;
  background-image: url("https://img.qlchat.com/qlLive/activity/image/XKESIE3A-AKH4-M3WT-1653465634382-A8M6CGL8H53W.png?x-oss-process=image/format,webp");
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 32px;
  padding: 48px 24px 24px 24px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  cursor: pointer;
}
.student-story-box .student-list .student-item:hover {
  -webkit-transform: translateY(-20px);
     -moz-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.05);
}
.student-story-box .student-list .student-item:hover .crrow {
  opacity: 1;
}
.student-story-box .student-list .student-item .crrow {
  width: 24px;
  height: 24px;
  background: -webkit-gradient(linear, left top, right top, from(#FF9678), to(#F5333F));
  background: -webkit-linear-gradient(left, #FF9678 0%, #F5333F 100%);
  background: -moz-linear-gradient(left, #FF9678 0%, #F5333F 100%);
  background: linear-gradient(90deg, #FF9678 0%, #F5333F 100%);
  -webkit-box-shadow: 0px 8px 15px 0px rgba(245, 51, 63, 0.2);
          box-shadow: 0px 8px 15px 0px rgba(245, 51, 63, 0.2);
  -webkit-border-radius: 50%;
          border-radius: 50%;
  position: absolute;
  right: 24px;
  bottom: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  opacity: 0;
}
.student-story-box .student-list .student-item .crrow i {
  color: #fff;
  font-size: 12px;
  margin-left: 2px;
}
.student-story-box .student-list .student-item .message {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  line-height: 27px;
  height: 81px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.student-story-box .student-list .student-item .user-message {
  border-top: 1px solid #EEEEEE;
  margin-top: 24px;
  padding-top: 23px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.student-story-box .student-list .student-item .user-message .user-header-img {
  width: 40px;
  height: 40px;
  border: none;
  margin-right: 12px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.student-story-box .student-list .student-item .user-message .user-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.student-story-box .student-list .student-item .user-message .user-name .name {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
}
.student-story-box .student-list .student-item .user-message .user-name .work {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  line-height: 17px;
}
.student-story-box .more-community-btn {
  width: 192px;
  height: 48px;
  background: -webkit-gradient(linear, left top, right top, from(#FF9678), to(#F5333F));
  background: -webkit-linear-gradient(left, #FF9678 0%, #F5333F 100%);
  background: -moz-linear-gradient(left, #FF9678 0%, #F5333F 100%);
  background: linear-gradient(90deg, #FF9678 0%, #F5333F 100%);
  -webkit-box-shadow: 0px 10px 20px 0px rgba(245, 51, 63, 0.2);
          box-shadow: 0px 10px 20px 0px rgba(245, 51, 63, 0.2);
  -webkit-border-radius: 24px;
          border-radius: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0px auto 0;
}

.bottom-float {
  min-width: 1200px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0px -6px 16px 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px -6px 16px 0px rgba(0, 0, 0, 0.06);
  color: #fff;
  height: 120px;
}
.bottom-float .center-box {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-left: 160px;
}
.bottom-float .center-box .middle {
  margin-left: 24px;
  font-size: 28px;
  line-height: 38px;
  font-weight: bold;
}
.bottom-float .center-box .right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 90px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.65);
  line-height: 22px;
}
.bottom-float .center-box .right .float-qrcode-img {
  width: 80px;
  height: 80px;
}
.bottom-float .center-box::before {
  content: '';
  display: inline-block;
  width: 160px;
  height: 158px;
  background: url(//res.qianliaowang.com/res-prod/qlchat-edu-offical-frontend/_next/static/images/bottom-logo-9769d65027b262c031e2e09899dab2bc.png) center bottom no-repeat;
  -webkit-background-size: 100% auto;
          background-size: 100% auto;
  position: absolute;
  left: 0;
  bottom: 0;
}
.bottom-float .btn-float-close {
  position: absolute;
  right: 88px;
  top: 24px;
}

.p-course-special > a {
  margin-top: 12px;
  font-size: 14px;
  color: rgba(43, 57, 64, 0.85);
  line-height: 1.4;
}
.p-course-special > a:hover {
  color: #f73657;
}

.p-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-pagination span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin: 0 20px;
  color: rgba(0, 0, 0, 0.65);
}
.p-pagination span:hover {
  color: #f73657;
  border-color: #f73657;
}

.p-tab-bar {
  margin-top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  background-color: #f5f5f5;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
.p-tab-bar li {
  padding: 20px 0;
  color: #2b3940;
  font-size: 16px;
  cursor: pointer;
}
.p-tab-bar li:not(:first-of-type) {
  margin-left: 100px;
}
.p-tab-bar li.act {
  font-weight: bold;
  color: #2b3940;
  position: relative;
}
.p-tab-bar li.act::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  background-color: #f73657;
  height: 3px;
  width: 80%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-border-radius: 6px;
          border-radius: 6px;
}

.home-training-category {
  margin-top: 36px !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 32px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.home-training-category .category-item {
  width: 384px;
  height: 343px;
  background: #ffffff;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  border: 1px solid #eeeeee;
  cursor: pointer;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  overflow: hidden;
  margin-bottom: 32px;
  position: relative;
}
.home-training-category .category-item:not(:nth-child(3n)) {
  margin-right: 24px;
}
.home-training-category .category-item .category-code {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
.home-training-category .category-item .category-code .category-code-img {
  width: 170px;
  height: 170px;
}
.home-training-category .category-item .category-code .category-code-tips {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
}
.home-training-category .category-item:hover {
  -webkit-transform: translateY(-20px);
     -moz-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.05);
}
.home-training-category .category-item:hover .category-code {
  opacity: 1;
}
.home-training-category .category-item .category-item-img {
  width: 100%;
  height: 239px;
}
.home-training-category .category-item .category-item-img img {
  width: 100%;
  vertical-align: middle;
}
.home-training-category .category-item .category-item-message {
  padding: 24px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.home-training-category .category-item .category-item-message .message-left .category-item-title {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
}
.home-training-category .category-item .category-item-message .message-left .category-item-tips {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
}
.home-training-category .category-item .category-item-message .message-right .category-item-price {
  font-size: 24px;
  color: #F5333F;
  line-height: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.home-training-category .category-item .category-item-message .message-right .category-item-price span {
  font-size: 14px;
  color: #F5333F;
  line-height: 20px;
  margin-right: 2px;
}

.home-training-teacher {
  margin-top: 36px !important;
  padding-bottom: 64px;
}
.home-training-teacher .home-training-teacher-item {
  height: 446px;
  background: #fff url('https://img.qlchat.com/qlLive/activity/image/VOGIUJBL-ENHK-2UYW-1629859825282-5XH85LYDY8VN.png?x-oss-process=image/format,webp') no-repeat 0 0;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  position: relative;
}
.home-training-teacher .home-training-teacher-item .home-training-teacher-item-content {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: none;
}
.home-training-teacher .home-training-teacher-item .home-training-teacher-item-content.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.home-training-teacher .home-training-teacher-item .home-training-teacher-item-content .home-training-teacher-item-left {
  padding: 38px 64px;
  visibility: visible !important;
  -webkit-animation-name: bounceInLeft !important;
     -moz-animation-name: bounceInLeft !important;
          animation-name: bounceInLeft !important;
}
.home-training-teacher .home-training-teacher-item .home-training-teacher-item-content .home-training-teacher-item-left .home-training-teacher-item-name {
  font-size: 40px;
  font-weight: 600;
  color: #333333;
  line-height: 56px;
}
.home-training-teacher .home-training-teacher-item .home-training-teacher-item-content .home-training-teacher-item-left .home-training-teacher-item-intro {
  margin-top: 10px;
  font-size: 24px;
  color: #333333;
  line-height: 33px;
  padding-left: 19px;
  position: relative;
}
.home-training-teacher .home-training-teacher-item .home-training-teacher-item-content .home-training-teacher-item-left .home-training-teacher-item-intro::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 20px;
  background: #f4313f;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
          transform: translateY(-50%);
}
.home-training-teacher .home-training-teacher-item .home-training-teacher-item-content .home-training-teacher-item-left .home-training-teacher-item-detail {
  margin-top: 68px;
  font-size: 16px;
  color: #999999;
  line-height: 24px;
}
.home-training-teacher .home-training-teacher-item .home-training-teacher-item-content .home-training-teacher-item-right {
  width: 500px;
  height: 410px;
  visibility: visible !important;
  -webkit-animation-name: bounceInRight !important;
     -moz-animation-name: bounceInRight !important;
          animation-name: bounceInRight !important;
}
.home-training-teacher .home-training-teacher-item .home-training-teacher-item-content .home-training-teacher-item-right img {
  width: 100%;
}
.home-training-teacher .home-training-teacher-item .home-training-teacher-item-arrow {
  position: absolute;
  left: 60px;
  bottom: 51px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.home-training-teacher .home-training-teacher-item .home-training-teacher-item-arrow .item-arrow-icon {
  width: 32px;
  height: 32px;
  background: url('https://img.qlchat.com/qlLive/activity/image/AHDV9ZLX-DFZW-LWLP-1629879701091-Z6X8JPU8O4PP.png?x-oss-process=image/format,webp') no-repeat 0 0;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  cursor: pointer;
}
.home-training-teacher .home-training-teacher-item .home-training-teacher-item-arrow .item-arrow-right {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-left: 46px;
}

.home-training-step {
  margin-top: 36px !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 500px;
  padding-bottom: 64px;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
.home-training-step .step-item-img {
  width: 847px;
  height: 100%;
}
.home-training-step .step-item-img img {
  height: 100%;
  width: 100%;
  vertical-align: middle;
  display: none;
  -webkit-border-radius: 20px;
          border-radius: 20px;
}
.home-training-step .step-item-img img.active {
  display: block;
}
.home-training-step .step-item-tab {
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  margin-left: 32px;
  padding-top: 43px;
  background: #fff;
  -webkit-border-radius: 20px;
          border-radius: 20px;
}
.home-training-step .step-item-tab .step-item-tab-logo {
  width: 137px;
  padding-left: 26px;
}
.home-training-step .step-item-tab .step-item-tab-logo img {
  width: 100%;
}
.home-training-step .step-item-tab .step-item-tab-num {
  margin-top: 48px;
  position: relative;
}
.home-training-step .step-item-tab .step-item-tab-num .step-item-tab-num-text {
  position: relative;
  z-index: 1;
  padding: 24px 24px 24px 26px;
}
.home-training-step .step-item-tab .step-item-tab-num .step-item-tab-num-text .title {
  font-size: 20px;
  line-height: 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home-training-step .step-item-tab .step-item-tab-num .step-item-tab-num-text .title span {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  background: #cccccc;
  font-size: 14px;
  font-weight: 600;
  color: #fdfdfd;
  vertical-align: middle;
  margin-right: 10px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  line-height: normal;
}
.home-training-step .step-item-tab .step-item-tab-num .step-item-tab-num-text .details {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #F5333F;
  line-height: 21px;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  height: 63px;
  overflow: hidden;
  opacity: 1;
}
.home-training-step .step-item-tab .step-item-tab-num .step-item-tab-num-text .details.hidden-details {
  height: 0;
  margin-top: 0px;
  overflow: hidden;
  opacity: 0;
}
.home-training-step .step-item-tab .step-item-tab-num .step-item-tab-num-text.active {
  background-color: #FFEFF0;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  background-image: url("https://img.qlchat.com/qlLive/activity/image/TZM3H48P-36WP-1HRZ-1653383419522-AUZVXBX35B1X.png?x-oss-process=image/format,webp");
  background-repeat: no-repeat;
  position: relative;
  padding: 12px 24px 12px 26px;
}
.home-training-step .step-item-tab .step-item-tab-num .step-item-tab-num-text.active + .step-item-tab-num-text {
  padding-top: 12px;
}
.home-training-step .step-item-tab .step-item-tab-num .step-item-tab-num-text.active::after {
  content: "";
  width: 42px;
  height: 42px;
  background: #FFEFF0;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 8px;
  left: -10px;
  z-index: -1;
}
.home-training-step .step-item-tab .step-item-tab-num .step-item-tab-num-text.active .title {
  color: #f4313f;
  font-weight: 600;
}
.home-training-step .step-item-tab .step-item-tab-num .step-item-tab-num-text.active .title span {
  background: -webkit-linear-gradient(316deg, #FF9678 0%, #F5333F 100%);
  background: -moz-linear-gradient(316deg, #FF9678 0%, #F5333F 100%);
  background: linear-gradient(134deg, #FF9678 0%, #F5333F 100%);
}

.ql-feat-picture {
  font-size: 0;
}

.ql-feat-picture img {
  width: 100%;
  height: 100%;
}

.picture-placeholder {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url(//img.qlchat.com/qlLive/liveCommon/picture-loading-icon.png?x-oss-process=image/format,webp) #efefef no-repeat center / 0.746667rem;
}
.default-img.header {
  background: #F7F7F7 url('https://img.qlchat.com/qlLive/activity/image/1K4EBX4B-UM3G-JIBJ-1687255132986-GKMIVEJFR3H7.png');
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-position: center;
}

.default-img.thumbnail {
  background-color: #F7F7F7;
  background-repeat: no-repeat;
  -webkit-background-size: 1.066667rem 1.066667rem;
  background-size: 1.066667rem 1.066667rem;
  background-position: center;
}
.img-text-content-mobile {
  padding: 0.426667rem 0;
}

.img-text-content-mobile .img-text-content-swiper .swiper-img-box {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.img-text-content-mobile .img-text-content-swiper .swiper-img-box .img-swiper-slide-image {
  overflow: hidden;
  width: 100%;
}

.img-text-content-mobile .img-text-content-swiper .swiper-img-box .img-swiper-slide-image.min-width img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.img-text-content-mobile .img-text-content-swiper .swiper-img-box .img-swiper-slide-image.min-height img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.img-text-content-mobile .img-text-content-swiper img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.img-text-content-mobile .img-text-content-swiper-box {
  position: relative;
  margin: 0 -0.426667rem;
}

.img-text-content-mobile .img-text-content-swiper-box .swiper-page-num {
  height: 0.426667rem;
  padding: 0 0.12rem;
  background: #000000;
  -webkit-border-radius: 0.106667rem;
  border-radius: 0.106667rem;
  opacity: 0.5;
  position: absolute;
  bottom: 0.32rem;
  right: 0.426667rem;
  z-index: 5;
  font-weight: 500;
  font-size: 0.266667rem;
  color: #FFFFFF;
  line-height: 0.426667rem;
  text-align: center;
}

.img-text-content-mobile .img-text-title {
  font-weight: 600;
  font-size: 0.506667rem;
  color: #1A1A1A;
  line-height: 0.853333rem;
  letter-spacing: 0.013333rem;
  text-align: justify;
  margin-top: 0.426667rem;
}

.img-text-content-mobile .img-text-content {
  font-weight: 400;
  font-size: 0.506667rem;
  color: #1A1A1A;
  line-height: 0.853333rem;
  letter-spacing: 0.013333rem;
  text-align: left;
  margin: 0.213333rem 0 0.32rem;
}

.img-text-content-mobile .img-text-content span {
  color: #2B63D2;
  margin-right: 0.106667rem;
}

.img-text-content-mobile .img-text-time {
  font-weight: 400;
  font-size: 0.346667rem;
  color: #808080;
  line-height: 0.413333rem;
  text-align: left;
}
.comunity-details-page-mobile {
  background-color: #fff;
  padding-top: 1.493333rem;
  padding-bottom: 2.133333rem;
  overflow-y: auto;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  height: 100%;
}

.comunity-details-page-mobile .top-menu .top-menu-header {
  border-bottom: 0.013333rem solid #eeeeee;
}

.comunity-details-page-mobile .main-container {
  padding: 0.426667rem 0.426667rem 0;
}

.comunity-details-page-mobile .no-data-box {
  text-align: center;
  margin: 2.2rem auto;
}

.comunity-details-page-mobile .no-data-box img {
  width: 3.2rem;
  height: 3.2rem;
}

.comunity-details-page-mobile .no-data-box .tips {
  font-size: 0.32rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.266667rem;
  margin-top: 0.346667rem;
}

.comunity-details-page-mobile .space {
  height: 0.16rem;
  background: #F7F7F7;
  margin: 0 -0.426667rem;
}
.p-empty-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 400px;
}
.p-empty-content .empty-logo {
  width: 168px;
  height: 168px;
}
.p-empty-content .empty-holder {
  margin-top: 8px;
  font-size: 14px;
  color: #666;
}


/*# sourceMappingURL=styles.3cf62bf4.chunk.css.map*/