@charset "UTF-8";

* {
    font-family: "微软雅黑", Arial;
    font-size: 14px;
    color: #333;
}

ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}
a {
	color: #333;
    text-decoration: none;
}
.mr-0, .mx-0 {
    margin-right: 0!important;
}

.hd_nav{
	width: 1200px;
	margin: 0 auto;
}
.hd_nav .w{
	background: #FFFFFF; 
	height: 60px;
	margin: 0;
	/* box-shadow: 0px 7px 24px 0px rgb(226 0 0 / 24%); */
}

.dxSeat {
    background: #fff;
    border-radius: 5px;
}
.dxSeat p{
	padding: 10px;
}
.checkList {
	width: 1200px;
	padding: 0;
	margin: 0 auto;
}
.newsLeftImg {
    float: left;
    width: 14px;
    height: 15px;
    margin-top: 2px;
}
.cBlack a, .cBlack, .lright .lright-four .four-left div, .four-right div{
	color:#5a5a5a;
}
.rmkcBox{
	margin-top: 20px;
	overflow: hidden;
}
.kcDetail {
    background: #ffffff;
    display: flex;
    justify-content: space-between;
}
.kcDetail .left {
    display: flex;
    flex-direction: row;
    padding: 30px;
}
.kcDetail .lleft {
    background: #FFF;
    margin: 0 30px 0 0;
}
.lleft-up {
    position: relative;
    background: #000;
    height: 260px;
    display: block;
}
.lleft-up img:nth-child(1) {
    width: 420px;
    height: 260px;
    opacity: 0.4;
}
.flexColumn {
    position: absolute;
    top:85px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 11;
}
.flexColumn img {
    width: 60px !important;
    height: 60px !important;
}
.rvia-free {
    font-size: 16px;
    color: #ababab;
    display: block;
    margin: 15px -15px;
}
.lright-one{
	overflow: hidden;
	margin-bottom:15px;
}
.lright .lright-one a {
    font-size: 26px;
    font-weight: 700;
    color: #333;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    cursor: pointer;
	
}
.bg1 span{
	font-size: 14px;
	background: #E0E8FC;
	color: #298AFD;
	display: block;
	font-style: normal;
	padding: 5px 10px;
	border-radius: 3px;
	margin-bottom: 15px;
}
.flex, .lright .lright-three,.lright .lright-four,.bleftup-list-li div{
    display: flex;
}
.lright{
	margin-top: 35px;
}
.lright .lright-three div {
    border: 1px solid #ff2832;
    border-radius: 5px;
    margin-right: 7px;
    font-size: 12px;
    color: #ff2832;
    padding: 6px 12px 6px 14px;
}
.lright .lright-two {
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 35px;
	min-height: 100px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.lright .lright-four .four-right {
    color: #999;
    margin: 0 0 0 30px;
}
.lright .lright-four div {
    display: flex;
    flex: none;
    flex-direction: row;
}
.item1{
	width: 73%;
	float: left;
}
.bleft-up {
    background: #FFF;
    padding: 15px 15px 0 18px;
}
.bleftup-title {
    display: flex;
    justify-content: space-between;
}
.blu-title-left {
    display: flex;
    flex-direction: row;
    font-size: 22px;
    color: #333;
    margin-bottom: 31px;
}
.blu-title-left div.hover {
    border-bottom: 3px solid #FC3930;
}
.blu-title-left div {
    margin-right: 40px;
    padding-bottom: 5px;
}
.kcTab1 b{
	font-size: 18px;
}
.list-li-title b{
	font-size: 16px;;
}
.bleftup-list {
    padding-bottom: 28px;
}
.bleftup-list-li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 16px;
    color: #333;
    cursor: pointer;
}
.list-li-title {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333;
    line-height: 35px;
}
.hides, .shows {
    color: #999;
    line-height: 35px;
    font-size: 14px;
}
.bleftup-list-li img {
    width: 13px;
    height: 7px;
}
.video {
    background: #F7F8FA;
    margin: 21px 0 0;
    padding: 13px 16px;
}
.J-media-item {
    text-decoration: none;
    display: flex;
    justify-content: space-between;
}
.course_detail_title_l {
    font-size: 14px;
    color: #333;
    line-height: 36px;
    float: left;
}
.course_detail_title_l .sk {
	width: 50px;
	height: 25px;
	border: 1px solid #FC3930;
	border-radius: 5px;
	font-size: 14px;
	color: #FC3930;
	line-height: 23px;
	text-align: center;
	margin: 5px 0 5px 10px;
}

.course_detail_title_r {
	font-size: 14px;
	color: #999;
	line-height: 36px;
}

.bleftup-lists-ul-line {
	height: 1px;
	background: #EEE;
	margin: 21px 0 26px;
}
.vipKT {
    background: #ff2832;
    width: 350px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 8px;
    cursor: pointer;
	margin: 0 auto;
}
.vipKT img {
    margin-top: -5px;
}

