/*正常字体*/
@font-face{
font-family: 'PingFang SC';
src: url('../fonts/PingFang/PingFangNormal.ttf');
}
/* @font-face{
font-family: 'PingFang SC Semibold';
src: url('../fonts/PingFang/PingFangSemibold.ttf');
} */
@font-face{
font-family: 'PingFang SC Light';
src: url('../fonts/PingFang/PingFangLight.ttf');
}
/* @font-face{
font-family: 'PingFang SC ExtraLight';
src: url('../fonts/PingFang/PingFangExtraLight.ttf');
} */
.wk_courses_main{
	background: #fff;
}
.courses-category-part{
	padding: 100px 0;
}
.wk_courses_main .courses-category-part:nth-child(even){
	background: #f7f7f7;
}
.wk-courses-container{
	max-width: 1290px;
	margin: 0 auto;
	padding: 0 60px;
	overflow: hidden;
}
.courses-category-part-title{
	text-align: center;
	position: relative;
	margin-bottom: 55px;
}
.courses-category-part-title h2{
	font-family: 'PingFang SC';
    font-style: normal;
	font-size: 28px;
	position: relative;
	color: #333;
	font-weight: 600;
	line-height: 40px;
	z-index: 3;
	padding:15px;
	display: inline-block;
}
.courses-category-part-title h2 span{
	position: relative;
	z-index: 3;
}
.courses-category-part-title h2::before{
	content: '';
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #ff5353;
	position: absolute;
	top:5px;
	right:0;
	z-index: 2;
	background-image: url(../img/yjb.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.courses-category-part-title h2:after{
	content:'';
	width: 40px;
	height: 6px;
	background: #ff5353;
	border-radius: 6px 6px 0 0;
	position: absolute;
	left:50%;
	bottom: 0;
	margin-left: -20px;
}
.courses-category-part-title p{
	font-family: 'Helvetica';
	font-style: normal;
	font-weight: 700;
	font-size: 50px;
	line-height: 40px;
	/* identical to box height, or 80% */
	text-align: center;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.03);
	position: absolute;
	width: 100%;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	z-index: 1;
}
.list_template_01{
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	margin-right: -10%;
	margin-top: -18px;
	margin-bottom: -18px;
}
.list_template_01 li{
	width: 33.33%;
	padding-right: 10% !important;
	box-sizing: border-box;
	padding: 18px 0;
	display: flex;
	align-items: center;
}
.list_template_01 li h3{
	overflow: hidden; /*隐藏*/
	white-space: nowrap;  /*不换行*/
	text-overflow: ellipsis;  /* 超出部分省略号 */
	display: block;
}
.list_template_01 li h3 a{
	color: #666;
	font-family: 'PingFang SC Light';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
}
.list_template_01 li:hover h3 a{
	color: #ff5353;
	text-decoration: underline;
}
.right-jiantou{
	display: block;
	width: 10px;
	height: 8px;
	flex: unset;
	margin-left: 10px;
}
.list_template_01 li:hover .right-jiantou{
	background: url(../img/right-red.png) no-repeat center;
}
.list-hide{
	display: none !important;
}
.wk-lists-more-button{
	text-align: center;
	margin-top: 60px;
}
.wk-lists-more-button a{
	display: inline-flex;
	height: 48px;
	line-height: 48px;
	border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
	box-sizing: border-box;
	width: 280px;
	justify-content: center;
	align-items: center;
	color: #999;
	font-size: 18px;
	font-family: 'PingFang SC';
	cursor: pointer;
}
.more-right-jiantou{
	display: none;
	width: 10px;
	height: 8px;
	flex: unset;
	margin-left: 10px;
	background: url(../img/right-black.png) no-repeat center;
}
.wk-lists-more-button a:hover{
	color: #333;
}
.wk-lists-more-button a:hover .more-right-jiantou{
	display: block;
}
.to-hide-more-lists{
	display: block;
	font-size: 30px;
	margin-left: -5px;
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	/* Internet Explorer 9*/
	-moz-transform: rotate(-90deg);
	/* Firefox */
	-webkit-transform: rotate(-90deg);
	/* Safari 和 Chrome */
	-o-transform: rotate(-90deg);
	/* Opera */
}
/*列表样式2*/
.list_template_02{
	display: flex;
	flex-wrap: wrap;
	margin-right: -2.2%;
	margin-left: -2.2%;
}
.list_template_02 li{
	width: 33.33%;
	padding: 60px 2.2% 0 2.2% !important;
	box-sizing: border-box;
	border-right:1px solid rgba(0, 0, 0, 0.08);
}
.list_template_02 li:nth-child(1), .list_template_02 li:nth-child(2), .list_template_02 li:nth-child(3){
    padding-top: 0 !important;
}
.list_template_02 li:nth-child(3n+0){
	border-right:none;
}
.list_template_02 li h3 a{
	overflow: hidden; /*隐藏*/
	white-space: nowrap;  /*不换行*/
	text-overflow: ellipsis;  /* 超出部分省略号 */
	display: block;
	font-family: 'PingFang SC';
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	color: #333333;
}
.list_template_02 li h3 a:hover{
	color: #ff5353;
	text-decoration: underline;
}
.list_template_02 li p{
	font-family: 'PingFang SC Light';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #808080;
	overflow: hidden;
	margin-top: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.list_template_02 li .detail-link{
	display: inline-flex;
	align-items: center;
	margin-top: 45px;
	font-family: 'PingFang SC';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: #333333;
}
.list_template_02 li .detail-link .right-jiantou{
	width: 10px;
	height: 8px;
	flex: unset;
	margin-left: 10px;
	background: url(../img/right-black.png) no-repeat center;
	transition: margin ease .4s;
}
.list_template_02 li .detail-link:hover{
	color: #ff5353;
}
.list_template_02 li .detail-link:hover .right-jiantou{
	background: url(../img/right-red.png) no-repeat center;
	margin-left: 20px;
}
/*列表样式3*/
.list_template_03{
	display: flex;
	flex-wrap: wrap;
	margin-right: -3%;
	margin-bottom: -60px;
}
.list_template_03 li{
	width: 33.33%;
	padding-right: 3%;
	margin-bottom: 60px;
	box-sizing: border-box;
}
.course-thumb{
	border-radius: 8px;
	overflow: hidden;
}
.list_template_03 li h3{
	margin-top: 10px;
}
.list_template_03 li h3 a{
	overflow: hidden; /*隐藏*/
	white-space: nowrap;  /*不换行*/
	text-overflow: ellipsis;  /* 超出部分省略号 */
	display: block;
	font-family: 'PingFang SC';
	font-weight: 500;
	font-size: 22px;
	line-height: 30px;
	color: #333333;
}
.list_template_03 li h3 a:hover{
	color: #ff5353;
	text-decoration: underline;
}
.list_template_03 li p{
	font-family: 'PingFang SC Light';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	color: #808080;
	margin-top: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/**列表样式4*/
.list_template_04{
	display: flex;
	flex-wrap: wrap;
	margin-right: -2.2%;
	margin-left: -2.2%;
}
.list_template_04 li{
	width: 33.33%;
	padding: 60px 2.2% 0 2.2% !important;
	box-sizing: border-box;
	border-right:1px solid rgba(0, 0, 0, 0.08);
}
.list_template_04 li:nth-child(1), .list_template_04 li:nth-child(2), .list_template_04 li:nth-child(3){
    padding-top: 0 !important;
}
.list_template_04 li:nth-child(3n+0){
	border-right:none;
}
.list_template_04 li h3 a{
	overflow: hidden; /*隐藏*/
	white-space: nowrap;  /*不换行*/
	text-overflow: ellipsis;  /* 超出部分省略号 */
	display: block;
	font-family: 'PingFang SC';
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	color: #333333;
}
.list_template_04 li h3 a:hover{
	color: #ff5353;
	text-decoration: underline;
}
.list_template_04 li p{
	padding-right: 38px;
	background: url(../img/right-black.png) no-repeat center right;
}
.list_template_04 li p span{
	font-family: 'PingFang SC Light';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #808080;
	overflow: hidden;
	margin-top: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
/*列表样式5*/
.list_template_05{
	display: flex;
	flex-wrap: wrap;
	margin-right: -4.4%;
	margin-bottom: -60px;
}
.list_template_05 li{
	width: 50%;
	padding-right: 4.4%;
	margin-bottom: 60px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}
.list_template_05 li .template05_right{
	width: 42.6667%;
}
.list_template_05 li .template05_left{
	width: 57.3333%;
	padding-right: 20px;
}
.list_template_05 li .template05_left h3 a{
	overflow: hidden; /*隐藏*/
	white-space: nowrap;  /*不换行*/
	text-overflow: ellipsis;  /* 超出部分省略号 */
	display: block;
	font-family: 'PingFang SC';
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	color: #333333;
}
.list_template_05 li .template05_left h3 a:hover{
	color: #ff5353;
	text-decoration: underline;
}
.list_template_05 li .template05_left p{
	font-family: 'PingFang SC Light';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #808080;
	margin-top: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.list_template_05 li .detail-link{
	display: inline-flex;
	align-items: center;
	margin-top: 32px;
	font-family: 'PingFang SC';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: #333333;
}
.list_template_05 li .detail-link .right-jiantou{
	width: 10px;
	height: 8px;
	flex: unset;
	margin-left: 10px;
	background: url(../img/right-black.png) no-repeat center;
	transition: margin ease .4s;
}
.list_template_05 li .detail-link:hover{
	color: #ff5353;
}
.list_template_05 li .detail-link:hover .right-jiantou{
	background: url(../img/right-red.png) no-repeat center;
	margin-left: 20px;
}
/*专题详情页*/
.courses_banner_text{
	position: absolute;
	left:0;
	width: 100%;
	top: 58%;
	-webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.courses_banner_text_inner{
	width: 60%;
}
.courses_banner_text_inner .courses_banner_title{
	font-family: 'PingFang SC';
	font-style: normal;
	font-weight: 600;
	font-size: 28px;
	line-height: 30px;
	color: #FFFFFF;
	padding-left: 18px;
	position: relative;
}
.courses_banner_text_inner .courses_banner_title::before{
	content: '';
	width: 6px;
	height: 30px;
	background: #fff;
	border-radius: 0 6px 6px 0;
	left:0;
	top:0;
	position: absolute;
}
.courses_banner_text_inner .courses_banner_description{
	margin-top: 40px;
}
.courses_banner_text_inner .courses_banner_description p:first-child{
	margin-top: 0;
}
.courses_banner_text_inner .courses_banner_description p{
	font-family: 'PingFang SC Light';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
    color: #FFFFFF;
	margin-top: 20px;
}
.courses_detail_top{
	padding: 32px 0 90px 0;
	background-image: url(../img/bg-mc.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.wk-courses-crumbs, .wk-courses-crumbs span, .wk-courses-crumbs a{
	font-family: 'PingFang SC Light';
    font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #666666 !important;
}
.wk-courses-crumbs span.crumbs_current{
	color: #333 !important;
	font-weight: 500;
	font-family: 'PingFang SC';
}
.wk-courses-crumbs{
	margin-bottom: 25px;
}
.courses_top_main{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 4.25%;
}
.courses_top_main_left{
	width: 36.43%;
}
.courses_top_main_right{
	flex:1;
	padding-left: 38px;
	direction: rtl;
	height: 216px;
	overflow-y: scroll;
	/* border-left:1px solid rgba(0, 0, 0, 0.3); */
}
.courses_top_main_right::-webkit-scrollbar {
	/*滚动条的宽度*/
    width: 4px;
 }
 .courses_top_main_right::-webkit-scrollbar-thumb {
    /*滚动条里面小方块样式设置*/
    border-radius: 10px;
	-webkit-box-shadow: none;
    background: #FF5353;/*颜色*/
	margin-left: -2px;
  }
  .courses_top_main_right::-webkit-scrollbar-track {
    /*滚动条里面轨道样式设置*/
    -webkit-box-shadow: none;
    border-radius: 10px;
    background: url(../img/scroll_bg.jpg) repeat-y center;
 }
.courses_top_main_left span{
	font-family: 'Helvetica Neue';
	font-style: italic;
	font-weight: 700;
	font-size: 12px;
	line-height: 24px;
	/* identical to box height, or 200% */
	letter-spacing: 0.15em;
	color: #ccc;
}
.courses_top_main_left h2{
	font-family: 'PingFang SC';
	font-style: normal;
	font-weight: 600;
	font-size: 32px;
	line-height: 40px;
	/* or 125% */
    color: #333333;
	margin-top: 8px;
	padding-right: 30%;
}
.courses_top_main_right ul li{
	margin-top: 19px;
	display: flex;
	justify-content: space-between;
}
.courses_top_main_right ul li:first-child{
	margin-top: 0;
}
.courses_top_main_right ul li a{
	font-family: 'PingFang SC Light';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	/* identical to box height, or 175% */
	color: #666666;
}
.courses_top_main_right ul li .courses_post_item_right span{
	font-family: 'PingFang SC Light';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 28px;
	/* identical to box height, or 175% */
	color: #666666;
	font-style: italic;
}
.courses_top_main_right ul li:hover a{
	font-family: 'PingFang SC';
	font-weight: 500;
	color: #333;
	text-decoration: underline;
	font-size: 18px;
}
.courses_top_main_right ul li:hover .courses_post_item_right span{
	font-family: 'PingFang SC';
	font-weight: 700;
	color: #333;
	font-size: 18px;
}
.courses_top_main_right ul{
	direction: ltr;
}
.courses_top_main_right ul li .courses_post_item_right span.right-arrow{
    padding-left: 80px;
}
.courses_top_main_right ul li:hover .courses_post_item_right span.right-arrow{
	background: url(../img/right-black.png) no-repeat center right;
}
.courses-detail-lists-wrap{
	padding: 60px 0;
}
.courses-detail-lists>li{
	margin-bottom: 120px;
}
.courses-detail-lists>li:last-child{
	margin-bottom: 0;
}
.courses-detail-lists>li .courses-detail-list-post-item{
	padding: 48px 60px 60px 60px;
	border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 10px;
}
.courses-detail-list-post-item-meta{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.post-item-meta-left{
	display: flex;
}
.post-item-meta-left a, .post-item-meta-left span{
	font-family: 'PingFang SC Light';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #808080;
}
.post-item-meta-left a{
	padding-right: 16px;
	margin-right: 25px;
	position: relative;
	display: block;
}
.post-item-meta-left a::after{
	content: '';
	width: 1px;
	height: 12px;
	background: #c4c4c4;
	position: absolute;
	right: 0;
	top:50%;
	margin-top: -6px;
}
.post-item-meta-right a.post-item-avatar{
	display: flex;
	align-items: center;
}
.post-item-avatar span{
	font-family: 'PingFang SC Light';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #808080;
}
.post-item-avatar img{
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border:1px solid #f7f7f7;
	margin-left: 16px;
	overflow: hidden;
}
.post-item-title{
	margin-top: 8px;
}
.post-item-title a{
	font-family: 'PingFang SC';
	font-style: normal;
	font-weight: 600;
	font-size: 32px;
	line-height: 48px;
	color: #333333;
	display: block;
}
.post-item-title a:hover{
	color: #FF5353;
	text-decoration: underline;
}
.post-item-excerpt{
	font-family: 'PingFang SC Light';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #333333;
	margin-top: 40px;
}
.post-item-more{
	margin-top: 20px;
}
.post-item-more a{
	font-family: 'PingFang SC Light';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #1890FF;
	display: flex;
	align-items: center;
}
.post-item-more span.black-right-arrow{
	display: block;
	width: 10px;
	height: 8px;
	background: url(../img/right-black.png) no-repeat center right;
	margin-left: 16px;
}
.courses-list-related-posts{
	padding: 32px;
	background: #f9f9f9;
	border-radius: 4px;
	margin-top: 32px;
}
.courses-list-related-posts .course-thumb{
	border-radius: 2px;
}
/*相关文章模板1*/
.related-posts-list1{
	margin-right: -4.2%;
	display: flex;
	flex-wrap: wrap;
}
.related-posts-list1 li{
	width: 25%;
	padding-right: 4.2%;
	box-sizing: border-box;
}
.related-posts-list1 li h3{
	margin-top: 15px;
}
.courses-list-related-posts ul li h3 a{
	font-family: 'PingFang SC';
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	color: #333333;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
.courses-list-related-posts ul li h3 a:hover{
	color: #ff5353;
	text-decoration: underline;
}
.related-posts-list1 li p{
	font-family: 'PingFang SC Light';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #808080;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin-top: 8px;
}
/*相关文章列表2*/
.related-posts-list2{
	margin-right: -4.16%;
	margin-left: -4.16%;
	display: flex;
	flex-wrap: wrap;
}
.related-posts-list2 li{
	width: 50%;
	padding: 40px 4.16% 0 4.16%;
    border-right:1px solid rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
}
.related-posts-list2 li:nth-child(1), .related-posts-list2 li:nth-child(2){
	padding-top: 0;
}
.related-posts-list2 li .excerpt-width-arrow{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 16px;
}
.related-posts-list2 li .excerpt-width-arrow p{
	font-family: 'PingFang SC Light';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #808080;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	flex:1;
}
.related-posts-list2 li .excerpt-width-arrow .related-posts-right-arrow{
	display: block;
	width: 38px;
	height: 8px;
	background: url(../img/right-black.png) no-repeat center right;
}
/*相关文章列表3*/
.related-posts-list3 li{
	padding-bottom: 32px;
	margin-bottom: 32px;
    border-bottom:1px solid rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
	display: flex;
	align-items: start;
}
.related-posts-list3 li .course-thumb{
	width: 19.84%;
}
.related-posts-list3 li .related-posts-right-text{
	width: 80.16%;
	box-sizing: border-box;
	padding-left: 32px;
}
.related-posts-list3 li:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.related-posts-list3 li p{
	font-family: 'PingFang SC Light';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #808080;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin-top: 16px;
}
.related-posts-list3 li .post-item-more{
    margin-top: 25px;
}
.related-posts-list3 li .post-item-more a, .related-posts-list4 li .post-item-more a, .related-posts-list5 li .post-item-more a, .related-posts-list6 li .post-item-more a, .related-posts-list7 li .post-item-more a{
    color: #333;
	font-family: 'PingFang SC';
	font-weight: 600;
	line-height: 22px;
}
/*相关文章列表4*/
.related-posts-list4{
	display: flex;
	flex-wrap: wrap;
}
.related-posts-list4 li{
	width: 50%;
	padding-bottom: 32px;
	margin-bottom: 32px;
    border-bottom:1px solid rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
	display: flex;
	align-items: start;
}
.related-posts-list4 li:nth-of-type(odd){
    padding-right: 3.68%;
}
.related-posts-list4 li:nth-of-type(even){
    padding-left: 3.68%;
}
.related-posts-list4 li:nth-child(3), .related-posts-list4 li:nth-child(4){
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.related-posts-list4 li .course-thumb{
	width: 20%;
	flex:unset;
}
.related-posts-list4 li .related-posts-right-text{
	width: 80%;
	padding-left: 32px;
	box-sizing: border-box;
}
.related-posts-list4 li .related-posts-right-text p{
	font-family: 'PingFang SC Light';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #808080;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin-top: 12px;
}
.related-posts-list4 li .related-posts-right-text .post-item-more{
	margin-top: 10px;
}
/*相关文章列表5*/
.related-posts-list5{
	display: flex;
	flex-wrap: wrap;
	margin-right: -4.2%;
	margin-left: -4.2%;
}
.related-posts-list5 li{
	width: 33.33%;
	padding: 0 4.2%;
	box-sizing: border-box;
	border-right: 1px solid rgba(0, 0, 0, 0.08);;
}
.related-posts-list5 li:last-child{
	border-right: none;
}
.related-posts-list5 li p{
	font-family: 'PingFang SC Light';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #808080;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin-top: 8px;
}
.related-posts-list5 li .post-item-more{
	margin-top: 16px;
}
/*相关文章列表6*/
.related-posts-list6{
	display: flex;
	flex-wrap: wrap;
}
.related-posts-list6 li{
	width: 50%;
	padding-bottom: 32px;
	margin-bottom: 32px;
    border-bottom:1px solid rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
	display: flex;
	align-items: start;
}
.related-posts-list6 li:nth-of-type(odd){
    padding-right: 2.65%;
}
.related-posts-list6 li:nth-of-type(even){
    padding-left: 2.65%;
}
.related-posts-list6 li:nth-child(3), .related-posts-list6 li:nth-child(4){
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom:none;
}
.related-posts-list6 li .course-thumb{
	width: 36.732%;
	flex:unset;
}
.related-posts-list6 li .related-posts-right-text{
	width: 63.268%;
	padding-left: 32px;
	box-sizing: border-box;
}
.related-posts-list6 li .related-posts-right-text p{
	font-family: 'PingFang SC Light';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #808080;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin-top: 12px;
}
.related-posts-list6 li .related-posts-right-text .post-item-more{
	margin-top: 10px;
}
/*相关文章列表6*/
.related-posts-list7{
	display: flex;
	flex-wrap: wrap;
	margin-left: -4.2%;
	margin-right: -4.2%;
}
.related-posts-list7 li{
	width: 33.33%;
	padding: 32px 4.2% 0 4.2%;
    border-right:1px solid rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
}
.related-posts-list7 li:nth-child(1), .related-posts-list7 li:nth-child(2), .related-posts-list7 li:nth-child(3){
  padding-top: 0;
}
.related-posts-list7 li:nth-child(3), .related-posts-list7 li:nth-child(6){
  border-right: none;
}
.related-posts-list7 li p{
	font-family: 'PingFang SC Light';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #808080;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin-top: 8px;
}
/*相关专题*/
.related-courses-inner{
	padding: 50px 60px;
	border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 10px;
}
.related-courses{
	padding-bottom: 60px;
}
.related-courses-part-title{
	font-family: 'PingFang SC';
	font-style: normal;
	font-weight: 600;
	font-size: 28px;
	line-height: 40px;
	text-align: center;
	color: #333333;
	position: relative;
	padding-bottom: 14px;
}
.related-courses-part-title::after{
	content: '';
	width: 40px;
	height: 6px;
	background-color: #ff5353;
	border-radius: 6px 6px 0 0;
	position: absolute;
	bottom: 0;
	left:50%;
	margin-left: -20px;
}
.related-courses-lists{
	display: flex;
	flex-wrap: wrap;
	margin-right: -1.5%;
	margin-left: -1.5%;
	margin-bottom: -40px;
	margin-top: 60px;
}
.related-courses-lists li{
	width: 20%;
	padding: 0 1.5%;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 40px;
}
.related-courses-lists li a span{
	font-family: 'PingFang SC';
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	color: #333333;
}
.related-courses-lists li a span:first-child{
	display: inline-block;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
	max-width: calc(100% - 21px);
}
.related-courses-lists li a{
	display: flex;
	align-items: center;
	justify-content: center;
}
.related-courses-lists li a span.right-red-arrow{
	width: 0px;
	height: 6px;
	display: block;
	background: url(../img/right-red.png) no-repeat center right;
	transition: width ease .4s;
}
.related-courses-lists li a:hover span:first-child{
	color: #ff5353;
	text-decoration: underline;
}
.related-courses-lists li a:hover span.right-red-arrow{
	width: 21px;
}
@media (max-width: 1300px){
	.courses_banner_text_inner .courses_banner_description{
		margin-top: 20px;
	}
	.courses_banner_text_inner .courses_banner_title {
		font-size: 24px;
	}
	.courses_banner_text_inner .courses_banner_description p {
		font-size: 16px;
		line-height: 24px;
		margin-top: 15px;
	}
	.single-courses .wp-home-banner{
		padding-top: 30%;
	}
	.courses_banner_text_inner{
		width: 100%;
	}
}
@media (max-width: 719px){
	.single-courses .wp-home-banner{
		padding-top: 89.6%;
	}
	.wk-courses-container {
		padding: 0 20px 20px;
	}
	.courses-category-part{
		padding: 40px 0;
	}
	.courses-category-part-title{
		margin-bottom: 30px;
	}
	.courses-category-part-title h2{
		font-size: 24px;
		padding: 10px;
	}
	.courses-category-part-title h2::before{
		width: 30px;
		height: 30px;
	}
	.courses-category-part-title h2:after{
		content:'';
		width: 30px;
		height: 6px;
		margin-left: -15px;
	}
	.courses-category-part-title p{
		font-size: 22px;
		line-height: 26px;
		letter-spacing: 0;
	}
	.list_template_01{
		margin-right: 0;
	}
	.list_template_01 li{
		width: 100%;
		padding: 10px 0;
		padding-right: 0 !important;
	}
	.list_template_01 li h3 a{
		font-size: 18px;
		line-height: 20px;
		font-weight: 600;
	}
	.wk-lists-more-button{
		margin-top: 30px;
	}
	.wk-lists-more-button a {
		height: 45px;
		line-height: 45px;
		width: 200px;
		font-size: 16px;
	}
	.list_template_02 {
		margin-right: 0;
		margin-left: 0;
	}
	.list_template_02 li:nth-child(1){
		padding-top: 0 !important;
	}
	.list_template_02 li:nth-child(2), .list_template_02 li:nth-child(3){
		padding-top: 30px !important;
	}
	.list_template_02 li {
		width: 100%;
		padding: 30px 0 0 0 !important;
		border-right: none;
	}
	.list_template_02 li h3 a {
		font-size: 18px;
		line-height: 20px;
		font-weight: 600;
	}
	.list_template_02 li p{
		line-height: 20px;
		margin-top: 15px;
	}
	.list_template_02 li .detail-link{
		margin-top: 25px;
	}
	.list_template_03 {
		display: flex;
		flex-wrap: wrap;
		margin-right: 0;
		margin-bottom: -30px;
	}
	.list_template_03 li{
		width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
	}
	.list_template_03 li h3 a {
		font-size: 18px;
		line-height: 20px;
		font-weight: 600;
	}
	.list_template_03 li p {
		font-size: 14px;
		line-height: 20px;
		margin-top: 15px;
		overflow: hidden;
	}
	.list_template_04 {
		margin-right: 0;
		margin-left: 0;
	}
	.list_template_04 li:nth-child(2), .list_template_04 li:nth-child(3) {
		padding-top: 30px !important;
	}
	.list_template_04 li:nth-child(1) {
		padding-top: 0 !important;
	}
	.list_template_04 li {
		width: 100%;
		padding: 30px 0 0 0 !important;
		border-right: none;
	}
	.list_template_04 li h3 a {
		font-size: 18px;
		line-height: 20px;
		font-weight: 600;
	}
	.list_template_04 li p{
		padding-right: 0;
		background: none;
	}
	.list_template_04 li p span {
		line-height: 20px;
		margin-top: 15px;
		height: 20px;
	}
	.list_template_05 {
		margin-right: 0;
		margin-bottom: -30px;
	}
	.list_template_05 li {
		width: 100%;
		padding-right: 0;
		margin-bottom: 30px;
		flex-direction: column-reverse;
	}
	.list_template_05 li .template05_left {
		width: 100%;
		padding-right: 0px;
	}
	.list_template_05 li .template05_right {
		width: 100%;
		margin-bottom: 10px;
	}
	.list_template_05 li .template05_left h3 a {
		font-size: 18px;
		line-height: 20px;
	}
	.list_template_05 li .template05_left p {
		line-height: 20px;
		margin-top: 15px;
	}
	.list_template_05 li .detail-link {
		margin-top: 30px;
	}
	.courses_banner_text_inner{
		width: 100%;
	}
	.courses_banner_text_inner .courses_banner_title {
		font-size: 24px;
		line-height: 30px;
	}
	.courses_banner_text_inner .courses_banner_description {
		margin-top: 20px;
	}
	.courses_banner_text_inner .courses_banner_description p {
		font-size: 16px;
		line-height: 22px;
		margin-top: 15px;
	}
	.wk-courses-crumbs, .wk-courses-crumbs span, .wk-courses-crumbs a {
		font-size: 14px;
		line-height: 20px;
	}
	.courses_top_main {
		padding:0;
	}
	.courses_top_main{
		display: block;
	}
	.courses_top_main_left{
		width: 100%;
		margin-bottom: 30px;
	}
	.courses_top_main_right {
		width: 100%;
		padding-left: 20px;
		box-sizing: border-box;
	}
	.courses_top_main_left h2 {
		font-size: 24px;
		line-height: 30px;
		color: #333333;
		padding-right: 0;
	}
	.courses_top_main_right ul li .courses_post_item_right span.right-arrow{
		display: none;
	}
	.courses_top_main_right ul li{
		margin-top: 10px;
	}
	.courses_detail_top{
		padding: 30px 0;
	}
	.courses-detail-lists-wrap{
		padding: 30px 0;
	}
	.courses-detail-lists>li {
		margin-bottom: 45px;
	}
	.courses-detail-lists>li .courses-detail-list-post-item{
		padding: 20px;
	}
	.post-item-meta-left a {
		padding-right: 10px;
		margin-right: 10px;
	}
	.post-item-meta-left a, .post-item-meta-left span {
		font-size: 14px;
	}
	.post-item-avatar span {
		display: none;
	}
	.post-item-avatar img {
		width: 30px;
		height: 30px;
		margin-left: 0px;
	}
	.post-item-title a {
		font-size: 22px;
		line-height: 26px;
	}
	.post-item-excerpt {
		font-size: 14px;
		line-height: 24px;
		margin-top: 12px;
	}
	.post-item-more{
		margin-top: 15px;
	}
	.courses-list-related-posts {
		padding: 20px;
		margin-top: 20px;
	}
	.related-posts-list1 {
		margin-right: 0;
		margin-bottom: -20px;
	}
	.related-posts-list1 li {
		width: 100%;
		padding-right: 0;
		margin-bottom: 20px;
	}
	.courses-list-related-posts ul li h3 a {
		font-size: 18px;
		line-height: 20px;
	}
	.related-posts-list1 li p {
		line-height: 20px;
	}
	.related-posts-list2 {
		margin-right: 0;
		margin-left: 0;
	}
	.related-posts-list2 li:nth-child(1){
		padding-top: 0;
	}
	.related-posts-list2 li:nth-child(2) {
		padding-top: 20px;
	}
	.related-posts-list2 li {
		width: 100%;
		padding: 20px 0 0 0;
		border-right: none;
	}
	.courses-list-related-posts ul li h3 a {
		font-size: 18px;
		line-height: 20px;
	}
	.related-posts-list2 li .excerpt-width-arrow {
		margin-top: 15px;
	}
	.related-posts-list2 li .excerpt-width-arrow p {
		line-height: 20px;
		width: 100%;
	}
	.related-posts-list2 li .excerpt-width-arrow .related-posts-right-arrow {
		display: none;
	}
	.related-posts-list3 li {
		padding-bottom: 20px;
		margin-bottom: 20px;
		display: block;
	}
	.related-posts-list3 li .course-thumb {
		width: 100%;
		margin-bottom: 12px;
	}
	.related-posts-list3 li .related-posts-right-text{
		width: 100%;
		padding-left: 0;
	}
	.courses-list-related-posts ul li h3 a {
		font-size: 18px;
		line-height: 20px;
	}
	.related-posts-list3 li p {
		line-height: 20px;
	}
	.related-posts-list3 li .post-item-more {
		margin-top: 20px;
	}
	.related-posts-list4 li:nth-of-type(odd) {
		padding-right: 0%;
	}
	.related-posts-list4 li:nth-child(3){
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	}
	.related-posts-list4 li {
		width: 100%;
		padding-bottom: 20px;
		margin-bottom: 20px;
		display: block;
	}
	.related-posts-list4 li .course-thumb {
		width: 100%;
		flex: unset;
		margin-bottom: 12px;
	}
	.related-posts-list4 li .related-posts-right-text {
		width: 100%;
		padding-left: 0px;
	}
	.courses-list-related-posts ul li h3 a {
		font-size: 18px;
		line-height: 20px;
	}
	.related-posts-list4 li .related-posts-right-text p {
		line-height: 20px;
	}
	.related-posts-list4 li:nth-of-type(even) {
		padding-left: 0;
	}
	.related-posts-list5 {
		margin-right: 0;
		margin-left: 0;
		margin-bottom: -20px;
	}
	.related-posts-list5 li {
		width: 100%;
		padding: 0;
		border-right: none;
		margin-bottom: 20px;
	}
	.courses-list-related-posts ul li h3 a {
		font-size: 18px;
		line-height: 20px;
	}
	.related-posts-list5 li p {
		font-size: 14px;
		line-height: 20px;
	}
	.related-posts-list6 li:nth-of-type(odd) {
		padding-right: 0;
	}
	.related-posts-list6 li {
		width: 100%;
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.08);
		display: block;
	}
	.related-posts-list6 li:nth-of-type(even) {
		padding-left: 0;
	}
	.related-posts-list6 li:nth-child(4) {
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	}
	.related-posts-list6 li .course-thumb {
		width: 100%;
		margin-bottom: 12px;
	}
	.related-posts-list6 li .related-posts-right-text {
		width: 100%;
		padding-left: 0;
	}
	.courses-list-related-posts ul li h3 a {
		font-size: 18px;
		line-height: 20px;
	}
	.related-posts-list6 li .related-posts-right-text p {
		line-height: 20px;
	}
	.related-posts-list7 {
		margin-left: 0;
		margin-right: 0;
	}
	.related-posts-list7 li:nth-child(1) {
		padding-top: 0;
	}
	.related-posts-list7 li:nth-child(2), .related-posts-list7 li:nth-child(3) {
		padding-top: 20px;
	}
	.related-posts-list7 li {
		width: 100%;
		padding: 20px 0 0 0;
		border-right: none;
	}
	.courses-list-related-posts ul li h3 a {
		font-size: 18px;
		line-height: 20px;
	}
	.related-posts-list7 li p {
		line-height: 20px;
	}
	.post-item-more {
		margin-top: 15px;
	}
	.related-courses {
		padding-bottom: 45px;
	}
	.related-courses-inner {
		padding: 20px;
	}
	.related-courses-part-title {
		font-size: 24px;
	}
	.related-courses-part-title::after {
		width: 30px;
		margin-left: -15px;
	}
	.related-courses-lists {
		margin-bottom: -20px;
		margin-top: 30px;
	}
	.related-courses-lists li {
		width: 100%;
		padding: 0 1.5%;
		margin-bottom: 20px;
	}
	.related-courses-lists li a span:first-child {
		max-width: 100%;
	}
	.related-courses-lists li a span {
		font-size: 18px;
		line-height: 20px;
	}
	.related-courses-lists li a span.right-red-arrow {
		display: none;
	}
	.related-courses-lists li a {
		justify-content:left;
	}
}