/* 评论区 begin */
.layui-flow-more{
  text-align: center;
}
#ReplyContainer .layui-flow-more cite{
  color: #4b1aff;
  background-color: #eee9ff;
  width: 180px;
  height: 55px;
  border-radius: 30px;
  outline: none;
  font-size: 16px;
  border: none;
  display: inline-block;
  text-align: center;
  line-height: 55px;
}
#ReplyContainer .fenye{
  text-align: center;
}
#ReplyContainer .fenye .layui-laypage .layui-laypage-curr .layui-laypage-em
{
  background-color: #4b1aff;
}
#ReplyContainer .fenye  .layui-laypage a:hover{
  color: #4b1aff;
}
.likejilu{
  color: #4b1aff !important;
  
}
.likejilu path{
  fill: #4b1aff !important;
}
.pinlun-div{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.pinlun-div .head_pic{
  height : 40px;
  width : 40px;
  border-radius: 8px;
}
.pinlun-div .MediaComment_text{
  width: 100%;
  padding: 0px 20px;
}
.pinlun-div .MediaComment_text a{
  font-weight: 400;
  color: #000;
  font-size: 14px;
  margin-bottom: 5px;
}
.pinlun-div .MediaComment_text p{
  color: rgb(139, 139, 139);
  font-size: 14px;
}
.pinlun-div .MediaComment_option{
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.pinlun-div .MediaComment_option a{
  display: flex;
  align-items: center;
  margin-right: 10px;
  white-space:nowrap;
}
.pinlun-div .MediaComment_option a:hover,.pinlun-div .MediaComment_option a:hover path{
  color: #4b1aff;
  fill: #4b1aff;
}

.pinlun-li .huifu{
  padding: 0px 0px 0px 40px;
}
.pinlun-li .huifu .pinlun-div{
  margin-top: 15px;
  padding-bottom: 15px;
}

.MediaComment_option.comment_data{
  margin: 0px;
  padding: 0px;
}
.MediaComment {
  padding : 15px 30px 0px 30px;
  margin-bottom : 100px;
}
.MediaComment li {
  margin-top : 20px ;
  padding-bottom : 20px;
  border-bottom : 1px dashed #8e8e8e;
}
.MediaComment li p {
  margin : 0;
}
.pinglun a{
  color: #000;
}
.pinglun a.more{
  color: #00a1d6;
}
.pinglun a.more:hover{
  background-color: #d5d5d5;
}
/* end */
/* 分页样式 */

.fbuttonr .pages ul{
  display: flex;
  height: 40px;
  align-items: center;
  justify-content: center;
}
.fbuttonr .pages ul li a{
  border: 1px solid #c9c9c9;
  padding: 5px 10px;
  margin-right: 10px;
  border-radius: 5px;
}
.fbuttonr .pages ul li a:hover{
  color: white;
  background-color: #582bff;
}
/* 分页样式 end */


/* 评论区 end */
.yin, .ke-yc1 {
  display : none !important;
}
.price-mf {
  color : #000000;
  font-size : 28px;
}

.price-mf1 {
  display : block !important;

  ;
}

.yey-list-mfx {
  display : none;
}

.yey-list-mfx1 {
  display : block !important;
}

/*课程封面图*/

.container {
  width : 1180px;
}

.course-cover {

}
.price{
  display: flex;align-items: flex-end;justify-content: space-between; 
  border-bottom: 1px solid #d5d5d5;
  padding-bottom: 15px;
  padding-top: 10px;
}

.course-thum {
  float : left;
}

.course-thum img {
  width : 450px;
  height : 253px;
}

.course-info {
  width : 100%;
  position : relative;
}

.course-info h1 {
  line-height : 36px;
  color : #333333;
  font-size : 36px;
  padding : 0 0 10px;
  overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
}

/*课程价格/进入学习*/

.course-zj-djl {
  color : #999999;
  font-size : 12px;
  line-height : 20px;
  display: flex;
}

.course-zj-djl .details{
  display: flex;    
  align-items: center;
}
.course-zj-djl .details .ico{
  padding-right: 5px;
}
.curr-price, .old-price {
  font-size : 22px;
  color : #000;
}

.old-price {
  vertical-align : top;
  line-height : 42px;
  font-size : 14px;
  color : #999999;
  text-decoration : line-through;
  margin-left : 10px;
}

.yey-list-jineuxuexi, .yey-list-mfx {
}

.yey-list-jineuxuexi a, .yey-list-mfx a {
  width : 100%;
  height : 45px;
  line-height : 45px;
  display : inline-block;
  text-align : center;
  color : #FFFFFF;
  font-size : 18px;
  border-radius : 3px;
  background : #582bff;
}

.yey-list-jineuxuexi a:hover, .yey-list-mfx a:hover {
  background : #4b1aff;
  color : #FFFFFF;
  transition : .3s;
}

.huiyuan-mf {
  background : #F13F13 !important;
}

.huiyuan-mf:hover {
  background : #F93E3E !important;
  transition : .3s;
}

/*课程有效期提示*/

.yey-kc-yxq {
  position : absolute;
  bottom : 0;
  right : 0;
  font-size : 12px;
  color : #999999;
}

.yey-kc-yxq .icon-ques2 {
  position : relative;
  display : inline-block;
  width : 15px;
  height : 15px;
  background : url(../images/icon-ques2_c81b094.png) no-repeat;
  background-size : 15px 15px;
  vertical-align : text-bottom;
  cursor : pointer;
  margin-left : 5px;
}

.yey-kc-yxq .pop-buy-infor {
  display : none;
  position : absolute;
  left : -171px;
  top : 22px;
  border : 1px solid #CCCCCC;
  padding : 10px;
  background : #F5F5F5;
  color : #555555;
  width : 190px;
  line-height : 18px;
  font-size : 12px;
  text-align : justify;
}

.yey-kc-yxq .pop-buy-infor em {
  width : 8px;
  height : 8px;
  display : block;
  position : absolute;
  top : -5px;
  background : #F5F5F5;
  display : inline-block;
  left : 173px;
  border-left : 1px solid #CCCCCC;
  border-top : 1px solid #CCCCCC;
  transform : rotate(45deg);
}

.yey-kc-yxq .icon-ques2:hover .pop-buy-infor {
  display : block;
}

/*列表课程内容*/


.course-cover-2{
  margin : 50px auto 0px;
}
@media screen and (max-width:1500px){
  .course-cover-2 {
    width : 1142px;
    padding-bottom : 50px;
  }
}
@media screen and (min-width:1500px){
  .course-cover-2 {
    width : 77%;
    padding-bottom : 50px;
  }
}
.course-cover-fl {
  width : 70%;
  background : #FFFFFF;
  float : left;
}

.course-cover-fr {
  width : 26%;
  background : #FFFFFF;
  float : right;
}

/*TAB切换*/

.aui-nav-list-box {
  overflow : hidden;
  border-bottom : 1px solid #E5E5E5;
  background : linear-gradient(#FFFFFF, #FAFAFA);
  border-top-right-radius : 8px;
  border-top-left-radius : 8px;
}

.aui-nav-list-box ul li {
  float : left;
  cursor : pointer;
  color : #333333;
  height : 48px;
  line-height : 48px;
  border-right : solid 1px #E5E5E5;
  font-size : 16px;
}

.aui-nav-list-box ul li span {
  display : block;
  padding : 0 25px;
}

.aui-nav-list-box ul li span:hover {
  color : #FF700A;
}

.aui-nav-list-box .aui-current {
  color : #FF700A;
  background : #FFFFFF;
  font-weight : bold;
}

.aui-nav-list-item {

}

/*课程详情介绍*/

.yey-kc-jianjie {
  padding : 25px 25px;
}

.yey-kc-jianjie h3 {
  font-size : 18px;
  color : #333333;
  font-weight : 700;
  margin-bottom : 10px;
}

.yey-kc-jianjie p {
  color : #333333;
  font-size : 14px;
  padding-bottom : 20px;
  line-height : 24px;
  text-align : justify;
}

.yey-kc-jianjie p img {
  display : block;
  margin-top : -20px;
}

/*课程目录*/

.aui-nav-list-h3 {
  overflow : hidden;
  font-size : 14px;
  color : #333333;
  line-height : 50px;
  text-align : center;
}

.task-task-list .task-task-item {
  position : relative;
  width : 100%;
  line-height : 50px;
  background : #FFFFFF;
  box-sizing : border-box;
  padding : 0 25px 0 25px;
  display : block;
  color : #333333;
  cursor : pointer;
}

.task-task-list .task-task-item:hover {
  background-color : #F9EDE4;
  color : #000000;
}

.task-task-list .task-task-item .yey-ks {
  width : 55px;
  color : #999999;
  font-size : 14px;
  display : inline-block;
  padding-right : 10px;
}

.keshikan {
  font-size : 14px;
  color : #339933;
}

.ke-shijian {
  width : 55px;
  display : inline-block;
  margin-left : 10px;
  font-size : 14px;
  color : #999999;
}

.ke-fufei {
  display : inline-block;
  margin-left : 10px;
  font-size : 14px;
  color : #FF3300;
}

/*右边信息*/

.course-cover-fr h3 {
  margin-top: 50px;
  color : #333333;
  font-size : 20px;
  line-height : 50px;
}

.course-cover-fr ul {
  padding : 10px 0px 20px;
}

.course-cover-fr li {
  display: flex;
  padding: 8px;
  margin-bottom: 10px;
  position : relative;
  -webkit-transition : -webkit-box-shadow .5s linear;
  transition : box-shadow .5s linear;
  border-radius: 10px;
  align-items: flex-end;
  cursor: pointer;
}
.course-cover-fr li div{
  width: 210px;
  padding-bottom: 5px;
  padding-left: 5px;
}
.course-cover-fr li div h1{
  font-weight: 400;
  font-size: 16px;
}
.course-cover-fr li div a{
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  color: #909090;
}
.course-cover-fr li a.time{
  width: 100px;
  font-size: 12px;
  padding-bottom: 5px;

}
.course-cover-fr li:hover {
  -webkit-box-shadow : 0 5px 15px rgba(0,0,0,.2);
  box-shadow : 0 5px 15px rgba(0,0,0,.2);
  background-color: #4b1aff;
  color: white;
}
.course-cover-fr li:hover a {
  color: white;
}

.course-cover-fr li img {
  width : 50px;
  height : 50px;
  border-radius: 8px;

}

.course-cover-fr li .link {
  display : block;
}

.course-cover-fr li span {
  position : absolute;
  top : 95px;
  right : 10px;
  background : rgba(0,0,0,.6);
  color : #FFFFFF;
  font-size : 12px;
  border-radius : 4px;
  padding : 2px 6px;
}







.course-video {
  width : 100%;
  background : #1F1F1F;
}

.course-video-area {
  width : 1200px;
  margin : 0 auto;
  color : #FFFFFF;
  padding-bottom : 40px;
}

/* 导航条 */

.index-area {
  height : 35px;
  line-height : 35px;
  padding : 20px 0;
  font-size : 14px;
}

.index-area a {
  display : inline-block;
  padding : 0 12px;
  font-size : 14px;
  font-weight : normal;
  vertical-align : top;
  color : #FFFFFF;
}

.index-area a:first-child {
  padding-left : 0;
}

.index-area > span {
  display : inline-block;
  color : #59607B;
  line-height : 35px;
  vertical-align : top;
}

.index-area .index-item.active, .index-area .index-item.active a {
  color : #FFFFFF;
}

/* END */

.course-video-area .course-video-title {
  font-size : 20px;
  padding : 12px 2px;
}

.course-video-area .course-video-info {
  font-size : 12px;
  padding : 16px 0;
}

.video-container {
  overflow : hidden;
}

.jw-video {
  width : 880px;
  float : left;
  position : relative;
}

.jw-video .jw-video-repeat {
  height : 50px;
  background : #26262B;
  line-height : 50px;
  font-size : 12px;
  color : #999999;
  padding-left : 17px;
}

.jw-friend {
  height : 50px;
  float : left;
}

.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
  margin : 16px 6px 6px 0 !important;
}

.jw-video-vipTip {
  width : 300px;
  height : 32px;
  background-image : linear-gradient(to right, rgba(0,0,0,1) 10%, rgba(0,0,0,0) 100%);
  background-repeat : repeat-x;
  opacity : .8;
  position : absolute;
  left : 2px;
  bottom : 86px;
  line-height : 32px;
  font-size : 12px;
  color : #FFFFFF;
  padding-left : 10px;
  display : none;
}

.jw-video-vipTip span {
  color : #FC583D;
  cursor : pointer;
}

.jw-video-expense {
  position : absolute;
  left : 0;
  top : 0;
  width : 880px;
  height : 490px;
  background : rgba(0, 0, 0, .8);
  z-index : 9;
  display : none;
}

.jw-video-expense p {
  color : #FFFFFF;
  font-size : 20px;
  text-align : center;
  padding-top : 218px;
}

.jw-video-expense .jw-video-go {
  width : 206px;
  height : 44px;
  line-height : 44px;
  text-align : center;
  border-radius : 4px;
  background : #FF5E45;
  color : #FFFFFF;
  margin : 0 auto;
  font-size : 20px;
  margin-top : 20px;
  cursor : pointer;
}



.jw-downloadContent-right, .jw-downloadContent-left {
  position : absolute;
  right : 0;
  width : 90px;
  height : 30px;
  border-radius : 2px;
  font-size : 12px;
  margin : 10px 15px;
  line-height : 30px;
  text-align : center;
}

.jw-downloadContent-right {
  background : rgba(48,145,242,1);
}

.jw-downloadContent-left {
  background-color : rgb(62,62,71);
}

#jw-downloadCourseware-right, #jw-downloadCourseware-left {
  display : inline-block;
  width : 65px;
  height : 11px;
  line-height : 11px;
  font-family : 'MicrosoftYaHei';
  color : rgba(255,255,255,1);
}

#jw-downloadContent-right:hover {
  background : rgb(89,167,245);
}

