/* 分页 */
.loadingPage {
  overflow: hidden;
  text-align: center;
}

.clearBoth:after {
  content: '';
  display: block;
  clear: both;
}

.jc-paging ul .jc-pagin-pre:hover,
.jc-paging ul .jc-pagin-next:hover {
  background: #f0f2f5;
}

.loadingPage .jc-pagination {
  height: auto;
  display: inline-block;
}

.jc-tag-light {
  padding: 8px 10px;
}

.jc-tag-lightNormal {
  padding: 8px 10px;
}

/* ********************section ****************************/
/* 隐藏多少条记录 */
.jc-paging ul li:nth-of-type(1) {
/*  display: none;*/
}

body {
  min-width: 1200px;
}

section {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
}

/* content-warp */
.content-warp .content_part1 {
  margin: 30px 0px 15px 0px;
}

.content-warp .content_part1 a {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #909399;
}

.content-warp .content_part1 a:nth-of-type(2) {
  color: #303133;
  margin-left: 10px;
}

.content_part2 {
  min-height: 265px;
}

.content_part2 .content_img {
  display: inline-block;
  float: left;
  position: relative;
}

.content_part2 .mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  cursor: pointer;
}

.content_img .mask img {
  width: 79px;
  height: 79px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.content_part2 .content_img>img {
  width: 468px;
  height: 265px;
  display: block;
}

.content_text .text_part1 a {
  height: 28px;
  font-size: 20px;
  color: #333333;
}

.content_text .text_part1>a:nth-of-type(2) {
  display: inline-block;
  width: 67px;
  height: 24px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #b5b7bb;
  border-radius: 3px;
  float: right;
}

.content_text .text_part1>a:nth-of-type(2) span {
  display: inline-block;
  height: 17px;
  font-size: 12px;
  color: #b5b7bb;
  position: relative;
  top: -4px;
}

.content_text .text_part1>a:nth-of-type(2) i {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  background: url("../images/collect_icon1.png")0px 0px no-repeat;
  background-size: 100% 100%;
  position: relative;
  top: -2px;
}

.container .content_text .text_part1 .on {
  border: 1px solid #ffaa2e;
}

.container .content_text .text_part1 .on i {
  background: url("../images/icon_12.png")0px 0px no-repeat;
  background-size: 100% 100%;
}

.content_text .text_part2 a {
  margin-top: 15px;
  display: inline-block;
  padding: 0px 5px;
  margin-right: 6px;
  height: 21px;
  line-height: 21px;
  font-size: 12px;
  color: #23b8ff;
  background: #ffffff;
  border: 1px solid #23b8ff
}

.content_text .text_part3 {
  margin-top: 12px;
}

.text_part3 span {
  height: 20px;
  font-size: 14px;
  color: #666666;
}

.text_part3 a {
  height: 20px;
  font-size: 14px;
  color: #666666;
}

.content_text .text_part4 {
  height: 128px;
  font-size: 14px;
  text-align: left;
  color: #666666;
  letter-spacing: 0px;
  margin: 12px 0px;
}
.content_text .text_part4 a{ 
  font-size: 14px; 
  color: #666666; 
}
.content_text span {
  height: 20px;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0px;
}

.content_text .text_part5 a {
  height: 20px;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0px;
  display: inline-block;
  margin-right: 20px;
}

.content_text .text_part5 a img {
  width: 14px;
  position: relative;
  margin-right: 5px;
}

.content_text .text_part5 a:nth-of-type(1) img {
  position: relative;
  top: 1px;
}

.content_text .text_part5 a:nth-of-type(2) img {
  position: relative;
  top: 1px;
}

.content_text .text_part5 a:nth-of-type(3) img {
  position: relative;
  top: 3px;
}

.content_text .text_part5 a:nth-of-type(4) img {
  position: relative;
  top: 3px;
}

.content_text .text_part5 a:last-of-type img {
  width: 16px;
  position: relative;
  top: 3px;
}

.content_text .text_part6 {
  height: 42px;
  margin: 18px 0px 4px 0px;
}

.content_text .text_part6 a {
  height: 42px;
  font-size: 30px;
  color: #ff4d4d;
  margin-right: 10px;
  float: left;
}

.content_text .text_part6 span {
  height: 20px;
  font-size: 14px;
  text-decoration: line-through;
  color: #999999;
  display: inline-block;
  float: left;
  margin-top: 11px;
}

.content_text .text_part7 {
  min-height: 40px;
  position: relative;
}

.content_text .text_part7>a:nth-of-type(1) {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0px 20px;
  background: #ffffff;
  border: 1px solid #ff4d4d;
  border-radius: 3px;
  font-size: 14px;
  color: #ff4d4d;
  margin-right: 10px;
}

.content_text .text_part7>a:nth-of-type(1):hover {
  color: #fff;
  background: #ff4d4d;
}

.content_text .text_part7>a:nth-of-type(2) {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0px 20px;
  color: #ff4d4d;
  border: 1px solid #ff4d4d;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
  background-color: #ffffff;
}

.content_text .text_part7>a:nth-of-type(2):hover {
  color: #fff;
  background: #ff4d4d;
}

.text_part7 p {
  float: right;
  margin-top: 20px;
  height: 20px;
  position: relative;
}

.text_part7 p>a {
  display: inline-block;
  padding: 0px 5px;
  height: 17px;
  font-size: 12px;
  color: #999999;
}

.text_part7 p a:nth-of-type(3) img {
  width: 14px;
  height: 14px;
  margin-left: 2px;
  position: relative;
  top: 2px;
}


.tag-top {
  display: none;
  position: absolute;
  left: 532px;
  top: 49px;
  width: 315px;
  min-height: 30px;
  padding: 20px;
  background: #FFFFFF;
  border: 1px solid #EBEEF5;
  box-shadow: 0px 6px 12px rgba(99, 110, 155, 0.1);
  border-radius: 5px;
  z-index: 2500;
  color: #999999;
  font-size: 14px;
}

.tag-top .radius {
  position: absolute;
  left: 50%;
  top: -6px;
  margin-left: -6px;
  width: 12px;
  height: 12px;
  border-left: 1px solid #EBEEF5;
  border-top: 1px solid #EBEEF5;
  transform: rotate(45deg);
  background: #FFFFFF;
}

.content_img .mask span {
  height: 28px;
  font-size: 20px;
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: 67%;
  transform: translate(-50%, 0);
}

.content_part2 .content_text {
  width: 700px;
  min-height: 265px;
  float: right;
}

/* ********content-warp结束*************** */
section .wrap-part-left {
  width: 810px;
  height: auto;
  padding: 0px 30px 30px 30px;
}

section .container {
  height: auto;
}

section .wrap-part-right {
  width: 360px;
}

.jc-tabs {
  width: 100%;
}

section .nav-part {
  width: 740px;
  height: 44px;
  border-bottom: 1px solid #e4e7ed; 
}

section .nav-part .parent {
  float: left;
  height: 44px;
  margin-right: 56px;
  position: relative;
}

section .nav-part .parent>a {
  display: inline-block;
  width: 74px;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  transition: all .2s;
}

section .nav-part .parent>a:hover {
  color: rgba(26, 140, 254, 1);
}

section .nav-part .active>a {
  font-size: 18px;
  font-weight: 700;
  color: #1a8cfe;
}

section .nav-part .parent>i {
  display: none;
  width: 100%;
  height: 4px;
  background: #1a8cfe;
  border-radius: 2px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  transition: all .2s;
}

section .nav-part .active i {
  display: block;
}

section .wrap-content {
  display: none;
  width: 748px;
  min-height: 650px;
}

section .wrap-part-left .on {
  display: block;
}


section .course-list>li {
  position: relative;
}

.line-bottom {
  width: 740px;
  height: 1px;
  background: #e5e8ed;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

section .course-list h5 {
  width: 740px;
  height: 82px;
  cursor: pointer;
}

section .course-list h5 .list-img {
  width: 20px;
  height: 20px;
  margin-top: 33px;
}

section .course-list h5 .list_text {
  margin-top: 31px;
  margin-left: 12px;
  font-size: 16px;
  font-weight: 700;
  color: #303133;
  display: inline-block;
}

section .course-list h5 .collapses {
  width: 6px;
  height: 12px;
  margin-top: 33px;
  margin-right: 32px;
  background: url("../images/more1.png")0px 0px no-repeat;
  background-size: 100% 100%;
  transition: transform .4s;
}

section .course-list h5 .rotate {
  transform: rotate(90deg);
}

section .list-lesson {
  display: none;
}

section .list-lesson li {
  width: 740px;
  height: 53px;
  line-height: 53px;
  border-radius: 6px;
  cursor: pointer;
}

section .list-lesson li a:nth-of-type(1) {
  font-size: 14px;
  color: #303133;
}
section .list-lesson li .publish{ 
  color: #909399 !important;
}
section .list-lesson li:hover {
  background: #e6f3ff;
}

section .list-lesson li:hover a:nth-of-type(1) {
  color: #1a8cfe;
}

section .list-lesson .play_bg {
  margin: 19px 10px 18px 32px;
  float: left;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/play.png")0px 0px no-repeat;
  background-size: 100% 100%;
}

section .list-lesson li:hover .play_bg {
  background: url("../images/play_on.png")0px 0px no-repeat;
  background-size: 100% 100%;
}

section .list-lesson .test_look {
  display: inline-block;
  font-size: 14px;
  margin-top: 17px;
  margin-right: 20px;
  line-height: normal;
  color: #1BA9E9;
}

section .list-lesson .lock_icon {
  display: inline-block;
  /* background: url("../images/lock_icon.png")0px 0px no-repeat;
  background-size: 100% 100%; */
  float: right;
  margin-right: 20px;
  color: #1BA9E9;
  line-height: normal;
  margin-top: 17px;
  font-size: 14px;
}


/* wrap-part */
.wrap-part {
  width: 810px;
  height: auto;
  margin-left: -30px;
  margin-right: -30px;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 0px 24px 0px rgba(38, 47, 125, 0.06);
  overflow: hidden;
}

.card-img>img {
  display: block;
  width: 100%;
  height: 100%;
}

.card-title {
  width: 100%;
  display: block;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  color: #333444;
}

.card-body>p {
  width: 100%;
  overflow: hidden;
}

.card-text {
  height: 22px;
}

.card-text .price {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #fa5555;
  float: left;
}

.card-text .price_lose {
  height: 17px;
  font-size: 12px;
  text-decoration: line-through;
  color: #c0c4cc;
  margin-left: 6px;
}

.howStudy {
  display: inline-block;
  height: 17px;
  font-size: 12px;
  color: #909399;

}

.price {
  float: right;
  font-size: 16px;
  color: #fa5555;
}

.wrap-part>p {
  height: 65px;
}

.wrap-part .more_data {
  margin-top: 6px;
}

.wrap-part .study_title {
  display: inline-block;
  height: 33px;
  font-size: 24px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 30px;
}

.aEle {
  display: block;
  width: 100%;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  color: #909399;
  margin-top: 8px;
  margin-bottom: 8px;
}

.aEle img {
  display: inline-block;
  margin-right: 3px;
  width: 4px;
  height: 5px;
  margin-top: 7px;
  float: left;
}

.lesson_text:hover .lesson_text_left>a>img {
  transform: scale(1.1);
}

.lesson_text_left img {
  width: 100%;
  height: 100%;
  transition: all .2s;
}

.lesson_text {
  overflow: hidden;
  border-bottom: 1px solid#eeefff;
  padding: 16px 0px;
}

.lesson_text_left {
  width: 212px;
  height: 129px;
  border-radius: 6px;
}


.lesson_text_right .p1 a {
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  color: #333444;
}

.lesson_text_right .p2 {
  height: 20px;
  margin-top: 5px;
}

.lesson_text_right .p2 a {
  display: inline-block;
  float: left;
  font-size: 12px;
  color: #999aaa;
  margin-right: 10px;
}

.lesson_text_right .p2 .a1 {
  margin-right: 15px;
}

.lesson_text_right .p2 .a2 img {
  width: 12px;
  height: 10px;
  margin-right: 4px;
}

.lesson_text_right .p2 .a3 img {
  width: 12px;
  height: 12px;
  margin-right: 3px;
}

.lesson_text_right .p2 .a4 img {
  width: 12px;
  height: 12px;
  margin-right: 3px;
}

.lesson_text_right .p3 a {
  font-size: 14px;
  color: #777888;
  height: 40px;
  display: block;
}

.lesson_text_right .p4 {
  margin-top: 12px;
}

.lesson_text_right .p4 a {
  font-size: 12px;
  padding: 0px 5px;
  margin-right: 5px;
}

/* *******lesson_text_right ***********/

.lesson_text_right {
  width: 512px;
  height: 129px;
}

.wrap-part-right .p1 {
  border-top: 1px solid#e4e7ed;
}

.wrap-part-right .p1 img {
  width: 100%;
}

.wrap-part1 .card-img {
  background: none;
}

.card {
  border: none;
}



.recommand_lesson {
  min-height: 200px;
}

.not_recommand_lesson {
  width: 100%;
  height: 200px;
  line-height: 200px;
  text-align: center;
}

/* wrap-part2 */
.wrap-part2 {
  height: 124px;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 0px 24px 0px rgba(38, 47, 125, 0.06);

}

.wrap-part2 .col-4 {
  padding-left: 24px !important;
  margin-left: -8px;
}

.container .wrap-part2 .row {
  margin-right: 0px;
}

.wrap-part2 .col-4 a {
  display: inline-block;
  overflow: hidden;
}

.wrap-part2 .col-4 img {
  width: 76px;
  height: 76px;
}

.appDownload_sort {
  width: 100%;
  overflow: hidden;
}

.wrap-part-right .wrap-part2 .col-8 {
  padding-left: 0px;
  padding-right: 0px;
}

.wrap-part2 .appDownload_sort img {
  width: 92px;
  height: 33px;
}


.wrap-part2 .appDownload-title a {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  color: #333444;
  letter-spacing: 1px;
}

/* wrap-part3 */

section .wrap-part3 .noBottom_line {
  border-bottom: none;
}

.wrap-part3 {
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 0px 24px 0px rgba(38, 47, 125, 0.06);
}

.wrap-part3 .wrap_box {
  height: 100%;
  border-bottom: 1px solid #e4e7ed;
  overflow: hidden;
}

.wrap-part3 .title {
  border-bottom: 1px solid #e4e7ed;
}

.wrap-part3 .recommend {
  display: inline-block;
  height: 100%;
  height: 33px;
  display: inline-block;
  font-size: 24px;
  color: #000000;
}

.wrap-part3 .replace {
  display: inline-block;
  height: 22px;
}

.wrap-part3 .replace img {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  position: relative;
  top: 2px;
}

.part-content-box {
  min-height: 600px;
}

.wrap-part3 .part-content {
  height: 112px;
  overflow: hidden;
}

.wrap-part3 .part-content .wrap_img_left {
  position: relative;
  transition: transform .2s;
}

.recommand_lesson .mask>img,
.wrap_img_left .mask>img {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -12.5px;
  margin-top: -12.5px;
  transform: scale(1.3);
  transition: all .4s;
  opacity: 0;
}

.recommand_lesson .mask>img {
  width: 35px;
  height: 35px;
}

.recommand_lesson .mask,
.wrap_img_left .mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  cursor: pointer;
  opacity: 0;
  transition: all 0.4s;
}

.recommand_lesson .card-img {
  display: block;
  position: relative;
  height: auto;
}

.part-content:hover .mask,
.recommand_lesson .card:hover .mask {
  opacity: 1;
}


.recommand_lesson .card:hover .mask>img {
  opacity: 1;
  transform: none;
  transform: scale(1);
  margin-left: -17.5px;
  margin-top: -17.5px;
}

.part-content:hover .mask>img {
  opacity: 1;
  transform: none;
  transform: scale(1);
}

.part-content:hover .wrap_img_left>img,
.recommand_lesson .card:hover .wrap_img_part>img {
  transform: scale(1.05);
}

.wrap-part3 .part-content .wrap_img_left>img {
  width: 120px;
  height: 68px;
  display: block;
  transition: transform 0.4s;
}

.recommand_lesson .wrap_img_part>img {
  transition: transform 0.4s;
}

.wrap-part3 .part-content .wrap_text_right {
  width: 152px;
  margin-left: 16px;
}

.wrap-part3 .part-content .wrap_text_right a {
  display: block;
}

.wrap_text_right .a1 {
  height: 36px;
  font-size: 14px;
  color: #000000;
}

.wrap_text_right .a2 {
  height: 17px;
  font-size: 12px;
  color: #909399;
}

.wrap_text_right .a3 {
  height: 17px;
  font-size: 12px;
  color: #fa5555;
}

.wrap-part4 {
  min-height: 500px;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 0px 24px 0px rgba(38, 47, 125, 0.06);
  padding-left: 24px;
  padding-right: 16px;
  padding-bottom: 30px;
}

.wrap-part4 .part4-img {
  overflow: hidden;
}

.wrap-part4 h5 {
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  color: #000000;
  font-weight: 400
}

.wrap-part4 .head_img { 
    width: 64px;
    height: 64px;
    overflow: hidden; 
    border-radius: 50%;
}

.wrap-part4 .head_img img {
  width: 64px; 
}

.wrap-part4 .figure {
  margin-left: 16px;
}

.wrap-part4 .figure_p1 a {
  display: block;
  height: 22px;
  font-size: 16px;
  color: #000000;
}

.wrap-part4 .figure_p2 a {
  display: block;
  height: 20px;
  font-size: 14px;
  color: #606266;
  margin-top: 3px;
}

.wrap-part4 .live_text {
  margin-top: 24px;
  line-height: 25px;
  font-size: 14px;
  color: #606266;
  text-indent: 2em;
  max-height: 500px;
}

/* 课程简介 */

.lesson_msg>h3 {
  height: 25px;
  font-size: 18px;
  font-weight: 700;
  color: #000000;
}

.lesson_msg .lesson_part>h5 {
  height: 20px;
  font-size: 14px;
  font-weight: 700;
  color: #000000;
  margin-top: 24px;
  margin-bottom: 12px;
}

.lesson_msg p {
  font-size: 14px;
  color: #000000;
  margin: 15px 0px;
}

.lesson_msg .lesson_part .min_title {
  height: 20px;
  font-size: 14px;
  text-align: left;
  color: #000000;
}

.lesson_msg .lesson_part .lesson_txt {
  text-indent: 2em;
  margin-top: 40px;
  line-height: 22px;
  height: auto;
  font-size: 14px;
  color: #000000;
}

/* ********学员评论********** */
.score {
  height: auto;
  overflow: hidden;
}

.score h3 {
  font-size: 18px;
  color: #000000;
  line-height: 16px;
  margin-bottom: 24px;
}

#hint {
  font-size: 24px;
  color: #606266;
}

