body{
	background: #f2f2f2;
}
.teacher_zhibo_page{
	/* width: 1700px;
	margin: 0 auto;
	position: relative; */
    width: 90%;
    margin: 0 auto;
    min-width: 1280px;
    position: relative;	
}
.video_block{
	width: 78%;
	border-radius: 4px;
	box-shadow:  0 0 0 1px #e8e8e8;
	background: #FFFFFF;
}
.video_block .content{
	padding: 0 20px 20px 20px;
}
.not_live_state{
	height: 723px;
	background: #000000;
}
.not_live_state{
	font-size: 18px;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}
.not_live_state img{
	width: 30px;
	height: 30px;
	display: block;
	margin-right: 15px;
}
.other_block{
	width: 21%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	overflow: hidden;
	border-radius: 4px;
	background: #FFFFFF;
	box-shadow:  0 0 0 1px #e8e8e8;
}
.o_content .oc{
	display: flex;
	flex-direction:column;
	justify-content:space-between;
}
.o_content .oc .top_bar{
	height: 6%;
	min-height: 40px;
	border-bottom: 1px solid #e8e8e8;
	font-size: 14px;
	color: #666666;
	padding-left: 60px;
	background: url(../img/laba.png) left 20px center no-repeat;
	background-size: 25px 25px;
	display: flex;
	align-items:center;
}
.o_content .oc .opearte_bar{
	display: flex;
	height: 13%;
	min-height: 100px;
	align-items:center;
	border-bottom: 1px solid #e8e8e8;
}
.o_content .oc .opearte_bar a{
	flex: 1;
	width: 50%;
	font-size: 28px;
	color: #333333;
}
.o_content .oc .nav_bar{
	display: flex;
	align-items:center;
	height: 6%;
	min-height: 40px;
	border-bottom: 1px solid #e8e8e8;
}
.o_content .oc .nav_bar a{
	font-size: 14px;
	color: #666666;
	flex: 1;
}
.o_content .oc .nav_bar .line{
	display: block;
	width: 50%;
	height: 3px;
	background: #333333;
	bottom: 0;
	left: 0;
	position: absolute;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.o_content .oc .nav_bar .line.act_0{
	left: 0;
}
.o_content .oc .nav_bar .line.act_1{
	left: 50%;
}
.o_content .oc .nav_bar .line.act_2{
	left: 66.66666%;
}
.o_content .oc .content_bar{
	height: 75%;
    min-height: 268px;
}
.o_content .oc .content_bar .item_c{
	display: none;
	height: 100%;
}
.jianjie{
	overflow-y: auto;
	overflow-x: hidden;
}
.jianjie .item_content{
	padding: 18px;
}

.zbj_footer{
	padding: 40px 0;
}
.zbj_footer img{
	margin: 0 auto;
}
.mulu_item{
	padding: 10px 120px 10px 18px;
	background: url(../img/play2.png) right 18px center no-repeat;
	background-size: 20px 20px;
}
.mulu_item.act{
	background: #f2f2f2 url(../img/play3.png) right 18px center no-repeat;
	background-size: 20px 20px;
}
.mulu_item .name ,
.mulu_item .time{
	line-height: 23px;
	height: 23px;
	font-size: 14px;
	color: #666666;
}
.mulu_item.act .name,
.mulu_item.act .time{
	color: #fe8135;
}
.taolun .item_content{
	display: flex;
	flex-direction:column;
	justify-content:space-between;
	height: 100%;
}
.taolun .item_content .damu_c{
	border-bottom: 1px solid #e8e8e8;
	height: 80%;
	overflow-x: hidden;
	overflow-y: auto;
}
.taolun .item_content .damu_c .item_damu{
	padding: 0 18px;
	line-height: 30px;
}
.talk{
	padding: 0 25px;
	height: 20%;
	min-height: 110px;
}
.talk .only_t{
	line-height: 40px;
	height: 40px;
	padding-left: 25px;
}
.talk .only_t:after{
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	left: 0;
	top: 50%;
	border: 3px solid #525252;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.talk .only_t.act:after{
	border: 3px solid #fe8135;
}
.talk .ipt{
	border: 1px solid #c3c3c3;
	border-radius: 5px;
	padding-right: 58px;
	padding-left: 10px;
	overflow: hidden;
}
.talk .ipt input{
	width: 100%;
	line-height: 48px;
	height: 48px;
	font-size: 14px;
	color: #666666;
	border: none;
	padding: 0;
}
.talk .ipt .fasong{
	width: 48px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	color: #FFFFFF;
	font-size: 16px;
	background: #fa7f2d;
	top: 0;
	right: 0;
}
.result{
	top: 0;
	left: 0;
	display: none;
}
.result .title{
	line-height: 70px;
	height: 70px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 18px;
}
.result .close_result{
	width: 40px;
	height: 40px;
	background: url(../img/close.png) center no-repeat;
	background-size: 80% 80%;
}
.result .r_item{
	line-height: 50px;
	font-size: 16px;
	padding-left: 18px;
}

.dqzb{
	border-bottom: 15px solid #EEEEEE;
	padding: 0 15px;
}
.dqzb .title{
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #333333;
	padding-left: 20px;
}
.dqzb .title:after{
    content: "";
    position: absolute;
    width: 4px;
    border-radius: 10px;
    background: #4bcef3;
    height: 26px;
    top: 12px;
    left: 0;
}
.dqzb .title a{
    right: 0;
    height: 34px;
    padding: 0 10px;
    line-height: 34px;
    border-radius: 4px;
    top: 8px;
}
.dqzb .zbnr{
	/* display: flex; */
	position: relative;
    padding: 10px 0 20px 0;
	/* align-items: center; */
}
/* .dqzb .zbnr:after{
	content: "";
	position: absolute;
	height: 100%;
	width: 1px;
	background: #dcdcdc;
	top: 0;
	left: 50%;
} */
.dqzb .zbnr .left,
.dqzb .zbnr .right{
	/* width: 50%; */
	position: relative;
}
.dqzb .zbnr .left .p{
	padding-right: 15px;
	padding-left: 20px;
	line-height: 40px;
	font-size: 16px;
	color: #333333;
}
.dqzb .zbnr .right .p{
    /* padding-left: 15px; */
    height: 45px;
    display: flex;
    align-items: center;
	position: relative;
}
.dqzb .zbnr .right .p .code{
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    background: #eee;
    border: 1px solid #e4e4e4;
	padding: 0 10px;
	border-radius: 3px;
	font: 14px;
}
.dqzb .zbnr .right #codeurl{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: -10;
}
.dqzb .zbnr .right .p .copy{
    position: absolute;
    top: 8px;
    right: 10px;
    line-height: 30px;
	display: none;
}
.dqzb .zbnr .right .p:hover .copy{
	display: block;
}

