@import "mixins/mixins";
@import "common/var";

@include b(active_show_detail_pc_1) {


  /*————————————————————活动详情展示组件1开始——————————————————————*/
  .active_show_detail_pc_1 {
    width: 100%;
    margin-top: 30px;
    /* .pingjia-page .on{

      } */
    /* #star ul {
          margin: 0 10px;
      } */
  }

  .active_show_detail_pc_1 .yanxueyou2-pic {
    width: 100%;
    height: 300px;
  }
  .active_show_detail_pc_1 .yanxueyou2-pic img {
    width: 100%;
    height: 100%;
  }
  .active_show_detail_pc_1 .yanxueyou2-info {
    width: 100%;
  }
  .active_show_detail_pc_1 .yanxueyou2-info .sp1 {
    display: block;
    font-size: 24px;
    line-height: 42px;
    position: relative;
    min-height: 84px;
  }
  .active_show_detail_pc_1 .yanxueyou2-info .sp1 .share {
    position: absolute;
    right: 0;
    bottom: 4px;
    width: 60px;
    z-index: 9;
    height: 22px;
    border: 1px solid #d8d8d8;
    text-align: center;
    display: block;
    line-height: 20px;
    padding-left: 20px;
    font-size: 14px;
    color: #707070;
    background: url('#{$--url-path}/header-share.png') 4px center no-repeat;
    background-size: 16px auto;
    border-radius: 3px;
  }
  .active_show_detail_pc_1 .yanxueyou2-info .sp1 .share:hover {
    color: $--color-primary;
    border: 1px solid $--color-primary;
  }
  .active_show_detail_pc_1 .yanxueyou2-info .sp2 {
    display: block;
    padding: 10px;
    background-color: #fefbf5;
    margin-top: 20px;
  }
  .active_show_detail_pc_1 .yanxueyou2-info .sp2 span {
    display: block;
    float: left;
    text-align: center;
  }
  .active_show_detail_pc_1 .yanxueyou2-info .sp2 span i {
    display: block;
    font-style: normal;
    color: #a0a0a0;
    margin-top: 10px;
  }
  .active_show_detail_pc_1 .yanxueyou2-info .sp2 .spp1 {
    width: 25%;
    color: $--color-primary;
  }
  .active_show_detail_pc_1 .yanxueyou2-info .sp2 .spp2 {
    width: 50%;
    color: $--color-primary;
  }
  .active_show_detail_pc_1 .yanxueyou2-info .sp2 .spp3 {
    width: 25%;
    color: $--color-primary;
  }
  .active_show_detail_pc_1 .yanxueyou2-info .sp3 {
    display: block;
  }
  .active_show_detail_pc_1 .yanxueyou2-info .sp3 ul {
    width: 100%;
    margin-top: 20px;
  }
  .active_show_detail_pc_1 .yanxueyou2-info .sp3 ul li {
    width: 50%;
    float: left;
    color: #676873;
    margin-top: 14px;
  }
  .active_show_detail_pc_1 .yanxueyou2-info .sp3 ul li span {
    color: #a0a0a0;
  }
  .active_show_detail_pc_1 .yanxueyou2-info .sp3 ul li select {
    border: 1px solid #dedede;
    outline: none;
  }
  .active_show_detail_pc_1 .yanxueyou2-booking {
    width: 100%;
    margin-top: 30px;
    padding: 10px;
    border: 1px solid $--color-primary2;
    background-color: rgba(255, 150, 0, 0.1);
  }
  .active_show_detail_pc_1 .yanxueyou2-booking .sp1 {
    display: block;
    float: left;
    width: 200px;
  }
  .active_show_detail_pc_1 .yanxueyou2-booking .sp1 i {
    display: block;
    font-size: 18px;
    height: 32px;
    font-style: normal;
  }
  .active_show_detail_pc_1 .yanxueyou2-booking .sp1 select {
    width: 100%;
    height: 60px;
    margin-top: 4px;
    border: 1px solid #dedede;
    padding: 0 4px;
  }
  .active_show_detail_pc_1 .yanxueyou2-booking .sp2 {
    display: block;
    float: left;
    width: 150px;
    margin-left: 10px;
  }
  .active_show_detail_pc_1 .yanxueyou2-booking .sp2 i {
    display: block;
    font-size: 18px;
    font-style: normal;
    height: 32px;
  }
  .active_show_detail_pc_1 .yanxueyou2-booking .sp2 i span {
    display: inline-block;
    font-size: 12px;
    color: #7d7d7d;
  }
  .active_show_detail_pc_1 .yanxueyou2-booking .sp2 select {
    width: 100%;
    height: 60px;
    margin-top: 4px;
    border: 1px solid #dedede;
    padding: 0 4px;
  }
  .active_show_detail_pc_1 .yanxueyou2-booking .sp3 {
    display: block;
    height: 96px;
    float: left;
    background-color: rgba(255, 150, 0, 0.4);
    color: #000;
    text-align: center;
    padding: 0 20px;
    margin-left: 10px;
    font-size: 16px;
  }
  .active_show_detail_pc_1 .yanxueyou2-booking .sp3 i {
    display: block;
    color: #ff0000;
    margin-top: 28px;
    font-size: 18px;
  }
  .active_show_detail_pc_1 .yanxueyou2-booking .sp4 {
    display: block;
    float: left;
    line-height: 42px;
    margin-top: 30px;
    font-size: 16px;
    margin-left: 10px;
  }
  .active_show_detail_pc_1 .yanxueyou2-booking .sp4 i {
    font-size: 28px;
    color: #ff0000;
  }
  .active_show_detail_pc_1 .yanxueyou2-booking .sp5 {
    display: block;
    float: right;
    margin-top: 30px;
  }
  .active_show_detail_pc_1 .yanxueyou2-booking .sp5 a {
    display: inline-block;
    width: 142px;
    height: 42px;
    line-height: 42px;
    background-color: $--color-primary;
    color: #fff;
    text-align: center;
    font-size: 16px;
  }
  .active_show_detail_pc_1 .yanxueyou2-booking .sp5 a:hover {
    background-color: $--color-primary;
  }
  .active_show_detail_pc_1 .st-moni-buy {
    width: 100%;
  }
  .active_show_detail_pc_1 .st-moni-buy-body {
    border: 1px solid #d8d8d8;
    background-color: #fff;
  }
  .active_show_detail_pc_1 .st-moni-buy-img {
    width: 100%;
    height: 265px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
  }
  .active_show_detail_pc_1 .st-moni-buy-img .play-icon {
    position: absolute;
    display: block;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: url('#{$--url-path}/et4-play-icon.png') center no-repeat;
    top: 0;
    left: 0;
  }
  .active_show_detail_pc_1 .st-moni-buy-img .play-icon a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .active_show_detail_pc_1 .st-moni-buy-img img {
    width: 100%;
    height: 100%;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt {
    width: 100%;
    margin-top: 26px;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p1 {
    font-size: 22px;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p2 {
    font-size: 14px;
    color: #666;
    margin-top: 16px;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p2 span {
    color: #ff6c00;
    font-size: 28px;
    margin: 0 3px;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p4 {
    color: #999;
    margin-top: 16px;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p4 span {
    display: inline-block;
    line-height: 24px;
    /* margin-top: 10px; */
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p4 .st-span1 {
    margin-right: 6px;
    margin-top: 6px;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p4 .st-span1 a {
    color: $--color-primary;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p4 .st-span2 {
    margin-left: 6px;
    margin-right: 20px;
    margin-top: 6px;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p4 .st-span2 i {
    color: #000;
    font-style: normal;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p4 .st-span3 {
    margin-right: 20px;
    margin-top: 6px;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p4 .st-span3 i {
    font-style: normal;
    float: left;
    margin-right: 5px;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p4 .st-span3 img {
    float: left;
    margin-left: 2px;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p4 .st-span3 a {
    padding-left: 4px;
    color: #434343;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p4 .st-span4 {
    margin-left: 4px;
    margin-right: 5px;
    background: url('#{$--url-path}/et4-icon01.png') left center no-repeat;
    padding-left: 24px;
    margin-top: 6px;
    cursor: pointer;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p4 .st-span4 a {
    color: #7d7d7d;
    cursor: pointer;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p4 .favon {
    background: url('#{$--url-path}/et4-icon01h.png') left center no-repeat !important;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p4 .st-span5 {
    margin-left: 5px;
    background: url('#{$--url-path}/et4-icon02.png') left center no-repeat;
    padding-left: 24px;
    margin-top: 6px;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p4 .st-span5 a {
    color: #7d7d7d;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p5 {
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 30px;
    color: #ff0000;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-ul {
    margin-top: 40px;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-ul li {
    display: inline-block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    width: 160px;
    border: 1px solid #999999;
    text-align: center;
    margin-right: 20px;
    cursor: pointer;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-ul .on {
    border: 1px solid $--color-primary2;
    background: url('#{$--url-path}/st-moni-select.png') right bottom no-repeat;
    background-size: 21px auto;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p2 i {
    font-style: normal;
    font-size: 14px;
    margin-left: 20px;
    color: #999;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p3 a {
    margin-right: 10px;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p3-buy {
    display: inline-block;
    width: 140px;
    height: 42px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    background-color: $--color-primary;
    margin-top: 40px;
    border: 1px solid $--color-primary;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p3-buy:hover {
    background-color: $--color-primary;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p3-add {
    display: inline-block;
    width: 140px;
    height: 42px;
    text-align: center;
    line-height: 40px;
    color: $--color-primary2;
    font-size: 16px;
    background-color: #fff3ea;
    margin-top: 40px;
    border: 1px solid $--color-primary2;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p3-buy:hover {
    color: #fff;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p3-add:hover {
    color: $--color-primary2;
  }
  .active_show_detail_pc_1 .et4-class-body {
    width: 100%;
  }
  .active_show_detail_pc_1 .et4-class-right {
    width: 100%;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    padding: 6px 15px 15px 15px;
    margin-top: 20px;
  }
  .active_show_detail_pc_1 .et4-class-right-title {
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
    line-height: 40px;
    font-size: 16px;
  }
  .active_show_detail_pc_1 .et4-class-right-title span {
    float: right;
  }
  .active_show_detail_pc_1 .et4-class-right-title span a {
    font-size: 14px;
    color: #959595;
  }
  .active_show_detail_pc_1 .et4-teacher-part-left {
    display: block;
    float: left;
    width: 62px;
    height: 62px;
  }
  .active_show_detail_pc_1 .et4-teacher-part {
    margin-top: 20px;
  }
  .active_show_detail_pc_1 .et4-teacher-part-left img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #d8d8d8;
  }
  .active_show_detail_pc_1 .et4-teacher-part-right {
    display: block;
    float: left;
    margin-left: 10px;
  }
  .active_show_detail_pc_1 .et4-teacher-part-right-p1 {
    padding-top: 10px;
  }
  .active_show_detail_pc_1 .et4-teacher-part-right-p1 a {
    font-size: 16px;
    color: #000;
  }
  .active_show_detail_pc_1 .et4-teacher-part-right-p2 {
    font-size: 12px;
    color: #959595;
    margin-top: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .active_show_detail_pc_1 .et4-course-part {
    width: 100%;
    height: 160px;
    position: relative;
    margin-top: 15px;
  }
  .active_show_detail_pc_1 .et4-course-part img {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
  }
  .active_show_detail_pc_1 .et4-course-part span {
    width: 100%;
    display: block;
    height: 30px;
    position: absolute;
    bottom: 0;
    color: #fff;
    z-index: 999;
    line-height: 30px;
    padding-left: 5px;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .active_show_detail_pc_1 .et4-news-part {
    padding: 0 2px;
  }
  .active_show_detail_pc_1 .et4-news-part ul li {
    margin-top: 15px;
  }
  .active_show_detail_pc_1 .et4-news-part ul li a {
    background: url('#{$--url-path}/news-list-icon.png') left center no-repeat;
    font-size: 14px;
    line-height: 24px;
    color: #959595;
    padding-left: 12px;
  }
  .active_show_detail_pc_1 .et4-news-part ul li a:hover {
    color: $--color-primary;
  }
  .active_show_detail_pc_1 .et4-class-body {
    width: 100%;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    margin-top: 20px;
    padding: 10px 20px 40px 20px;
    margin-bottom: 40px;
  }
  .active_show_detail_pc_1 .et4-class-body-hd {
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
    background-color: #fff;
  }
  .active_show_detail_pc_1 .et4-class-body-hd ul li {
    color: #7d7d7d;
    padding: 0 20px;
    display: inline-block;
    line-height: 40px;
    cursor: pointer;
    font-size: 16px;
  }
  .active_show_detail_pc_1 .et4-class-body-hd ul li:hover {
    color: $--color-primary;
  }
  .active_show_detail_pc_1 .et4-class-body-hd .active {
    color: $--color-primary;
    border-bottom: 3px solid $--color-primary;
  }
  .active_show_detail_pc_1 .et4-class-cont {
    /* margin-top: 20px; */
    padding: 0 10px;
  }
  .active_show_detail_pc_1 .et4-class-cont p {
    color: #959595;
    padding-top: 20px;
    line-height: 30px;
    font-size: 16px;
    text-align: justify;
  }
  .active_show_detail_pc_1 .pingjia-list-cont {
    margin-top: 20px;
  }
  .active_show_detail_pc_1 .pingjia-list-cont-left {
    display: block;
    width: 46px;
    height: 46px;
    float: left;
  }
  .active_show_detail_pc_1 .pingjia-list-cont-left img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }
  .active_show_detail_pc_1 .pingjia-list-cont-right {
    display: block;
    float: left;
    margin-left: 12px;
    width: 92%;
    padding-bottom: 20px;
    border-bottom: 1px solid #d8d8d8;
  }
  .active_show_detail_pc_1 .pingjia-p1 {
    margin-bottom: 6px;
  }
  .active_show_detail_pc_1 .pingjia-list-cont-right .pingjia-p1 span {
    color: #959595;
    margin-right: 20px;
  }
  .active_show_detail_pc_1 .pingjia-list-cont-right .pingjia-p2 {
    margin-top: 6px;
  }
  .active_show_detail_pc_1 .pingjia-list-cont-right .pingjia-p3 {
    margin-top: 12px;
    color: #7d7d7d;
    padding-bottom: 20px;
    line-height: 24px;
  }
  .active_show_detail_pc_1 .pingjia-page {
    width: 100%;
    margin-top: 20px;
  }
  .active_show_detail_pc_1 .pingjia-page ul {
    width: 100%;
    text-align: right;
    padding-right: 5px;
  }
  .active_show_detail_pc_1 .pingjia-page ul li {
    display: inline-block;
  }
  .active_show_detail_pc_1 .pingjia-page ul li a {
    width: 26px;
    height: 26px;
    display: block;
    border: 1px solid #d8d8d8;
    text-align: center;
    line-height: 24px;
    color: #000;
    font-size: 12px;
  }
  .active_show_detail_pc_1 .pingjia-page ul li span {
    margin: 0 5px;
  }
  .active_show_detail_pc_1 .pingjia-page-tongji {
    margin-left: 10px;
  }
  .active_show_detail_pc_1 .et4-class-pingjia {
    margin-top: 40px;
    padding-top: 10px;
  }
  .active_show_detail_pc_1 .et4-class-pingjia-tip {
    color: #ff0000;
  }
  .active_show_detail_pc_1 .et4-class-pingjia-tip span {
    font-weight: bold;
    color: #000;
    margin-right: 20px;
  }
  .active_show_detail_pc_1 .et4-class-pingjia-tip2 {
    color: #a0a0a0;
  }
  .active_show_detail_pc_1 .et4-class-pingjia-tip2 span {
    font-weight: bold;
    color: #000;
    margin-right: 20px;
  }
  .active_show_detail_pc_1 .et4-class-pingjia-inp {
    display: block;
    width: 100%;
    margin-top: 10px;
    position: relative;
  }
  .active_show_detail_pc_1 .et4-class-pingjia-inp textarea {
    width: 100%;
    border: 1px solid #d8d8d8;
    background-color: #f7f7f7;
    border-radius: 5px;
    line-height: 32px;
    padding: 5px;
    outline: none;
    resize: none;
  }
  .active_show_detail_pc_1 .et4-class-pingjia-sub {
    display: block;
    margin-top: 20px;
    padding-bottom: 22px;
    text-align: right;
    border-bottom: 1px solid #d8d8d8;
  }
  .active_show_detail_pc_1 .et4-class-pingjia-sub a {
    display: inline-block;
    width: 80px;
    height: 32px;
    border: 1px solid $--color-primary2;
    background-color: rgba(255, 150, 0, 0.1);
    font-size: 14px;
    color: $--color-primary2;
    text-align: center;
    line-height: 32px;
    z-index: 99;
    margin-right: 10px;
  }
  .active_show_detail_pc_1 .et4-class-pingjia-sub a:hover {
    background-color: rgba(255, 150, 0, 0.15);
  }
  .active_show_detail_pc_1 .et4-class-pingjia-title {
    display: block;
    height: 32px;
    line-height: 32px;
    margin-top: 20px;
    background: url('#{$--url-path}/et4-pingjia-icon.png') left center no-repeat;
    padding-left: 22px;
  }
  .active_show_detail_pc_1 .et4-class-pingjia-title img {
    margin-right: 6px;
  }
  .active_show_detail_pc_1 .et4-class-pingjia .BOX {
    width: 100%;
  }
  .active_show_detail_pc_1 .et4-class-mulu {
    width: 100%;
    padding-top: 10px;
  }
  .active_show_detail_pc_1 .et4-class-mulu-title {
    width: 100%;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    padding-left: 20px;
    color: #808080;
    background-color: #eeeeee;
    margin-top: 14px;
  }
  .active_show_detail_pc_1 .et4-class-mulu-title .nLi-icon {
    display: block;
    width: 18px;
    height: 18px;
    background: url('#{$--url-path}/et4-zhankai.png') center no-repeat;
    float: right;
    margin-top: 13px;
    margin-right: 20px;
    cursor: pointer;
  }
  .active_show_detail_pc_1 .et4-class-mulu .on .nLi-icon {
    background: url('#{$--url-path}/et4-shousuo.png') center no-repeat;
  }
  .active_show_detail_pc_1 .et4-class-mulu-title i {
    font-style: normal;
    margin-right: 20px;
  }
  .active_show_detail_pc_1 .et4-class-mulu-ul {
    width: 96%;
    margin-left: 2%;
  }
  .active_show_detail_pc_1 .et4-class-mulu-ul li {
    font-size: 14px;
    height: 52px;
    line-height: 52px;
  }
  .active_show_detail_pc_1 .et4-class-mulu-ul li a {
    line-height: 52px;
    color: #959595;
    display: block;
    width: 65%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
  }
  .active_show_detail_pc_1 .et4-class-mulu-ul .mulu-time {
    float: right;
    background: url('#{$--url-path}/et4-mulu-icon1.png') right center no-repeat;
    padding-right: 34px;
    color: #959595;
    margin-right: 5px;
  }
  .active_show_detail_pc_1 .et4-class-mulu-ul .mulu-time i {
    font-style: normal;
    color: $--color-primary2;
  }
  .active_show_detail_pc_1 .et4-class-mulu-ul .mulu-time-un i {
    font-style: normal;
    color: #ff0000;
  }
  .active_show_detail_pc_1 .et4-class-right-body {
    padding-left: 5px;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p3-phone {
    display: inline-block;
    height: 42px;
    line-height: 42px;
    color: #7d7d7d;
    background: url('#{$--url-path}/et4-phone-icon.png') left center no-repeat;
    padding-left: 30px;
    margin-left: 20px;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p3-phone:hover {
    color: #7d7d7d;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p6 span {
    color: #808080 !important;
    margin-left: 0;
    margin-right: 20px;
    margin-top: 16px;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p6 .et3-banner-body-ps4 {
    margin-top: 0;
  }
  .active_show_detail_pc_1 .st-moni-buy-jdt {
    width: 100%;
    height: 10px;
    background-color: #f1f2f3;
  }
  .active_show_detail_pc_1 .st-moni-buy-jdt span {
    display: block;
    height: 10px;
    background-color: rgba(28, 66, 126, 0.5);
  }
  .active_show_detail_pc_1 .et4-studing {
    width: 100%;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    padding: 15px;
  }
  .active_show_detail_pc_1 .et4-studing-left {
    float: left;
    display: block;
    line-height: 42px;
  }
  .active_show_detail_pc_1 .et4-studing-right {
    float: right;
  }
  .active_show_detail_pc_1 .et4-studing-right a {
    margin-top: 0;
    line-height: 42px;
    margin-right: 10px;
  }
  .active_show_detail_pc_1 .et4-studing-next {
    color: #959595;
    margin-right: 20px;
  }
  .active_show_detail_pc_1 .et4-studing-next:hover {
    color: #959595;
  }
  .active_show_detail_pc_1 .pingjia-page .on a {
    color: #fff;
    background-color: $--color-primary;
    border: 1px solid $--color-primary;
  }
  .active_show_detail_pc_1 .st-moni-buy-txt-p6 {
    margin-bottom: 10px;
  }
  .active_show_detail_pc_1 .mulu-pie {
    width: 17px;
    height: 17px;
    /* display: block; */
    float: left;
    margin-top: 18px;
    margin-right: 5px;
    position: relative;
    border: 1px solid #d8d8d8;
    border-radius: 50%;
    /*behavior: url(js/PIE.htc);*/
  }
  .active_show_detail_pc_1 .et4-class-pingjia .BOX {
    margin: 20px auto 10px auto;
  }
  .active_show_detail_pc_1 #star {
    position: relative;
    height: 24px;
    width: 30%;
    display: inline-block;
  }
  .active_show_detail_pc_1 .stat-title {
    margin-right: 10px;
  }
  .active_show_detail_pc_1 #star ul,
  .active_show_detail_pc_1 #star span {
    float: left;
    line-height: 24px;
    font-weight: 400;
  }
  .active_show_detail_pc_1 #star li {
    float: left;
    width: 24px;
    height: 24px;
    cursor: pointer;
    text-indent: -9999px;
    background: url('#{$--url-path}/et4-start-un.png') center no-repeat;
  }
  .active_show_detail_pc_1 #star strong {
    color: $--color-primary2;
    padding-left: 10px;
  }
  .active_show_detail_pc_1 #star li.on {
    background: url('#{$--url-path}/et4-start.png') center no-repeat;
  }
  .active_show_detail_pc_1 .et4-class-pingjia-inp textarea::placeholder {
    color: #a0a0a0;
  }
  .active_show_detail_pc_1 .star_result_span a {
    font-weight: 400;
    color: #999;
    margin-left: 10px;
  }
  .active_show_detail_pc_1 .top-star {
    display: block;
    height: 24px;
    float: left;
  }
  .active_show_detail_pc_1 .et3-banner-body-p3 span {
    display: inline-block;
    margin-right: 20px;
    font-size: 14px;
    color: #fff;
  }
  .active_show_detail_pc_1 .et3-banner-body-p3 span i {
    font-style: normal;
    font-size: 18px;
  }
  .active_show_detail_pc_1 .et3-banner-body-ps1 {
    background: url('#{$--url-path}/et3-nbanner-icon01.png') left center no-repeat;
    padding-left: 32px;
    height: 24px;
    line-height: 24px;
  }
  .active_show_detail_pc_1 .et3-banner-body-ps2 {
    background: url('#{$--url-path}/et3-nbanner-icon02.png') left center no-repeat;
    padding-left: 32px;
    height: 24px;
    line-height: 24px;
  }
  .active_show_detail_pc_1 .et3-banner-body-ps3 {
    background: url('#{$--url-path}/et3-nbanner-icon03.png') left center no-repeat;
    padding-left: 32px;
    height: 24px;
    line-height: 24px;
  }
  .active_show_detail_pc_1 .et3-banner-body-ps4 {
    background: url('#{$--url-path}/et3-nbanner-icon04.png') center no-repeat;
    padding-left: 12px;
    width: 77px;
    height: 20px;
    line-height: 20px;
    font-size: 12px !important;
    color: #c78300 !important;
    margin-left: 10px !important;
  }
  .active_show_detail_pc_1 .et4-class-teacherinfo {
    width: 100%;
    margin-top: 30px;
  }
  .active_show_detail_pc_1 .et4-class-teacherinfo .teacher-pic {
    width: 100%;
    height: 300px;
  }
  .active_show_detail_pc_1 .et4-class-teacherinfo .sp1 {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 20px;
  }
  .active_show_detail_pc_1 .et4-class-teacherinfo .sp1 i {
    color: $--color-primary;
    font-size: 16px;
    font-weight: 400;
    margin-left: 20px;
  }
  .active_show_detail_pc_1 .et4-class-teacherinfo .p2 {
    color: #959595;
    font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
    text-align: justify;
  }
  .active_show_detail_pc_1 .et4-class-cont .p-img {
    margin: 0 auto;
    text-align: center;
  }
  .active_show_detail_pc_1 .et4-class-cont p img {
    max-width: 100%;
  }
  .active_show_detail_pc_1 .et4-class-plan {
    width: 100%;
  }
  .active_show_detail_pc_1 .et4-class-plan .title1 {
    display: block;
    padding-left: 46px;
    font-size: 24px;
    padding: 10px 0 10px 0;
    margin-top: 20px;
  }
  .active_show_detail_pc_1 .et4-class-plan .title1 span {
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: url('#{$--url-path}/plan-icon01.png') center no-repeat;
    background-color: $--color-primary;
    vertical-align: middle;
    margin-right: 8px;
  }
  .active_show_detail_pc_1 .et4-class-plan .table1 {
    width: 100%;
    margin-top: 20px;
  }
  .active_show_detail_pc_1 .et4-class-plan .table1 td {
    border: 1px solid #dcdcdc;
    padding: 10px;
    min-width: 60px;
  }
  .active_show_detail_pc_1 .et4-class-plan .title2 {
    display: block;
    padding-left: 46px;
    font-size: 24px;
    padding: 10px 0 10px 0;
    margin-top: 20px;
  }
  .active_show_detail_pc_1 .et4-class-plan .title2 span {
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: url('#{$--url-path}/plan-icon02.png') center no-repeat;
    background-color: $--color-primary;
    vertical-align: middle;
    margin-right: 8px;
  }
  .active_show_detail_pc_1 .et4-class-plan .table1-t {
    text-align: center;
    background-color: #f7f7f7;
    font-weight: bold;
  }
  .active_show_detail_pc_1 .et4-class-plan .table2 {
    width: 100%;
    border: 1px solid #dcdcdc;
    margin-top: 20px;
  }
  .active_show_detail_pc_1 .et4-class-plan .table2 th {
    background-color: #f7f7f7;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
  }
  .active_show_detail_pc_1 .et4-class-plan .table2 td {
    padding: 10px;
    border: 1px solid #dcdcdc;
  }
  .active_show_detail_pc_1 .et4-class-plan .table2 .td1 span {
    display: block;
    color: $--color-primary;
    font-weight: bold;
    margin-bottom: 4px;
  }
  .active_show_detail_pc_1 .et4-class-plan .table2 .td2 ul {
    width: 100%;
  }
  .active_show_detail_pc_1 .et4-class-plan .table2 .td2 ul li {
    width: 100%;
    line-height: 26px;
  }
  .active_show_detail_pc_1 .et4-class-plan .table2 .td2 ul li a {
    color: #0000ff;
  }
  .active_show_detail_pc_1 .et4-class-plan .table2 .td2 span {
    color: $--color-primary;
  }
  .active_show_detail_pc_1 .et4-class-plan .table2 .td3 span {
    display: block;
    margin-bottom: 4px;
  }
  .active_show_detail_pc_1 .et4-class-plan .table2 .td3 span a {
    display: block;
    color: #0000ff;
    text-decoration: underline;
  }
  .active_show_detail_pc_1 .et4-class-pingjia-subbtn {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }
  .active_show_detail_pc_1 .et4-class-pingjia-subbtn .cancel {
    padding: 5px 20px;
    color: $--color-primary;
    border: 1px solid $--color-primary;
    margin: 0 5px;
  }
  .active_show_detail_pc_1 .et4-class-pingjia-subbtn .issue {
    padding: 5px 20px;
    background-color: $--color-primary;
    border: 1px solid $--color-primary;
    color: #fff;
    margin: 0 5px;
  }
  .active_show_detail_pc_1 .et4-class-pingjia-subbtn .cancel:hover {
    color: $--color-primary;
  }
  .active_show_detail_pc_1 .et4-class-pingjia-subbtn .issue:hover {
    background-color: $--color-primary;
  }
  .active_show_detail_pc_1 .et4-class-pingjia-updata {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .active_show_detail_pc_1 .et4-class-pingjia-updata ul {
    width: 100%;
  }
  .active_show_detail_pc_1 .et4-class-pingjia-updata ul li {
    display: block;
    float: left;
    width: 100px;
    height: 100px;
    margin: 5px;
    position: relative;
  }
  .active_show_detail_pc_1 .et4-class-pingjia-updata ul li a {
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    font-size: 12px;
    text-align: center;
    line-height: 12px;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    right: 1px;
    top: 1px;
    z-index: 99;
  }
  .active_show_detail_pc_1 .et4-class-pingjia-updata ul li a:hover {
    background-color: rgba(0, 0, 0, 0.6);
  }
  .active_show_detail_pc_1 .et4-class-pingjia-updata ul li img {
    width: 100%;
    height: 100%;
  }
  .active_show_detail_pc_1 .updata-icon {
    display: block;
    float: left;
    width: 100px;
    height: 100px;
    border: 1px solid #dcdcdc;
    background-color: #f7f7f7;
    margin: 5px;
  }
  .active_show_detail_pc_1 .updata-icon a {
    display: block;
    width: 100%;
    height: 100%;
    background: url('#{$--url-path}/updata-pic.png') top 26px center no-repeat;
    text-align: center;
    color: #737373;
    padding-top: 66px;
  }
  .active_show_detail_pc_1 .et4-class-pingjia-updata .tip {
    display: block;
    width: 100%;
    color: #ff0000;
    margin-top: 4px;
  }
  .active_show_detail_pc_1 .pingjia-text {
    width: 100%;
  }
  .active_show_detail_pc_1 .pingjia-text li {
    font-size: 12px;
    padding: 2px 10px;
    background-color: #f0f0f0;
    color: #7d7d7d;
    display: inline-block;
    margin-top: 3px;
  }
  .active_show_detail_pc_1 .pingjia-pic img {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin-right: 5px;
    margin-top: 10px;
  }
  .active_show_detail_pc_1 .pingjia-list-score {
    width: 100%;
    background-color: #f7f7f7;
    padding: 20px 40px;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .active_show_detail_pc_1 .pingjia-list-score .sp1 {
    display: block;
    float: left;
    width: 140px;
  }
  .active_show_detail_pc_1 .pingjia-list-score .sp1 .spp1 {
    font-size: 18px;
    color: #7d7d7d;
    display: block;
  }
  .active_show_detail_pc_1 .pingjia-list-score .sp1 .spp2 {
    font-size: 36px;
    color: #000;
    display: block;
    margin-top: 10px;
  }
  .active_show_detail_pc_1 .pingjia-list-score .sp1 .spp2 i {
    font-size: 16px;
  }
  .active_show_detail_pc_1 .pingjia-list-score .sp2 {
    display: block;
    float: left;
    width: 450px;
  }
  .active_show_detail_pc_1 .pingjia-list-score .sp2 ul {
    width: 100%;
  }
  .active_show_detail_pc_1 .pingjia-list-score .sp2 ul li {
    width: 100%;
    font-size: 16px;
    margin-bottom: 8px;
  }
  .active_show_detail_pc_1 .pingjia-list-score .sp2 ul li i {
    color: $--color-primary;
  }
  .active_show_detail_pc_1 .score-jdt {
    display: inline-block;
    width: 200px;
    height: 6px;
    border-radius: 100px;
    background-color: #dcdcdc;
    margin: 0 10px;
  }
  .active_show_detail_pc_1 .score-jdt span {
    display: block;
    height: 6px;
    border-radius: 100px;
    background-color: $--color-primary;
  }
  .active_show_detail_pc_1 .pingjia-list-score .sp3 a {
    display: block;
    float: right;
    width: 190px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-color: $--color-primary;
    color: #fff;
    font-size: 16px;
    margin-top: 20px;
  }
  .active_show_detail_pc_1 .pingjia-list-score .sp3 a:hover {
    background-color: $--color-primary;
  }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .active_show_detail_pc_1 .yanxueyou2-booking .sp1 {
      width: 160px;
    }
    .active_show_detail_pc_1 .pingjia-list-score .sp2 {
      width: 400px;
    }
    .active_show_detail_pc_1 .pingjia-list-score .sp3 a {
      width: 130px;
    }
  }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .active_show_detail_pc_1 .yanxueyou2-pic {
      height: 320px;
    }
    .active_show_detail_pc_1 .yanxueyou2-info {
      margin-top: 15px;
    }
    .active_show_detail_pc_1 .yanxueyou2-booking .sp1 {
      width: 40%;
    }
    .active_show_detail_pc_1 .yanxueyou2-booking .sp2 {
      width: 27%;
      margin-left: 3%;
    }
    .active_show_detail_pc_1 .yanxueyou2-booking .sp3 {
      margin-left: 0;
      margin-right: 10px;
      margin-top: 10px;
    }
    .active_show_detail_pc_1 .yanxueyou2-booking .sp4 {
      margin-top: 35px;
    }
    .active_show_detail_pc_1 .yanxueyou2-booking .sp5 {
      margin-top: 35px;
    }
  }
  @media screen and (max-width: 767px) {
    .active_show_detail_pc_1 .yanxueyou2-info .sp1 {
      font-size: 18px;
      line-height: 32px;
    }
    .active_show_detail_pc_1 .yanxueyou2-info {
      margin-top: 10px;
    }
    .active_show_detail_pc_1 .yanxueyou2-info .sp3 ul li {
      width: 100%;
    }
    .active_show_detail_pc_1 .yanxueyou2-pic {
      height: 240px;
    }
    .active_show_detail_pc_1 .yanxueyou2-booking .sp1 {
      width: 98%;
      margin-left: 1%;
    }
    .active_show_detail_pc_1 .yanxueyou2-booking .sp2 {
      width: 48%;
      margin-left: 1%;
      margin-right: 1%;
      margin-top: 10px;
    }
    .active_show_detail_pc_1 .yanxueyou2-booking .sp3 {
      width: 48%;
      margin-left: 1%;
      margin-right: 1%;
      margin-top: 10px;
      height: 80px;
      font-size: 14px;
    }
    .active_show_detail_pc_1 .yanxueyou2-booking .sp4 i {
      font-size: 20px;
    }
    .active_show_detail_pc_1 .yanxueyou2-booking .sp3 i {
      margin-top: 18px;
    }
    .active_show_detail_pc_1 .yanxueyou2-booking .sp1 select {
      height: 40px;
    }
    .active_show_detail_pc_1 .yanxueyou2-booking .sp2 select {
      height: 40px;
    }
    .active_show_detail_pc_1 .et4-class-body-hd ul li {
      padding: 0 4px;
      font-size: 14px;
    }
    .active_show_detail_pc_1 #star {
      width: 100%;
      margin-top: 5px;
    }
    .active_show_detail_pc_1 .pingjia-list-score {
      padding: 20px 20px;
    }
    .active_show_detail_pc_1 .pingjia-list-score .sp1 {
      width: 50%;
    }
    .active_show_detail_pc_1 .pingjia-list-score .sp2 {
      width: 100%;
      margin-top: 30px;
    }
    .active_show_detail_pc_1 .score-jdt {
      width: 130px;
    }
    .active_show_detail_pc_1 .pingjia-list-score .sp1 .spp1 {
      text-align: center;
      font-size: 16px;
    }
    .active_show_detail_pc_1 .pingjia-list-score .sp1 .spp2 {
      text-align: center;
    }
    .active_show_detail_pc_1 .pingjia-list-score .sp3 {
      display: block;
      text-align: center;
      float: left;
      width: 100%;
      margin-top: 10px;
    }
    .active_show_detail_pc_1 .pingjia-list-score .sp3 a {
      float: none;
      display: inline-block;
      width: 120px;
      height: 38px;
      line-height: 38px;
    }
    .active_show_detail_pc_1 .pingjia-list-cont-right {
      margin-left: 0;
      margin-top: 12px;
      width: 100%;
    }
    .active_show_detail_pc_1 .pingjia-list-score .sp2 ul li {
      font-size: 14px;
    }
    .active_show_detail_pc_1 .updata-icon {
      width: 90px;
      height: 90px;
    }
    .active_show_detail_pc_1 .updata-icon a {
      font-size: 12px;
    }
    .active_show_detail_pc_1 .et4-class-pingjia-updata ul li {
      width: 90px;
      height: 90px;
    }
    .active_show_detail_pc_1 .et4-class-pingjia-updata .tip {
      font-size: 12px;
    }
    .active_show_detail_pc_1 .et4-class-plan .title1 {
      font-size: 20px;
    }
    .active_show_detail_pc_1 .et4-class-plan .title1 span {
      width: 30px;
      height: 30px;
      background-size: 18px auto !important;
    }
    .active_show_detail_pc_1 .et4-class-plan .title2 {
      font-size: 20px;
    }
    .active_show_detail_pc_1 .et4-class-plan .title2 span {
      width: 30px;
      height: 30px;
      background-size: 18px auto !important;
    }
    .active_show_detail_pc_1 .et4-class-cont p {
      font-size: 14px;
      line-height: 28px;
    }
    .active_show_detail_pc_1 .yanxueyou2-booking .sp5 a {
      width: 120px;
    }
    .active_show_detail_pc_1 .et4-class-plan .table2 td {
      font-size: 12px;
    }
    .active_show_detail_pc_1 .et4-class-plan .table2 .td2 ul li {
      line-height: 22px;
    }
  }
}

/*————————————————————活动详情展示组件1结束——————————————————————*/