.five_score div {
  display: inline-block;
}

.tag {
  height: auto;
  overflow: hidden;
}

.tag .jc-tag-light {
  border-radius: 15px;
  margin-right: 10px;
}

.user_select .jc-tag-lightNormal {
  border-radius: 15px;
  margin-left: 10px;
}

.score .write_txt {
  border: none;
  outline: none;
  resize: none;
  background: #f2f6fc;
  border: 1px solid #e5e8ed;
  border-radius: 6px;
  padding: 3px 5px;
}

.score .put_in {
  height: auto;
  padding: 10px 0px 30px 0px;
  border-bottom: 1px solid #e5e8ed;
  overflow: hidden;
}

.put_in span i {
  font-style: normal;
  color: #1BA9E9;
}

.put_in .submit {
  cursor: pointer;
}

.score .put_in span {
  height: 20px;
  font-size: 14px;
  margin-top: 6px;
  margin-left: 525px;
}

.score .put_in button {
  display: inline-block;
  outline: none;
  border: none;
  margin-left: 14px;
  height: 32px;
  line-height: 32px;
  background: #59abfd;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  padding: 0px 30px;
}

.comments {
  overflow: hidden;
  padding-top: 30px;
}

.comments .user_img img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.comments .user_data {
  width: 676px;
  margin-left: 16px;
  border-bottom: 1px solid #e5e8ed;
  padding-bottom: 20px;
}

