.com-wrap {
  background: #f4f4f4;
  min-width: 1200px;
  padding-bottom: 1px;
}
.com-wrap .com-babyBanner {
  display: block;
}
.com-wrap .com-babyBanner .com-babyBanner-nav {
  width: 100%;
  min-width: 1200px;
  height: 34px;
  background: #fb9125;
}
.com-wrap .com-babyBanner .com-babyBanner-nav .common-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1200px;
  height: 100%;
  min-width: 1200px;
  margin: 0 auto;
}
.com-wrap .com-babyBanner .com-babyBanner-nav .common-nav .com-nav-lists {
  display: flex;
  align-items: center;
}
.com-wrap
  .com-babyBanner
  .com-babyBanner-nav
  .common-nav
  .com-nav-lists
  .com-nav-list {
  padding: 5px 55px;
}
.com-wrap
  .com-babyBanner
  .com-babyBanner-nav
  .common-nav
  .com-nav-lists
  .com-nav-list
  .com-nav-item {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.com-wrap
  .com-babyBanner
  .com-babyBanner-nav
  .common-nav
  .com-nav-lists
  .com-nav-list:hover {
  background: #fb7b38;
}
.com-wrap
  .com-babyBanner
  .com-babyBanner-nav
  .common-nav
  .com-nav-lists
  .com-nav-list-on {
  background: #fb7b38;
}
.com-wrap .com-babyBanner .com-babyBanner-nav .common-nav .com-nav-plan {
  display: flex;
  align-items: center;
  font-weight: 500;
}
.com-wrap .com-babyBanner .com-babyBanner-nav .common-nav .com-nav-plan a {
  color: #fff;
  font-size: 15px;
}
.com-wrap .com-babyBanner .com-babyBanner-nav .common-nav .com-nav-plan:before {
  content: "";
  width: 18px;
  height: 23px;
  background: url(/static/home/images/common/plan.png) center no-repeat;
  background-size: 80%;
  margin: 0 12px 2px 0;
}
.com-wrap .classroom-help-reading {
  width: 100%;
  min-width: 1200px;
  min-height: 331px;
  background: url(/static/home/images/classroom/classinfo.png) no-repeat;
  background-size: 1920px 100%;
  background-position: center center;
}
.com-wrap .classroom-help-reading .classroom-reading {
  width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
  padding: 20px 0 11px 0;
  display: flex;
}
.com-wrap .classroom-help-reading .classroom-reading .classroom-reading-left {
  max-width: 705px;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-head {
  width: 112px;
  height: 37px;
  background: #e1dcf9;
  border: 1px solid #bab3e2;
  color: #8c6bca;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 33px;
  text-align: center;
  line-height: 37px;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-body
  .classroom-reading-title {
  display: flex;
  justify-content: center;
  align-content: center;
  color: #333;
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 30px;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-body
  .classroom-reading-title:before {
  content: "“";
  font-size: 50px;
  color: #f2cfee;
  width: 16px;
  height: 13px;
  margin-top: -10px;
  margin-right: 15px;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-body
  .classroom-reading-title:after {
  content: "”";
  font-size: 50px;
  color: #f2cfee;
  width: 16px;
  height: 13px;
  margin-top: -10px;
  margin-left: 13px;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-body
  .classroom-reading-con {
  min-height: 132px;
  color: #888;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 19px;
  line-height: 33px;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-foot
  .classroom-reading-preside {
  display: flex;
  align-items: center;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-foot
  .classroom-reading-preside
  .classroom-preside-item {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  display: flex;
  align-items: center;
  margin-right: 16px;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-foot
  .classroom-reading-preside
  .classroom-preside-item
  .classroom-preside-name {
  max-width: 115px;
  display: inline-block;
  max-height: 21px;
  overflow: hidden;
  white-space: pre-wrap;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-foot
  .classroom-reading-preside
  .classroom-preside-item
  .classroom-preside-date {
  margin-right: 8px;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-foot
  .classroom-reading-preside
  .classroom-preside-item
  .classroom-preside-date
  .classroom-date {
  margin-right: 5px;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-foot
  .classroom-reading-preside
  .classroom-preside-item
  .classroom-state-starting {
  width: 95px;
  height: 33px;
  border-radius: 4px;
  background: #bab3e2;
  text-align: center;
  line-height: 33px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-foot
  .classroom-reading-preside
  .classroom-preside-item
  .classroom-state-ended {
  display: flex;
  align-items: center;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-foot
  .classroom-reading-preside
  .classroom-preside-item
  .classroom-state-ended
  .classroom-ended {
  display: inline-block;
  width: 95px;
  height: 33px;
  border-radius: 4px;
  background: #aaa;
  margin-right: 8px;
  text-align: center;
  line-height: 33px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-foot
  .classroom-reading-preside
  .classroom-preside-item
  .classroom-state-ended
  .classroom-state-view {
  display: flex;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-foot
  .classroom-reading-preside
  .classroom-preside-item
  .classroom-state-ended
  .classroom-state-view
  em {
  max-width: 47px;
  max-height: 21px;
  white-space: pre-wrap;
  position: relative;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-foot
  .classroom-reading-preside
  .classroom-preside-item
  .classroom-state-ended
  .classroom-state-view
  em
  i {
  position: absolute;
  top: -10px;
  left: 24px;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-foot
  .classroom-reading-preside
  .classroom-preside-item
  .classroom-collect {
  display: inline-block;
  max-width: 39px;
  max-height: 21px;
  white-space: pre-wrap;
  position: relative;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-foot
  .classroom-reading-preside
  .classroom-preside-item
  .classroom-collect
  i {
  position: absolute;
  top: -10px;
  left: 24px;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-foot
  .classroom-reading-preside
  .classroom-preside-item
  .classroom-collect-icon {
  width: 21px;
  height: 20px;
  background: url(/static/home/images/classroom/comminfo.png) center no-repeat;
  margin-right: 4px;
  cursor: pointer;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-foot
  .classroom-reading-preside
  .classroom-preside-item
  .classroom-collect-off {
  background-position: -48px -36px;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-foot
  .classroom-reading-preside
  .classroom-preside-item
  .classroom-collect-on {
  background-position: -48px -66px;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-foot
  .classroom-reading-preside
  .classroom-preside-item:last-child {
  margin-right: 0;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-foot
  .classroom-reading-preside
  .classroom-preside-icon:before {
  content: "";
  width: 18px;
  height: 21px;
  background: url(/static/home/images/classroom/preside.png) center no-repeat;
  margin-right: 7px;
  margin-top: -4px;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-left
  .classroom-reading-foot
  .classroom-reading-preside
  .classroom-time-icon:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(/static/home/images/classroom/time.png) center no-repeat;
  margin-right: 7px;
  margin-top: -3px;
}
.com-wrap .classroom-help-reading .classroom-reading .classroom-reading-right {
  color: #333;
  font-weight: 400;
  width: 275px;
  height: 135px;
  background: url(/static/home/images/classroom/teacher-bg.png) center no-repeat;
  margin: 97px 0 0 34px;
  position: relative;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-right
  .classroom-teacher-avatar {
  position: absolute;
  top: -57px;
  left: 57px;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-right
  .classroom-teacher-avatar
  .classroom-avatar {
  position: relative;
  width: 152px;
  height: 0;
  padding-bottom: 95%;
  border: 4px solid #fff;
  border-radius: 50%;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-right
  .classroom-teacher-avatar
  .classroom-avatar
  img {
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  object-fit: cover;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-right
  .classroom-teacher-name {
  font-size: 18px;
  margin-bottom: 5px;
  text-align: center;
  margin-top: 145px;
}
.com-wrap
  .classroom-help-reading
  .classroom-reading
  .classroom-reading-right
  .classroom-teacher-platform {
  font-size: 12px;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  max-height: 52px;
}
.com-wrap .comminfo-wrap {
  background: #fff;
}
.com-wrap .comminfo-wrap .comminfo-wrap-con {
  width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
  padding: 30px 0 150px 0;
}
.com-wrap .comminfo-wrap .comminfo-wrap-con .comminfo-con-nav {
  color: #999;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
}
.com-wrap .comminfo-wrap .comminfo-wrap-con .comminfo-con-nav a {
  color: #333;
}
.com-wrap .comminfo-wrap .comminfo-wrap-con .comminfo-con-nav a:hover {
  color: #ff9d00;
}
.com-wrap .comminfo-wrap .comminfo-wrap-con .classroom-video-wrap {
  display: flex;
  justify-content: space-between;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .classroom-video-play {
  width: 840px;
  background: #ddd;
  position: relative;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .classroom-video-play
  .classroom-video-img {
  width: 100%;
  height: 100%;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .classroom-video-play
  .classroom-video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 840px;
  height: 600px;
  background: #333;
  opacity: 0.2;
  cursor: pointer;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .classroom-video-play
  .classroom-video-bg-tip {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 840px;
  margin-top: -50px;
  margin-left: -420px;
  text-align: center;
  color: #fff;
  font-weight: 400;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .classroom-video-play
  .classroom-video-bg-tip
  .video-tip-txt {
  font-size: 36px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .classroom-video-play
  .classroom-video-bg-tip
  .video-tip-time {
  font-size: 14px;
  margin-top: 16px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .classroom-video-play
  .classroom-video-bg-tip
  .video-tip-time
  .video-date {
  margin-left: 10px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .classroom-video-play
  .classroom-video-bg-tip
  .video-tip-time
  .video-time {
  margin-left: 10px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .classroom-reply-tips {
  border-bottom: 1px solid #eee;
  margin: 162px 0 20px 0;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .classroom-reply-tips
  .classroom-reply-tip {
  font-size: 24px;
  color: #333;
  font-weight: 400;
  padding-bottom: 4px;
  border-bottom: 2px solid #fd9f09;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .classroom-reply-tips
  .classroom-reply-tip
  em {
  font-size: 14px;
  margin-left: 9px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap {
  width: 756px;
  background: #fff;
  padding: 20px 31px 26px 25px;
  margin-top: 85px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comment-wrap-header {
  font-size: 24px;
  font-weight: 400;
  color: #333;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comment-wrap-header
  em {
  font-size: 14px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comment-wrap-review {
  position: relative;
  margin-top: 10px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comment-wrap-review
  .comment-ipt
  .comment-review-avatar {
  position: absolute;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comment-wrap-review
  .comment-ipt
  .comment-review-avatar
  .comment-avatar-img {
  width: 50px;
  padding-bottom: 89.3%;
  height: 0;
  position: relative;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comment-wrap-review
  .comment-ipt
  .comment-review-avatar
  .comment-avatar-img
  img {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comment-wrap-review
  .comment-ipt
  .comment-review-avatar
  .comment-review-name {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 5px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comment-wrap-review
  .comment-ipt
  .comment-review-ipt {
  padding-left: 64px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comment-wrap-review
  .comment-ipt
  .comment-review-ipt
  .comment-ipt-input {
  white-space: pre-wrap;
  overflow: hidden;
  position: relative;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comment-wrap-review
  .comment-ipt
  .comment-review-ipt
  .comment-ipt-input
  .forbidipt {
  color: #888;
  position: absolute;
  right: 22px;
  bottom: 6px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comment-wrap-review
  .comment-ipt
  .comment-review-ipt
  .comment-ipt-input
  textarea {
  border: 1px solid #eee;
  width: 625px;
  height: 75px;
  outline: 0;
  color: #888;
  font-size: 13px;
  font-weight: 500;
  padding: 11px 50px 0 15px;
  resize: none;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comment-wrap-review
  .comment-ipt
  .comment-review-ipt
  .comment-ipt-input
  textarea:focus {
  color: #333;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comment-wrap-review
  .comment-ipt
  .comment-review-ipt
  .comment-ipt-emoji {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comment-wrap-review
  .comment-ipt
  .comment-review-ipt
  .comment-ipt-emoji
  .comment-emoji-left {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comment-wrap-review
  .comment-ipt
  .comment-review-ipt
  .comment-ipt-emoji
  .comment-emoji-left
  .comment-emoji-icon {
  width: 23px;
  height: 23px;
  background: url(/static/home/images/bbs/coomemoji.png) center no-repeat;
  margin-top: -2px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comment-wrap-review
  .comment-ipt
  .comment-review-ipt
  .comment-ipt-emoji
  .comment-emoji-left
  .comment-emoji-tip {
  margin-left: 6px;
  color: #999;
  font-size: 14px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comment-wrap-review
  .comment-ipt
  .comment-review-ipt
  .comment-ipt-emoji
  .comment-emoji-right {
  background: #f90;
  width: 70px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comment-wrap-review
  .comment-ipt
  .comment-review-ipt
  .comment-ipt-emoji
  .comment-emoji-right:hover {
  background: #fdb13f;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list {
  position: relative;
  padding: 0 0 24px 64px;
  border-bottom: 1px solid #eee;
  margin-bottom: 40px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-comment-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: -16px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-comment-avatar
  img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-comment-user {
  display: flex;
  align-items: center;
  margin: 5px 0 15px 0;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-comment-user
  .comm-comment-name {
  color: #333;
  font-weight: 500;
  margin-right: 16px;
  font-size: 15px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-comment-content {
  color: #666;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  word-break: break-all;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-comment-content
  img {
  margin: 0 10px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-comment-content
  .openToggle,
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-comment-content
  .stopToggle {
  color: #fc9500;
  margin-left: 5px;
  cursor: pointer;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-comment-replys {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-comment-replys
  .comm-comment-topic {
  display: flex;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-comment-replys
  .comm-comment-topic
  .comm-topic-item {
  color: #999;
  font-weight: 500;
  margin-right: 10px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-comment-replys
  .comm-comment-topic
  .comm-topic-item
  .comm-page-view {
  position: relative;
  top: -1px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-comment-replys
  .comm-comment-topic
  .comm-topic-item
  .comm-page-view:after {
  display: inline-block;
  content: "+";
  position: absolute;
  top: -5px;
  left: 24px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-comment-replys
  .comm-comment-topic
  .comm-topic-item:last-child {
  margin-right: 0;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-comment-replys
  .comm-comment-reply {
  display: flex;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-comment-replys
  .comm-comment-reply
  .comm-reply-item {
  display: flex;
  align-items: center;
  color: #999;
  font-weight: 400;
  margin-right: 19px;
  cursor: pointer;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-comment-replys
  .comm-comment-reply
  .comm-reply-item:last-child {
  margin-right: 0;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-comment-replys
  .comm-comment-reply
  .comm-reply-collect:before {
  content: "";
  width: 19px;
  height: 18px;
  background: url(/static/home/images/direct/talk.png) center no-repeat;
  margin-right: 3px;
  background-position: -22px -61px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-comment-replys
  .comm-comment-reply
  .comm-reply-collected:before {
  content: "";
  width: 19px;
  height: 18px;
  background: url(/static/home/images/direct/talk.png) center no-repeat;
  margin-right: 3px;
  background-position: -22px -20px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-comment-replys
  .comm-comment-reply
  .comm-reply-btn
  span {
  display: flex;
  align-items: center;
  color: #999;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-comment-replys
  .comm-comment-reply
  .comm-reply-btn
  span:before {
  content: "";
  width: 19px;
  height: 18px;
  background: url(/static/home/images/direct/talk.png) center no-repeat;
  margin-right: 3px;
  background-position: -58px -58px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-reply-two-wrap,
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-reply-wrap {
  position: relative;
  margin-top: 15px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-reply-two-wrap
  .comm-top,
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-reply-wrap
  .comm-top {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 19px;
  top: -16px;
  z-index: 2;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-reply-two-wrap
  .comm-top
  .comm-top-arrow1,
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-reply-two-wrap
  .comm-top
  .comm-top-arrow2,
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-reply-wrap
  .comm-top
  .comm-top-arrow1,
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-reply-wrap
  .comm-top
  .comm-top-arrow2 {
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  border-top: 10px transparent dashed;
  border-left: 5px transparent dashed;
  border-right: 5px transparent dashed;
  border-bottom: 9px #fff solid;
  overflow: hidden;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-reply-two-wrap
  .comm-top
  .comm-top-arrow1,
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-reply-wrap
  .comm-top
  .comm-top-arrow1 {
  top: -3px;
  border-bottom: 10px #eee solid;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-reply-two-wrap
  .comm-reply-iptone,
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-reply-wrap
  .comm-reply-iptone {
  width: 98%;
  height: 93px;
  resize: unset;
  border-color: #eee;
  padding: 10px 0 0 10px;
  color: #999;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-reply-two-wrap
  .comm-reply-num,
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-reply-wrap
  .comm-reply-num {
  font-size: 14px;
  color: #aaa;
  position: absolute;
  right: 8px;
  bottom: 44px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-reply-two-wrap
  .comm-reply-btn,
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-reply-wrap
  .comm-reply-btn {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-reply-two-wrap
  .comm-reply-btn
  a,
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-reply-wrap
  .comm-reply-btn
  a {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  line-height: 30px;
  width: 70px;
  height: 30px;
  color: #666;
  font-weight: 400;
  background: #eee;
  border-radius: 4px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-reply-two-wrap
  .comm-top {
  right: 3px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-replay-two
  .comm-replay-two-tit {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 0 10px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #eee;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-replay-two
  .comm-replay-two-tit
  i {
  display: inline-block;
  width: 6px;
  height: 18px;
  background: #ff6c00;
  margin-right: 10px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-replay-two
  .comm-replay-two-wrap
  .comm-replay-two-lists
  .comm-replay-two-list {
  position: relative;
  padding-left: 50px;
  border-bottom: 1px solid #eee;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-replay-two
  .comm-replay-two-wrap
  .comm-replay-two-lists
  .comm-replay-two-list
  .comm-replay-two-avatar {
  position: absolute;
  top: 11px;
  left: 0;
  width: 35px;
  height: 35px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-replay-two
  .comm-replay-two-wrap
  .comm-replay-two-lists
  .comm-replay-two-list
  .comm-replay-two-avatar
  img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-replay-two
  .comm-replay-two-wrap
  .comm-replay-two-lists
  .comm-replay-two-list
  .comm-replay-two-user {
  display: flex;
  align-items: center;
  margin: 5px 0 15px 0;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-replay-two
  .comm-replay-two-wrap
  .comm-replay-two-lists
  .comm-replay-two-list
  .comm-replay-two-user
  .comm-replay-two-username {
  color: #3c84f2;
  font-weight: 500;
  padding-top: 18px;
  font-size: 14px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-replay-two
  .comm-replay-two-wrap
  .comm-replay-two-lists
  .comm-replay-two-list
  .comm-replay-two-content {
  color: #333;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 24px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-replay-two
  .comm-replay-two-wrap
  .comm-replay-two-lists
  .comm-replay-two-list
  .comm-replay-two-content
  .openToggle_2,
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-replay-two
  .comm-replay-two-wrap
  .comm-replay-two-lists
  .comm-replay-two-list
  .comm-replay-two-content
  .stopToggle_2 {
  color: #fc9500;
  margin-left: 5px;
  cursor: pointer;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-replay-two
  .comm-replay-two-wrap
  .comm-replay-two-lists
  .comm-replay-two-list
  .comm-replay-two-replys {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  color: #999;
  font-weight: 500;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-replay-two
  .comm-replay-two-wrap
  .comm-replay-two-lists
  .comm-replay-two-list
  .comm-replay-two-replys
  .comm-replay-two-replays {
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-replay-two
  .comm-replay-two-wrap
  .comm-replay-two-lists
  .comm-replay-two-list
  .comm-replay-two-replys
  .comm-replay-two-replays:hover {
  color: #ff6c00;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list
  .comm-replay-two
  .comm-replay-two-wrap
  .comm-replay-two-lists
  .comm-replay-two-list:last-child {
  border-bottom: 0;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-wrap-comment
  .comm-comment-lists
  .comm-comment-list:first-child {
  margin-top: 48px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-comment-loading {
  display: flex;
  justify-content: center;
  align-items: center;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-comment-loading
  .comm-loading-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 374px;
  height: 54px;
  background: #eee;
  color: #ff9d00;
  font-size: 16px;
  font-weight: 400;
  border-radius: 4px;
  text-align: center;
  line-height: 54px;
  cursor: pointer;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-comment-loading
  .comm-loading-btn:after {
  content: "";
  width: 12px;
  height: 7px;
  background: url(/static/home/images/bbs/loadbtn.png) center no-repeat;
  margin-left: 5px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comm-comment-loading
  .comm-loading-btn:hover {
  background: #e3e3e3;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap {
  width: 840px;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  padding-top: 0;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comment-ipt {
  background: #f4f4f4;
  padding: 30px 29px 20px 15px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comment-ipt
  .comment-ipt-input
  textarea {
  width: 665px !important;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-left
  .comment-wrap
  .comment-wrap-header {
  display: none !important;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right {
  width: 337px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-pastClass-tips {
  display: flex;
  align-items: center;
  color: #333;
  font-size: 16px;
  font-weight: 400;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-pastClass-tips:before {
  content: "";
  width: 17px;
  height: 17px;
  background: url(/static/home/images/classroom/pastClass.png) center no-repeat;
  margin-right: 15px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-pastTime-box {
  height: 553px;
  overflow: hidden;
  padding: 0 14px 0 50px;
  margin-top: 23px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-pastTime-box
  .classroom-pastTime-list
  .reivew-detail {
  position: relative;
  height: 228px;
  display: block;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-pastTime-box
  .classroom-pastTime-list
  .reivew-detail
  .review-line {
  position: absolute;
  left: -31px;
  height: 100%;
  border-left: 1px solid #eee;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-pastTime-box
  .classroom-pastTime-list
  .reivew-detail
  .reivew-time {
  position: absolute;
  width: 38px;
  height: 38px;
  padding: 10px 0;
  left: -49px;
  background: #fff;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-pastTime-box
  .classroom-pastTime-list
  .reivew-detail
  .reivew-time
  span {
  display: block;
  width: 38px;
  height: 33px;
  text-align: center;
  line-height: 16px;
  padding-top: 5px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #bbb;
  color: #fff;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-pastTime-box
  .classroom-pastTime-list
  .reivew-detail
  .experts {
  background: #fafafa;
  height: 35px;
  padding: 7px 0 8px 55px;
  color: #999;
  line-height: 35px;
  position: relative;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-pastTime-box
  .classroom-pastTime-list
  .reivew-detail
  .experts
  .icon {
  position: absolute;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  border-color: transparent #fafafa transparent transparent;
  border-style: dashed solid dashed dashed;
  border-width: 8px;
  left: -16px;
  top: 17px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-pastTime-box
  .classroom-pastTime-list
  .reivew-detail
  .experts
  .experts-body {
  height: 37px;
  margin-right: 10px;
  max-width: 208px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-pastTime-box
  .classroom-pastTime-list
  .reivew-detail
  .experts
  .experts-body
  img {
  width: 35px;
  height: 35px;
  position: absolute;
  left: 12px;
  border-radius: 50%;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-pastTime-box
  .classroom-pastTime-list
  .reivew-detail
  .experts
  .experts-body
  .name {
  color: #333;
  padding-right: 10px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-pastTime-box
  .classroom-pastTime-list
  .reivew-detail
  .theme {
  line-height: 28px;
  font-size: 16px;
  padding: 14px 0 10px;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-pastTime-box
  .classroom-pastTime-list
  .reivew-detail
  .theme
  .f-quote {
  position: relative;
  font-weight: 700;
  color: #f2cfee;
  line-height: 0;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-pastTime-box
  .classroom-pastTime-list
  .reivew-detail
  .theme
  .f-txt {
  color: #333;
  font-size: 16px;
  max-width: 208px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-pastTime-box
  .classroom-pastTime-list
  .reivew-detail
  .theme
  span {
  font-size: 34px;
  top: 7px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-pastTime-box
  .classroom-pastTime-list
  .reivew-detail
  .indextv-imgs {
  width: 272px;
  height: 154px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-pastTime-box
  .classroom-pastTime-list
  .reivew-detail
  .indextv-imgs
  .indextv_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-pastTime-box
  .classroom-pastTime-list
  .reivew-detail:hover
  .reivew-time
  span {
  background: #bab3e2;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-pastTime-box
  .classroom-pastTime-list
  .reivew-detail:hover
  .icon {
  border-color: transparent #f2f0fd transparent transparent;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-pastTime-box
  .classroom-pastTime-list
  .reivew-detail:hover
  .experts {
  background: #f2f0fd;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-pastTime-box
  .classroom-pastTime-list
  .img_height {
  height: 291px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-hot-wiki {
  margin-top: 47px;
  padding-left: 20px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-hot-wiki
  .classroom-hotWiki-head {
  border-bottom: 1px solid #eee;
  padding-bottom: 4px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-hot-wiki
  .classroom-hotWiki-head
  span {
  color: #333;
  font-size: 24px;
  font-weight: 400;
  border-bottom: 2px solid #fd9f09;
  padding-bottom: 7px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-hot-wiki
  .classroom-hotWiki-head
  .more_btn {
  color: #666;
  float: right;
  margin-top: -27px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-hot-wiki
  .classroom-hotWiki-head
  a:hover {
  color: #ff6c00;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-hot-wiki
  .classroom-hotwiki-lists {
  padding-top: 24px;
  max-height: 251px;
  overflow: hidden;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-hot-wiki
  .classroom-hotwiki-lists
  .classroom-hotwiki-list {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  cursor: pointer;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-hot-wiki
  .classroom-hotwiki-lists
  .classroom-hotwiki-list
  .classroom-hotwiki-icon {
  width: 18px;
  height: 22px;
  background: url(/static/home/images/classroom/top1.png) center no-repeat;
  margin-right: 15px;
  color: #fff;
  text-align: center;
  line-height: 20px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-hot-wiki
  .classroom-hotwiki-lists
  .classroom-hotwiki-list
  .classroom-hotwiki-icon1 {
  width: 18px;
  height: 22px;
  background: url(/static/home/images/bbs/top.png) center no-repeat;
  margin-right: 15px;
  color: #fff;
  text-align: center;
  line-height: 20px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-hot-wiki
  .classroom-hotwiki-lists
  .classroom-hotwiki-list
  .classroom-hotwiki-item {
  color: #383838;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-hot-wiki
  .classroom-hotwiki-lists
  .classroom-hotwiki-list:last-child {
  margin-bottom: 0;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .classroom-video-wrap
  .classroom-video-right
  .classroom-hot-wiki
  .classroom-hotwiki-lists
  .classroom-hotwiki-list:hover
  .classroom-hotwiki-item {
  color: #fc9500;
}
.com-wrap .comminfo-wrap .comminfo-wrap-con .commlist-wrap-hotnews {
  margin-top: 62px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists {
  display: flex;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list {
  background: #fff;
  margin-right: 57px;
  width: 362px;
  height: 500px;
  border-radius: 6px 6px 0 0;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-head {
  display: flex;
  padding: 0 10px 0 12px;
  border-radius: 0 0 1px 1px;
  border-top: 2px solid #ff9d00;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-head
  .commlist-head-hotlabel,
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-head
  .commlist-head-more {
  display: flex;
  align-items: center;
  color: #333;
  font-weight: 500;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-head
  .commlist-head-hotlabel1:before {
  content: "";
  width: 22px;
  height: 24px;
  background: url(/static/home/images/common/wiki.png) center no-repeat;
  margin-right: 6px;
  background-size: 83%;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-head
  .commlist-head-hotlabel2:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(/static/home/images/common/qa.png) center no-repeat;
  margin-right: 8px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-head
  .commlist-head-hotlabel3:before {
  content: "";
  width: 18px;
  height: 22px;
  background: url(/static/home/images/common/news.png) center no-repeat;
  margin-right: 8px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-head
  .commlist-head-more:after {
  content: "";
  width: 6px;
  height: 10px;
  background: url(/static/home/images/common/right.png) center no-repeat;
  margin: -3px 0 0 4px;
  margin-top: -3px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-head
  .commlist-head-more:hover {
  color: #ff9d00;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-head
  .commlist-head-hotlabel {
  font-size: 18px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-head
  .commlist-head-more {
  font-size: 14px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-country {
  padding: 20px 18px 20px 18px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-country
  .commlist-con-country
  .commlist-country-list {
  display: flex;
  border-bottom: 1px dashed #eee;
  margin-bottom: 20px;
  max-width: 326px;
  flex-wrap: wrap;
  max-height: 348px;
  overflow: hidden;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-country
  .commlist-con-country
  .commlist-country-list
  .commlist-list-country {
  padding: 3.5px 13px;
  color: #666;
  font-weight: 500;
  font-size: 14px;
  border-radius: 15px;
  border: 1px solid #eee;
  margin-right: 20px;
  max-height: 21px;
  display: inline-block;
  white-space: pre-wrap;
  overflow: hidden;
  margin-bottom: 20px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-country
  .commlist-con-country
  .commlist-country-list
  .commlist-list-country:last-child {
  margin-right: 0;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-country
  .commlist-con-country
  .commlist-country-list
  .commlist-list-country:hover {
  background: #feedd5;
  border: 1px solid #eeb256;
  color: #ff9d00;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-country
  .commlist-con-country
  .commlist-country-list:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-con {
  padding: 26px 30px 0 18px;
  height: 408px;
  overflow: hidden;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-con
  .commlist-con-lists
  .commlist-con-list {
  display: flex;
  align-items: center;
  padding-bottom: 16px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px dashed #eee;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-con
  .commlist-con-lists
  .commlist-con-list
  .commlist-con-item {
  max-width: 292px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #666;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-con
  .commlist-con-lists
  .commlist-con-list:before {
  content: "";
  width: 12px;
  height: 10px;
  background: url(/static/home/images/bbs/project.png) center no-repeat;
  margin-right: 10px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-con
  .commlist-con-lists
  .commlist-con-list:hover
  a {
  color: #ff9d00;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-con
  .commlist-con-lists
  .commlist-con-list:hover:before {
  content: "";
  width: 12px;
  height: 10px;
  background: url(/static/home/images/bbs/project-on.png) center no-repeat;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-con
  .commlist-con-lists
  .commlist-con-list:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list:last-child {
  margin-right: 0;
}
.com-wrap .comminfo-wrap .comminfo-wrap-con .bottomLine {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #ccc;
  height: 60px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-con,
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-country {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  height: 400px;
}
.com-wrap
  .comminfo-wrap
  .comminfo-wrap-con
  .commlist-wrap-hotnews
  .commlist-hotnews-lists
  .commlist-hotnews-list
  .commlist-hotnews-con {
  height: 406px;
}
.commread .swiper-container-plan {
  margin-bottom: -50px !important;
}
.commlist-hotnews-head {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.comm-top {
  right: 6px !important;
}