body {
	width: 100%;
	height: 100%;
}
/* 课件播放 + 全屏 */
.courseware-iframe-box {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.courseware-iframe-screen {
	position: fixed;
	z-index: 10;
}
.courseware-iframe-icon {
	height: 16px;
	width: 16px;
	position: absolute;
	bottom: 6px;
	right: 10px;
	cursor: pointer;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2MzMwRTM4MTQ4MTExRURBRTU3RkU5MUFDQzVCRDFEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2MzMwRTM5MTQ4MTExRURBRTU3RkU5MUFDQzVCRDFEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTYzMzBFMzYxNDgxMTFFREFFNTdGRTkxQUNDNUJEMUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTYzMzBFMzcxNDgxMTFFREFFNTdGRTkxQUNDNUJEMUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz605MDgAAAApklEQVR42txTSQ6DMAysK05JeUB5W+jn+jZ4AJQcMXE7riIUDk451dIosuwZeQsx8+VXu+IdEqYEzhAK+WGXI5yhQbCrLKIVENpZEwhiL/jLAdGjg1vCKBWpiA6GjJVwPhM1ZxD45upMHlCNBpGoPDpzxX8iooPt8T6N/DdvfyfesCGnB3nKsTWZIwJ349l/uFIJly0gliOUEnU78pHmisUIZ9wEGAAzsHX8il1UUAAAAABJRU5ErkJggg==');
	background-size: 100% 100%;
}
.allPart {
	height: 100%;
}

.w100h100 {
	width: 100%;
	height: 100%;
}


.course-charge-popup .popup {
	width: 2.5rem;
}

.course-detail .teaching a {
	background: #f62d2b;
	color: #FFFFFF;
	font-size: 0.15rem;
	width: 0.85rem;
	height: 0.25rem;
	line-height: 0.25rem;
}

.course-detail .course-thumb {
	width: 100%;
	box-sizing: border-box;
}

.course-detail .user-state {
	padding: 0.05rem 0.1rem;
	font-size: 0.14rem;
	position: absolute;
	right: 0rem;
	top: 0.2rem;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 0.15rem 0 0 0.15rem;
	z-index: 9;
}
.vjs-volume-panel {
	display: none!important;
}
.course-detail .v-bg {
	width: 100%;
	height: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.course-detail .v-bg-btn {
	width: 100%;
	height: 100%;
	position: relative;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.0) 25%, rgba(255, 255, 255, .4) 100%, #FFFFFF 100%);
}

.course-detail .v-bg-btn i {
	display: block;
	position: absolute;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	border: none;
	outline: none;
	width: 0.77rem;
	height: 0.77rem;
	background-position: center;
	background-size: 100%;
	cursor: pointer;
}

.course-detail .v-bg-btn i.active1 {
	background-image: url('../../../images/course-details/rw_pdfdianjixuexi_btn.png');
}

.course-detail .v-bg-btn i.active2 {
	background-image: url('../../../images/course/rw_dianjixuexi_btn.png');
}

video::-internal-media-controls-download-button {
	display: none;
}

video::-webkit-media-controls-enclosure {
	overflow: hidden;
}

/*-----------已学,点赞,学习中----------*/
.course-detail .v-bg-list {
	width: 100%;
	background: rgba(0, 0, 0, 1);

	display: -webkit-box;
	display: box;
}

.course-detail .v-bg-list li {
	-webkit-box-flex: 1;
	box-flex: 1;
	text-align: center;
	color: #FFFFFF;
	font-size: 0.135rem;
	line-height: 140%;
	padding: 0.05rem 0;
}

.course-detail .v-bg-list li:nth-child(2) {
	border-left: 1px solid gray;
	border-right: 1px solid gray;
}

.course-detail .v-bg-list li:nth-of-type(1) i::after,
.course-detail .v-bg-list li:nth-of-type(2) i::after {
	content: "人";
}

.course-detail .detailSlide {
	top: 0 !important;
	/* margin-bottom: 0.49rem !important; */
}

.course-detail .detailSlide2 {
	height: 100%;
	background: #FFFFFF;
}

.course-detail .details-content {
	width: 100%;
	/*border-bottom: 8px solid #FFFFFF;*/
	position: relative;
	padding: 0 0.15rem;
}

.course-detail .content-hide {
	max-height: 1.4rem;
	overflow: hidden;
	/*text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;*/
}

.course-detail .content-show {
	overflow: auto;
}

/*下拉按钮旋转效果*/
.course-detail .details-content {
	font-size: 0.14rem;
	color: #333333;
	background: #FFFFFF;
}

.c-icon-heart.activate {
	height: 0.2rem;
	/*background-image: url(../../../images/course-details/kc_yishoucang_icon_new.png);*/
}

.c-icon-heart {
	font-size: 0.2rem;
	cursor: pointer;
	background-position: right;
	display: inline-block;
	margin-right: -2.6px;
	color: #666;
}

.res-icon-share {
	width: 0.2rem !important;
	background: url(../../../images/course-details/kc_fenxiang_icon_new.png) no-repeat center center;
	background-size: contain;
	cursor: pointer;
}

.s-icon-message-reimage {
	display: block;
	position: relative;
	width: 0.23rem;
	height: 0.26rem;
	margin: 0.03rem 0.1rem;
	background: url(../../../images/aitivitie/kc_pinglun_icon_new.png) no-repeat center center;
	background-size: contain;
}

.re-s-icon-dz {
	background: url(../../../images/aitivitie/kc_dianzan_icon_new.png) no-repeat center center;
	background-size: contain;
	cursor: pointer;
}

.re-s-icon-dz.activate {
	background: url(../../../images/aitivitie/kc_dianzanhou_icon_new.png) no-repeat center center;
	background-size: contain;
	cursor: pointer;
}

.course-heart i {
	font-size: 0.12rem;
	display: inline-block;
	vertical-align: top;
	/* margin-top: 2px; */
}

.course-heart span {
	/*display: inline-block;
   position: relative;
   left: -0.2rem;
   top: 0.05rem;*/
}

.course-detail .course-grade a,
.course-detail .details-content a  {
	display: block;
	min-width: 0.6rem;
	height: 0.2rem;
	background: #f62d2b;
	line-height: 0.2rem;
	text-align: center;
	font-size: 0.11rem;
	color: #FFFFFF;
	border-radius: 0.15rem;
  padding: 0 0.03rem;
}

.c-icon-heart-text.active {
	color: #f62d2b;
}

.course-detail .mid-line{
    width: 100%;
    height: 1px;
    background-color: #E6E6E6;
    margin-top: 0.18rem;
}

.course-detail .course-ischarge-consult span.span-price {
	color: var(--themeColor);
	font-size: 0.2rem;
	font-weight: bold;
    /* margin-top: 0.16rem; */
}
.course-detail .study-progress{
    padding: .2rem .15rem 0.12rem;
}
.course-detail .people-img{
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 50%;
    overflow: hidden;
    border: 0.02rem solid white;
}
.course-detail .enter-btn .enter-txt{
    padding: 0.025rem 0.1rem;
    background-color: #F3F4F9;
    border-radius: 0.02rem;
    margin-top: 0.06rem;
}

.details-content-top {
	background-color: #fff;
}

.course-detail .course-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	font-size: 0.15rem;
	font-weight: bold;
	color: #333;
	padding: 0.2rem 0.15rem 0.1rem;
}

