.course-portal .top-bg {
  width: 100%;
}

.course-portal .portal-con {
  position: relative;
  z-index: 1;
  border-radius: .625rem .625rem 0 0;
  background: #ffffff;
  margin-top: -0.625rem;
  padding: .9375rem 0;
  padding-bottom: 3.75rem;
}

.course-portal .portal-con .course-name {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #333333;
  margin-right: 1.5625rem;
  padding: 0 .9375rem;
}

.course-portal .portal-con .speaker-box {
  margin-top: .7813rem;
  height: auto;
  padding: 0 .9375rem;
}

.course-portal .portal-con .speaker-box .speaker-item {
  display: inline-block;
  vertical-align: top;
  font-size: .875rem;
  line-height: 1.2188rem;
  color: #474C59;
}

.course-portal .portal-con .speaker-box .line {
  display: inline-block;
  vertical-align: top;
  background: #E9ECF1;
  border-radius: .2813rem;
  width: .0938rem;
  height: .875rem;
  margin: .1719rem .625rem;
}

.course-portal .portal-con .star {
  margin-top: .7813rem;
  height: 1.2188rem;
  padding: 0 .9375rem;
  margin-bottom: .9375rem;
}

.course-portal .portal-con .star .star-box {
  margin-right: .9375rem;
  height: 1.2188rem;
  line-height: 1.2188rem;
  vertical-align: top;
}

.course-portal .portal-con .star .star-box .layui-rate {
  padding: 0 .4375rem 0 0;
}

.course-portal .portal-con .star .star-box .layui-rate .layui-icon {
  font-size: .7188rem;
  color: #FEC93A;
}

.course-portal .portal-con .star .star-box .star-value {
  font-weight: 700;
  font-size: .875rem;
  color: #FF9500;
  vertical-align: top;
}

.course-portal .portal-con .star .text {
  display: inline-block;
  vertical-align: top;
  font-size: .875rem;
  color: #8A8B99;
  line-height: 1.3rem;
}

.course-portal .portal-con .bottom-div {
  position: fixed;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  padding: .625rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFFFFF;
  border-top: .0313rem solid #F2F2F2;
  height: 3.75rem;
}

.course-portal .portal-con .bottom-div .btn {
  width: 100%;
  height: 2.5rem;
  line-height: 2.5rem;
  background: #0099FF;
  border-radius: .25rem;
  color: #FFFFFF;
  font-size: 1rem;
  text-align: center;
}

.course-portal .tab-list {
  padding: .625rem 0.9375rem;
}

.course-portal .tab-list.fixed {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
}

.course-portal .tab-list li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 1.5625rem;
  padding-bottom: .1875rem;
  color: #474C59;
  font-weight: 500;
  font-size: 1.0625rem;
  line-height: 1.6563rem;
}

.course-portal .tab-list li.active {
  font-size: 1.1875rem;
  color: #131B26;
}