.vipKT span {
    color: #fff;
    font-size: 16px;
    padding: 5px;
}

.item2{
	width: 25%;
	float: right;
}
.boxr-down {
    background: #FFF;
    padding: 20px 0 20px 20px;
}
.boxrd-title {
    font-size: 18px;
    color: #333;
    font-weight: 700;
}
.articleList li{
	    margin-top: 20px;
}
.articleListImg {
    position: relative;
    height: 90px;
    margin-right: 10px;
    overflow: hidden;
	width: 145px;
}
.boxrd-con img {
    width: 100%;
	height: 100%;
    border-radius: 5px;
}
.articleListContent {
    flex: 1;
    min-width: 0;
    margin-left: 5px;
}
.lineTwoOverflow {
    overflow: hidden;
    text-overflow: ellipsis;
    display: 0;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: 39px auto 10px
}
.articleListContent .title a {
    font-weight: 700;
    color: #333;
    line-height: 25px;
	font-size: 14px;
}
.cont4 {
    overflow: hidden;
    line-height: 16px;
    height: 16px;
    font-size: 12px;
    margin-top: 8px;
}
.cont4 span:first-child{
	margin-left: 0;
}
.cont4 span {
    float: left;
    margin-left: 10px;
    font-size: 12px;
	 color: #999;
}











.w-100 {
    width: 100%!important;
}

.ft_18 {
    font-size: 18px;
}
.mt-3, .my-3 {
    margin-top: 1rem!important;
}
.content {
    position: relative;
  
}