.zbjtitle{
	line-height: 45px;
	font-size: 16px;
	color: #333333;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
}
.zbjtitle .zbjt_left{
	display: flex;
	align-items: center;
}
.zbjtitle .zbjt_right{
	height: 40px;
	font-size: 18px;
	color: #333333;
	line-height: 40px;
	padding-right: 24px;
	margin-left: 20px;
}

.zbjtitle .zbjt_right.xxl{
	background: url(../img/downloadFile.png) right center no-repeat;
	background-size: 20px 20px;
}
.zbjtitle .zbjt_right.xxl:hover{
	color: #24afff;
	background: url(../img/downloadFile2.png) right center no-repeat;
	background-size: 20px 20px;
}
.zbjtitle .zbjt_right.xyk{
	background: url(../img/next.png) right center no-repeat;
	background-size: 20px 20px;
}
.zbjtitle .zbjt_right.xyk:hover{
	color: #24afff;
	background: url(../img/next2.png) right center no-repeat;
	background-size: 20px 20px;
}



.zbjtitle .timg{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 10px;
}
.zbjtitle .tname{
	font-size: 18px;
	margin-right: 10px;
	color: #333333;
}
.zbjtitle .cname{
	font-size: 16px;
	color: #333333;
}
.chuti_area{
	z-index: 1200;
	position: fixed;
	width: 340px;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -195px;
	padding: 0 25px 25px 25px;
	display: none;
}
.chuti_area .rst{
	padding: 40px 0;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;	
}
.chuti_area .rst a{
	line-height: 35px;
	border: 1px solid #4BCEF3;
	font-size: 14px;
	text-align: center;
	width: 60px;
}
.chuti_area .rst a.act{
	background: #4BCEF3;
	color: #FFFFFF;
}
.chuti_area .chuti{
	line-height: 35px;
	font-size: 16px;
	color: #FFFFFF;
	background: #4BCEF3;
	text-align: center;
}

.shikan{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	z-index: 500;
	top: 0;
	left: 0;
	display: none;
}
.shikan .area{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.shikan .wx_pay{
	position: unset;
	margin: 0;
}
.shikan .name{
	line-height: 60px;
	font-size: 24px;
	text-align: center;
	color: #000;
}