.comments .user_data_msg .p1 {
  margin-bottom: 7px;
}

.comments .user_data_msg .p1 img {
  /* width: 25px;
  height: 24px;
  position: relative;
  top: 4px;
  margin-left: 9px; */
  width: 16px;
  position: relative;
  top: 11px;
  margin-left: 9px;
}

.comments .user_data_msg .p2 li {
  float: left;
  margin-right: 8px;
}

.user_data_msg .p2 img {
  display: inline-block;
  width: 18px;
  height: 17px;
  margin-right: 3px;
}

.comments .user_data_msg .p3 {
  height: 17px;
  font-size: 12px;
  color: #909399;
}

.comments .user_discuss {
  min-height: 22px;
  font-size: 16px;
  color: #303133;
  line-height: 24px;
  padding-bottom: 10px;
}

.loadingPage {
  overflow: hidden;
  text-align: center;
}

.tag .jc-tag {
  border-radius: 15px;
  margin-right: 10px;
}

/* ***************资料下载 *******************/
.data_download .download_title {
  height: 44px;
  background: #f2f6fc;
  border-radius: 3px;
}

.data_download .download_title span {
  margin-top: 12px;
  margin-left: 12px;
  display: inline-block;
  height: 20px;
  font-size: 14px;
  color: #909399;
}