.ml-0, .mx-0 {
    margin-left: 0!important;
     margin-right: 0!important;
}
.row{
    display: flex;
    flex-wrap: wrap;
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.border-bottom-0{
    border-bottom: 0!important;
}
.ft_16 {
    font-size: 16px;
}
.ml-3, .mx-3 {
    margin-left: 1rem!important;
}

img {
    vertical-align: middle;
    border-style: none;
}




.w-75 {
    width: 75%!important;
    height: 125px;
    margin-left: 2%;
}
.w-25 {
    float: left;
    z-index: 999;
}
.w-75 h4 {
    margin-top: 0;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mt_20{
	margin-bottom: 20px;
}

.more {
    color: #fc3930;
}
.LocalBox ul li {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #e2e2e2;
}	
.LocalBox ul li div {
    width: 100%;
    float: left;
    color: #333333;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ===== PC 云课堂课程详情页 (.cy-*) ===== */
/* ===== 云课堂课程详情页 =====
   布局：顶部左封面右信息（自适应高度），下方左章节目录 + 右推荐（等高） */
.cy{padding-bottom:60px;}

/* ---- 面包屑 ---- */
.cy-crumb{font-size:13px;color:#999;padding:14px 0 18px;}
.cy-crumb a{color:#777;}
.cy-crumb a:hover{color:#e24b4a;}
.cy-crumb .sep{margin:0 8px;color:#ccc;}

/* ================= 顶部主区================= */
.cy-hero{
	background:#fff;border-radius:12px;padding:28px;
	display:flex;gap:32px;align-items:flex-start;margin-bottom:20px;
}
/* 封面：16:9 不变形 */
.cy-cover{
	flex:none;
	width:442px;
	position:relative;
	padding-top:250.25px;
	background:#f2f4f6;
	border-radius:10px;
	overflow:hidden;
}
.cy-cover img{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
}

.cy-info{flex:1;min-width:0;display:flex;flex-direction:column;}
/* 标题 + 难度同行 */
.cy-titlerow{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;flex-wrap:wrap;}
.cy-titlerow h1{
	margin:0;flex:0 1 auto;min-width:0;font-size:25px;font-weight:600;line-height:1.4;color:#1f2329;
	word-break:break-all;
}
.cy-tag{
	flex:none;display:inline-block;padding:3px 13px;border-radius:13px;
	font-size:12.5px;background:#eef3fd;color:#1a6fd4;margin-top:6px;margin-left:auto;
}
.cy-level{flex:none;display:inline-block;padding:3px 13px;border-radius:13px;font-size:12.5px;margin-top:6px;line-height:1.6;}
.cy-level-1{background:#e8f6ee;color:#1e9e5a;}
.cy-level-2{background:#e8f1fd;color:#1a6fd4;}
.cy-level-3{background:#fdeaea;color:#d93a3a;}
.cy-level-0{background:#f0f1f3;color:#8a8f99;}

/* 简介区块（有底色分隔，撑满信息区） */
.cy-intro{
	background:#fafbfc;border-radius:8px;padding:14px 16px;margin-bottom:18px;
	font-size:13.5px;color:#5f646e;line-height:1.9;
	min-height:76px;
}
.cy-intro p{margin:0;
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
.cy-intro.is-empty{color:#b6bac1;min-height:110px;}

/* 数据条：3 个指标横排，卡片化 */
.cy-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:auto;}
.cy-stat{
	background:#fafbfc;border-radius:8px;padding:14px 8px;text-align:center;
}
.cy-stat b{display:block;font-size:20px;font-weight:600;color:#1f2329;line-height:1.2;margin-bottom:4px;}
.cy-stat span{font-size:12px;color:#999;}
.cy-stat.hl b{color:#e24b4a;}

/* ================= 下方两栏 ================= */
.cy-cols{display:flex;gap:20px;align-items:stretch;}
.cy-main{flex:1;min-width:0;display:flex;flex-direction:column;}
.cy-side{
	flex:none;
	width:300px;
	display:flex;
	flex-direction:column;
}

.cy-panel{background:#fff;border-radius:12px;padding:22px 24px;}
/* 等高：两栏 stretch + 栏内 panel flex:1 */
.cy-main > .cy-panel,.cy-side > .cy-panel{flex:1;box-sizing:border-box;}

.cy-panel-hd{
	display:flex;align-items:baseline;gap:10px;
	padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid #f2f3f5;
}
.cy-panel-hd h3{margin:0;font-size:17px;font-weight:600;color:#1f2329;}
.cy-panel-hd .cy-num{font-size:12.5px;color:#999;}

/* ---- 章节目录：章节卡片 ---- */
.cy-chapter + .cy-chapter{margin-top:18px;padding-top:18px;border-top:1px solid #f5f6f8;}
.cy-chapter h4{
	margin:0 0 10px;font-size:15px;font-weight:600;color:#2b2f36;
	display:flex;align-items:center;gap:8px;
}
.cy-chapter h4::before{
	content:"";width:3px;height:14px;background:#e24b4a;border-radius:2px;
}
/* 课时行 */
.cy-lesson{list-style:none;margin:0;padding:0;}
.cy-lesson li{
	display:flex;align-items:center;gap:10px;
	padding:10px 12px;border-radius:6px;background:#fafbfc;
	margin-bottom:8px;font-size:13.5px;color:#4e5969;
	transition:background .15s;
	margin-left:20px;
	line-height:35px;
}
.cy-lesson li:last-child{margin-bottom:0;}
.cy-lesson li:hover{background:#f2f5f9;}
.cy-lesson .cy-lnum{
	flex:none;width:20px;height:20px;border-radius:50%;
	background:#eef1f6;color:#86909c;font-size:11.5px;
	display:flex;align-items:center;justify-content:center;
}
.cy-lesson .cy-lname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cy-lesson .cy-ldur{font-size:12px;color:#a1a7b3;white-space:nowrap;font-variant-numeric:tabular-nums;}

/* 「开通课程」按钮：与小节列表留出间距，不贴着上面。
   需写在 course.css 之后（本页 style 在 link 之后）并提高权重，
   否则会被 .vipKT 的 margin:0 auto 覆盖 */
.cy-panel .vipKT{margin:50px auto 0;}

/* 开通提示（沿用原版 course.css 的 .vipKT 样式） */

/* ---- 推荐课程：大图卡片，标题压在图上，级别在右下角 ---- */
.cy-rec{list-style:none;margin:0;padding:0;flex:1;}
.cy-rec-item{display:block;margin-bottom:14px;}
.cy-rec-item:last-child{margin-bottom:0;}
.cy-rec-pic{
	display:block;
	position:relative;
	width:100%;
	padding-top:56.5%;                 /* 16:9 高宽比 */
	background:#f2f4f6;
	border-radius:8px;
	overflow:hidden;
}
.cy-rec-pic img{
	position:absolute;left:0;top:0;width:100%;height:100%;
	object-fit:cover;display:block;transition:transform .4s;
}
.cy-rec-item:hover .cy-rec-pic img{transform:scale(1.05);}
/* 标题色块：压在图片下部，半透明深色 */
.cy-rec-name{
	position:absolute;left:0;bottom:0;right:0;
	padding:16px 10px 7px;
	font-size:13.5px;color:#fff;line-height:1.4;
	background:linear-gradient(to top,rgba(0,0,0,.72) 0,rgba(0,0,0,.45) 55%,rgba(0,0,0,0) 100%);
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
/* 级别：右下角小圆角标签 */
.cy-rec-level{
	position:absolute;right:6px;bottom:6px;z-index:2;
	padding:1px 8px;border-radius:10px;
	background:rgba(255,255,255,.92);color:#d93a3a;
	font-size:11px;font-weight:600;line-height:1.7;
}

.cy-empty{text-align:center;padding:60px 0;color:#aaa;font-size:13.5px;}

/* ================= 响应式 ================= */
@media (max-width:1100px){
	.cy-hero{flex-direction:column;gap:20px;}
	.cy-cover{width:100%;padding-top:56.25vw;}
	.cy-cols{flex-direction:column;}
	.cy-side{width:100%;}
	.cy-rec-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:600px){
	.cy-stats{grid-template-columns:repeat(3,1fr);gap:8px;}
	.cy-rec-grid{grid-template-columns:1fr 1fr;}
}