.video_index {background: #fff;margin-top: 20px;}
.video_index .video_list{;width: 1020px;margin: 0 auto;}
.video_index .video_list ul{width: 100%;overflow: hidden;}
.video_index .video_list ul li{width: 33.33%;padding: 20px 0;border-bottom: 1px solid #eee;float: left;text-align: center;}
.video_index .video_list ul li img{width: 190px;height: 190px;border-radius: 2px;}
.video_index .video_list ul li p{font-size: 18px;line-height: 40px;height: 40px;}
.video_index .video_list ul li .video_teacher_info p a{display: block;float: left;width: 100px;height: 40px;line-height: 40px;text-align: center;font-size: 20px;color: #a3824a;background: #fbf8ea;border: 1px solid #ede6c4;border-radius: 2px;margin-right: 24px;}
.sa-hrhg-pc-video-detail {margin-top:20px;background-color:#fff;}
.sa-hrhg-pc-video-detail .content {margin:0 auto;width:1200px;font-size:18px;padding-bottom:40px;}
.sa-hrhg-pc-video-detail .content>.title {height:40px;line-height:40px;}
.sa-hrhg-pc-video-detail .content .video {width:1200px;height:520px;display:block;}
.sa-hrhg-pc-video-detail .content .video .video-cover {width:100%;height:100%;display:block;}
.sa-hrhg-pc-video-detail .content .video .video-cover>img {width:100%;height:100%;display:block;}
.sa-hrhg-pc-video-detail .content ul.lists {margin:30px 0px;max-height:383px;overflow:hidden;overflow-y:scroll;}
.sa-hrhg-pc-video-detail .content ul.lists .history-item {padding:10px 0px;border-bottom:1px solid #eee;}
.sa-hrhg-pc-video-detail .content ul.lists .history-item:last-child {border-bottom:0;}
.sa-hrhg-pc-video-detail .content ul.lists .history-item .cover {width:120px;height:75px;float:left;margin-right:20px;}
.sa-hrhg-pc-video-detail .content ul.lists .history-item .cover>img {width:100%;height:100%;display:block;}
.sa-hrhg-pc-video-detail .content ul.lists .history-item .info {width:1000px;height:75px;float:left;}
.sa-hrhg-pc-video-detail .content ul.lists .history-item .info .title {margin-bottom:10px;}
.sa-key-dialog-mask {display:none;width:100%;height:100vh;background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;z-index:99;}
.sa-key-dialog-mask .content {width:7.2rem;border-radius:0.106667rem;position:absolute;top:50%;left:50%;margin-left:-3.6rem;margin-top:-1.92rem;background:#fff;}
.sa-key-dialog-mask .content p {text-align: center;}
.sa-key-dialog-mask .content .header {font-size:0.373333rem;line-height:0.533333rem;color:#333;margin-top:0.4rem;}
.sa-key-dialog-mask .content .body {font-size:0.32rem;color:#666;line-height:0.44rem;width:5.413333rem;margin:0 auto;margin-top:0.346667rem;}
.sa-key-dialog-mask .content .footer {border-top:1px solid #ddd;margin-top:0.386667rem;}
.sa-key-dialog-mask .content .footer a {box-sizing:border-box;width:50%;height:1.28rem;line-height:1.28rem;display:block;float:left;line-height:1.28rem;font-size:0.426667rem;color:#999;}
.sa-key-dialog-mask .content .footer a:last-child {color:#DB4637;border-left:1px solid #ddd;}
@media only screen and (max-width:768px){
	body{max-width: 100%;min-width: 100%;}
	.video_index {background: #fff;margin-top: 0.066667rem;}
	.video_index .video_list{;width: 100%;}
	.video_index .video_list ul{padding: 0 3%;width: 94%;border-top: 0.013333rem solid #eee;}
	.video_index .video_list ul li{padding: 0.266667rem 0;border-bottom: 0.013333rem solid #eee;}
	.video_index .video_list ul li img{width: 2.666667rem;height: 2.666667rem;border-radius: 0.133333rem;}
	.video_index .video_list ul li p{font-size: 0.373333rem;line-height: 0.666667rem;height: 0.666667rem;margin: 0 0.133333rem;}
	.sa-hrhg-pc-header-wrap .nav_top{display: none;}
	.sa-hrhg-pc-footer-wrap{display: none;}
	.sa-hrhg-pc-header-wrap .nav .nav_int{display: none;}
	.sa-hrhg-pc-header-wrap .nav{width: 100%;height: 1.6rem;}
	.sa-hrhg-pc-header-wrap .nav .nav_log{margin: 0 auto;float: none;padding-top: 0.266667rem;}

	.sa-hrhg-pc-video-detail {margin-top:20px;background-color:#fff;}
	.sa-hrhg-pc-video-detail .content {margin:0 auto;width:100%;font-size:18px;padding-bottom:0px;}
	.sa-hrhg-pc-video-detail .content>.title {height:auto;line-height:24px;}
	.sa-hrhg-pc-video-detail .content .video {width:100%;height: 5.56rem;display:block;}
	.sa-hrhg-pc-video-detail .content .video .video-cover {width:100%;height:100%;display:block;}
	.sa-hrhg-pc-video-detail .content .video .video-cover>img {width:100%;height:100%;display:block;}
	.sa-hrhg-pc-video-detail .content ul.lists {margin:0 10px;margin-top:10px;max-height:288px;overflow:hidden;overflow-y:scroll;}
	.sa-hrhg-pc-video-detail .content ul.lists .history-item {padding:10px 0px;border-bottom:1px solid #eee;display:flex;font-size:12px;}
	.sa-hrhg-pc-video-detail .content ul.lists .history-item:last-child {border-bottom:0;}
	.sa-hrhg-pc-video-detail .content ul.lists .history-item .cover {width:120px;height:75px;float:left;margin-right:10px;}
	.sa-hrhg-pc-video-detail .content ul.lists .history-item .cover>img {width:100%;height:100%;display:block;}
	.sa-hrhg-pc-video-detail .content ul.lists .history-item .info {width:75%;height:75px;float:left;}
	.sa-hrhg-pc-video-detail .content ul.lists .history-item .info .title {margin-bottom:10px;}
}


body {background: #F5F5F5;max-width:100%;min-width:1200px;}
.web_course_content{width:100%;margin: 0 auto;}
/*banner*/
.top_img {width: 100%;min-width: 1200px;height: 200px;position: relative;overflow: hidden;}
.top_img img {width: 100%;height: 100%;}

/*精彩讲堂*/
.web_video_content .video-main-list {margin: 34px auto;width: 1200px;}
.web_video_content .video-main-list .main_course {width: 780px;float: left;}
.web_video_content .video-main-list .main_course .all_teacher {display: flex;justify-content: space-between;}
.web_video_content .video-main-list .main_course .all_teacher .classroom {font-size:24px;color:rgba(51,51,51,1);line-height:33px;font-weight: 500;}
.web_video_content .video-main-list .main_course .all_teacher .search{display: flex;width: 198px;height: 30px;border: 1px solid #FF2525;border-radius: 2px;}
.web_video_content .video-main-list .main_course .all_teacher .search input {width:155px;height: 30px;line-height: 30px;font-size: 14px;font-weight: 400;float: left;text-indent: 8px;}
.web_video_content .video-main-list .main_course .all_teacher .search button {display: block;outline:none;width: 43px;height: 30px;line-height: 30px;background: #FF2525;text-align: center;color: #fff;font-size: 20px;border: 0;cursor: pointer;}

/*老师导航*/
.web_video_content .video-main-list .main_course .teacher_content_list {width:780px;background:rgba(255,255,255,1);box-shadow:0px 2px 4px 1px rgba(225,225,225,0.75);border-radius:2px;margin-top: 12px;}
.web_video_content .video-main-list .main_course .teacher_content_list .menu {width:100%;border-bottom: 1px solid #EEEEEE;padding: 10px 0px;background: #fff;}
.web_video_content .video-main-list .main_course .teacher_content_list .menu .catalog {font-size:14px;color:rgba(153,153,153,1);line-height:28px;padding-left: 20px;float: left;}

.web_video_content .video-main-list .main_course .teacher_content_list .teacher {position: relative;overflow: hidden;}
.web_video_content .video-main-list .main_course .teacher_content_list .teacher .nav_name {overflow: hidden;float: right;width: 93%;}
.web_video_content .video-main-list .main_course .teacher_content_list .teacher .teacher_list{display: block;}
.web_video_content .video-main-list .main_course .teacher_content_list .teacher .teacher_list ul {overflow: hidden;float: right;width: 93%;}
.web_video_content .video-main-list .main_course .teacher_content_list .menu ul li {font-size:14px;color:#666666;line-height:28px;padding: 0px 16px;display: block;float: left;}
.web_video_content .video-main-list .main_course .teacher_content_list .menu ul li .choice{color:#FF2525;}
.web_video_content .video-main-list .main_course .teacher_content_list .menu .more {float: right;font-size:14px;color:rgba(51,51,51,1);line-height:28px;position: absolute;top: 9px;right: 12px;cursor: pointer;font-family: PingFangSC-Regular;}
.web_video_content .video-main-list .main_course .teacher_content_list .menu .retract {float: right;font-size:14px;color:rgba(51,51,51,1);line-height:28px;position: absolute;top: 9px;right: 12px;cursor: pointer;font-family: PingFangSC-Regular;}
.web_video_content .video-main-list .main_course .teacher_content_list .search .input-date {display: block;padding: 0px 20px;}
.web_video_content .video-main-list .main_course .teacher_content_list .search .input-date span {width:11px;height:3px;color: #979797;font-weight: bold;}
.web_video_content .video-main-list .main_course .teacher_content_list .search .input-date .layui-input {border:1px solid rgba(231,231,231,1);text-align: center;width: 100px;height: 24px;font-size: 12px;}
.web_video_content .video-main-list .main_course .teacher_content_list .search .input-date .layui-input:first-child{margin-left:20px;}
.web_video_content .video-main-list .main_course .teacher_content_list .search .input-date a {background:#FF2525;font-size:12px;color:#FFFFFF;vertical-align: middle;padding: 4px 5px;margin-left: 5px;}

/*课程列表*/
.web_video_content .course-left {margin: 10px 0px;width: 780px;padding-bottom: 20px;}
.web_video_content .course-card-list li {float: left;width: 250px;height:235px;margin-right: 15px;margin-top: 16px;background-color: #fff;box-shadow: 0 2px 8px 0 rgba(187,187,187,0.86);}
.web_video_content .course-card-list li:nth-child(3n){margin-right: 0;}
.web_video_content .course-card-list li .img {display: block;width: 250px;height: 140px;}
.web_video_content .course-card-list li img {width: 100%;height: 100%;}

.web_video_content .course-card-list li a{position: relative;}
.web_video_content .course-card-list li a .mask{width: 100%;height: 100%;background: rgba(0,0,0,0.4);position: absolute;top: 0;left: 0;}
.web_video_content .course-card-list li a:hover .mask{display: none;}
.web_video_content .course-card-list li a span.iconfont{position: relative;color: #ffffff;font-size: 36px;left: 40%;bottom: 55%;}
.web_video_content .course-card-list li a img.follow{position: relative;width: 40px;height: 40px;left: 40%;bottom: 55%;}
.web_video_content .course-card-list li a img.password{position: relative;width: 40px;height: 40px;left: 40%;bottom: 55%;}


.web_video_content .course-card-list li .title {height:20px;font-size:16px;font-weight:500;color:rgba(0,0,0,1);line-height:20px;padding:8px 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.web_video_content .course-card-list li .title a {width: 100%;}
.web_video_content .course-card-list li .author{font-size:16px;color:rgba(51,51,51,1);line-height:22px;height:22px;padding:0px 10px;}
.web_video_content .course-card-list li .bottom{padding: 10px 10px;line-height: 17px;height: 17px;}
.web_video_content .course-card-list li .bottom span {font-size:12px;color:rgba(51,51,51,1);line-height:17px;}
.web_video_content .course-card-list li .bottom .iconfont{color: #FF7E00;font-size:16px;}
.web_video_content .course-card-list li .bottom .people{color: #333333;float: left;}
.web_video_content .course-card-list li .bottom .time {color: #333333;float: right;}

/*热门节目*/
.web_video_content .video-main-list .course-right {width:398px;float:left;margin-left: 20px;}
.web_video_content .video-main-list .course-right .course-right_title {height:28px;font-size:20px;color:rgba(51,51,51,1);line-height:28px;}
.web_video_content .video-main-list .course-right .course-right-list {margin-top: 12px;box-shadow: 0 2px 4px 2px rgba(225,225,225,0.90);background-color: #fff;overflow: hidden;padding:0 9px 0 14px}
.web_video_content .video-main-list .course-right .course-right-list li {float: left;border-bottom: 1px solid #EEEEEE;padding: 16px 0px;}
.web_video_content .video-main-list .course-right .course-right-list li:last-child{border-bottom: 0;}
.web_video_content .video-main-list .course-right .course-right-list .img {width: 170px;height: 95px;float: left;display: block;}
.web_video_content .video-main-list .course-right .course-right-list img{width: 100%;height: 100%;}


.web_video_content .video-main-list .course-right .course-right-list a{position: relative;}
.web_video_content .video-main-list .course-right .course-right-list a .mask{width: 100%;height: 100%;background: rgba(0,0,0,0.4);position: absolute;top: 0;left: 0;}
.web_video_content .video-main-list .course-right .course-right-list a:hover .mask{display: none;}
.web_video_content .video-main-list .course-right .course-right-list a span.iconfont{position: absolute;top: 40%;left: 40%;font-size: 26px;color: #ffffff;}
.web_video_content .video-main-list .course-right .course-right-list a img.follow{position: absolute;width: 30px;height: 30px;top: 35%;left: 40%;}
.web_video_content .video-main-list .course-right .course-right-list a img.password{position: absolute;width: 30px;height: 30px;top: 35%;left: 40%;}


.web_video_content .video-main-list .course-right .course-right-list .right {float: right;width: 192px;margin-left: 12px;}
.web_video_content .video-main-list .course-right .course-right-list .right .title {font-size:16px;color:rgba(51,51,51,1);line-height:22px;width:100%;height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.web_video_content .video-main-list .course-right .course-right-list .right .title a {width: 100%;}
.web_video_content .video-main-list .course-right .course-right-list .right .author {font-size:16px;color:rgba(51,51,51,1);line-height:22px;height: 22px;margin-top: 10px;}
.web_video_content .video-main-list .course-right .course-right-list .right .bottom {margin-right:10px;height: 17px;line-height: 17px;margin-top: 10px;}
.web_video_content .video-main-list .course-right .course-right-list .right .bottom span {font-size:12px;color:rgba(51,51,51,1);display: block;}
.web_video_content .video-main-list .course-right .course-right-list .right .bottom .iconfont{color: #FF7E00;font-size:16px;}
.web_video_content .video-main-list .course-right .course-right-list .right .bottom .people {color: #333333;float: left;}
.web_video_content .video-main-list .course-right .course-right-list .right .bottom .time {color: #333333;float: right;}

.web_video_content .video-main-list .course-right .hotVideo{margin-top: 20px;}

/*视频详情翻页*/
/*
.sa-hrhg-pc-video-detail .content .page-new-md {display:flex;justify-content: center;}
.sa-hrhg-pc-video-detail .content .page-new-md ul {display: flex;}
.sa-hrhg-pc-video-detail .content .page-new-md ul li {float: left;border-radius:4px;color:rgba(51,51,51,1);border:1px solid rgba(218,217,217,1);margin: 0px 10px;}
.sa-hrhg-pc-video-detail .content .page-new-md ul li:hover {background: #FF7E00;color: #fff;}
.sa-hrhg-pc-video-detail .content .page-new-md ul .on {background: #E70E1D;color: #fff;}
.sa-hrhg-pc-video-detail .content .page-new-md ul li a {padding: 3px 10px;font-size:14px;line-height:20px;height: 20px;text-align: center;}
*/


/*视频播放页*/

.hrhg-pc-video-detail{overflow:hidden;width:1200px;background: #F5F5F5;margin: 0 auto;}
.hrhg-pc-video-detail .top-nav{padding-top: 80px;height:20px;font-size:14px;font-family:PingFangSC-Regular;font-weight:400;color:rgba(51,51,51,1);line-height:20px;}
.hrhg-pc-video-detail .top-nav .infor {float: right;}
.hrhg-pc-video-detail .top-nav .time {padding-left: 44px;}
.hrhg-pc-video-detail .player-wrap{width: 100%;height:520px;display: block;padding-top: 8px;}
.hrhg-pc-video-detail .player-wrap .player{float: left;width: 924px;height: 100%;}
.hrhg-pc-video-detail .player-wrap .video-catalog{float: left;width: 276px;height: 100%;border-radius:0px 2px 2px 0px;background:rgba(52,52,52,1);}
.hrhg-pc-video-detail .player-wrap .player img {width: 100%;height: 100%;border-radius:2px 0px 0px 2px;}
.hrhg-pc-video-detail .player-wrap .video-catalog {display: block;overflow: hidden;}
.hrhg-pc-video-detail .player-wrap .video-catalog .lists {padding: 20px 16px 13px 16px;}
.hrhg-pc-video-detail .player-wrap .video-catalog .lists span:first-child {height:16px;font-size:12px;font-family:PingFangSC-Medium;font-weight:500;color:rgba(255,255,255,1);line-height:17px;padding: 0px 3px;background:rgba(255,126,0,1);border-radius:2px;}
.hrhg-pc-video-detail .player-wrap .video-catalog .lists span:last-child{padding-left:9px;height:25px;font-size:18px;font-family:PingFangSC-Medium;font-weight:500;color:rgba(255,126,0,1);line-height:25px;}
.hrhg-pc-video-detail .player-wrap .video-catalog ul {padding: 0px 13px;}
.hrhg-pc-video-detail .player-wrap .video-catalog ul li {padding-bottom: 14px;}
.hrhg-pc-video-detail .player-wrap .video-catalog ul li .iconfont {width: 8px;height: 20px;position: absolute;top: 55px;left: -13px;}
.hrhg-pc-video-detail .player-wrap .video-catalog ul li a {border-radius:2px;color:rgba(255, 255, 255, 0);display: block;width:248px;height:138px;border:1px solid #343434;position: relative;}
.hrhg-pc-video-detail .player-wrap .video-catalog ul li a span.mask{width: 100%;height: 100%;background: rgba(0,0,0,0.3);position: absolute;top: 0;left: 0;z-index: 99;}

.hrhg-pc-video-detail .player-wrap .video-catalog ul li a span.follow{display: block;position: absolute;top: 50%;margin-top: -20px;left: 50%;margin-left: -20px;font-size: 34px;color: #fff;z-index: 99;}
.hrhg-pc-video-detail .player-wrap .video-catalog ul li a .followWatch{width:35px;height:35px;display: block;position: absolute;top: 50%;margin-top: -20px;left: 50%;margin-left: -20px;}
.hrhg-pc-video-detail .player-wrap .video-catalog ul li a .password{width:35px;height:35px;display: block;position: absolute;top: 50%;margin-top: -20px;left: 50%;margin-left: -20px;}

.hrhg-pc-video-detail .player-wrap .video-catalog ul li.on a .iconfont{color: #FF7E00;}
/*.hrhg-pc-video-detail .player-wrap .video-catalog ul li.on a .follow{color: #ffffff;}*/
.hrhg-pc-video-detail .player-wrap .video-catalog ul li.on a{border:1px solid #FF7E00;}
.hrhg-pc-video-detail .player-wrap .video-catalog ul li.on a span.mask{display: none;}
.hrhg-pc-video-detail .player-wrap .video-catalog ul li a img {width: 100%;height: 100%;border-radius:2px;}
.hrhg-pc-video-detail .player-wrap .video-catalog ul li a:hover{border:1px solid #FF7E00;}
.hrhg-pc-video-detail .player-wrap .video-catalog ul li a:hover span.mask{display: none;}
/*往期回顾*/
.hrhg-pc-video-detail .video-list{display: block;padding-top: 30px;overflow: hidden;margin-bottom: 100px;}
.hrhg-pc-video-detail .video-list p .iconfont{font-size:24px;color:#FF7E00;}
.hrhg-pc-video-detail .video-list p span .iconfont{font-size: 14px;}
.hrhg-pc-video-detail .video-list p .word{height:30px;font-size:22px;font-family:PingFangSC-Medium;font-weight:500;color:rgba(0,0,0,1);line-height:30px;padding-left: 4px;}
.hrhg-pc-video-detail .video-list ul li {float: left;padding: 37px 20px 0 0;}
.hrhg-pc-video-detail .video-list ul li:nth-child(1),.video-list ul li:nth-child(2),.video-list ul li:nth-child(3),.video-list ul li:nth-child(4){padding-top: 8px;}
.hrhg-pc-video-detail .video-list ul li:nth-child(4n){padding-right: 0px;}
.hrhg-pc-video-detail .video-list ul li a {display: block;width:285px;height:160px;position: relative;}
.hrhg-pc-video-detail .video-list ul li a span.mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);}
.hrhg-pc-video-detail .video-list ul li a span.iconfont{position: absolute;top: 50%;margin-top: -20px;left: 50%;margin-left: -20px;font-size: 44px;color: #f5f5f5;}
.hrhg-pc-video-detail .video-list ul li a .follow{width:40px;height:40px;position: absolute;top: 50%;margin-top: -20px;left: 50%;margin-left: -20px;}
.hrhg-pc-video-detail .video-list ul li a .password{width:40px;height:40px;position: absolute;top: 50%;margin-top: -20px;left: 50%;margin-left: -20px;}
.hrhg-pc-video-detail .video-list ul li a:hover span.mask{display: none;}
.hrhg-pc-video-detail .video-list ul li a img {width: 100%;height: 100%;border-radius:2px;}
.hrhg-pc-video-detail .video-list ul li .title{max-width:280px;height:25px;font-size:18px;font-family:PingFangSC-Medium;font-weight:500;color:rgba(51,51,51,1);line-height:25px;padding-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hrhg-pc-video-detail .video-list ul li .bottom{height:17px;font-size:12px;font-family:PingFangSC-Regular;font-weight:400;color:rgba(102,102,102,1);line-height:17px;padding-top: 10px;}
.hrhg-pc-video-detail .video-list ul li .bottom span:first-child{float: left;}
.hrhg-pc-video-detail .video-list ul li .bottom span:last-child{float: right;}
.hrhg-pc-video-detail .video-list ul li .bottom span .iconfont{color:#999999;}