.data_download .download_title a {
  margin-top: 12px;
  margin-right: 19px;
  float: right;
  height: 20px;
  font-size: 14px;
  color: #1a8cfe;
}

.data_download .download_list {
  padding-left: 12px;
}

.data_download .download_list li {
  border-bottom: 1px solid#eeeeee;
  padding-top: 20px;
  padding-bottom: 12px;
  overflow: hidden;
}

.exercises .download_list li:nth-of-type(1) {
  padding-top: 12px;
  padding-bottom: 12px;
}

.data_download .download_list li span {
  display: inline-block;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #303133;
  margin-top: 8px;
}

.data_download .download_list li span:nth-of-type(1) {
  max-width: 450px;
}

.data_download .download_list li a {
  float: right;
}

.data_download .download_list li img {
  width: 34px;
  height: 28px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}


/* **************练习习题******************** */

.exercises .exercises_list {
  padding-left: 12px;
}

.exercises .exercises_list li:nth-of-type(1) {
  padding-top: 12px;
  padding-bottom: 12px;
}

.exercises .exercises_list li {
  overflow: hidden;
  border-bottom: 1px solid#eeeeee;
  position: relative;
  padding-top: 20px;
  padding-bottom: 12px;
}

.exercises .exercises_list li span {
  display: inline-block;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #303133;
  float: left;
  margin-top: 8px;
}