.course-portal .tab-list li.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: -webkit-gradient(linear, left top, right top, from(#3A8BFF), color-stop(109.62%, rgba(58, 139, 255, 0)));
  background: -webkit-linear-gradient(left, #3A8BFF 0%, rgba(58, 139, 255, 0) 109.62%);
  background: -o-linear-gradient(left, #3A8BFF 0%, rgba(58, 139, 255, 0) 109.62%);
  background: linear-gradient(90deg, #3A8BFF 0%, rgba(58, 139, 255, 0) 109.62%);
  border-radius: .0625rem;
  width: 1.0625rem;
  height: .1875rem;
}

.course-portal .con-list {
  margin-top: .625rem;
  padding-bottom: 1.5625rem;
}

.course-portal .con-list.top {
  margin-top: 3.125rem;
}

.course-portal .con-list .course-introduce {
  background: #F5F7FA;
  border-radius: .125rem;
  padding: .9375rem;
  color: #474C59;
  font-size: .9375rem;
  line-height: 1.3125rem;
  margin: 0 0.9375rem;
  word-break: break-all;
  word-wrap: break-word;
}

.course-portal .con-list .course-introduce h3 {
  color: #8A8B99;
  font-size: .875rem;
  line-height: 1.2188rem;
  margin-bottom: .4375rem;
}

.course-portal .con-list .public-title {
  color: #131B26;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  font-weight: 500;
}

.course-portal .con-list .public-title .icon {
  display: inline-block;
  vertical-align: top;
  width: .2188rem;
  height: 1rem;
  margin-right: .4375rem;
  margin-top: .2813rem;
  background: #3A8BFF;
  border-radius: .125rem;
}

.course-portal .con-list .teaching-team {
  margin-top: 1.5625rem;
  padding: 0 0.9375rem;
}

.course-portal .con-list .teaching-team .item-box li {
  position: relative;
  margin-top: .9375rem;
  padding-top: .9375rem;
  padding-bottom: 1.875rem;
  padding-left: 5rem;
  padding-right: .25rem;
  border-bottom: .0313rem solid #ECECEC;
}

.course-portal .con-list .teaching-team .item-box li:last-child {
  border-bottom: none;
}

.course-portal .con-list .teaching-team .item-box li .img-box {
  position: absolute;
  top: .9375rem;
  left: .9375rem;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  overflow: hidden;
}

.course-portal .con-list .teaching-team .item-box li .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.course-portal .con-list .teaching-team .item-box li .text-box {
  width: 100%;
}

.course-portal .con-list .teaching-team .item-box li .text-box .text1 {
  line-height: 1.4063rem;
}

.course-portal .con-list .teaching-team .item-box li .text-box .text1 .name {
  display: inline-block;
  vertical-align: top;
  color: #131B26;
  font-weight: 500;
  font-size: 1rem;
  margin-right: .9375rem;
  max-width: 100%;
}

.course-portal .con-list .teaching-team .item-box li .text-box .text1 .job {
  display: inline-block;
  vertical-align: bottom;
  line-height: 1.125rem;
  max-width: 100%;
  color: #8A8B99;
  font-size: .8125rem;
}

.course-portal .con-list .teaching-team .item-box li .text-box .text2 {
  margin-top: .625rem;
  color: #181E33;
  font-size: .875rem;
  word-break: break-all;
  word-wrap: break-word;
  line-height: 1.722em;
}

.course-portal .con-list .check-standard {
  margin-top: .625rem;
  padding: 0 0.9375rem;
}

.course-portal .con-list .check-standard .table {
  margin-top: .9375rem;
}

.course-portal .con-list .check-standard .table .thead,
.course-portal .con-list .check-standard .table .tbody {
  font-size: 0;
}

.course-portal .con-list .check-standard .table .th,
.course-portal .con-list .check-standard .table .td {
  display: inline-block;
  vertical-align: top;
  background: #F2F5F9;
  padding: .7188rem .75rem;
  color: #131B26;
  font-weight: 500;
  font-size: .9375rem;
  line-height: 1.3125rem;
  margin-right: .0625rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(50% - .0313rem);
}

.course-portal .con-list .check-standard .table .th:nth-child(2n),
.course-portal .con-list .check-standard .table .td:nth-child(2n) {
  margin-right: 0;
}

.course-portal .con-list .check-standard .table .td {
  padding: .7656rem .75rem;
  color: #474C59;
  font-weight: 400;
  font-size: .875rem;
  line-height: 1.2188rem;
  margin-top: .0625rem;
}

.course-portal .con-list .chapter-list {
  padding: 0 0.9375rem;
}

.course-portal .con-list .chapter-list .chapter {
  margin-top: .625rem;
}

.course-portal .con-list .chapter-list .chapter:first-child {
  margin-top: 0;
}

.course-portal .con-list .chapter-list .chapter .chapter-title {
  position: relative;
  padding: .9375rem 2.0625rem .9375rem 2.4063rem;
  background: #F5F7FA;
  border-radius: .25rem;
  color: #000000;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4063rem;
}

.course-portal .con-list .chapter-list .chapter .chapter-title .title {
  position: absolute;
  left: .625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #3A8BFF;
  font-size: 1rem;
  font-weight: 500;
}

.course-portal .con-list .chapter-list .chapter .chapter-title .arrow-down {
  position: absolute;
  right: .625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .8125rem;
  height: .8125rem;
  background: url(/course-ans/images/courseportal/app/arrow-down.png) no-repeat;
  background-size: 100% 100%;
}

.course-portal .con-list .chapter-list .chapter .chapter-title.active .arrow-down {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  background-size: 100% 100%;
}

.course-portal .con-list .chapter-list .chapter .section-list li {
  position: relative;
  margin-top: .3125rem;
  padding: 1rem 0.625rem 1rem;
  line-height: 1.3125rem;
  color: #131B26;
  font-size: .9375rem;
  display: flex;
  align-items: center;
}

.course-portal .con-list .chapter-list .chapter .section-list li > span {
  color: #474C59;
  font-size: .875rem;
  font-weight: 500;
  margin-right: .625rem;
}

.course-portal .con-list .module-list {
  padding: 0 0.9375rem;
  margin-top: .625rem;
  gap: .625rem;
  display: flex;
  flex-wrap: wrap;
  font-size: .875rem;
  margin-bottom: .625rem;
}

.course-portal .con-list .module-list .module-detail {
  padding: 0.25rem .9375rem;
  background: #F2F5F9;
  border-radius: 3.125rem;
  color: #474C59;
}

.course-portal .con-list .module-list .module-active {
  background: #0099FF;
  color: #FFFFFF;
}

.course-portal .con-list .module-list .module-detail .module-text {
  word-break: break-all;
  max-width: 7.75rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.course-portal .con-list .module-atta {
  margin-top: 1.25rem;
  width: 20rem;
  height: 4.625rem;
  background: #F4F5F6;
  padding: .75rem;
  display: flex;
  align-items: center;
  gap: .625rem;
}

.course-portal .con-list .module-atta .atta-name {
  width: 16.3125rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #474C59;
  font-size: .9375rem;
  line-height: 1.3125rem;
}

.course-portal .con-list .module-atta .atta-size {
  color: #8A8B99;
  font-size: .75rem;
  line-height: 1.0625rem;
  margin-top: .1875rem;
}

.course-portal .con-list .module-atta img {
  width: 3.125rem;
  height: 3.125rem;
}

.check-standard .book-item:hover {
  background: #f0f5fc;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(128, 131, 137, 0.19);
          box-shadow: 0px 2px 4px 0px rgba(128, 131, 137, 0.19);
  color: #131b26;
}

.check-standard .book-item:hover .title {
  color: #3a8bff;
}

.check-standard .book-item:hover .press {
  color: #474c59;
}

.check-standard .book-item .left-box {
  width: 96px;
  height: 128px;
  margin-right: 24px;
}

.check-standard .book-item .left-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.check-standard .book-item .title {
  font-size: 16px;
  color: #131b26;
  line-height: 22px;
  max-width: 448px;
}

.check-standard .book-item .press {
  font-size: 14px;
  color: #8a8b99;
  line-height: 20px;
  margin-top: 4px;
}

.check-standard .book-item .desc {
  font-size: 14px;
  line-height: 20px;
  height: 40px;
  margin-top: 22px;
}

.check-standard .book-item .time {
  font-size: 14px;
  line-height: 20px;
  margin-top: 4px;
}

.course-portal .con-list .evaluate-box {
  border-bottom: .0313rem solid #EBEBEB;
}

.course-portal .con-list .evaluate-box .evaluate-item {
  position: relative;
  padding: .9375rem;
  padding-left: 4.0625rem;
}

.course-portal .con-list .evaluate-box .evaluate-item .head-img {
  position: absolute;
  left: .9375rem;
  top: .9375rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: .25rem;
  overflow: hidden;
}

.course-portal .con-list .evaluate-box .evaluate-item .head-img img {
  width: 100%;
  height: 100%;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .top-con {
  line-height: 1.4063rem;
  color: #333333;
  font-size: 1rem;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .top-con .topping {
  display: inline-block;
  vertical-align: top;
  width: 1.875rem;
  height: 1.0313rem;
  line-height: 1.0313rem;
  border: .0313rem solid #1CA4FE;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: .1875rem;
  text-align: center;
  color: #0099FF;
  font-size: .6875rem;
  margin: .1875rem .3125rem;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .top-con .icon-box {
  float: right;
  font-size: 0;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .top-con .icon-box i {
  display: inline-block;
  vertical-align: top;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: .625rem;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .top-con .icon-box .icon-score {
  background-image: url(/course-ans/images/courseportal/app/icon-score.png);
  background-size: 100% 100%;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .top-con .icon-box .icon-score.active {
  background-image: url(/course-ans/images/courseportal/app/icon-score-active.png);
  background-size: 100% 100%;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .top-con .icon-box .icon-praise {
  background-image: url(/course-ans/images/courseportal/app/icon-praise.png);
  background-size: 100% 100%;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .top-con .icon-box .icon-praise.active {
  background-image: url(/course-ans/images/courseportal/app/icon-praise-active.png);
  background-size: 100% 100%;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .top-con .icon-box .num {
  line-height: 1.25rem;
  font-size: .8125rem;
  color: #0299FF;
  margin-left: .25rem;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .time {
  margin-top: .1875rem;
  color: #999999;
  font-size: .8125rem;
  line-height: 1.125rem;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .time span {
  margin-right: .3125rem;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .text {
  margin-top: .625rem;
  color: #474C59;
  font-size: 1.0625rem;
  line-height: 1.5rem;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .text img {
  max-width: 100px;
  max-height: 100px;
  padding: 2px;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .star-box {
  line-height: 1.0313rem;
  margin-top: .625rem;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .star-box .layui-rate {
  padding: 0;
  margin-right: .3125rem;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .star-box .layui-rate .layui-icon {
  font-size: .9375rem;
  color: #FEC93A;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .star-box .star-value {
  font-weight: 500;
  font-size: .875rem;
  color: #FF9500;
  vertical-align: top;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .text-box li {
  margin-top: .625rem;
  font-size: 1.0625rem;
  line-height: 1.5rem;
  color: #666;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .text-box li .name {
  color: #0099FF;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .text-box li .time {
  color: #B3B3B3;
  margin-left: .9375rem;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .img-box {
  position: relative;
  margin-top: .625rem;
  font-size: 0;
  border-radius: .25rem;
  overflow: hidden;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .img-box .pic {
  display: inline-block;
  vertical-align: top;
  width: 6rem;
  height: 6rem;
  border-radius: .25rem;
  overflow: hidden;
  margin-right: .1875rem;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .img-box .pic:nth-child(3n) {
  margin-right: 0;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .img-box .pic img {
  width: 100%;
  height: 100%;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .img-box .icon-ellipsis {
  position: absolute;
  bottom: 0;
  left: 16.75rem;
  width: 1.625rem;
  height: .6875rem;
  display: block;
  background-image: url(/course-ans/images/courseportal/app/ellipsis.png);
  background-size: 100% 100%;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .video-item {
  position: relative;
  padding: .75rem;
  padding-left: 4.0625rem;
  background: #F4F5F6;
  border-radius: .25rem;
  margin-top: .625rem;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .video-item .video {
  position: absolute;
  top: 50%;
  left: .625rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2.8125rem;
  height: 2.8125rem;
  border-radius: .25rem;
  overflow: hidden;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .video-item .video img {
  width: 100%;
  height: 100%;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .video-item .video .video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 1.375rem;
  height: 1.375rem;
  display: block;
  background-image: url(/course-ans/images/courseportal/app/video-play.png);
  background-size: 100% 100%;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .video-item .title {
  font-size: .875rem;
  line-height: 1.2188rem;
  color: #333333;
  margin-top: .1094rem;
}

.course-portal .con-list .evaluate-box .evaluate-item .right-box .video-item .size {
  font-size: .75rem;
  line-height: 1.0625rem;
  color: #999999;
  margin-top: .3125rem;
}

.course-portal .con-list .loading-more {
  margin-top: .9375rem;
  font-size: .875rem;
  line-height: 1.2188rem;
  color: #8A8B99;
  text-align: center;
}

.course-portal .con-list .loading-more i {
  display: inline-block;
  vertical-align: top;
  width: .9375rem;
  height: .9375rem;
  margin: .0938rem 0;
  margin-left: .3125rem;
  background-image: url(/course-ans/images/courseportal/app/arrow-down1.png);
  background-size: 100% 100%;
}

.course-portal .con-list .loading-more.active i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.course-portal .con-list .top-box {
  margin-bottom: .4375rem;
  padding: 0 .9375rem;
  height: 1.25rem;
  line-height: 1.25rem;
}

.course-portal .con-list .top-box .num {
  color: #8A8B99;
  font-size: .875rem;
}

.course-portal .con-list .top-box .blue-btn {
  float: right;
  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: #0099FF;
  font-size: .875rem;
}

.course-portal .con-list .top-box .blue-btn i {
  display: block;
  width: .875rem;
  height: .875rem;
  margin-right: .3125rem;
  background-image: url(/course-ans/images/courseportal/app/icon-edit.png);
  background-size: 100% 100%;
}

.course-portal .select-class {
  background: rgba(0, 0, 0, 0.5);
}

.course-portal .select-class .popDiv {
  top: unset;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
  border-radius: .625rem .625rem 0 0;
  background: #F5F6F8;
}

.course-portal .select-class .popDiv .popHead {
  padding: 1.0625rem 0 .75rem;
  height: auto;
  text-align: center;
  font-size: .875rem;
  line-height: 1.3125rem;
  letter-spacing: .0063rem;
  color: #8A8B99;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.course-portal .select-class .popDiv .class-box {
  background: #fff;
  margin-bottom: .375rem;
  max-height: 22.6875rem;
  overflow-y: auto;
}

.course-portal .select-class .popDiv .class-box li {
  margin: 1rem .9375rem;
  color: #131B26;
  font-size: 1.0625rem;
  line-height: 1.5rem;
  text-align: center;
  float: left;
  width: calc(100% - 1.875rem);
}

.course-portal .select-class .popDiv .popBottom {
  padding: 1rem .9375rem;
  text-align: center;
  color: #131B26;
  font-size: 1.0625rem;
  line-height: 1.5rem;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.write-evaluation {
  padding: .9375rem;
}

.write-evaluation .item {
  padding: .9375rem .9375rem 1.25rem;
  background: #FFFFFF;
  border-radius: .625rem;
}

.write-evaluation .item .course-box .img-box {
  width: 2.6875rem;
  height: 2.6875rem;
  border-radius: .25rem;
  overflow: hidden;
  float: left;
  margin-right: .75rem;
}

.write-evaluation .item .course-box .img-box img {
  width: 100%;
  height: 100%;
}

.write-evaluation .item .course-box .course-name {
  font-weight: 500;
  font-size: .9375rem;
  line-height: 1.3125rem;
  color: #333333;
}

.write-evaluation .item .course-box .speaker-box {
  margin-top: .3125rem;
  height: 1.2188rem;
}

.write-evaluation .item .course-box .speaker-box .speaker-item {
  display: inline-block;
  vertical-align: top;
  font-size: .875rem;
  line-height: 1.2188rem;
  color: #474C59;
}

.write-evaluation .item .course-box .speaker-box .line {
  display: inline-block;
  vertical-align: top;
  background: #E9ECF1;
  border-radius: .2813rem;
  width: .0938rem;
  height: .875rem;
  margin: .1719rem .625rem;
}

.write-evaluation .item .eval-box {
  margin-top: .3125rem;
}

.write-evaluation .item .eval-box .eval-item {
  margin-top: 1.25rem;
}

.write-evaluation .item .eval-box .eval-item .item-box {
  height: 1.25rem;
  line-height: 1.25rem;
}

.write-evaluation .item .eval-box .eval-item .label {
  display: inline-block;
  vertical-align: top;
  min-width: 3.5rem;
  color: #474C59;
  margin-right: .625rem;
  font-size: .875rem;
}

.write-evaluation .item .eval-box .eval-item .star-box {
  vertical-align: top;
}

.write-evaluation .item .eval-box .eval-item .star-box .layui-rate {
  padding: 0;
  margin-right: .125rem;
  vertical-align: top;
  width: auto !important;
}

.write-evaluation .item .eval-box .eval-item .star-box .layui-rate .layui-icon {
  font-size: 1.25rem;
  color: #FEC93A;
  margin-right: .375rem;
}

.write-evaluation .item .eval-box .eval-item .star-box .layui-rate .layui-icon:hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.write-evaluation .item .eval-box .eval-item .star-box .layui-rate .layui-icon.layui-icon-rate {
  color: #ACB4BF;
}

.write-evaluation .item .eval-box .eval-item .star-box .star-value {
  font-weight: 500;
  color: #FF9500;
  font-size: .875rem;
  vertical-align: top;
}

.write-evaluation .item .eval-box .eval-item .desc {
  color: #8A8B99;
  font-size: .875rem;
  line-height: 1.0313rem;
  margin-top: .4375rem;
}

.write-evaluation .item .multieditor {
  margin-top: 1.5625rem;
}

.eval-header {
  padding: .5938rem .9375rem .5938rem .5rem;
  text-align: center;
  color: #000000;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  background: #ffffff;
}

.eval-header .icon-back {
  float: left;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(/course-ans/images/courseportal/app/icon-back.png);
  background-size: 100%;
}

.eval-header a {
  float: right;
  color: #868686;
  font-size: .9375rem;
}

.course-portal .con-list .teaching-team .item-box li .text-box .overHideen8 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
.openCon { 
  color:#0099FF;
  background: #fff;
  font-size:.875rem
}
/*顶部条*/
.top-div{position:relative;z-index:3}
.top-div-con{height:2.75rem;box-sizing:border-box;width:100%;background:#fff;position:fixed;left:0;top:0;box-shadow: 0px 1px 0px 0px #EBEBEB;font-size:1rem;color: #333333;text-align:center;line-height:2.75rem;}
.top-back-icon{display:inline-block;width:1.15rem;height:1.125rem;background:url(/course-ans/images/courseportal/app/icon-back.png) no-repeat;background-size:100%;position:absolute;left:.9375rem;top:.8125rem}
.top-het{height:2.75rem;width:100%;}

/*写评价顶部条*/
.top-eval-header {
  padding: 0.625rem 0.9375rem 0.625rem 0.5rem;
  text-align: center;
  color: #000000;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  background: #ffffff;
  display: flex;
  align-items: center;
  position: relative;
}

.top-eval-header .top-icon-back {
  float: left;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background-image: url(/course-ans/images/courseportal/app/icon_back_new.png);
  background-size: 100%;
  position: absolute;
  left: 0.5rem;
}

.top-eval-header .head_center{
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  padding: 0 2.57rem;
}
.top-eval-header a.right_btn{
  float: right;
  display: inline-block;
  text-align: center;
  width: 2.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem;
  font-size: 0.9375rem;
  color: #09f;
  position: absolute;
  right: 0.5rem;
}
.top-eval-header div.right_btn{
  float: right;
  display: inline-block;
  text-align: center;
  width: 2.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem;
  font-size: 0.9375rem;
  color: #09f;
  position: absolute;
  right: 0.5rem;
}


/**选择加入的班级弹窗**/
.classMask {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  z-index: 100;
}

.classPopup {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 20px 20px 0 0;
  border-top: solid .4rem #808080;
}

.cancelPopup {
  height: 3.8rem;
  line-height: 3.8rem;
  text-align: center;
  font-size: 1.06rem
}

.borderLine {
  height: 0.375rem;
  background: #F5F6F8
}

.popTitle {
  margin-top: .75rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  font-size: .875rem;
  color: #8A8B99;
  font-weight: normal
}

.classList {
  max-height: 23rem;
  overflow: auto
}

.classList ul li {
  padding: 1rem .9rem;
  font-size: 1.06rem;
  text-align: center;
  line-height: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.classList ul li span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 4rem)
}

.tag {
  font-style: normal;
  padding: .1rem .2rem;
  background: #E0F3FF;
  border-radius: .5rem;
  font-size: .8rem;
  color: #0099FF;
  margin-left: .6rem;
  width: 3rem;
}

.unStarted {
  background: #E6EBF2;
  color: #8C8D9B
}

/*弹窗*/
.appPop.mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2
}

.appPop .popDiv {
  width: 270px;
  background: #fff;
  border-radius: 10px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.appPop .title {
  width: 100%;
  height: 35px;
  line-height: 35px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  margin-top: 10px;
  font-weight: bold
}

.appPop .Btmdiv {
  width: 100%;
  height: 44px;
  border-top: 1px solid #ebebeb;
  display: flex;
}

.appPop .Btmdiv a {
  display: inline-block;
  flex: 1;
  text-align: center;
  line-height: 44px;
  color: #0099ff;
  font-size: 16px;
  position: relative
}

.appPop .Btmdiv a.cancle:after {
  width: 1px;
  height: 100%;
  background: #ebebeb;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}

.appPop .popCenter {
  font-size: 16px;
  padding: 20px 24px;
  color: #333;
  text-align: center
}