.teacher-page {
	overflow-y: auto;
	background: #FAFAFA;
}
.teacher-content {
			width: 1200px;
			margin: 0 auto;
		}
		.teacher-content .tcclear:after{
			content:'';
			display:block;
			clear:both;
		}
		.teacher-detail-top {
			height: 340px;
			background: url('../../../static/edu/images/live/teacher-list-bg.png') center center no-repeat;
			background-size: cover;
			overflow: hidden;
		}

		.teacher-detail-wrapper > li {
			display: none;
			padding: 0 40px;
		}

		.teacher-detail-wrapper > li.active {
			display: block;
		}

		.teacher-detail-wrapper > .teacher-course-group.active {
			display: flex;
		}

		.teacher-detail-info {
			font-size: 0;
			padding-top: 83px;
			display: flex;
			position: relative;
		}

		.teacher-header-img {
			/*width: 208px;*/
			/*height: 208px;*/
			/*overflow: hidden;*/
			/*display: inline-block;*/
			/*background: #0ae;*/
			/*padding-left: 4px;*/
			/*border-radius: 50%;*/
		}

		.teacher-header-img .teacher-logo {
			width: 208px;
			height: 208px;
			border-radius: 50%;
			overflow: hidden;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: -8px;
			border: 4px solid #FFFFFF;
		}
		.teacher-header-img .teacher-logo:after {
			/*content: '';*/
			/*display: inline-block;*/
			/*background: url("../../../static/edu/images/live/teacher-logo-bg.png") center center no-repeat;*/
			/*width: 146px;*/
			/*height: 214px;*/
			/*background-size: 146px 214px;*/
			/*position: absolute;*/
			/*left: 0;*/
			/*top: 105px;*/
		}
		.teacher-header-img .teacher-logo img {
			height: 211px;
		}

		.teacher-detail-name {
			display: inline-block;
			vertical-align: middle;
			flex: 1.0;
			margin-left: 44px;
		}

		.teacher-detail-name .teacher-name {
			color: #333;
			font-size: 24px;
			/*margin-bottom: 15px;*/
			font-weight: bold;
		}

		.teacher-detail-name > p {
			font-size: 16px;
			color: #333;;
			margin-bottom: 15px;
		}

		.teacher-score {
			display: flex;
			align-items: baseline;
			color: #0ae;
		}

		.teacher-score .teacher-star {
			margin-right: 24px;
		}

		.teacher-score .teacher-score-num{
			font-weight: 800;
			font-size: 28px;
			color: #FFA348;
			/*margin-right: 24px;*/
		}

		.teacher-score .teacher-evaluate-num{
			font-weight: 400;
			font-size: 12px;
			color: #666666;
		}

		.teacher-label {
			display: flex;
			margin-top: 20px;
		}
		.teacher-label .label-item {
			border-radius: 4px;
			color: #333333;
			background: #fff;
			padding: 10px 12px;
			margin-right: 17px;
			font-size: 14px;
			max-width: 125px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.teacher-label .label-item:last-child {
			margin-right: 0;
		}

		.teacher-detail-nav {
			font-size: 0;
			border-bottom: 1px solid #f2f2f2;
			margin: 0;

		}

		.teacher-content-wrapper {
			position: relative;
			background-color: #fff;
			border: 1px solid #FAFAFA;
			border-radius: 20px;
			box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
		}
		.teacher-intro-bg{
			position: absolute;
			top: 0;
			width: 1242px;
		}


		.teacher-detail-nav > li {
			display: inline-block;
			font-size: 14px;
			color: #515151;
			width: 170px;
			height: 50px;
			border-top: 2px solid transparent;
			line-height: 48px;
			text-align: center;
			border-right: 1px solid #F2F2F2;
			border-bottom: 1px solid #f2f2f2;
			background-color: #fff;
			margin-bottom: -1px;
			cursor: pointer;
		}

		.teacher-detail-nav > li.active {
			border-top-color: #0ae;
			border-bottom-color: transparent;
			color: #0ae;
		}

		p.teacher-detail-title {
			font-size: 18px;
			color: #333333;
			/*font-weight: bold;*/
			margin: 20px 0;
		}

		.teacher-detail-title:before {
			content: "";
			width: 18px;
			height: 18px;
			/*background-color: #0ae;*/
			background: url("../../../static/edu/images/live/icon-intro.png") center center / cover no-repeat;
			display: inline-block;
			vertical-align: middle;
			margin-right: 5px;
			margin-top: -3px;
		}
		.teacher-detail-title.teacher-comment:before{
			content: "";
			width: 18px;
			height: 18px;
			/*background-color: #0ae;*/
			background: url("../../../static/edu/images/live/icon-comment.png") center center no-repeat;
			display: inline-block;
			vertical-align: middle;
			margin-right: 5px;
			margin-top: -3px;
		}

		.teacher-detail-row {
			display: flex;
		}
		.teacher-detail-row .teacher-career {
			flex: 1.0;
			/*background: url("../../../static/edu/images/live/teacher-career-bg.png") center center no-repeat;*/
			/*background-size: cover;*/
			/*margin-right: 30px;*/
			/*padding: 42px 28px;*/
			font-size: 16px;
			color: #666666;
			line-height: 32px;
			/*font-family: PingFang SC, PingFang SC;*/
		}
		.comment-info{
			margin-left: 0px;
		}
		.comment-user-wrapper{
			font-weight: 400;
			font-size: 16px;
			color: #666666;
			margin-bottom: 20px;
		}
		.comment-item-time{
			font-weight: 400;
			font-size: 16px;
			color: #999999;
			line-height: 42px;
			text-align: right;
		}
		.comment-user-headimg{
			width: 42px;
			height: 42px;
			border-radius: 50%;
			float: none;
			margin-right: 12px;
		}
		.comment-info{
			border-bottom: none;
		}
		.comment-chapter-name{
			font-weight: 400;
			font-size: 16px;
			color: #999999;
		}

		.course-score {
			display: flex;
			align-items: center;
			justify-content: space-between;
			font-size: 14px;
			/*border-bottom: 1px solid #e5e5e5;*/
			padding-bottom: 19px;
		}
		.comment-box{
			background: #F3F3F3;
			border-radius: 2px 2px 2px 2px;
			padding: 4px 8px;
			font-size: 12px;
			color: #333333;
		}

		.teacher-detial-info-text {
			font-size: 14px;
			line-height: 32px;
			margin: 0;
		}

		.teacher-course-group {
			display: flex;
			flex-wrap: wrap;
		}

        .teacher-course-list {
            display: flex;
            flex-wrap: wrap;
        }

		.teacher-course-box {
			/*border-bottom: 1px dashed #B5B5B5;*/
			width: 376px;
			height: 241px;
			margin-right: 16px;
			margin-bottom: 25px;
			border-radius: 10px;
			box-shadow: rgba(0,0,0,.1) 0 0 10px;
			padding: 15px 0 0;
            position: relative;
		}

        .teacher-course-box a:hover,
        .teacher-course-box a:visited,
        .teacher-course-box a:active,
        .teacher-course-box a:link{
            text-decoration: none;
        }

        .teacher-course-box:nth-child(3n) {
			margin-right: 0;
		}

		.teacher-course-box .course-box-img {
			display: inline-block;
			vertical-align: top;
			padding-right: 30px;
		}

		.teacher-course-box .course-box-img > img {
			width: 477px;
			height: 265px;
			display: block;
		}

		.teacher-course-box .course-box-right {
			display: inline-block;
			vertical-align: top;
			width: 611px;
			height: 265px;
			position: relative;
		}

		.teacher-course-box .course-box-title {
            font-size: 20px;
            line-height: 22px;
            -webkit-line-clamp: 2;
            flex-grow: 1;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            color: #555;
            overflow: hidden;
            margin-bottom: 12px;
            min-height: 34px;
            padding: 0 22px;
		}

        .try-video {
            width: 42px;
            height: 58px;
            margin-right: 5px;
            margin-top: -3px;
            position: absolute;
            right: -10px;
            top: -7px;
        }

		.teacher-course-box .course-box-chapter,
		.teacher-course-box .course-box-teacher {
			margin-bottom: 15px;
		}

		.teacher-course-box .course-box-teacher > span,
		.teacher-course-box .course-box-chapter > span {
			font-size: 14px;
			color: #515151;
		}

		.teacher-course-box .course-box-teacher > span:first-child,
		.teacher-course-box .course-box-chapter > span:first-child {
			color: #8e8e8e;
			margin-right: 10px;
		}

		.teacher-course-box .course-box-add-qq > a {
			width: 131px;
			height: 30px;
			background-color: #f7fafb;
			border: 1px solid #f3f3f3;
			line-height: 28px;
			color: #515151;
			text-align: center;
			font-size: 12px;
			display: inline-block;
		}

		.teacher-course-box .course-box-add-qq > a:hover {
			text-decoration: none;
		}

		.teacher-course-box .course-box-bottom {
			/*position: absolute;*/
			/*bottom: 0;*/
			/*left: 0;*/
			display: flex;
			align-items: center;
			justify-content: space-between;
            height: 60px;
            padding: 0 22px;
		}

		.teacher-course-box .price-box {
			margin-bottom: 10px;
		}

		.teacher-course-box .price-box > span {
            color: #ff4623;
            font-size: 24px;
		}

		.teacher-course-box .course-box-pay {
			/*font-size: 0;*/
            color: #818a92;
            font-size: 14px;
		}

		.teacher-course-box .course-box-pay-btn {
			display: inline-block;
			vertical-align: middle;
			width: 136px;
			height: 42px;
			background-color: rgba(0, 170, 238, 0.05);
			border: 1px solid rgba(0, 170, 238, 1);
			border-radius: 2px;
			font-size: 16px;
			color: #0ae;
			line-height: 40px;
			text-align: center;
			margin-right: 18px;
		}

		.teacher-course-box .course-box-pay-btn:hover {
			text-decoration: none;
		}

		.teacher-course-box .course-box-pay-count {
			display: inline-block;
			vertical-align: middle;
		}

		.teacher-course-box .course-box-pay-count span {
			color: #188200;
			font-size: 14px;
		}

		.teacher-course-box .course-box-pay-count span:first-child {
			color: #8e8e8e;
			margin-right: 7px;
		}

		.teacher-course-box .course-box-pay-count span:last-child {
			color: #8e8e8e;
			margin-left: 7px;
		}

		.teacher-comment-box {
			padding-top: 20px;
		}

		.teacher-comment-box .comment-header {
			width: 48px;
			height: 48px;
			border-radius: 50%;
			overflow: hidden;
		}

		.teacher-comment-box .comment-left {
			float: left;
		}

		.teacher-comment-box .comment-right {
			margin-left: 56px;
		}

		.teacher-comment-box .comment-name {
			font-size: 12px;
			color: #a2a1a1;
			line-height: 48px;
		}

		.teacher-comment-box .comment-content {
			margin-bottom: 30px;
		}

		.teacher-comment-box .comment-name > span:last-child {
			float: right;
		}

		.teacher-comment-box .comment-score-img {
			display: inline-block;
			vertical-align: middle;
		}

		.teacher-comment-box .comment-chapter {
			font-size: 12px;
			color: #a2a1a1;
			display: inline-block;
			vertical-align: middle;
			margin-left: 5px;
		}

		.teacher-comment-box .comment-bottom {
			padding-bottom: 14px;
			border-bottom: 1px solid #E5E5E5;
		}

		.comment-top {
			padding-bottom: 30px;
			border-bottom: 1px solid #E5E5E5;
		}

		.comment-top > * {
			display: inline-block;
			vertical-align: middle;
		}

		.comment-tip {
			font-size: 14px;
			color: #1d1d1d;
		}

		.comment-score {
			font-size: 20px;
			color: #ff4623;
			margin-right: 15px;
		}

		.comment-score-result {
			margin-right: 19px;
		}

		.comment-score-good,
		.comment-score-normal,
		.comment-score-bad {
			color: #a2a1a1;
			font-size: 14px;
		}

		.comment-score-good > span,
		.comment-score-normal > span,
		.comment-score-bad > span {
			color: #1d1d1d;
			font-size: 14px;
		}
		/* 讲师面授 */
        .teacher-class-group {
            display: flex;
            flex-wrap: wrap;
        }
		.teacher-class-item{
			margin-bottom:30px;
            width: 376px;
            box-shadow: rgba(0,0,0,.1) 0 0 10px;
            margin-right: 16px;
		}
        .teacher-class-item:nth-child(3n) {
            margin-right: 0;
        }
		.teacher-class-item>.teacher-class-img>img{
			width:448px;
			height:254px;
		}
		.teacher-class-img{
			float:left;
		}
		.teacher-class-content{
			/*margin-left:470px;*/
		}
		.teacher-class-content>.teacher-class-name{
            font-size: 18px;
            color: #555;
            height: 40px;
            padding: 15px 22px 0;
            font-weight: bold;
		}
		.teacher-class-content .teacher-class-money:before{
			content:'￥';
			font-size:18px;
			display:inline-block;
			vertical-align: middle;
		}
		.teacher-class-content .teacher-class-money{
			font-size: 28px;
			color: #ff4623;
		}
		.teacher-class-content>.teacher-class-time:before {
			content:'开班时间：';
			color:#8e8e8e;
		}
		.teacher-class-content>.teacher-class-time{
			color:#515151;
			font-size:14px;
			margin-bottom: 18px;
		}
		.teacher-class-content>.teacher-class-type{
			font-size:14px;
			color:#8e8e8e;
			margin-bottom: 20px;
            padding: 0 22px;
		}
		.teacher-class-content>.teacher-class-type>span {
			font-size:14px;
			color:#8e8e8e;
			margin:0 20px;
		}
		.teacher-class-content>.teacher-comment-btn{
			padding-top:17px;
			border-top:1px solid #EFEFEF;
		}
		.teacher-class-content>.teacher-comment-btn>button{
			width:136px;
			height:42px;
			background-color:#F2FBFE;
			color:#0ae;
			font-size:16px;
			border-radius:2px;
			border:1px solid #0EAEEE;
			font-weight:bold;
		}
        .teacher-class-bottom {
            display: flex;
            justify-content: space-between;
            padding: 0 22px;
            align-items: center;
        }
		.teacher-content .page-wrapper{
			text-align: center;
		}
		.comment-param-wrapper{
			display:none;
		}
		.comment-param-wrapper .comment-param-name{
			color:#fff;
		}
		.comment-param-wrapper .comment-param-item{
			padding:10px 40px;
			background-color:#CCCCCC;
			display:inline-block;
			margin-top:20px;
			border-radius:100px;
		}
		.comment-param-item .remove-param{
			display: inline-block;
			vertical-align: middle;
			cursor: pointer;
			font-size: 30px;
			line-height: 20px;
			margin-top: -9px;
			color:#fff;
		}


.live-header {
    height: 76px;
    margin-bottom: 20px;
}
.live-detail {
    display: flex;
    align-items: center;
    margin-bottom: 13px!important;
    padding: 0 12px 0 22px;
}
.arrow-right {
    width: 0;
    height: 0;
    border-width: 6px 0 6px 8px;
    border-style: solid;
    border-color: transparent transparent transparent #c9c9c9;
    margin-right: 5px;
}
.live-detail span {
    margin-right: 4px!important;
    color: #999;
}
.teacher-class-detail span {
    font-weight: bold;
    font-size: 18px;
}

.live-teacher-list {
    height: 84px;
    display: flex;
    overflow: hidden;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 0!important;
    flex-wrap: wrap;
    /*padding-bottom: 5px;*/
    margin-left: 20px;
    margin-right: 20px;
}
.teacher-item {
    width: 50px;
    margin-right: 15px;
    text-align: center;
    margin-bottom: 12px;
}
.teacher-pic {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 5px;
    border: solid 1px #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
}
.teacher-pic img {
    height: 100%;
}
.teacher-name {
    color: #818a92;
}

.c-comment-list2 li {
    padding: 16px 0 0 0;
}

.more-evaluate {
    color: #0ae;
    text-align: center;
    cursor: pointer;
}
.comment-item-content{
	font-weight: 400;
	font-size: 16px;
	color: #333333;
	line-height: 16px;
}
.teacher-detail-wrapper  .comment-item-content {
	margin-bottom: 10px;
}

.pagination>li>a, .pagination>li>span{
	color: #333333 !important;
	border: 1px solid #DCDCDC !important;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	color: #FFFFFF !important;
	background: #E1251B !important;
}


.video-type-menu > .item.active::after{
	border-top: 4px solid #E1251D;
}
.video-type-menu > .item.active{
	color: #333333 !important;
	font-weight: bold !important;
}
.video-type-menu > .item {
	color: #999999 !important;
	font-weight: normal !important;
}
.video-type-menu > .item.active::after{
	border: none !important;
}
.video-type-menu{
	top: -60px !important;
}