#jw-downloadCourseware-left {
  color : rgb(120,120,136);
}

/* --end */

/* 兑换码弹框 */

.jw-video-code {
  position : absolute;
  left : 0;
  top : 0;
  width : 880px;
  height : 490px;
  z-index : 9999;
  display : none;
}

.jw-video-code .video-code-wrap {
  width : 458px;
  height : 255px;
  background : rgba(6,6,6,.8);
  top : 50%;
  left : 50%;
  position : absolute;
  transform : translate(-50%, -50%);
}

.video-code-wrap .video-code-tip {
  color : #FFFFFF;
  font-size : 16px;
  text-align : center;
  margin-top : 44px;
  margin-bottom : 31px;
}

.video-code-wrap .video-code-content {
  width : 360px;
  height : 44px;
  background : #FFFFFF;
  border-radius : 4px;
  text-align : center;
  font-size : 20px;
  margin : 0 auto;
}

.video-code-wrap .video-code-content input {
  width : 360px;
  height : 44px;
  border-radius : 4px;
  outline : none;
  border : 0;
  text-align : center;
  font-size : 20px;
  color : #333333;
}

.video-code-wrap .video-code-verify {
  width : 122px;
  height : 38px;
  background : #FF5E45;
  border-radius : 4px;
  margin : 0 auto;
  margin-top : 46px;
  font-size : 14px;
  text-align : center;
  line-height : 38px;
  cursor : pointer;
}