.exercises_list li span:nth-of-type(2) {
  position: absolute;
  left: 462px;
  top: 13px;
}

.exercises_list li span:nth-of-type(3) {
  position: absolute;
  left: 507px;
  top: 13px;
  margin-left: 45px;
}

.exercises .exercises_list li span:nth-of-type(1) {
  max-width: 300px;
}

.exercises .exercises_list li a {
  float: right;
}

.exercises .exercises_list li .look_result {
  position: absolute;
  left: 333px;
}

.exercises {
  position: relative;
}

/* .not_exercises_data {
  text-align: center;
  margin-top: 120px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
} */

/* ********************底部 *****************************************/

.course_footer {
  width: 100%;
  background: #303133;
  text-align: center;
  padding-top: 36px;
  padding-bottom: 32px;
  margin-top: 100px;
}

.course_footer a {
  font-size: 12px;
  transition: color 0.5s;
}

.course_footer .wrap_img {
  opacity: 1;
}

.course_footer .wrap_img img {
  width: 147px;
}

.course_footer a:hover {
  color: #fff;
  opacity: 1;
}

.course_footer .p1 {
  margin: 12px 0px;
}

/* 学员评论添加官方回复 */
.official_reply {
  background: #f7f8fb;
  padding: 12px;
  width: 100%;
}