.course-add-comment textarea {
	width: 100%;
	height: 1.3rem;
	margin: 0.1rem;
}

.course-detail .course-grade {
	font-size: 0.12rem;
	color: #999999;
	padding: 0 0.15rem;
	background: #FFFFFF;
}
.course-detail .upload-txt{
    max-width: 0.48rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.course-detail .share-poster{
    display: inline-block;
    padding: 0.01rem 0.095rem;
    border-radius: 0.14rem;
    border: 0.01rem solid #DEDEDE;
}

.mark-color {
	color: #f62d2b !important;
	font-size: 0.15rem !important;
}

.course-detail .course-grade .grade-score {
    margin-left: 0.02rem;
    padding-left: 0.02rem;
    background-image: linear-gradient(to bottom,#FF8300,#FFD35D);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.course-detail .course-teacher {
	font-size: 0.15rem;
	line-height: 0.2rem;
	color: #333333;
}

.course-detail .padding-left {
	padding-left: 0!important;
    padding-top: 0.15rem;
	padding-bottom: 0.15rem;
}

.course-detail .course-teacher span {
	line-height: 0.56rem;
	color: #333333;
	cursor: pointer;
	font-size: 0.14rem;
}

.course-detail .course-teacher .teacher-name {}

.course-detail .course-teacher .teacher-item {
	font-size: 0.13rem;
	line-height: 0.25rem;
}

course-detail .course-teacher .teacher-item i {
	font-size: 0.16rem;
}

.course-detail .course-grade .grade-score-img {
	display: inline-block;
	width: 0.9rem;
	margin: 0 0.05rem;
}

.course-detail .course-grade .grade-score-img img {
	width: 100%;
}

.course-detail .course-text {
	color: #999999;
	font-size: 0.12rem;
	position: relative;
	/* padding: 0 0 0.05rem 0.15rem; */
}

.course-detail .course-text p {
	margin: 0 !important;
}

.course-detail .course-text img {
	max-width: 100%;
}

.course-detail .pulling {
	position: relative;
	height: 0.2rem;
    width: 100%;
    text-align: left;
}

.course-detail .comment-content {
	width: 100%;
	margin-bottom: 0.5rem;
}

.course-detail .course-section {
	position: relative;
	border-bottom: 8px solid #FFFFFF;
	padding: 0.15rem 0.15rem 0;
}

.course-detail .course-section .list-tit{
    width: 100%;
    height: 0.7rem;
}
.course-detail .course-section .list-tit .progress{
    position: relative;
    width: 0.7rem;
    height: 0.04rem;
    background-color: #F5F5F5;
    border-radius: 0.02rem;
}
.course-detail .course-section .list-tit .over-text{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.course-detail .course-section .list-tit .active-progress{
    position: absolute;
    width: 30%;
    height: 0.04rem;
    top: 0;
    left: 0;
    background-color: var(--themeColor);
    border-radius: 0.02rem;
}
.course-detail .course-section .list-tit .icon-lock{
    background: url("../../../images/course/course_series_lock_icon@2x.png");
    background-position: center;
    width: 0.32rem;
    height: 0.32rem;
    display: block;
    background-size: 100% 100%;
}
.course-detail .course-section .course-download {
	background: url(../../../images/course/downloadpc_icon.png) no-repeat;
	background-position: center;
	width: 0.24rem;
	height: 0.26rem;
	display: block;
}

.course-detail .overdue-tip {
	font-size: .12rem;
	color: #f62d2b;
	margin: .1rem .15rem;
}

.course-detail .right-arrows-icon {
	width: 0.045rem;
	height: 0.075rem;
	margin-left: 0.1rem;
	background: url(../../../images/course/certificate_arrow_icon.png) no-repeat;
	background-size: contain;
}

.course-detail .course-box-certificate {
	margin-top: 0.12rem;
	margin-bottom: 0.08rem;
	height: 0.4rem;
	border-radius: 0.05rem;
	padding: 0 .1rem 0 0.11rem;
	background-color: #F3F4F9;
}

.course-detail .course-box-certificate .certificate-icon-course {
	width: 0.1rem;
	height: 0.115rem;
	background: url(../../../images/course/course_certificate_icon.png) no-repeat;
	background-size: 0.1rem 0.115rem;
}

.course-detail .course-box-certificate .name {
	margin: 0 0.05rem 0 0.07rem;
	color: #282828;
	font-size: 0.12rem;
}

.course-detail .course-box-certificate .certificate-state {
    height: 0.14rem;
    line-height: 0.14rem;
}
.course-detail .course-box-certificate .certificate-state span {
	font-size: 0.12rem;
	transform: scale(0.803);
}
.course-detail .course-box-certificate .certificate-state.unclaimed {
	border: 0.005rem solid var(--themeColor);
	color: var(--themeColor);
    border-radius: 0.02rem;
}

.course-detail .course-box-certificate .certificate-state.get {
	border: 0.005rem solid #DADCDF;
    background-color: #DADCDF;
    color: #FFF;
    border-radius: 0.02rem;
}

.course-detail .course-box-certificate .certificate-title {
	flex: 1;
	margin-left: 0.1rem;
	color: #666666;
	font-size: 0.12rem;
}

.course-detail .certificate-container {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	height: 100%;
	width: 100%;
	z-index: 99;
}

.course-detail .certificate-container .flash-icon {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../../../images/course/certificate_radiate_icon.png) no-repeat;
	background-size: cover;
}

.course-detail .certificate-container .content {
	max-width: 3.03rem;
	padding: 0.23rem 0.21rem 0.2rem;
	border: 0.05rem solid #f1bf7f;
	background: white;
	border-radius: 0.1rem;
}

.course-detail .certificate-container .content .tips {
	position: absolute;
	top: -0.51rem;
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	font-size: 0.28rem;
	font-style: italic;
	color: #ffe9af;
    text-align: center;
    font-weight: 700;
}

.course-detail .certificate-container .content .certificate-img {
	position: relative;
	width: 2.5rem;
}

.course-detail .certificate-container .content .certificate-describe {
	text-align: center;
	color: #333;
	font-weight: 700;
	font-size: 0.14rem;
	margin-top: 0.2rem;
	line-height: 1;
}

.course-detail .certificate-container .content .pick-up-address {
	margin-top: 0.1rem;
	line-height: 0.15rem;
	text-align: center;
}

.course-detail .certificate-container .content .close-icon {
	position: absolute;
	bottom: -0.65rem;
	left: 50%;
	transform: translateX(-50%);
	width: 0.4rem;
	height: 0.4rem;
}

.course-detail .certificate-container .content .sample-mask {
	position: absolute;
	width: 80%;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.course-detail .course-reward-box {
	width: 0.85rem;
	height: 0.34rem;
	color: #666;
	cursor: pointer;
	font-size: .11rem;
	line-height: .34rem;
	border-radius: 34px;
	border: 1px solid #DEDEDE;
	text-align: center;
	margin: .2rem auto 0.1rem;
}

.course-detail .course-reward-box .reward-icon {
	width: .18rem;
	height: .2rem;
	background: url(../../../images/course/tip_gift_icon.png) no-repeat center;
	background-size: 100%;
}

.course-detail .course-reward-box .course-heart i {
	vertical-align: -4px;
}

.course-detail .on-learn {
	border-bottom: 8px solid #FFFFFF;
	padding: 0.15rem 0.15rem 0;
}

.course-detail .comment-title {
	width: 100%;
	height: 0.3rem;
	line-height: 0.3rem;
	font-size: 0.15rem;
	color: #333333;
	/*background-image: url(../../../images/course/rw_pinglun_bg.png);
    background-repeat: no-repeat;
    background-position: left center;*/
	/* padding-left: .1rem; */
	/*background-size: auto 50%;*/
	font-weight: bold;
}

.course-detail .comment-integral {
	height: 0.35rem;
	line-height: 0.35rem;
	font-size: 0.11rem;
	color: #666666;
	background: #f5f5f5;
	margin-left: .15rem;
	text-align: center;
}

.course-detail .comment-title span.iconfont {
	position: absolute;
	left: -0.06rem;
}

.course-detail .comment-tip {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0.11rem;
	color: #666;
}

.course-detail .on-learn .comment-btn-color {
	color: #ccc;
	cursor: not-allowed;
}

.course-detail .comment-title .tabBackIcon {
	background-image: url(../../../images/my/wd_xiala_btn@2x.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50%;
}

.course-detail .comment-title i {
	display: block;
	min-width: 0.35rem;
	height: 0.35rem;
	line-height: 0.35rem;
	font-size: 0.11rem;
	cursor: pointer;
	font-weight: normal;
	background-image: url(/apps/images/index/home_arrowhead_icon@2x.png);
	background-repeat: no-repeat;
	background-position: right 0.11rem;
	background-size: auto .1rem;
}

.course-detail .comment-title .tabNum {
	color: #333333;
	font-size: 0.14rem;
	font-weight: bold;
}

.course-detail .course-mark-self {
	width: 90%;
	height: 0.4rem;
	background: #F5F5F5;
	border-radius: 0.1rem;
	margin: 0 auto;
}

/*评论数据样式*/
.myJionComment {
	width: 100%;
	height: 0.5rem;
	border-top: 1px solid #DEDEDE;
	position: absolute;
	bottom: 0;
	text-align: center;
	line-height: 0.5rem;
	background: #FFFFFF;
}

.myJionComment.comment-btn-color {
	color: #ccc;
}

.course-detail .comment-content-data-all {
	padding: 0.15rem;
}

.course-detail .comment-content-data .scroll {
	height: inherit;
}

.course-detail .comment-list {
	padding-top: 0.1rem;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
}

.course-detail .comment-list:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.course-detail .comment-list .list-left {
	width: 0.4rem;
	margin-right: 0.1rem;
}

.course-detail .comment-list .list-right .user-name {
	margin-bottom: 0.06rem;
	font-size: 0.13rem;
	color: #333333;
}
.course-detail .user-studyname{
	font-size: 0.12rem;
	margin-top: 0.1rem;
	color: #666666;
}
.course-detail .comment-list .list-right .user-content {
	font-size: 0.13rem;
	color: #666666;
	/*word-wrap: break-word;
    word-break:break-all;*/
}

.course-detail .comment-list .list-right .user-content.hidetxt {}

.course-detail .comment-list .list-right .user-content.hidetxt .contenttxt {
	height: 60px;
	overflow: hidden;
	display: block;
}

.course-detail .comment-list .list-right .user-content .contentbtn {
	color: #f62d2b;
	display: block;
}

.course-detail .comment-list .list-right .user-content div {
	font-size: 0.12rem;
	color: #333333;
	word-wrap: break-word;
	word-break: break-all;

}

.course-detail .comment-list .list-right .user-content span.puid i {
	color: #f62d2b
}

.course-detail .comment-list .list-right .comment-time {
	display: block;
	font-size: 0.11rem;
	color: #999999;
	margin: 0.06rem 0;
}

.course-detail .comment-list .list-right .comment-icon {
	position: absolute;
	right: 0;
	bottom: 0.1rem;
	font-size: 0.14rem;
	color: #999999;
}

.course-detail .c-pinglun-icon::before,
.course-detail .d-dianzan-icon::before {
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	width: 0.18rem;
	height: 0.18rem;
	vertical-align: top;
}

/*.course-detail .c-pinglun-icon::before{
	content: "";
	background-image: url(../../../images/course/rw_pinglun_btn.png);
}*/
.course-detail .d-dianzan-icon::before {
	content: "";
	background-image: url(../../../images/aitivitie/course_nice_new.png);
}

.course-detail .d-dianzan-icon.praise-activate::before {
	content: "";
	background-image: url(../../../images/aitivitie/course_nice_new_selected.png);
}

.course-detail .activate::before {
	content: "";
	background-image: url(../../../images/course/rw_dianzan_btn-_pressed.png);
}

.on-learn .look-comment {
    width: 100%;
    margin-top: 0.1rem;
}

.on-learn .look-comment-btn {
    width: 100%;
	text-align: center;
	text-align: -webkit-center;
	font-size: 0.13rem;
	height: 0.35rem;
	line-height: 0.35rem;
	border: 1px solid #DEDEDE;
	border-radius: 0.05rem;
    padding: 0 0.1rem;
}

.join-comment {
	display: inline-block;
	width: 0.13rem;
	height: 0.14rem;
	background-image: url(../../../images/course-details/pencil_pressed.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-right: 0.1rem;
}

/*章节*/
.course-detail .course_study_time {
	color: #666;
	font-size: 0.12rem;
}

.course-detail .sectionTaps {
	width: 100%;
	height: 0.35rem;
	line-height: 0.35rem;
	text-align: center;
	border-left: 0.1rem solid #fff;
	margin-top: 0.05rem;
	background-color: #f5f5f5;
}

.course-detail .section {
	font-size: 0.12rem;
	width: 100%;
	margin-bottom: 0.05rem;
}

.course-detail .section.learning {
	/*background: #0e62cd17 !important;*/
}

.study-time-box {
	padding: 0.05rem 0;
	color: #888;
	font-size: 90%;
}

.study-time-tips {
	width: 100%;
	padding: 0.05rem 0.1rem;
	background: rgba(0, 0, 0, 0.5);
}

.study-time-tips.absolute {
	top: 0;
	position: absolute !important;
	z-index: 999;
}

.study-time-tips.pdf-page {
	height: 0.44rem;
}

.study-time-tips.bg0 {
	background: rgba(0, 0, 0, 0.8);
}

.study-time-tips.x5-video {
	top: auto;
	height: 0.42rem;
	line-height: 0.42rem;
	bottom: 0px;
	background: rgba(0, 0, 0, 0.7);
}

.study-time-tips span {
	color: #fff
}

.network-tips {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 9999;
	color: #fff;
	padding: 0.2rem;
	text-align: -webkit-center;
	left: 0;
	top: 0;
}

.network-tips .network-tips-text {
	padding: 0.2rem
}

.network-tips span {
	border-radius: 0.05rem;
	border: #fff 1px solid;
	padding: 0.04rem 0.1rem;
	text-align: -webkit-center;
}

.course-detail .section li .active {
	color: #999999;
}

.course-detail .section li {
	/* border-bottom: 1px solid #dedede; */
	/* width: 100%; */
	height: 100%;
	display: -webkit-box !important;
	display: box !important;
	position: relative;
	-webkit-box-pack: left;
	-webkit-box-align: center;
	padding-top: .1rem;
	margin-left: 0.2rem;
	cursor: pointer;
}

.course-detail .section:last-child li {
	border-bottom: none;
}

.course-detail .section .studyTime {
	color: #999;
	margin-top: 0.12rem;
}

.course-detail .section .studyTime .study-on {
	margin-left: 0.1rem;
	color: #f62d2b;
}

.course-detail .section .studyTime .study-finish {
	margin-left: 0.1rem;
}

.course-detail .section li i {
	display: block;
}

.course-detail .section li i.course-mediatype {
	width: 0.2rem;
	margin: 0 0.06rem;
	font-size: 0.2rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.course-detail .section li i.course-mediatype-diy {
	min-width: 0.25rem;
	font-size: 0.1rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: relative;
	color: #999;
	padding: 0 .025rem;
}

i.course-mediatype-diy:after {
	content: '';
	border-radius: .05rem;
	-webkit-border-radius: .05rem;
	-moz-border-radius: .05rem;
	-ms-border-radius: .05rem;
	-o-border-radius: .05rem;
	border: 1px solid #c5c5c5;
	position: absolute;
	right: -50%;
	top: -0.05rem;
	left: -50%;
	-webkit-transform: scale(.5, .5);
	-moz-transform: scale(.5, .5);
	-ms-transform: scale(.5, .5);
	-o-transform: scale(.5, .5);
	transform: scale(.5, .5);
	height: 30px;

}

.course-detail .section li i.course-mediatype.mediatype-1 {
	background-image: url('../../../images/course-details/mediatype-1_icon.png');
}

.course-detail .section li i.course-mediatype.mediatype-1.active {
	background-image: url('../../../images/course-details/mediatype-1-active_icon.png');
}

.course-detail .section li i.course-mediatype.mediatype-1.finish {
	background-image: url('../../../images/course-details/mediatype-1-finish_icon.png');
}

.course-detail .section li i.course-mediatype.mediatype-2 {
	background-image: url('../../../images/course-details/mediatype-1_icon.png');
}

.course-detail .section li i.course-mediatype.mediatype-2.active {
	background-image: url('../../../images/course-details/mediatype-1-active_icon.png');
}

.course-detail .section li i.course-mediatype.mediatype-2.finish {
	background-image: url('../../../images/course-details/mediatype-1-finish_icon.png');
}

.course-detail .section li i.course-mediatype.mediatype-3 {
	background-image: url('../../../images/course-details/mediatype-3_icon.png');
}

.course-detail .section li i.course-mediatype.mediatype-3.active {
	background-image: url('../../../images/course-details/mediatype-3-active_icon.png');
}

.course-detail .section li i.course-mediatype.mediatype-3.finish {
	background-image: url('../../../images/course-details/mediatype-3-finish_icon.png');
}

.course-detail .section li i.course-mediatype.mediatype-5 {
	background-image: url('../../../images/course-details/mediatype-5_icon.png');
}

.course-detail .section li i.course-mediatype.mediatype-5.active {
	background-image: url('../../../images/course-details/mediatype-5-active_icon.png');
}

.course-detail .section li i.course-mediatype.mediatype-5.finish {
	background-image: url('../../../images/course-details/mediatype-5-finish_icon.png');
}

.course-detail .section li i.course-mediatype.mediatype-6 {
	background-image: url('../../../images/course-details/mediatype-6_icon.png');
}

.course-detail .section li i.course-mediatype.mediatype-6.active {
	background-image: url('../../../images/course-details/mediatype-6-active_icon.png');
}

.course-detail .section li i.course-mediatype.mediatype-6.finish {
	background-image: url('../../../images/course-details/mediatype-6-finish_icon.png');
}

.course-detail .section li i.course-mediatype.mediatype-7 {
	background-image: url('../../../images/course-details/mediatype-7_icon.png');
}

.course-detail .section li i.course-mediatype.mediatype-7.active {
	background-image: url('../../../images/course-details/mediatype-7-active_icon.png');
}

.course-detail .section li i.course-mediatype.mediatype-7.finish {
	background-image: url('../../../images/course-details/mediatype-7-finish_icon.png');
}

/*链接icon*/
.course-detail .section li i.course-mediatype.mediatype-4,
.course-detail .section li i.course-mediatype.mediatype-8,
.course-detail .section li i.course-mediatype.mediatype-10 {
	background-image: url('../../../images/course-details/mediatype-8_icon.png');
}

.course-detail .section li i.course-mediatype.mediatype-4.active,
.course-detail .section li i.course-mediatype.mediatype-8.active,
.course-detail .section li i.course-mediatype.mediatype-10.active {
	background-image: url('../../../images/course-details/mediatype-8-active_icon.png');
}

.course-detail .section li i.course-mediatype.mediatype-4.finish,
.course-detail .section li i.course-mediatype.mediatype-8.finish,
.course-detail .section li i.course-mediatype.mediatype-10.finish {
	background-image: url('../../../images/course-details/mediatype-8-finish_icon.png');
}

.course-detail .section li i.course-mediatype.mediatype-9 {
	background-image: url('../../../images/course-details/mediatype-9_icon.png');
}

.course-detail .section li i.course-mediatype.mediatype-9.active {
	background-image: url('../../../images/course-details/mediatype-9-active_icon.png');
}

.course-detail .section li i.course-mediatype.mediatype-9.finish {
	background-image: url('../../../images/course-details/mediatype-9-finish_icon.png');
}

.course-detail .section li i.section-id {}

.course-detail .section li .section-title {
	position: relative;
	-webkit-box-flex: 1;
	box-flex: 1;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right: 0.05rem;
    display: block;
}

.course-detail .section li i.section-title.active {
	color: #f62d2b;
}

.course-detail .section li i.section-title.finish {
	color: #999;
}

.course-detail .section li .consult-value {
	vertical-align: baseline;
	display: inline-block;
	font-size: 0.11rem;
	line-height: 0.17rem;
	padding: 0 0.03rem;
	border-radius: 0.02rem;
	color: #eee
}

/* 章节完成状态 */
.course-detail .section li .chapter-progess {
	position: absolute;
	top: 32px;
	left: -0.14rem;
	height: calc(100% - 18px);
	border-left: 1px solid #ccc;
}

.course-detail .section li .chapter-progess.active {
	border-left: 1px solid #d4a860;
}

.course-detail .section li .chapter-progess.no-border {
	border: none
}

.course-detail .section li i.course-chapter-box {
	position: absolute;
	left: -0.25rem;
	z-index: 10;
	top: 3px;
	width: 0.13rem;
	height: 0.13rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.course-detail .section li i.isLock {
    border-radius: 50%;
    background-image: url('../../../images/course-details/state_locked_icon.png');
}

.course-detail .section li i.cfinished {
	background-image: url('../../../images/course-details/chapter_finished_icon.png');
}

.course-detail .section li i.clearning {
	background-image: url('../../../images/course-details/chapter_learning_icon.png');
}

.course-detail .section li i.cunread {
	background-image: url('../../../images/course-details/chapter_unread_icon.png');
}

/*--谁在学----*/
.course-detail .on-learn {
	width: 100%;
	background: #FFFFFF;
	/* padding-top: 0.1rem; */
}

.course-detail .no-border {
	border: none !important;
}

.course-detail .on-learn .user-list {
	width: 100%;
	position: relative;
	/* padding-left: 0.1rem; */
	overflow: auto;
}
.course-detail .on-learn .user-list li:first-child{
	margin-left: 0;
}
.course-detail .on-learn .user-list li {
	float: left;
	font-size: 0.1rem;
	margin-top: 0.1rem;
	/*margin-bottom:0.15rem;*/
	width: 16%;
	text-align: -webkit-center;
	height: .7rem;
	margin-left: 0.8%;
}

.course-detail .user-head {
	display: block;
	width: 0.25rem;
	height: 0.25rem;
	border-radius: 50%;
	overflow: hidden;
}
.course-detail .user-avatar{
	width: 0.4rem;
	height: 0.4rem;
}

.course-detail .user-head img {
	width: 100%;
	height: 100%;
}

.course-detail .user-headStudy {
	width: 0.43rem;
	height: 0.43rem;
}

.course-detail .on-learn .bg-footer {
	margin: 0.2rem auto;
	text-align: center;
}

.course-detail .on-learn .bg-footer img {
	width: 1rem;
	height: 1px;
	display: block;
}

.course-detail .on-learn .bg-footer span,
.course-detail .on-learn .bg-footer div {
	display: block;
	color: #999999;
}

.course-detail .on-learn .bg-footer div {
	margin: 0 0.03rem;
}

.statis_p {
	padding: 0 0.2rem;
}

.member li {
	display: flex;
	align-items: center;
	display: -webkit-flex;
}

.member i {
	height: 0.4rem;
	width: 0.38rem;
	font-size: 0.18rem;
	border-radius: 50%;
	align-items: center;
	margin-right: 0.15rem;
}

.member-img {
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	margin-right: 0.1rem;
}

.statis_p {
	padding: 0 0.2rem;
}

.statis_b {
	border-bottom: 1px solid #dedede !important;
}

.statis_h {
	height: 0.6rem;
	line-height: 0.6rem;
}

/*-----video页面布局-----*/
.course-detail .video-bar {
	width: 100%;
	height: 0.44rem;
	background: black;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	color: #FFFFFF;
}

.course-detail .video-bar .title {
	font-size: 0.16rem;
	color: #FFFFFF;
}

.course-detail .zindex-1 {
	z-index: -1;
}

/*详情 章节 谁在学tabs*/



.img-play .txt-body {
	padding: 0.1rem 0.1rem 0.1rem 0.1rem;
}

.img-play.show-audio.show-flp .intro-content {
	padding-top: 0.3rem;
}

.img-play .img-play-content img {
	max-width: 100%;
}

/* 分享  */
.home-partake-box {
	position: relative;
	/*z-index: -1;*/
	background: #fff;
}

.course-detail .home-partake {
	padding: 0.1rem 0.15rem .05rem;
}

.course-detail .home-partake .collect-list {
	padding: 0rem;
	/* border-bottom: 1px solid #DEDEDE; */
	background: #FFFFFF;
}

.course-detail .home-partake .collect-list .share-list-left {
	width: 1.5rem;
	height: 0.75rem;
	margin-right: .1rem;
	position: relative;
	border-radius: .05rem;

}

.course-detail .home-partake .collect-list .share-list-left img {
	width: 100%;
}

.course-detail .home-partake .collect-list .share-list-right p {
	margin: 0 !important;
}

.course-detail .home-partake .collect-list .share-list-right .r-top {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: nowrap !important;
	outline: 0 !important;
	color: #333333;
	margin-bottom: 0.1rem;
	font-size: 0.14rem;
	height: .3rem;
	font-weight: bold;
}

.course-detail .home-partake .collect-list .share-list-right .r-middle {
	color: #999999;
	font-size: 0.11rem;
}

.course-detail .home-partake .collect-list .share-list-right .r-bottom span {
	margin-right: 0.1rem;
	display: block;
}

.course-detail .star-score {
	right: 0;
	font-size: 0.13rem;
	color: #ffffff;
	bottom: 0;
	position: absolute;
}

.course-detail .course-detail .share-border {
	border-bottom: 1px solid #dedede;
	width: 95%;
	padding: 0.08rem 0.05rem;
}

.course-detail .star-bg {
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 0.2rem;
	bottom: 0;
	position: absolute;
}

/* 分享评分样式*/
.star-rating-w {
	position: relative;
	width: 1.0rem;
	height: .2rem;
	background-image: url("../../../images/index/star_white_off.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% 100%;
}

.star-rating-w li {
	display: block;
	height: .2rem;
	background-image: url("../../../images/index/star_white_on.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto 100%;
}

/* 底部操作--点赞，收藏 */
.course-detail .footer-opation {
	bottom: 0;
	width: 100%;
	height: 0.5rem;
	font-size: 0.13rem;
	border-top: 1px solid rgb(222, 222, 222);
	background-color: #fff;
}

/*上次播放提示*/
.course-detail .position-box{
	width: 90%;
	padding: 0.05rem 0.1rem 0.15rem 0.1rem;
	top: -.7rem;
	left: 5%;
	height: 0.68rem;
	background-image: url("../../../images/course/position_bg@2x.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #ffffff;
	margin: 0 auto;
}
.course-detail .position-box .cont{
	margin: auto 0.1rem;
}
.course-detail .position-box .cont .type{
	border: 1px solid #ffffff;
	line-height: 0.15rem;
	padding: 0 0.02rem;
	border-radius: 0.04rem;
	margin-right: 0.05rem;
}
.course-detail .position-box .left-icon{
	width: 0.3rem;
	height: 0.3rem;
}
.course-detail .position-box .footer-opation-right-icon{
	width: 0.18rem;
	height: 0.18rem;
}

.course-detail .footer-opation .btnList {
	min-width: 0;
	padding: 0 0.1rem;
}

.course-detail .footer-opation .btnItem {
	min-width: 0.35rem;
    height: 32px;
	text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-right: 0.1rem;
}
.course-detail .footer-opation .btnItem:last-child {
	margin-right: 0;
}

.course-detail .footer-opation .btnItem span {
    line-height: 0.1rem;
    margin-top: 0.025rem;
}
.course-detail .footer-opation .btnItem .txt {
    margin-top: 0.05rem;
    line-height: 0.1rem;
}
.course-detail .footer-opation .btnItem .icon {
	position: relative;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.course-detail .footer-opation .btnItem .icon i.iconfont {
	color: #666;
	margin: 0 auto;
}

.course-detail .footer-opation .btnItem .icon i.num-count {
	display: block;
	border-radius: 0.085rem;
	min-width: 0.2rem;
	height: 0.17rem;
	background: #f62d2b;
	color: white;
	position: absolute;
    top: -0.07rem;
    left: 92%;
	text-align: center;
	line-height: 0.17rem;
	transform: translateX(-18%) scale(0.8);
}

.course-detail .footer-opation .btnItem .comment-icon {
	width: .17rem;
	height: .17rem;
	background: url(../../../images/course/community_comment_icon.png) no-repeat;
	background-size: 100%;
	margin: 0 auto;
}
.course-detail .footer-opation .btnItem .note-icon {
    width: .17rem;
    height: .17rem;
	background: url(../../../images/course/community_mark_icon.png) no-repeat;
	background-size: 100%;
	margin: 0 auto;
}
.course-detail .footer-opation .btnItem .download-icon {
    width: .17rem;
    height: .17rem;
	background: url(../../../images/course/details_download_icon.png) no-repeat;
	background-size: 100%;
	margin: 0 auto;
}

.course-detail .footer-opation .btnItem .note-icon.active {
	background: url(../../../images/course/administrators_notes_icon@2x.png);
	background-size: 100% 100%;
}

.footer-textarea {
	z-index: 999;
	padding: 0.1rem 0.15rem;
	height: 1.13rem;
	width: 100%;
	background-color: #fff;
	position: absolute;
	bottom: 0;
}

.footer-textarea textarea {
	border-radius: .05rem;
	margin-bottom: 0.1rem;
	padding: .1rem;
	width: 100%;
	height: 0.65rem;
	background-color: #f7f7f7;
	resize: none;
}

.sendFont {
	color: var(--themeColor);
	position: absolute;
	right: .15rem;
	font-weight: 700;
}

.comment-bottom-bg1 {
	background-color: rgba(0, 0, 0, .4);
	width: 100%;
	height: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99;
}

/* 课程点赞 */
.course-detail .c-comment-iconfont {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.course-detail .c-comment-iconfont .icon {
	margin: 0 auto;
}

.course-detail .c-comment-iconfont .comment-col {
	position: relative;
	margin: 0 auto;
}

.course-detail .c-comment-iconfont .comment-col i.iconfont {
	font-size: 0.2rem;
	color: #666;
}

.course-detail .c-comment-iconfont .comment-col:after {
	/* content:'点赞' */
}

.course-detail .course-heart-box {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.course-detail .video-js{
	width: 100%;
	height: 100%;
}
.course-detail .dis-b {
	display: inline-block;
	width: 100%;
	border-radius: 20px;
}

.start-learn-bottom {
	/* width: 100%; */
	height: 0.4rem;
	color: #FFFFFF;
	line-height: 0.4rem;
	text-align: center;
	background: #f62d2b;
	font-size: 0.15rem;
	position: static;
	bottom: 0;
	margin-top: 0.05rem;
	margin-right: 0.15rem;
	border-radius: 0.2rem;
	cursor: pointer;
}

.start-learn-bottom.live-status-0 {
	background: #ccc !important;
}

/*问卷调查*/
.detailContent .z-question {
	padding: 0.05rem 0.15rem;
}

.question .que-title {}

.question .que-name {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	color: #f62d2b;
	cursor: pointer;
}

.question span {
	display: inline-block;
	margin-right: 0.05rem;
	color: #f62d2b;
	cursor: pointer;
}

.question .que-btn {
	display: inline-block;
	width: 0.36rem;
	height: 0.15rem;
	line-height: 0.15rem;
	font-size: 0.1rem;
	border-radius: 2px;
	background: #979797;
	text-align: center;
	color: #fff;
}

.question-condition {
	height: 0.31rem;
	line-height: 0.3rem;
	background: #f5f5f5;
	text-align: center;
	color: #666666;
	font-size: 0.12rem;
	margin: 0.1rem 0 0;
}

/*问卷调查 end*/

/* 音频背景图 */
#poster_img {
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(../../../images/default/audiologo.gif) no-repeat;
	background-size: cover;
}

.live-thumb {
	position: absolute;
	left: 0;
	bottom: 0.2rem;
	width: 100%;
	color: #fff;
	font-size: 0.18rem;
	line-height: 0.4rem;
}

.live-code {
	width: 100%;
	height: 100%;
	z-index: 99999;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fff;
	padding: 0;
	color: #333;
	text-align: center;
	font-size: 0.18rem;
	line-height: 0.3rem;
}

.live-code b {
	padding: 0.2rem;
	font-size: 0.3rem;
	display: block;
	font-weight: normal;
}

.live-code img {
	max-width: 90%;
	margin-top: 0.4rem;
}

.live-code .not-wechat {
	color: red;
	font-size: 0.14rem;
}

.vjs-tech {
	pointer-events: none;
}

.vjs-text-track-display {
	bottom: 3.6em;
}

.video-js .vjs-big-play-button {
	border-radius: 0 !important;
	background-color: rgba(43, 51, 63, 0) !important;
	background-position: center;
	background-size: cover;
	border: none !important;
	/*background-image: url('../../../images/course/rw_dianjixuexi_btn.png') !important;*/
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	outline: none;
	width: 0.77rem !important;
	height: 0.77rem !important;
	margin: 0 !important;
}

/*音量按钮隐藏*/
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
	display: none !important;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
	content: "" !important;
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
	width: 0.48rem;
	height: 0.36rem;
	display: block;
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
	content: '' !important;
	background: url("../../../images/course/course_vertical_icon @2x.png") no-repeat center center;
	background-size: 56%;
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
	content: '' !important;
	background: url("../../../images/course/course_transverse_icon@2x.png") no-repeat center center;
	background-size: 56%;
}

.course-detail .video-js .vjs-current-time,
.course-detail .video-js .vjs-time-divider,
.course-detail .video-js .vjs-duration {
	display: block !important;
	padding-left: 0.1em;
	padding-right: 0.1em;
}

.course-detail .video-js .vjs-time-divider {
	min-width: auto;

}

.video-js .vjs-control-bar {
	/*height: 3.1em !important;*/
}

.vjs-playback-rate {
	width: .45rem !important;
	height: .2rem!important;
	position: fixed !important;
	top: 0;
	right: 0.7rem;
}

.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate>.vjs-menu-button {
	position: absolute !important;
    top:15px;
}

/*倍速按钮*/
.vjs-playback-rate button {
	width: .45rem !important;
	height: .2rem !important;
	position: fixed !important;
    font-size:.12rem;
    background:url(../../../images/course/course_rtn_bg.png) no-repeat;
    background-size: 100%;
    /*border-radius: 20px;*/
	top: .15rem!important;
	left: 0;
}

.tcp-quality-switcher-value {
	font-size: 1em !important;
	line-height: 0.2rem;
}

.tcp-skin .vjs-playback-rate .vjs-playback-rate-value {
	line-height: 0.2rem;
    font-size: .12rem
}

.vjs-switch-line-value p {
	line-height: 0.2rem;
}

/*自动按钮*/
.tcp-video-quality-switcher {
	width: .45rem !important;
	height: .2rem !important;
	position: fixed !important;
	top: .15rem;
	right: 0.7rem;
	background: url(../../../images/course/course_rtn_bg.png) no-repeat;
	background-size: 100% !important;
}
.tcp-video-quality-switcher .vjs-menu {
	top: 1.7rem;
	width: 0.48rem;
	left: .25rem;
}

/*线路按钮*/
.vjs-SwitchLineStr-rate {
	line-height: 0.2rem;
	width: .45rem !important;
	height: .2rem !important;
	position: fixed !important;
    font-size:.12rem!important;
	top: .15rem;
	right: 0.15rem;
	display: block !important;
    background:url(../../../images/course/course_rtn_bg.png) no-repeat;
    background-size: 100%!important;
}

/*线路 倍速 自动下拉菜单*/
.vjs-SwitchLineStr-rate .vjs-menu {
	top: .9rem;
	width: 0.48rem;
	left: 0;
}

.vjs-playback-rate .vjs-menu {
	top: 1.83rem;
	width: 0.48rem;
	left: 0;
}

.course-detail .vjs-control-bar .vjs-icon-placeholder:before {
	font-size: 0.25rem !important;
	line-height: 0.36rem !important;
}

.tcp-skin .vjs-progress-control {
	height: 1em;
	width: 58%;
	top: 1em;
	left: 28%;
}

.video-play-box {
	background-color: #000;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.x5-video-pause {
	background-color: #000;
	background-image: url("../../../images/course/vido-paused.png");
	background-position: center;
	background-size: auto 35%;
	background-repeat: no-repeat;
}

.comment-popup .popup {
	margin-top: -1rem;
}

.comment-popup .popup textarea {
	width: 100%;
	height: 2rem;
	background: #f5f5f5;
	font-size: 0.16rem;
	font-weight: 500;
	word-break: break-all;
	line-height: 0.16rem;
	resize: none;
	padding: 0.2rem;
}

.comment-popup .popup-body {}

.share-review-box {
	position: fixed;
	right: 0;
	bottom: 1rem;
	z-index: 999999;
}
.share-review {

	padding: 0.05rem 0.15rem;
	font-size: 0.14rem;
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;

	border-radius: 0.3rem 0 0 0.3rem;
	margin-bottom: 0.1rem;
}

/*文档，图文类课程底部学习进度*/
.footer-learning-progress {
	height: 0.3rem;
	line-height: 0.3rem;
	width: 100%;
	position: fixed;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	color: #eee;
	padding: 0 0.08rem;
	display: none;
}

.pdf-play.show-audio .footer-learning-progress,
.img-play.show-audio .footer-learning-progress {
	top: 0;
	bottom: inherit;
}

.show-flp .footer-learning-progress {
	display: block;
}

.footer-learning-progress .current-time {
	margin-right: 0.15rem;
}

.footer-learning-progress .progress-bar {}

.footer-learning-progress .progress-bar .progress-bar-bg {
	height: 0.05rem;
	background: rgba(200, 200, 200, 0.7);
	vertical-align: middle;
	position: absolute;
	z-index: 1;
	top: 0.12rem;
	width: calc(100% + 0.12rem);
	transform: translateX(-0.06rem);
}

.footer-learning-progress .progress-bar .progress-bar-percent {
	height: 0.05rem;
	vertical-align: middle;
	position: absolute;
	z-index: 2;
	top: 0.12rem;
	width: 0;
	background-color: #FFCC00;
	transform: translateX(-0.06rem);
}

.footer-learning-progress .progress-bar .progress-bar-radius {
	position: absolute;
	left: 0;
	transform: translateX(-0.06rem);
	top: 0.08rem;
	z-index: 3;
	height: 0.12rem;
	width: 0.05rem;
	background-color: rgba(250, 250, 250, 0.9);
}

.footer-learning-progress .console-bar {
	height: 0.2rem;
	line-height: 0.2rem;
}

.footer-learning-progress .duration {
	margin-left: 0.15rem;
}

.footer-learning-progress .page-progress {
	padding-left: 0.1rem;
}

.footer-learning-progress .study-time-tip {
	text-align: center;
	color: #FFCC00;
}

.footer-learning-progress .page-progress-close {
	height: 0.3rem;
	padding-left: 0.05rem;
}

.footer-learning-progress .page-progress-close:after {
	content: "✕";
	display: inline-block;
	color: #eee;
	border-radius: 50%;
	border: #eee 1px solid;
	width: 0.18rem;
	height: 0.18rem;
	margin-top: 0.05rem;
	line-height: 0.17rem;
	text-align: center;
	font-size: 80%;
}

/* 文档图文下音频 */
.bot_audio {
	height: 0.44rem;
	border-top: 1px solid #dedede;
	width: 100%;
	padding: 0 0.1rem;
	line-height: 0.44rem;
	position: fixed;
	bottom: 0;
	background-color: rgba(255, 255, 255, 1);
}

.show-flp .bot_audio {}

.bot_audio .audio_span {
	color: #333333;
	font-size: 0.14rem;
	display: inline-block;
	height: 100%;
	width: 0.65rem;
	text-align: center;
	/* overflow: hidden; */
}

.bot_audio .audio_progress-box {
	width: calc(100% - 1.8rem);
	height: 100%;
	display: inline-block;
	position: relative;
}

.bot_audio .audio_progress {
	width: 100%;
	height: 0.05rem;
	background: #ebebeb;
	vertical-align: middle;
	position: relative;
	margin-top: -0.02rem;
	display: inline-block;
}

.bot_audio .audio_progress_block-box {
	position: absolute;
	left: 0;
	width: 0.15rem;
	height: 0.43rem;
	line-height: 0.43rem;
	top: -0.2rem;
}

.bot_audio .audio_progress .audio_progress_block {
	width: 0.07rem;
	height: 0.16rem;
	background: #f62d2b;
	margin-top: 0.14rem;
}

.bot_audio .audio_progress .green {
	z-index: 99;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: #f62d2b;
}

.bot_audio .audio_start {
	display: inline-block;
	width: 0.28rem;
	height: 0.28rem;
	background-size: 100%;
	float: right;
	margin-top: 0.08rem;
}

.audio_play_icon_pressed {
	background-image: url('../../../images/course/audio_play_icon_pressed.png');
}

.audio_stop_icon_pressed {
	background-image: url('../../../images/course/audio_stop_icon_pressed.png');
}

#videoplayer .vcp-controls-panel {
	font-size: 75%;
}

.mediatype-7 .vcp-player {
	background-image: url('../../../images/default/audiologo.gif');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
}

/* end */

.study-time-description {
	margin-left: 0.05rem;
	background-image: url('../../../images/shuoming_icon.png');
	/* background-size: auto 60%; */
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 0.15rem;
}

.audio-video-completion-condition-help {
    margin-left: 0;
    width: 0.1rem;
    height: 0.1rem;
    background-position: center;
    background-size: contain;
}

.footer-opation-average {
	min-width: 50%;
	text-align: center;
}

.footer-opation-ato {
	padding: 0;
}

.isPageFull .course-video,
.isPageFull .course-video-top {
	height: 100%;
	width: 100%;
}

.course-video {
	background: #fff;
	position: relative;
	z-index: 10;
	overflow: hidden;
}

.isPageFull .course-video {
	position: absolute !important;
	left: 0;
	right: 0 !important;
	top: 0;
	overflow: visible;
}

.isPageFull .tcplayer {
	width: 100%;
	height: 100%;
	z-index: 99999;
}

.isPageFull .footer-opation,
.isPageFull .details-content-top,
.isPageFull .course-body {
	display: none !important
}

.isPageFull .course-body {
	height: 0;
}

.flexnew {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -weblit-flex;
	display: flex;
	-webkit-box-orient: verical;
	-webkit-box-direction: normal;
	-moz-box-orient: verical;
	-moz-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.flex-f1 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.pos-relative {
	position: relative;
}

.download-txt {
	margin-left: 0.15rem;
	padding-bottom: 0.15rem;
}

/* 视频节点样式 */
.node-div {
    position: relative;
    left: 0;
    top: 0;
}

.node-div div {
    left: 0%;
    position: absolute;
    background: url('../../../images/course/videos-packing.png') no-repeat;
    width: 0.15rem;
    height: 0.14rem;
    background-size: 100%;
    top: -0.05rem;
    margin-left: -0.05rem;
}

/* 视频学习轨迹 */
.media-timeline-wrap {
    left: 0;
    position: absolute;
    background-color: rgba(164, 228, 154, 0.5);
    height: 0.06rem;
    top: -0.01rem;
    margin-left: -0.05rem;
}

.media-timeline-wrap div {
    left: 0;
    position: absolute;
    background-color: rgba(164, 228, 154, 0.5);
    height: 0.06rem;
    top: -0.01rem;
    margin-left: -0.05rem;
}

.media-timeline-wrap div.min {
    background-color: red;
    width: 0.14rem;
    height: 0.14rem;
    border-radius: 50%;
}

/*笔记*/
.course-detail .course-note {
	background-color: #fff;
}

.course-detail .note-title {
	color: #333;
	font-weight: bold;
	font-size: .14rem;
	padding: .31rem 0 .15rem;
}

.course-detail .note-title .noteNum {
	color: #666;
	font-size: 0.11rem;
	font-weight: normal;
	margin-left: 0.05rem;
}

.course-detail .note-list {
	padding: 0 0.15rem;
}

.course-detail .note-list-avatar {
	margin-top: .15rem;
	margin-right: 0.1rem;
}

.course-detail .note-list-content {
	padding: .15rem 0 .14rem;
	border-top: 1px solid #e6e6e6;
}

.course-detail .note-list-name {
	font-size: .12rem;
	color: #666;
}

.course-detail .note-list-time {
	font-size: .11rem;
	color: #999;
}

.course-detail .note-list-status {
	padding: 0 .03rem;
	transform: scale(.8);
	margin-right: .04rem;
	color: #999;
	border: 1px solid #b2b2b2;

}

.course-detail .cel-status {
	color: #999;
}

.course-detail .cel-status-open {
	font-size: .1rem;
	color: #fe7815;
	background-color: #fef0e6;
	border: 1px solid #fef0e6;
	vertical-align: -3px;
}

.course-detail .content-top {
	margin-bottom: .03rem;
}

.course-detail .content-mindle {
	color: #999;
	font-size: .11rem;
	margin-bottom: .075rem;
}

.course-detail .course-note-btn {
	text-align: center;
	text-align: -webkit-center;
	color: #333;
	font-size: 0.13rem;
	cursor: pointer;
	height: 0.35rem;
	line-height: 0.35rem;
	border: 1px solid #DEDEDE;
	border-radius: 0.05rem;
	cursor: pointer;
	margin-bottom: .1rem;
}
.course-detail .course-note-new-btn{
	margin: 0 0.15rem 0.1rem;
}
.course-detail .course-study-all{
	margin-top: 0.16rem;
}

/*.course-detai .course-note .no-data dt{*/
/*    background-image:url(../../../images/course/notes_empty_icon@2x.png);*/
/*}*/
.course-detail .content-txt {
	overflow: hidden;
	text-overflow: ellipsis;
	display: box;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.course-comment-footer-two {
	border-top: 1px solid #DEDEDE;
	height: 0.42rem;
	padding: 0 0.15rem;

}

/* 弹窗样式 */
.course-mark-popup {
	position: absolute;
	/* top: 50%; */
	/* left: 50%; */
	/* transform: translate(-50%,-50%); */
	/* width: 3.25rem; */

}

.course-mark-popup .popup {
	height: auto;
	border-radius: .1rem;
}

.course-mark-popup .popup .popup-title {
	border-bottom: 0;
}

.course-mark-popup .popup .popup-body {
	border-bottom: 0;
}

.course-mark-popup .popup .button-default {
	padding: 0;
	margin: 0;
	width: 1rem !important;
	height: .4rem;
	border: 1px solid #dedede;
	border-radius: .2rem;
	flex: none;
}

.course-mark-popup .popup .popup-buttons {
	margin-top: .1rem;
	justify-content: space-evenly;
}

.course-mark-popup .popup .button-positive {
	padding: 0;
	margin: 0;
	color: #fff !important;
	width: 1rem !important;
	height: .4rem;
	/* border: 1px solid; */
	border-radius: .2rem;
	flex: none;
	background-color: var(--themeColor);
}

.course-mark-popup .popup .popup-buttons font {
	color: #000;
}

.course-mark-popup .popup .button-positive font {
	color: #fff;
}

/* 学习进度 */
.studyDisabled {
    padding: .18rem .15rem .15rem;
    border-radius: .05rem;
    background: rgba(239, 241, 246, 100)
}
.studyDisabled p{
	margin: 0;
    font-size: .16rem;
    color: #333;
    font-weight: 500;
}
.studyDisabled p span{
    font-weight: 700;
}
.studyDisabled i{
    color: #999;
    font-size: 12px;
}
.studyDisabled .train-score {
    color: #666;
    font-size: 0.12rem;
    text-indent: 1em;
	text-align: right;
}
.studyDisabled .progress-box {
    position: relative;
    display: inline-block;
    /* width:0.6rem; */
    /* height:0.1rem; */
    border-radius: 0.1rem;
    /* margin-right: 0.1rem; */
    background-color: #fff;

    width: 87%;
    height: .06rem;
}
.studyDisabled .progress {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 0.1rem;
    background-color: #f62d2b;
}
.studyDisabled img{
	width: 0.13rem;
	height: 0.13rem;

}
.studyDisabled .learned{
	font-size: 0.14rem;
	color: #333333;
	margin-left: 0.055rem;
}
/*推荐购买课程*/
.course-recommend-btn{
    /*position:fixed;*/
    /*bottom:.5rem;*/
    /*left:0;*/
    width:100%;
    height:.34rem;
    color:#6F4F10;
    font-size:.12rem;
    text-align: center;
    line-height:.34rem;
    background-color:#FEF8DE;
    /* border:1px solid #F7DDB1; */
    border-left:none;
    border-right:none;
}
.course-try-popup   .popup{
    width:2.7rem
}
.course-try-popup .popup-title{
    color:#333;
    padding:.25rem;
    font-size:.16rem;
    font-weight: 700;
    border-bottom:none;
}
.course-try-popup .popup-body{
    border-bottom:none;
}
.course-try-popup .popup-buttons{
    margin:0 .1rem .1rem;
}
.course-try-popup .popup-buttons .button{
    width:1.2rem;
    height:.4rem;
    font-size:.14rem;
    border-radius: 40px;
    padding:0!important;
}
.course-try-popup .popup-buttons .button:first-child{
    border:1px solid #dedede;
}
.course-try-popup .popup-buttons .button:last-child{
    color:#fff;
    background-color:#f62d2b;
}
/*隐藏切换线路*/
.close-video-play-line-change .vjs-SwitchLineStr-rate{
	display: none !important;
}
.close-video-play-line-change .tcp-video-quality-switcher{
	right: 0.15rem;
}