.video-js .vjs-big-play-button {
  position : absolute!important;
  top : 50%!important;
  left : 50%!important;
  margin : -.7em -1.5em 0;
  display : none!important;
}

.jw-video .jw-video-repeat ul {
  float : left;
  height : 100%;
}

.jw-video .jw-video-repeat ul li {
  font-size : 20px;
  padding : 17px 5px;
  vertical-align : middle;
  cursor : pointer;
  float : left;
  position : relative;
}

.jw-video .jw-video-repeat ul li a {
  margin : 0;
}

.video-period {
  height : 540px;
  background : #333333;
  width : 320px;
  float : left;
}

.video-period .video-period-title {
  height : 46px;
  line-height : 46px;
  font-size : 16px;
  padding-left : 20px;
}

.video-period .video-period-title span {
  font-size : 12px;
  padding-left : 10px;
}

.total-time {
  float : right;
  margin-right : 22px;
}

.video-period .video-period-cotent {
  height : 443px;
  overflow : hidden;
}

.video-period .video-period-bottom {
  height : 60px;
  background : #2D2D2D;
}

.video-period .video-period-bottom.center {
  line-height : 60px;
  text-align : center;
  font-size : 14px;
  color : #FFFFFF;
}

.video-period-price {
  font-size : 12px;
  line-height : 60px;
  height : 60px;
  display : inline-block;
  width : 156px;
  padding-left : 22px;
  box-sizing : border-box;
}

