.course-cover{background:#fff;padding:20px 0 20px 20px;position:relative;border-radius:8px;overflow:hidden}
.course-thum{float:left}
.course-thum img{width:450px!important;height:253px!important;object-fit:cover}
.course-info{float:left;width:680px;height:253px;padding-left:25px;position:relative}
.course-info h1{line-height:36px;color:#333;font-size:24px;padding:0 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.course-zj-djl{color:#999;font-size:14px;line-height:20px;padding-bottom:15px}
.curr-price,.old-price{font-size:28px;color:#f30}
.old-price{vertical-align:top;line-height:42px;font-size:14px;color:#999;text-decoration:line-through;margin-left:10px}
.yey-list-jineuxuexi,.yey-list-mfx{position:absolute;bottom:0;overflow:hidden;padding-top:20px}
.yey-list-jineuxuexi a,.yey-list-mfx a{width:160px;height:45px;line-height:45px;display:inline-block;text-align:center;color:#fff;font-size:18px;margin-right:15px;border-radius:3px;background:#ff700a}
.yey-list-jineuxuexi a:hover,.yey-list-mfx a:hover{background:#e60;color:#fff;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:#999}
.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 #ccc;padding:10px;background:#f5f5f5;color:#555;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 #ccc;border-top:1px solid #ccc;transform:rotate(45deg)}
.yey-kc-yxq .icon-ques2:hover .pop-buy-infor{display:block}
.containerz:after,.containerz:before{content:" ";display:table;clear:both}
.containerz{width:1400px;clear:both;margin:0 auto}
@media screen and (max-width:1440px){.containerz{width:96%;padding:0 2%}
}
@media screen and (max-width:1024px){.course-thum img{width:100%!important;height:auto!important;max-width:450px}
.course-info{width:calc(100% - 475px)}
}
@media screen and (max-width:768px){.containerz{width:100%;padding:10px}
.course-cover{padding:15px}
.course-thum{float:none;width:100%;margin-bottom:15px}
.course-thum img{width:100%!important;height:auto!important;max-height:300px}
.course-info{float:none;width:100%;height:auto;padding-left:0}
.course-info h1{font-size:22px;line-height:1.4;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.course-zj-djl{font-size:13px}
.yey-list-jineuxuexi{position:relative;padding-top:15px;bottom:auto}
.yey-list-jineuxuexi a{width:100%;margin:8px 0;font-size:16px}
.yey-kc-yxq{position:relative;bottom:auto;right:auto;margin-top:15px}
.curr-price{font-size:24px}
}
@media screen and (max-width:480px){.course-info h1{font-size:20px}
.course-zj-djl{font-size:12px}
.yey-list-jineuxuexi a{height:42px;line-height:42px;font-size:15px}
.curr-price{font-size:22px}
}
.fl{float:left}
.fr{float:right}
img{max-width:100%;height:auto}
.course-cover-fl{width:100%;min-height:400px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-sizing:border-box}
.aui-nav-content-box{position:relative}
.aui-nav-list-box{overflow:hidden;border-bottom:1px solid #e5e5e5;background:linear-gradient(#fff,#fafafa);border-top-right-radius:8px;border-top-left-radius:8px}
.aui-nav-list-box ul{margin:0;padding:0;display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch}
.aui-nav-list-box ul li{flex:0 0 auto;cursor:pointer;color:#333;height:48px;line-height:48px;border-right:1px solid #e5e5e5;font-size:16px;text-align:left;box-sizing:border-box;white-space:nowrap}
.aui-nav-list-box ul li:last-child{border-right:none}
.aui-nav-list-box ul li span{display:block;padding:0 25px;overflow:hidden}
.aui-nav-list-box ul li span:hover{color:#ff700a}
.aui-nav-list-box .aui-current{color:#ff700a;background:#fff;font-weight:700}
.yey-kc-jianjie{padding:25px}
.yey-kc-jianjie h3{font-size:18px;color:#333;font-weight:700;margin:0 0 15px}
.yey-kc-jianjie p{color:#333;font-size:14px;line-height:1.8;margin:0 0 20px;text-align:justify}
.aui-nav-list-item{display:none}
.aui-nav-list-item:first-child{display:block}
.task-task-list{margin:0;padding:0;list-style:none}
.task-task-item{position:relative;display:block;padding:12px 25px;color:#333;text-decoration:none;border-bottom:1px solid #eee;transition:background .3s}
.task-task-item:hover{background-color:#f9ede4}
.task-tt{display:flex;justify-content:space-between;align-items:center}
.task-tt-text{flex:1;overflow:hidden}
.yey-ks{color:#999;margin-right:10px;display:inline-block;min-width:55px}
.task-tt-text-fr{display:flex;align-items:center;margin-left:15px}
.keshikan{color:#393}
.ke-fufei{color:#f30}
.ke-shijian{color:#999;margin-left:10px;min-width:60px;text-align:right}
@media (max-width:768px){.aui-nav-list-box ul li{font-size:14px;height:44px;line-height:44px}
.yey-kc-jianjie{padding:15px}
.yey-kc-jianjie h3{font-size:16px}
.yey-kc-jianjie p{font-size:13px}
.task-task-item{padding:12px 15px}
.task-tt{flex-direction:row;align-items:center;width:100%}
.task-tt-text{width:100%;margin-bottom:5px}
.task-tt-text-fr{margin-left:auto;flex-shrink:0;display:flex;align-items:center;padding-left:10px}
.yey-ks{min-width:45px}
.ke-shijian{text-align:right;min-width:65px;margin-left:10px;white-space:nowrap}
.ke-fufei{white-space:nowrap}
}
@media (max-width:480px){.aui-nav-list-box ul li{flex:0 0 auto;border-right:1px solid #e5e5e5}
.aui-nav-list-box ul li:last-child{border-right:none}
.task-task-item{padding:10px 15px}
.task-tt-text-fr{flex-direction:row;flex-wrap:nowrap}
.ke-shijian{min-width:55px;margin-left:8px}
}
/* 基础样式 */
.container-fluid {
  height: auto;
  min-height: 70vh;  /* 核心修改点 */
  background: #000;
  display: flow-root; /* 替代clearfix */
  position: relative;
  padding-bottom:5px; /* 适配底部工具栏 */
}
.height100 {
	height: 100%;
}
.player-box {
	position: relative;
	width: 75%;
	float: left;
	background: #fff;
}
.yixiaowan-player {
	width: 100%;
	height: 100%;
	padding-bottom: 36px;
	text-align: center;
	background: #383838;
}
.yixiaowan-player video {
	width: auto;
	max-width: 100%;
	height: 100%;
}
.action-bar-wrap {
	width: 25%;
	float: left;
	background-color: #252525;
	height: 100%;
	overflow-y: auto;
}

/* 微信二维码 */
.followus-weixin {
	position: relative;
	color: #999;
}
.flw-weixin-box {
	position: absolute;
	display: none;
	width: 170px;
	height: 170px;
	left: -60px;
	bottom: 27px;
	background: url(../images/weixin.jpg) no-repeat 0 0;
	background-size: 170px auto;
}
.followus-weixin:hover .flw-weixin-box {
	display: block;
}

/* 阿里云播放器重写 */
#player-con {
	width: 100% !important;
	height: 100% !important;
}
.prism-player .prism-cc-btn {
	display: none !important;
}
.prism-setting-cc, 
.prism-setting-audio, 
.prism-setting-quality {
	display: none !important;
}

/* 课件+问答 */
.course-tool {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 5px 0;
	text-align: right;
	background: #000;
}

/* 课程课件 */
.click_pop {
	line-height: 26px;
	background: #ff700a;
	font-size: 14px;
	color: #fff;
	display: inline-block;
	padding: 0 10px;
	border-radius: 3px;
	cursor: pointer;
	margin-right: 15px;
}
.click_pop:hover {
	background: #e4680f;
	color: #fff;
}

/* 课程目录 */
.scroll-cont .content-list li {
	height: 74px;
	border-bottom: 1px #111 solid;
	padding: 12px 10px 15px 60px;
	position: relative;
	box-sizing: border-box;
}
.scroll-cont .content-list li:hover {
	background: #33333e;
}
.scroll-cont .content-list li:before {
	content: "";
	position: absolute;
	width: 20px;
	height: 13px;
	left: 25px;
	top: 18px;
	background: url(../images/icon-play-act.png) no-repeat;
	z-index: 5;
}
.scroll-cont .content-list li.on:before {
	background: url(../images/icon-play-active.gif) 4px -4px no-repeat;
}
.scroll-cont .content-list a {
	display: block;
	cursor: pointer;
}
.scroll-cont .content-list .name {
	font-size: 16px;
	color: #999;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 24px;
}
.scroll-cont .content-list li.on {
	background: #1e1e1e;
}
.scroll-cont .content-list li.on>a>.name {
	color: #eee;
}
.scroll-cont .content-list .info {
	padding-top: 10px;
}
.scroll-cont .content-list .info span {
	color: #999;
	font-size: 12px;
	padding-right: 10px;
}

/* 手机响应式样式 */
@media (max-width: 767px) {
    .container-fluid {
        height: auto;
        overflow-x: hidden;
        min-height: 100%
    }
    
    .player-box,
    .action-bar-wrap {
        width: 100% !important;
        float: none;
        height: auto;
    }
    
    .player-box {
        padding-bottom: 56.25%; /* 16:9比例 */
        position: relative;
    }
    
    .yixiaowan-player {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-bottom: 0;
    }
    
    .yixiaowan-player video {
        width: 100% !important;
        height: 100%;
        max-height: none;
        object-fit: contain;
    }
    
    .course-tool {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 100;
        padding: 8px 5px;
        text-align: center;
    }
    
    .click_tishi {
        float: none !important;
        display: block;
        font-size: 12px !important;
        line-height: 1.3 !important;
        padding: 0 5px !important;
        margin-bottom: 5px;
    }
    
    .action-bar-wrap {
        height: auto;
        max-height: 50vh;
        position: relative;
        margin-top: -5px;
    }
    
    .scroll-cont .content-list li {
        padding: 8px 10px 8px 40px;
        height: auto;
        min-height: 60px;
    }
    
    .scroll-cont .content-list li:before {
        left: 12px;
        top: 22px;
        transform: scale(0.8);
    }
    
    .scroll-cont .content-list .name {
        font-size: 14px;
        line-height: 1.2;
    }
    
    .scroll-cont .content-list .info {
        padding-top: 5px;
    }
    
    .scroll-cont .content-list .info span {
        font-size: 11px;
        display: block;
        padding-right: 0;
    }
    
    .click_pop {
        margin: 3px auto;
        width: 95%;
        padding: 6px;
        font-size: 13px;
        line-height: 1.2;
    }
    
    .flw-weixin-box {
        left: 50%;
        transform: translateX(-50%);
        bottom: 35px;
        width: 120px;
        height: 120px;
        background-size: 120px;
    }
    
    /* 修复移动端视频控制栏 */
    video::-webkit-media-controls {
        display: flex !important;
    }
    video::-webkit-media-controls-panel {
        width: 100%;
    }
}