﻿.public-container1{width: 12rem; margin: auto;}
.section--course-banner{height: 5.08rem;}

.course_view .course-price-info .price {
  color: #f08300;
}
.course_view .shikan {border: 2px solid #fff; padding: 0.05rem 0.15rem; border-radius: 0.08rem; cursor: pointer;}
.course_view .shikan:before{font-size: 0.3rem; margin-right: 0.03rem;}
.course_view .course-banner .item .buttonbuy {display: block;height: 0.46rem; line-height: 0.46rem; cursor: pointer;}

.course-banner{display:flex;justify-content: flex-end; height: 100%;}
.imgtext-course{width: 4.25rem; padding: 0.45rem; background: rgba(0,0,0,0.3); color: #fff;}
.course_view .imgtext-course .page-tt .title-main{
  color: #fff; letter-spacing: 0.01rem;
}

.course_view .imgtext-course .text-right--pay{width: 100%;}

.course_view .main {
  width: 100%;
  box-sizing: border-box;
}

.course_view .section-main .tabs-tt-bar {
  height: 0.6rem;border-bottom: 1px solid #eaeae6;
}
.course_view .tabs-tt-bar .tabs-tt {
      line-height: 0.60rem;
    height: 0.6rem;
  margin: 0 0.40rem;color: #313131;
  float: left;
  cursor: pointer;
}
.course_view .tabs-tt-bar .tabs-tt.active {
  color: #1aa89c;
  border-bottom: 0.05rem solid #1aa89c;
}
.course_view .tabs-tt-bar .tabs-tt:hover {
  color: #1aa89c;
}


.course_view .task-part-list {
  padding-bottom: 1px;
}

.course_view .task-part-item .task-part-hd {
  line-height: 0.4rem;
  height: 0.4rem;
  position: relative;
}

.course_view .task-part-item .tt-prefix {
  width: 0.42rem;
  text-align: left;
  color: #000;
  font-weight: 700;
  float: left;
}

.course_view .task-task-list .task-task-item {
  position: relative;
  line-height: 0.5rem;
  display: block;
  width: 100%;
  color: #333;
  box-sizing: border-box;
  background-color: #f4f4f4;
}
.course_view .task-task-list .task-task-item .task-tt-expr {
  color: #23b8ff;
}
.course_view .task-task-list .task-task-item .item-icon {
  position: absolute;
  left: 0;
  top: 50%;
  width: 0.5rem;
  text-align: center;
  font-size: 0.24rem;
  color: #a3d2f8;
  margin-top: -0.25rem;
}
.course_view .task-task-list .task-task-item .task-tt-text {
  display: inline-block;
  vertical-align: middle;
}
.course_view .task-task-list .task-task-item .tt-suffix {
  color: #999;
  display: inline-block;
  vertical-align: middle;
}
.course_view .task-task-list .task-task-item.task-task-item--done .item-icon {
  color: #999;
}
.course_view .task-task-list .task-task-item.task-task-item--disabled .item-icon,
.course_view .task-task-list .task-task-item.task-task-item--disabled .task-tt {
  color: #999;
}

.course_view .task-task-list a.task-task-item.task-item-jump:hover {
  background-color: #eee;
}
.course_view .task-task-list a.task-task-item.task-item-jump:hover .item-icon {
  color: #23b8ff;
}

.course_view .task-task-list a.task-item-nojump {
  cursor: default;
}

.course_view .comment-list .comment-item {
  position: relative;
  padding: 0.20rem 0.20rem 0.20rem 0.80rem;
  border-top: 1px solid #e5e5e5;
}
.course_view .comment-list .comment-item:first-child {
  border-top: 0;
}
.course_view .comment-list .comment-item .item-good {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.25rem;
  height: 0.25rem;
  line-height: 0.25rem;
}
.course_view .comment-list .comment-item .item-good::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 0.25rem solid #23b8ff;
  border-right: 0.25rem solid #23b8ff;
  border-left: 0.25rem solid transparent;
  border-bottom: 0.25rem solid transparent;
  position: absolute;
  top: 0;
  left: -0.25rem;
}
.course_view .comment-list .comment-item .item-good span {
  position: relative;
  font-size: 0.16rem;
  color: #fff;
  top: 1px;
}
.course_view .comment-list .comment-item .item-left {
  position: absolute;
  width: 0.80rem;
  text-align: center;
  top: 0.20rem;
  left: 0;
}
.course_view .comment-list .comment-item .user-avatar {
  border-radius: 50%;
}
.course_view .comment-list .comment-item .item-right {
  position: relative;
}

.course_view .comment-list .comment-ft + .comment-reply {
  margin-top: 0.2rem;
  margin-bottom: 0.10rem;
}
.course_view .comment-list .comment-pic{display: flex;
    justify-content: space-between;
    align-items: center;}
.course_view .comment-list .comment-pic .comment-picimg{height: 0.8rem; width: 0.8rem; overflow: hidden;}
.course_view .comment-list .comment-pic .comment-picimg img{width: 100%;}
.course_view .comment-ft {
  color: #999;
}
.course_view .comment-ft .comment-report {
  position: absolute;
  right: 0.10rem;
  cursor: pointer;
}
.course_view .comment-ft .comment-report:hover {
  color: #23b8ff;
}

.course_view .sticky-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 1000;
  border-bottom: 1px solid #e5e5e5;
}
.course_view .sticky-nav .tabs-tt-bar {
  margin-bottom: 0;
  margin-left: 0;
}
.course_view .sticky-nav .tabs-tt-bar .tabs-tt {
  padding-bottom: 0.11rem;
}
.course_view .sticky-nav .container {
  position: relative;
  height: 0.66rem;
}

.course_view .sticky-nav .btn-join {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #23b8ff;
  color: #fff;
}
.course_view .sticky-nav .btn-join .icon-font {
  font-size: 0.25rem;
  vertical-align: middle;
}
.course_view .sticky-nav .btn-join span {
  font-size: 0.2rem;
  vertical-align: middle;
}

.course_view .sticky-nav .buy-alone {
  display: none;
}

.course_view .btn-join {
  width: 3.30rem;
  line-height: 0.66rem;
  border-radius: 0;
}