.video-period-price span {
  font-size : 20px;
  color : #FF6A42;
}

.video-buy-now {
  width : 66px;
  line-height : 30px;
  background : #FC583D;
  font-size : 12px;
  text-align : center;
  cursor : pointer;
  float : right;
  border-radius : 2px;
  margin-top : 14px;
  margin-right : 20px;
}

.video-period-code {
  width : 66px;
  line-height : 30px;
  background : #35B558;
  font-size : 12px;
  text-align : center;
  cursor : pointer;
  float : right;
  border-radius : 2px;
  margin-top : 10px;
  margin-right : 5px;
}

.video-period-collection {
  width : 120px;
  line-height : 50px;
  background : #FC583D;
  font-size : 16px;
  text-align : center;
  cursor : pointer;
  vertical-align : top;
  float : right;
}

.video-period-list {
  height : 432px;
  width : 338px;
  overflow-y : auto;
}

.video-titles {
  color : #FFFFFF;
  float : left;
  width : 170px;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
}

.video-period-list li {
  height : 50px;
  line-height : 50px;
  cursor : pointer;
  font-size : 12px;
  padding : 0 20px;
  background : #2D2D2D;
}

.video-period-list li.active {
  background : #1E1E1E;
  color : #3091F2;
}

.video-period-list li.active .video-titles {
  color : #3091F2;
}