.official_reply .time {
  font-size: 12px;
  color: #c0c4cc;
  margin-bottom: 4px;
}

.official_discuss_left span:nth-of-type(1) {
  width: 90px;
  height: 22px;
  line-height: 20px;
  background: #e6f7ff;
  border: 1px solid #91d5ff;
  display: inline-block;
  margin-right: 5px;
  font-size: 12px;
  color: #1890ff;
  text-align: center;
  border-radius: 5px;
}

.official_discuss_left span:nth-of-type(2) {
  font-size: 14px;
  color: #303133;
  font-weight: 500;
  margin-right: 10px;
}

.official_discuss_left span:nth-of-type(3) {
  font-size: 14px;
  font-weight: 500;
  color: #909399;
}

.official_discuss_right {
  width: 455px;
  font-size: 14px;
  font-weight: 500;
  color: #303133;
}
@media screen and (max-width: 1400px) {
  .tag-top {
    left: 387px;
  }
  .tag-top .radius {
    position: absolute;
    left: 96%;
    top: -6px;
    margin-left: -6px;
    width: 12px;
    height: 12px;
    border-left: 1px solid #EBEEF5;
    border-top: 1px solid #EBEEF5;
    transform: rotate(45deg);
    background: #FFFFFF;
}
}
a.studyNow {
cursor: pointer;
}