.video-period-list li:hover {
  background : #26262B;
}

.video-period-list li:hover .video-play {
  display : inline-block;
}

.video-period-list li:hover .video-progress {
  display : none;
}

.video-period-list li .video-name {
  float : left;
  width : 218px;
}

.video-name .icon-learn {
  padding-right : 5px;
  font-size : 12px;
  float : left;
  line-height : 50px;
}

.video-period-list li .video-play {
  float : left;
  width : 60px;
  height : 30px;
  line-height : 30px;
  background : #FF6A42;
  border-radius : 2px;
  text-align : center;
  display : none;
  margin-top : 10px;
  color : #FFFFFF;
}

.video-progress {
  float : left;
}

.video-progress .icon-videPlay {
  padding-right : 13px;
}



.bdshare-button-style0-16 {
  float : left;
  height : 100%;
}


/* 视频页分页按钮 begin */
.fbuttonr {
  float : right;
  display : inline;
  padding-right : 8px;
  margin-left : 8px;
  zoom : 1;
}
.fbuttonr .total {
  line-height : 40px;
}
.fbuttonr .total select {
  margin : 0px 5px;
  width : 50px;
  height : 30px;
  line-height : 30px;
}
/* 视频页分页按钮 end */

/*  */
.login_tips1 {
  /* top:0px; left:0px; */  height : 100%;
  line-height : 32px;
  text-align : center;
  color : #777777;
}
.login_tips1 a{
  font-weight: 800;
}
.pro_rela {
  position : relative;
}
.pro_rela .login_tips1 {
  top : 0px;
  left : 0px;
  width : 100%;
  height: 154px;
  border-radius: 4px;
  position : absolute;
  background-color: rgb(1 1 1 / 20%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.text_r {
  text-align : right;
}
.editreplaybtn {
  width : 180px;
  height : 55px;
  background-color : #582bff;
  border-radius : 30px;
  outline : none;
  font-size : 16px;
  color : white;
  border : none;
  display : inline-block;
  text-align : center;
  line-height : 55px;
}
.pinlun-li .editreplaybtn {
  width : 100px;
  height : 32px;
  background-color : #582bff;
  border-radius : 4px;
  outline : none;
  font-size : 14px;
  color : white;
  border : none;
  display : inline-block;
  text-align : center;
  line-height : 32px;
}

.float_l {
  float : left;
}
.float_r {
  float : right;
}
/*  */