/**
 * Created by xuchao on 2017/4/10.
 */
.player-box .menu {
 	overflow: hidden;
    width: 340px;
    height: 300px;
    margin: 0 auto;
    padding: 50px 0;
    display: block;
 }
 #video_end_menu {
 	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
 }
 .preview-views .now_homework {
    background: #61daa5!important;
 }
 .preview-views .now_test {
 	background: #61daa5!important;
 }
 .preview-views .next {
 	background: #363D6D!important;
 }
 .player-box .menu a{
 	display: block;
    padding: 40px;
    margin: 20px;
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    border-radius: 6px;
    text-align: center;
    background-color: rgb(212, 212, 212);
    cursor: pointer;
 }
.mar10{
	margin-top: 10px;
}
#nav{
	width: 100%;
	background: #c8161d;
}
#nav .nav-center{
	width: 1300px;
	margin: 0 auto;
	height: 40px;
	position: relative;
}
#nav .nav-center .mouse{
	position: absolute;
	height: 40px;
	display: block;
	background: rgba(0,0,0,0.3);
	display: none;
	z-index: 0;
}
#nav .nav-center li{
	position: relative;
	float: left;
	font-size: 14px;
	text-indent: 0;
	cursor: pointer;
	padding: 0 27px;
	text-align: center;
	line-height: 40px;
	z-index: 1;
}
#nav .nav-center li.active{
	background: rgba(0,0,0,0.3);
}
#nav .nav-center li.active a{
	color: #fff;
}
#nav .nav-center li a{
	color: #fff;
	display: block;
}
#center{
	width: 1300px;
	margin: 110px auto 0 auto;
	overflow: hidden;
	min-height: 100%;
	/* padding-bottom: 350px; */
}
#center .course-choose{
	width: 100%;
	overflow: hidden;
}
#center .course-choose h1{
	font-size: 18px;
	color: #000000;
}
#center .course-choose h1 em{
	display: block;
	width: 4px;
	height: 22px;
	background: #f6422a;
	float: left;
	margin-right: 8px;
}
#center .course-choose ul{
	width: 100%;
	overflow: hidden;
}
#center .course-choose ul li{
	width: 100%;
	/*padding: 20px 0;*/
	border-bottom: 1px dashed #e5e5e5;
	overflow: hidden;
	position: relative;
}
#center .course-choose ul li:last-child{
	border: none;
}
#center .course-choose ul li span{
	color: #464646;
	font-size: 14px;
	width: 80px;
	display: block;
	text-align: left;
	float: left;
	padding: 3px 0;
	margin-top: 15px;
}
#center .course-choose ul li span.slide{
	color: #f6422a;
	position: absolute;
	right: 0;
	width: auto;
	cursor: pointer;
	display: none;
}
#center .course-choose ul li span.slide em{
	width: 12px;
	height: 6px;
	background: url(./icon.png) no-repeat -94px -847px;
	display: block;
	float: right;
	margin: 7px 0 0 5px;
}
#center .course-choose ul li span.slide.up em{
	background: url(./icon.png) no-repeat -111px -847px;	
}
#center .course-choose ul li ul{
	width: 1180px;
	/*max-height: 110px;*/
	float: left;
	position: relative;
}
#center .course-choose ul li ul ul{
	max-height: none;
	width: 1180px;
}
#center .course-choose ul li ul .more-btn{
	position: absolute;	
	right: 0;
	padding: 0 0 3px 0;
	margin: 15px 0 0 0;
	display: none;
}
#center .course-choose ul li ul .more-btn span{
	color: #f6422a;
	margin: 0;
	cursor: pointer;
}
#center .course-choose ul li ul .more-btn.hover span em{
	background: url(./less-index.png) no-repeat;
}
#center .course-choose ul li ul .more-btn em{
	display: block;
	width: 12px;
	height: 7px;
	background: url(./more-index.png) no-repeat;
	float: right;
	margin: 6px 12px 0 0;
}
#center .course-choose ul li ul li{
	border: none;
	width: auto;
	padding: 3px 5px;
	float: left;
	margin: 15px 20px 15px 0;
	cursor: pointer;
}
#center .course-choose ul li ul li a{
	color: #000;
}
#center .course-choose ul li ul li:hover{
	color: #f6422a;
}
#center .course-choose ul li ul li.active{
	background: #f8b551;
	color: #fff;
	cursor: default;
}
#center .course-list,#center .live-list{
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
}
#center .course-list .left{
	float: left;
	width: 218px;
	border: 1px solid #dcdcdc;
	background: #f8f8f8;
}
#center .course-list .left h1{
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	background: #eff4f4;
	color: #5c5c5c;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
	cursor: pointer;
}
#center .course-list .left h1 a{
	color: #5c5c5c;
}
#center .course-list .type-list{
	width: 218px;
	height: 705px;
	overflow-y: auto;
	background: #f8f8f8;
	position: relative;
}
#center .course-list .type-list::-webkit-scrollbar {
    width:10px;
    height:10px;
    right: 0;
    position: absolute;
}
#center .course-list .type-list::-webkit-scrollbar-thumb{
    background: rgba(225,234,234,1);
    border-radius:4px;
}
.mCSB_inside > .mCSB_container{
	margin: 0;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: rgba(0,0,0,0.5);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background: rgba(0,0,0,0.5);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background: rgba(0,0,0,0.5);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background: rgba(0,0,0,0.5);	
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background: rgba(0,0,0,0.5);
}
#center .course-list .type-list .one{
	width: 100%;
	position: absolute;
}
#center .course-list .type-list .one li{
	width: 100%;
	background: #f8f8f8;
	color: #404040;
	cursor: pointer;
	padding-bottom: 10px;
}
#center .course-list .type-list .one li li{
	padding-bottom: 0;
	border-bottom: 1px solid #dcdcdc;	
}
#center .course-list .type-list .one li span{
	display: block;
/*	border-bottom: 1px solid #dcdcdc;
*/	height: 46px;
	line-height: 46px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#center .course-list .type-list .one li span.active{
	background: #c8161d;
	color: #fff;
}
#center .course-list .type-list .one li span.active em.up{
	background: url(./slideUpactive.png) no-repeat;
}
#center .course-list .type-list .one li span.active em{
	background: url(./slideDownhover.png) no-repeat;
}
#center .course-list .type-list .one .padding{
	padding: 0 12px 0 23px;
	background: #f8f8f8;
	overflow: hidden;
	display: none;
}
#center .course-list .type-list .one .second{
	border-left: 1px dotted #c9c7c7;
	background: #f8f8f8;
}
#center .course-list .type-list .one .second .padding{
	padding-left: 30px;
}
#center .course-list .type-list .one .three{
	border-left: 1px dotted #c9c7c7;
	background: #f8f8f8;
}
#center .course-list .type-list .one .second li{
	background: #f8f8f8;
	border-bottom: none;
	margin-bottom: 10px;
}
#center .course-list .type-list .one .second li:last-child{
	margin-bottom: 0;
}
#center .course-list .type-list .one .second li span{
	display: block;
	height: 40px;
	line-height: 40px;
	border-bottom: none;
	color: #404040;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#center .course-list .type-list .one .second li span:hover{
	color: #f6422a;
}
#center .course-list .type-list .one .second li .hover{
	color: #f6422a;
}
#center .course-list .type-list .one .second li span .border{
	display: inline-block;
	border-top: 1px dotted #c9c7c7;
	width: 15px;
	height: 5px;
	background: none;
	margin: 20px 5px 0 0;
}
#center .course-list .type-list .one .second li span .margin{
	width: 15px;
	height: 15px;
	display: block;
	float: left;
	margin: 13px 7px 0 5px;
	padding: 0;
	background: none;
}
#center .course-list .type-list .one .second li:last-child span{
	overflow: inherit;
}
#center .course-list .type-list .one .second li:last-child span em.border{
	height: 20px;
	background: #f8f8f8;
	margin-left: -1px;
}
#center .course-list .type-list .one .second li span em{
	margin: 13px 7px 0 5px;
}
#center .course-list .type-list .one .second li span a{
	color: #404040;
	/*display: block;*/
}
#center .course-list .type-list .one em{
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	margin: 15px 7px 0 18px;
	cursor: pointer;
	background: url(./slideDown.png) no-repeat;
}
#center .course-list .type-list .one li span.active em.margin{
	background: none;
}
#center .course-list .type-list .one em.margin{
	background: none;
}
#center .course-list .type-list .one em.up{
	background: url(./slideUp.png) no-repeat;
}
#center .course-list .right{
	float: right;
	width: 1060px;
	overflow: hidden;
}
#center .course-list .right .title{
	background: #eff4f4;
	width: 1020px;
	line-height: 42px;
	height: 42px;
	padding: 0 20px;
	overflow: hidden;
	color: #5c5c5c;
}
#center .live-list .right{
	float: right;
	width: 100%;
	overflow: hidden;
}
#center .live-list .right .title{
	background: #eff4f4;
	width: 1260px;
	line-height: 42px;
	height: 42px;
	padding: 0 20px;
	overflow: hidden;
	color: #5c5c5c;
}
#center .course-list .right .title span,#center .live-list .right .title span{
	float: right;
}
#center .course-list .right .title .show,#center .live-list .right .title .show{
	float: left;
}
#center .course-list .right .title .show em,#center .live-list .right .title .show em{
	float: right;
}
#center .course-list .right .title .show span,#center .live-list .right .title .show span{
	width: 50px;
	text-align: center;
	font-size: 14px;
	color: #707070;
	cursor: pointer;
}
#center .course-list .right .title .show span.hover,#center .live-list .right .title .show span.hover{
	color: #f6422a;
}
#center .course-list .right .title .show span.list-show,#center .live-list .right .title .show span.list-show{
	width: 16px;
	height: 42px;
	background: url(./listshow.png) no-repeat center center;
	margin-left: 15px;
}
#center .course-list .right .title .show span.list-show:hover,#center .live-list .right .title .show span.list-show:hover{
	background: url(./listshowactive.png) no-repeat center center;
}
#center .course-list .right .title .show .list-show.active,#center .live-list .right .title .show .list-show.active{
	background: url(./listshowactive.png) no-repeat center center;
}
#center .course-list .right .title .show span.menu-show,#center .live-list .right .title .show span.menu-show{
	width: 16px;
	height: 42px;
	background: url(./course-list.png) no-repeat center center;
	margin-left: 15px;
}
#center .course-list .right .title .show span.menu-show:hover,#center .live-list .right .title .show span.menu-show:hover{
	background: url(./course-listactive.png) no-repeat center center;
}
#center .course-list .right .title .show .menu-show.active,#center .live-list .right .title .show .menu-show.active{
	background: url(./course-listactive.png) no-repeat center center;
}
#center .course-list .right .title .show span:hover,#center .live-list .right .title .show span:hover{
	color: #f6422a;
}
#center .course-list .right .title .show span.active,#center .live-list .right .title .show span.active{
	color: #f6422a;
}
#center .course-list .right .list,#center .live-list .right .list{
	width: 100%;
	overflow: hidden;
}
#center .course-list .right .list ul,
#center .live-list .right .list ul{
	width: 100%;
	overflow: hidden;
}

#center .course-list .right .list ul.one-show,#center .live-list .right .list ul.one-show{
	width: 1106px;
	padding-bottom: 10px;
	/*min-height: 1300px;*/
}
#center .course-list .right .list ul.one-show li,#center .live-list .right .list ul.one-show li{
	border: none;
}
#center .course-list .right .list ul.one-show li:hover,#center .live-list .right .list ul.one-show li:hover{
	box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px;
}
#center .course-list .right .list ul.one-show li,#center .live-list .right .list ul.one-show li{
	float: left;
	border: 1px solid #ccc;
	margin: 15px 44px 0 0;
	width: 230px;
	padding: 0;
}
#center .course-list .right .list ul.one-show li a,#center .live-list .right .list ul.one-show li a{
	height: 133px;
	overflow: hidden;
	position: relative;
	display: block;
}
#center .course-list .right .list ul.one-show li a:hover img,#center .live-list .right .list ul.one-show li a:hover img{
	transform: scale(1.1);
}
#center .course-list .right .list ul.one-show li a img,#center .live-list .right .list ul.one-show li a img{
	transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1) 0s;
	width: 100%;
	height: 100%;
}
#center .course-list .right .list ul.one-show li .course-tit,#center .live-list .right .list ul.one-show li .course-tit{
	/* width: 206px; */
	height: 76px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #e7edf6;
	padding: 0 7px;
}
#center .course-list .right .list ul.one-show li .course-tit a,#center .live-list .right .list ul.one-show li .course-tit a{
	font-size: 14px;
	color: #34495e;
	line-height: 28px;
	height: 28px;
	width: 100%;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#center .course-list .right .list ul.one-show li .time-tit,#center .live-list .right .list ul.one-show li .time-tit{
	line-height: 20px;
	height: 20px;
	color: #A0A0A0;
}
#center .course-list .right .list ul.one-show li .time-tit span,#center .live-list .right .list ul.one-show li .time-tit span{
	font-size: 12px;
	color: #A0A0A0;
}
#center .course-list .right .list ul.one-show li .ellipsis-name,#center .live-list .right .list ul.one-show li .ellipsis-name{
	overflow: hidden;
}
#center .course-list .right .list ul.one-show li .ellipsis-name a,#center .live-list .right .list ul.one-show li .ellipsis-name a{
	font-size: 12px;
	color: #666666;
	line-height: 30px;
	float: left;
	display: block;
	width: 100px; 
	margin-right: 12px;
}
#center .course-list .right .list ul.one-show li .ellipsis-name span,#center .live-list .right .list ul.one-show li .ellipsis-name span{
	font-size: 12px;
	color: #666666;
	display: block;
	width: 90px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	float: left;
	line-height: 25px;
	height: 25px;
}
#center .course-list .right .list ul.one-show li .ellipsis-name span.right-sch,#center .live-list .right .list ul.one-show li .ellipsis-name span.right-sch{
	text-align: right;
}
#center .course-list .right .list ul.one-show li .baoming,#center .live-list .right .list ul.one-show li .baoming{
	overflow: hidden;
}
#center .course-list .right .list ul.one-show li .baoming p,#center .live-list .right .list ul.one-show li .baoming p{
	margin: 0 10px;
	line-height: 34px;
	font-size: 12px;
	color: #A0A0A0;
	float: left;
}
#center .course-list .right .list ul.one-show li .baoming .putton-go,#center .live-list .right .list ul.one-show li .baoming .putton-go{
	float: right;
	margin: 6px 10px 0 0;
	width: 64px;
	height: auto;
}
#center .course-list .right .list ul.one-show li .baoming .putton-go .putton-gr,#center .live-list .right .list ul.one-show li .baoming .putton-go .putton-gr{
	display: block;
	text-align: center;
	width: 100%;
	height: 22px;
    line-height: 22px;
    background: #b2b2b2;
    color: #FFFFFF;
    position: relative;
    font-size: 12px;
    background: url(./btn2.png) no-repeat;
}
#center .course-list .right .list ul.one-show li .baoming .putton-go .putton-blue,#center .live-list .right .list ul.one-show li .baoming .putton-go .putton-blue{
	display: block;
	text-align: center;
	width: 100%;
	height: 22px;
    line-height: 22px;
    background: #b2b2b2;
    color: #FFFFFF;
    position: relative;
    font-size: 12px;
    background: url(./btnblue-hover.png) no-repeat;
    cursor: pointer;
}
#center .course-list .right .list ul.one-show li .baoming .putton-go .putton-blue:hover,#center .live-list .right .list ul.one-show li .baoming .putton-go .putton-blue:hover{
    background: url(./btn3.png) no-repeat;
}
#center .course-list .right .list ul.one-show li .baoming .putton-go .putton-org,#center .live-list .right .list ul.one-show li .baoming .putton-go .putton-org{
	display: block;
	text-align: center;
	width: 100%;
	height: 22px;
    line-height: 22px;
    background: #b2b2b2;
    color: #FFFFFF;
    position: relative;
    font-size: 12px;
    background: url(./btn1.png) no-repeat;
    cursor: pointer;
}
#center .course-list .right .list ul.one-show li .baoming .putton-go .putton-org:hover,#center .live-list .right .list ul.one-show li .baoming .putton-go .putton-org:hover{
	background: url(./btnorg-hover.png) no-repeat;
}

#center .course-list .right .list .two-show{
	display: none;
	/*min-height: 1570px;*/
}
#center .course-list .right .list .two-show li{
	width: 100%;
	height: 126px;
	padding: 15px 0;
	overflow: hidden;
	border-bottom: 1px solid #dcdcdc;
	position: relative;
}
#center .course-list .right .list .two-show li .info{
	position: relative;
	margin: 0 149px 0 240px;
}
#center .course-list .right .list .two-show li img{
	width: 220px;
	height: 126px;
	float: left;
}
#center .course-list .right .list .two-show li .info h1{
	color: #34495e;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#center .course-list .right .list .two-show li .info p.tit{
	margin-top: 12px;
	color: #858585;
	font-size: 12px;
	height: 35px;
	line-height: 1.5em;
	overflow: hidden;
}
#center .course-list .right .list .two-show li .info p{
	color: #858585;
	font-size: 12px;
	margin-top: 10px;
}
#center .course-list .right .list .two-show li .info p span{
	margin-right: 10px;
}
#center .course-list .right .list .two-show li .btn{
	float: right;
	overflow: hidden;
	padding-right: 10px;
	height: 126px;
	width: 84px;
	position: absolute;
	top: 15px;
	right: 0;
}
#center .course-list .right .list .two-show li .btn .putton-blue{
	display: block;
	width: 84px;
	height: 32px;
	background: url(./btn-go.png) no-repeat;
	text-align: center;
	line-height: 32px;
	color: #fff;
	margin-top: 50%;
}
#center .course-list .right .list .two-show li .btn .putton-blue:hover{
	background: url(./btn-gohvoer.png) no-repeat;
}
#center .course-list .right .list .two-show li .btn .putton-org{
	display: block;
	width: 84px;
	height: 32px;
	background: url(./btn-gr.png) no-repeat;
	text-align: center;
	line-height: 32px;
	color: #fff;
	margin-top: 50%;
}
#center .course-list .right .list .two-show li .btn .putton-org:hover{
	background: url(./btn-grhover.png) no-repeat;
}
#center .course-list .right .list .two-show li .btn .putton-gr{
	display: block;
	width: 84px;
	height: 32px;
	background: url(./btn-over.png) no-repeat;
	text-align: center;
	line-height: 32px;
	color: #fff;
	margin-top: 50%;
}
#center .course-list .right .list ul li.page{
	width: 100%;
	text-align: center;
	border: none;
	margin-top: 65px;
	height: 25px;
}
#center .course-list .right .list ul li.page:hover{
	transform: none;
	-webkit-box-shadow: none;
}
#center .course-list .right .list ul .page span{
	text-align: center;
	line-height: 25px;
	padding: 4px 9px;
	margin: 0 3px;
	cursor: pointer;
	color: #000;
}
#center .course-list .right .list ul .page span:hover{
	color: #f6422a;
}
#center .course-list .right .list ul .page em.current{
	line-height: 25px;
	padding: 4px 9px;
	margin: 0 3px;
	text-align: center;
	background: #c8161d;
	color: #fff;
	cursor: default;
}



/*center-player*/

.course-info{
	width: 100%;
	background: #fff;
	overflow: hidden;
	margin-top: 90px;
}
.course-info .center{
	width: 1300px;
	margin: 0 auto;
	padding: 15px 0;
	overflow: hidden;
}
.course-info .center .left{
	float: left;
	width: 50%;
}
.course-info .center .left img{
	width: 113px;
	height: 63px;
	float: left;
}
.course-info .center .left .tit{
	float: left;
	margin: 0 0 0 25px;
	width: 70%;
}
.course-info .center .left .tit p{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 2.5em;
	color: #6c6c6c;
	font-size: 12px;
}
.course-info .center .left .tit p.c-title{
	font-size: 16px;
	color: #2e2e2e;
	line-height: 2em;
}
.course-info .center .right{
	float: right;
}
.course-info .center .right li{
	float: left;
	width: 120px;
	height: 63px;
	border-right: 1px solid #e5e5e5;
}
.course-info .center .right li.mes{
	border-right: none;
}
.course-info .center .right li p{
	color: #252525;
	font-size: 14px;
	text-align: center;
}
.course-info .center .right li p.num{
	font-size: 24px;
	color: #f6422a;
	margin-bottom: 15px;
}
.course-player{
	width: 100%;
	overflow: hidden;
	background: #ededed;
}
.course-player .center{
	width: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 25px 0;
}
.course-player .center .player{
	width: 100%;
	height: 620px;
	background: #000;
	position: relative;
}
.course-player .center .player .player-right{
	/*position: absolute;
	right: 0;
	margin-top: -185px;
	width: 50px;
	height: 370px;
	top: 50%;*/
	width: 50px;
	height: 370px;
	float: right;
	overflow: hidden;
	z-index: 10001;
	position: relative;
	top: 50%;
	margin-top: -185px;
	/*display: none;*/
}
.course-player .center .player .player-box{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 620px;
	float: left;
}
.course-player .center .player .right-box{
	position: absolute;
	overflow: hidden;
	right: 0;
	/*height: 580px;*/
}
.course-player .center .player .menu-box{
	width: 0;	
	height: 100%;
	overflow: hidden;
	background-color: #262626;
	float: right;
	z-index: 10;
	position: relative;
}
.course-player .center .player .menu-box .list{
	overflow-y: auto;
	height: 557px;
}
.course-player .center .player .menu-box .list::-webkit-scrollbar{
	width:5px;
    height:5px;
}
.course-player .center .player .menu-box .list::-webkit-scrollbar-thumb{
	background: rgba(224,221,221,0.5);
    border-radius:4px;
}
.course-player .center .player .menu-box .join-course{
	width: 90%;
	margin: 0 auto;
	padding: 15px 0;
	overflow: hidden;
	border-bottom: 1px solid #5f5f5f;
}
.course-player .center .player .menu-box .join-course a{
	display: block;
}
.course-player .center .player .menu-box .join-course a.join-btn{
	width: 200px;
	color: #fff;
}
.course-player .center .player .menu-box .join-course a.join-btn{
	background-color: #f6422a;
}
.course-player .center .player .menu-box .join-course a.join-btn:before{
	background-position: -142px -894px;
}
.course-player .center .player .menu-box .join-course a.join-btn:hover:before{
	background-position: -156px -894px;
}
.course-player .center .player .menu-box .join-course a.join-btn:hover:after{
	background-position: -161px -894px;
}
.course-player .center .player .menu-box .join-course a.join-btn:after{
	background-position: -147px -894px;
}
.course-player .center .player .menu-box .join-course a.join-btn:hover{
	background-color: #f6422a;
}
.course-player .center .player .menu-box .one-chaper{
	width: 100%;
}
.course-player .center .player .menu-box .one-chaper li,.course-player .center .player .menu-box .one-chaper .wk li{
	width: 100%;
	/*height: 40px;*/
	line-height: 40px;
	font-size: 14px;
	color: #8a8a8a;
	position: relative;
}
.course-player .center .player .menu-box .one-chaper li .two-chaper{
	
}

.course-player .center .player .menu-box .one-chaper li span{
	display: block;
	width: 95%;
	padding-left: 5%;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;	
}
.course-player .center .player .menu-box .one-chaper li .two-chaper li:hover,.course-player .center .player .menu-box .one-chaper .wk li:hover{
	background: #464545;
}
.course-player .center .player .menu-box .one-chaper li .two-chaper li:hover a,.course-player .center .player .menu-box .one-chaper .wk li:hover a{
	color: #f6422a;
}
.course-player .center .player .menu-box .one-chaper li .two-chaper a,.course-player .center .player .menu-box .one-chaper .wk li a{
	padding: 0 10px 0 40px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
    color: #8a8a8a;
}
.course-player .center .player .menu-box .one-chaper li .two-chaper a span,.course-player .center .player .menu-box .one-chaper .wk li a span{
	width: 70%;
	float: left;
	padding: 0;
}
.course-player .center .player .menu-box .one-chaper li .two-chaper a em,.course-player .center .player .menu-box .one-chaper .wk li a em{
	width: 25%;
	float: right;
	color: #f6422a;
	display: none;
}
.course-player .center .player .menu-box .one-chaper li.active{
	background-color: #464545;
}
.course-player .center .player .menu-box .one-chaper li.active span{
	color: #f6422a;
	/*color: #fff;*/
}
.course-player .center .player .menu-box .one-chaper li.active a em{
	display: block;
}
.course-player .center .player .menu-box .one-chaper li em.video{
	width: 20px;
	height: 20px;
	background: url(./videolog.png) no-repeat;
	position: absolute;
	left: 18px;
	top: 10px;	
}
.course-player .center .player .menu-box .one-chaper li.active em.video{
	background: url(./videologactive.png) no-repeat;
}
.course-player .center .player .menu-box .one-chaper .two-chaper li:hover em.video,.course-player .center .player .menu-box .one-chaper .wk li:hover em.video{
	background: url(./videologactive.png) no-repeat;
}
.course-player .center .player .menu-box .one-chaper li em.ppt{
	width: 20px;
	height: 20px;
	position: absolute;
	left: 18px;
	top: 10px;	
	background: url(./ppt.png) no-repeat;
}
.course-player .center .player .menu-box .one-chaper li.active em.ppt{
	background: url(./pptactive.png) no-repeat;
}
.course-player .center .player .menu-box .one-chaper .two-chaper  li:hover em.ppt,.course-player .center .player .menu-box .one-chaper .wk  li:hover em.ppt{
	background: url(./pptactive.png) no-repeat;
}
.course-player .center .player .menu-box .one-chaper li em.word{
	width: 20px;
	height: 20px;
	position: absolute;
	left: 18px;
	top: 10px;	
	background: url(./word.png) no-repeat;
}
.course-player .center .player .menu-box .one-chaper li.active em.word{
	background: url(./wordactive.png) no-repeat;
}
.course-player .center .player .menu-box .one-chaper .two-chaper li:hover em.word,.course-player .center .player .menu-box .one-chaper .wk li:hover em.word{
	background: url(./wordactive.png) no-repeat;
}
.course-player .center .player .menu-box .one-chaper .wk li em.ppt,.course-player .center .player .menu-box .one-chaper .wk li em.word,.course-player .center .player .menu-box .one-chaper .wk li em.video{
	left: 5px;
}
/*video*/
.course-player .center .player .video{
	width: 100%;
	height: 620px;
	margin: 0;
}
.course-player .center .player .signUp-box{
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #000;
    display: none;
    z-index: 100;	
}
.course-player .center .player .signUp-box .signUp{
	margin: 0 auto;
	width: 500px;
	height: 200px;
	background: #1A1A1B;
	position: absolute;
	top: 50%;left: 50%;
	margin: -100px 0 0 -250px;
}
.course-player .center .player .signUp-box .signUp .icon{
	width: 150px;
	float: left;
}
.course-player .center .player .signUp-box .signUp .icon span{
	display: block;
	width: 75px;
	height: 75px;
	background: url(./signUp.png);
	margin: 65px auto 0 auto;
}
.course-player .center .player .signUp-box .signUp p{
	overflow: hidden;
	margin-top: 20px;
}
.course-player .center .player .signUp-box .signUp .right{
	float: right;
	width: 350px;
}
.course-player .center .player .signUp-box .signUp p .pop-btn{
	float: left;
	margin-left: 8px;
}
.course-player .center .player .signUp-box .signUp p.info{
    color: #FFF;
    font-size: 22px;	
    text-align: left;
    margin-top: 60px;
}

/*---------------------------播放器失败-------------------------------*/
.player-error{
    position: absolute ;
    width: 100% ;
    height: 100% ;
    background-color: #000 ;
    bottom: 0 ;
    left: 0 ;
    right: 0 ;
    top: 0 ;
    display: none ;
    z-index: 9999 ;
}
.player-error .error-cont{
    margin: 0 auto ;
    margin-top: 20% ;
    background-color: #1A1A1B ;
    height: 200px ;
    width: 500px ;
}
.player-error .error-cont .nv{
    overflow: hidden ;
    height: 1px ;
    background-color: #898181 ;
}
.player-error .error-cont .cont-li{
    padding: 15px 0 10px 0 ;
    text-align: center ; 
}
.player-error .error-cont .cont-li b{
    color: #FFF ;
    font-size: 22px ;
}
.player-error .error-cont .cont-li .menu-li{
    padding: 20px 0 10px 0 ;
    text-align: center ;
    margin: 0 auto ;
}
.player-error .error-cont .cont-li .menu-li span{
    padding-left: 30px ;
    /*float: left ;*/
    color: #108C37 ;
    font-size: 15px ;
    font-weight: 800 ;  
    display: block ;
    cursor: pointer ;
    display:inline ;
}
.player-error .error-cont .cont-li  .menu-li::after{
    visibility: hidden; 
    height: 1px ;
    content: " " ;
    overflow: hidden;
    /*clear: : both ; */
    display: block;
}
.ui-spinner-input{
	margin: 0 auto;
}
/*docum*/
.course-player .center .player .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9;
	background: rgba(255,255,255,0.5);
	display: none;
}
.course-player .center .player .docum,
.course-player .center .player .ppt-player{
	position: absolute;
	top: 0;
	z-index: 10;
	left: 8%;
	width: 75%;
	height: 90%;
	padding: 0 50px 0 50px;
	border-radius: 5px;
	margin-top: 30px;
	background: #fff;
	display: none;
}
.course-player .center .player .docum{
	padding-right: 0;
	display: none;
	
}
.course-player .center .player .docum .con,
.course-player .center .player .ppt-player .con{
	width: 95%;
	margin-top: 10px;
}
.course-player .center .player .docum .con .menu,
.course-player .center .player .ppt-player .con .menu{
	/*display: none;*/
}
.course-player .center .player .docum h1,
.course-player .center .player .ppt-player h1{
	margin-top: 40px;
	text-align: center;
	font-size: 20px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.course-player .center .player .docum .author{
	margin-top: 20px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.course-player .center .player .docum .acontent,
.course-player .center .player .ppt-player .con{
	line-height: 2em;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-top: 20px;
	font-size: 12px;
	overflow-y: scroll;
	height: 400px;
	padding-right: 10px;
	width: 100%;
}

.course-player .center .player .docum .acontent::-webkit-scrollbar,
.course-player .center .player .ppt-player .con::-webkit-scrollbar{
	width:10px;
    height:10px;
}
.course-player .center .player .docum .acontent::-webkit-scrollbar-thumb,
.course-player .center .player .ppt-player .con::-webkit-scrollbar-thumb{
    background: rgba(225,234,234,1);
    border-radius:4px;
}



.course-player .center .player .player-right li{
	width: 50px;
	background: rgba(58,58,58,0.7);
	padding: 13px 0;
	margin-bottom: 2px;
}
.course-player .center .player .player-right li.active{
	background-color: #f6422a;
}
.course-player .center .player .player-right li:hover{
	background: #f6422a;
}
.course-player .center .player .player-right a{
	display: block;
	color: #ffffff;
}
.course-player .center .player .player-right li span{
	display: block;
}
.course-player .center .player .player-right li span.chaper{
	width: 12px;
	height: 12px;
	margin: 0 auto 5px auto;
	background: url(./playlogo6.png) no-repeat;
}
.course-player .center .player .player-right li span.pj{
	width: 13px;
	height: 11px;
	margin: 0 auto 5px auto;
	background: url(./playlogo1.png) no-repeat;
}
.course-player .center .player .player-right li span.note{
	width: 10px;
	height: 12px;
	margin: 0 auto 5px auto;
	background: url(./playlogo2.png) no-repeat;
}
.course-player .center .player .player-right li span.question{
	width: 12px;
	height: 12px;
	margin: 0 auto 5px auto;
	background: url(./playlogo3.png) no-repeat;		
}
.course-player .center .player .player-right li span.talk{
	width: 14px;
	height: 12px;
	margin: 0 auto 5px auto;
	background: url(./playlogo4.png);
}
.course-player .center .player .player-right li p{
	text-align: center;
}
.course-player .center .player .player-right li .more{
	color: #fff;
	text-align: center;
}


#center-player{
	width: 1300px;
	margin-left: auto ;
	margin-right: auto;
	overflow: hidden;
}

.center-player{
	margin-top: 60px;
	overflow: hidden;
}
.center-player .cont{
	width: 100%;
	overflow: hidden;
}
.center-player .left{
	float: left;
	width: 905px;	
	padding-right: 15px;
}
.center-player .left .menu{
	width: 100%;
	overflow: hidden;
}
.center-player .left .menu li{
	float: left;
	width: 80px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #6C6C6C;
	font-size: 18px;
	cursor: pointer;
}
.center-player .left .menu li:hover{
	color: #f6422a;
	border-bottom: 1px solid #f6422a;
}
.center-player .left .menu li.active{
	color: #f6422a;
	border-bottom: 1px solid #f6422a;
}
.center-player .left .info{
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #d8d8d8;
}
.center-player .left .info .box{
	width: 100%;
	overflow: hidden;
	padding-top: 27px;
}
.center-player .left .info .box.jj{
	display: block;
}
.center-player .left .info .box.jj p{
	color: #000000;
	font-size: 14px;
}
.center-player .left .info .box.jj p.c-attr{
	text-indent: 2em;
	margin-top: 20px;
}
.center-player .left .info .box.jj p.c-attr a{
	color: #000;
}
.center-player .left .info .box.jj p.c-attr a:hover{
	color: #f6422a;
}
.center-player .left .info .box.jj p.course-jj{
	line-height: 2em;
	text-indent: 2em;
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 45px;
}
.center-player .left .info .box.zj{
	overflow: hidden;
	display: none;
}
.center-player .left .info .box.zj .wk{
	width: 100%;
	overflow: hidden;
}
.center-player .left .info .box.zj .wk li{
	width: 100%;
	padding: 6px 0;
	overflow: hidden;
	margin-bottom: 5px;
	cursor: pointer;
	position: relative;
}
.center-player .left .info .box.zj .wk li .chap-box{
	width: 100%;	
	overflow: hidden;
}
.center-player .left .info .box.zj .wk li .chap-name{
	padding-left: 15px;
    display: block;
    overflow: hidden;
    float: left;
    line-height: 28px;	
    /*width: 55%;*/
}
.center-player .left .info .box.zj .wk li .chap-name em{
    display: block;
    float: left;
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 25px;    	
}
.center-player .left .info .box.zj .wk li .chap-name em.study-time{
    color: #fa8b31;
    width: 130px;
    font-size: 14px;
    /*margin-left: 25px;*/	
}
.center-player .left .info .box.zj .wk li .chap-tit{
	float: right;
	/*width: 43%;*/
	position: absolute;
	right: 0;
}
.center-player .left .info .box.zj .wk li .chap-tit p{
	overflow: hidden;
}
.center-player .left .info .box.zj .wk li .chap-tit span{
	color: #6e6e6e;
    display: block;
    height: 28px;
    line-height: 28px;
    float: right;
    margin-right: 10px;	
}
.center-player .left .info .box.zj .wk li .chap-tit .play-btn{
    width: 81px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    background: url(./play-btn.png) no-repeat;
    text-align: center;
    float: right;
    margin-right: 10px;	
    display: none;    
}
.center-player .left .info .box.zj .wk li a{
	color: #000000;
}
.center-player .left .info .box.zj .wk li .chap-tit .play{
    width: 81px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    background: url(./play.png) no-repeat;
    text-align: center;
    float: right;
    margin-right: 10px;
    display: none;	
}
.center-player .left .info .box.zj .wk li .chap-tit .ic-see{
    background-position: -254px -305px;
    width: 18px;
    height: 18px;
    float: left;
    margin: 5px 5px 0 0;	
}
.center-player .left .info .box.zj .wk li .chap-ware{
	padding-left: 45px;
    /*margin-top: 10px;*/
    overflow: hidden;	
}
.center-player .left .info .box.zj .wk li .chap-ware span{
    max-width: 150px;
    float: right;
    display: block;
    height: 19px;
    line-height: 19px;
    margin: 0 20px 0 0;	
}
.center-player .left .info .box.zj .wk li .chap-ware span em{
    float: right;
    max-width: 127px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #787d82;	
}
.center-player .left .info .box.zj .wk li .chap-ware span .ic-fj{
	background-position: -255px -347px;
    width: 17px;
    height: 19px;
    float: right;
    margin-right: 5px;	
}
.center-player .left .info .box.zj .chap-one{
	padding: 0 0 20px 0;
}
.center-player .left .info .box.zj p.chap{
	color: #4d555d;
	font-size: 16px;
	font-weight: 600;
	overflow: hidden;
}
.center-player .left .info .box.zj p.chap span{
	float: left;
}
.center-player .left .info .box.zj p.chap span.title{
	margin-left: 10px;
    max-width: 88%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;	
}
.center-player .left .info .box.zj p.chap em{
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	margin-top: ;
	background: url(./icon.png);
	margin: 3px 0 0 10px;
	cursor: pointer;
	background-position: -274px -933px;
}
.center-player .left .info .box.zj p.chap em.up{
	background-position: -249px -933px;
}
.center-player .left .info .box.zj p.chap em:hover{
	background-position: -274px -909px;
}
.center-player .left .info .box.zj p.chap em.up:hover{
	background-position: -249px -909px;
}
.center-player .left .info .box.zj .chap-list{
	width: 100%;
	overflow: hidden;
	margin-top: 12px;
}
.center-player .left .info .box.zj .chap-list li{
	width: 100%;
	padding: 6px 0;
	overflow: hidden;
	margin-bottom: 5px;
	cursor: pointer;
	position: relative;
}
.center-player .left .info .box.zj .chap-list li.active,.center-player .left .info .box.zj .wk li.active{
	background: #e8f1ef;
}
.center-player .left .info .box.zj .chap-list li:hover,.center-player .left .info .box.zj .wk li:hover{
	background: #e8f1ef;
}
.center-player .left .info .box.zj .chap-list li:hover .play-time{
	/*display: none;*/
}
.center-player .left .info .box.zj .chap-list li:hover .chap-tit .play-btn{
	display: block;
}
.center-player .left .info .box.zj .chap-list li.active .play-time{
	display: none;
}
.center-player .left .info .box.zj .chap-list li a{
	color: #000000;
}
.center-player .left .info .box.zj .chap-list li .chap-box{
	width: 100%;
	overflow: hidden;
}
.center-player .left .info .box.zj .chap-list li .chap-name{
	padding-left: 45px;
	display: block;
	overflow: hidden;
	float: left;
	line-height: 28px;
}
.center-player .left .info .box.zj .chap-list li .chap-name em{
	display: block;
	float: left;
	width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #787d82;
	margin-right: 10px;
}
.center-player .left .info .box.zj .chap-list li .chap-name em.study-time{
	color: #fa8b31;
	width: 130px;
	font-size: 14px;
	/*margin-left: 25px;*/
}
.center-player .left .info .box.zj .chap-list li .chap-tit{
	float: right;
	/*width: 50%;*/
	position: absolute;
	right: 0;
}
.center-player .left .info .box.zj .chap-list li .chap-tit .play-btn{
	display: block;
	width: 81px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	background: url(./play-btn.png) no-repeat;
	text-align: center;
	float: right;
	margin-right: 10px;
	display: none;
}
.center-player .left .info .box.zj .chap-list li .chap-tit .play{
	display: block;
	width: 81px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	background: url(./play.png) no-repeat;
	text-align: center;
	float: right;
	margin-right: 10px;
	display: none;
}
.center-player .left .info .box.zj .chap-list li .chap-tit .play-btn.active{
	background: url(./player-btnactive.png);
}
.center-player .left .info .box.zj .chap-list li .chap-box span.visit-num,.center-player .left .info .box.zj .wk li .chap-box span.visit-num{
	color: #6e6e6e;
	display: block;
	height: 28px;
	line-height: 28px;
	/*float: right;*/
	margin-left: 25px;	
	color: #787d82;
	position: absolute;
	left: 60%;
}
.center-player .left .info .box.zj .chap-list li .chap-name .ic-see,.center-player .left .info .box.zj .wk li .chap-name .ic-see {
    background-position: -254px -305px;
    width: 18px;
    height: 18px;
    float: left;
    margin: 5px 5px 0 0;
}
.center-player .left .info .box.zj .chap-list li .chap-tit p{
	overflow: hidden;
}
.center-player .left .info .box.zj .chap-list li .chap-tit .chap-ware{
	margin-top: 20px;
	overflow: hidden;
}
.center-player .left .info .box.zj .chap-list li .chap-tit .chap-ware span{
	width: 150px;
	float: right;
	display: block;
	height: 19px;
	line-height: 19px;
	margin: 0 0 0 20px;
	/*text-align: right;*/
}

.center-player .left .info .box.zj .chap-list li .chap-tit .chap-ware span .ic-fj {
    background-position: -255px -347px;
    width: 17px;
    height: 19px;
    float: right;
    margin-right: 5px;
}
.center-player .left .info .box.zj .chap-list li .chap-tit .chap-ware span em{
	float: right;
	width: 127px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #1b1b1b;
}

.center-player .left .info .box.zj .chap-list li .chap-ware{
	padding-left: 45px;	
	/*margin-top: 10px;*/
	overflow: hidden;
}
.center-player .left .info .box.zj .chap-list li .chap-ware span{
	max-width: 150px;
	float: right;
	display: block;
	height: 19px;
	line-height: 19px;
	margin: 0 20px 0 0;
}
.center-player .left .info .box.zj .chap-list li .chap-ware span:hover .ic-fj{
	background-position: -254px -261px;
}
.center-player .left .info .box.zj .chap-list li .chap-ware span:hover em{
	color: #f6422a;
}
.center-player .left .info .box.zj .chap-list li .chap-ware span em{
	float: right;
	max-width: 127px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #787d82;
}
.center-player .left .info .box.zj .chap-list li .chap-ware span .ic-fj{
	background-position: -255px -347px;
    width: 17px;
    height: 19px;
    float: right;
    margin-right: 5px;
}

.center-player .left .info .box.tz{
	display: none;
}
.center-player .left .info .box.tz li{
	width: 97.5%;
	margin-bottom: 16px;
	padding: 15px 10px;	
	position: relative;
}
.center-player .left .info .box.tz li .stop{
	display: block;
	position: absolute;
	bottom: 0;
	width: 57px;
	height: 15px;
	left: 50%;
	margin-left: -28.5px;
	background: url(./stop.png);
	cursor: pointer;
	display: none;
}
.center-player .left .info .box.tz li .open{
	background: url(./tz-more.png);
}
.center-player .left .info .box.tz li .more{
	display: block;
	width: 102px;
	height: 37px;
	text-align: center;
	line-height: 37px;
	margin: 0 auto;
	cursor: pointer;
	background: url(./tzMore.png) no-repeat;
}
.center-player .left .info .box.tz li .more:hover{
	background: url(./tzMore1.png) no-repeat;
	color: #f6422a;
}
.center-player .left .info .box.tz li p{
	line-height: 1.5em;
}
.center-player .left .info .box.tz li p.time{
	text-align: right;
	margin-top: 10px;
	color: #898989;
}
.center-player .left .info .box.tz li.yes{
	border: 1px solid #cfcfcf;
	background: #fdfcfc;
}
.center-player .left .info .box.tz li.yes p{
	color: #bbbbbb;
}
.center-player .left .info .box.tz li.no{
	border: 1px dashed #cfcfcf;	
}
.center-player .left .info .box.zy{
	display: none;
}
.center-player .left .info .box.zy .task-tip{
	height: 30px;
	border: 1px dashed #ffedcd;
	background-color: #fef9f0;
}
.center-player .left .info .box.zy .task-tip p{
	margin-left: 10px;
	color: #626262;
	font-size: 12px;
	line-height: 30px;
}
.center-player .left .info .box.zy .mue-decline{
	border-bottom: 1px solid #E5E5E5;
}
.center-player .left .info .box.zy .mue-decline p{
	line-height: 50px;
	color: #444;
	margin-left: 10px;
}
.center-player .left .info .box.zy .mue-decline p .new_list_num{
	color: #F89341;
	margin: 0 5px;
}
.center-player .left .info .box.zy .no-list .task-not{
	width: 100%;
	height: 125px;
	background-color: #FBFBFB;
	border-bottom: 1px solid #EEEEEE;
	overflow: hidden;
}
.center-player .left .info .box.zy .no-list .task-not:nth-child(2n+2){
	background: #fff;
}
.center-player .left .info .box.zy .no-list .task-not .task-infor{
	padding: 10px;
	float: left;
	width: 50%;
}
.center-player .left .info .box.zy .no-list .task-not .task-infor p,.center-player .left .info .box.zy .no-list .task-not.h-over p{
	color: #444;
	line-height: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.center-player .left .info .box.zy .no-list .task-not.h-over p{
	line-height: 30px;
	padding-left: 10px;
}
.center-player .left .info .box.zy .no-list .task-not .task-infor p em,.center-player .left .info .box.zy .no-list .task-not.h-over p em{
	margin: 0 5px;
}
.center-player .left .info .box.zy .no-list .task-not .task-infor p .jc,.center-player .left .info .box.zy .no-list .task-not.h-over p .jc{
	font-weight: bold;
}
.center-player .left .info .box.zy .no-list .task-not .task-pus{
	float: right;
	margin-right: 10px;
	margin-top: 40px;
}
.center-player .left .info .box.zy .no-list .task-not .task-pus .xq-btn{
    padding: 0 20px;
    float: right;
    color: #fff;
    background-color: #58b2cb;	
}
.center-player .left .info .box.zy .no-list .task-not .task-pus .xq-btn:before{
    background-position: -169px -894px;	
}
.center-player .left .info .box.zy .no-list .task-not .task-pus .xq-btn:hover:before{
    background-position: -181px -894px;
}
.center-player .left .info .box.zy .no-list .task-not .task-pus .xq-btn:after{
    background-position: -174px -894px;	
}
.center-player .left .info .box.zy .no-list .task-not .task-pus .xq-btn:hover:after{
	background-position: -186px -894px;
}
.center-player .left .info .box.zy .no-list .task-not .task-pus .xq-btn:hover
{
	background: #43a6c1;
}
.center-player .left .info .box.zy .no-list .task-not .task-pus .answer-task{
	float: right;
	padding: 0 20px;
	background: #f6422a;
}
.center-player .left .info .box.zy .no-list .task-not .task-pus .answer-task:hover{
	background: #f6422a;
}
.center-player .left .info .box.zy .no-list .task-not .task-pus .answer-task:hover:before{
	background-position: -156px -894px;
}
.center-player .left .info .box.zy .no-list .task-not .task-pus .answer-task:hover:after{
	background-position: -161px -894px;
}
.center-player .left .info .box.zy .no-list .task-not .task-pus .answer-task:before{
	background-position: -142px -894px;
}
.center-player .left .info .box.zy .no-list .task-not .task-pus .answer-task:after{
	background-position: -147px -894px;
}
.center-player .left .info .box.zy .no-list .task-not .task-pus a{
	float: left;
}
.pub-btn-White{
    height: 30px;
    line-height: 30px;
    background: #fff;
    color: #000;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
}
.center-player .left .info .box.zy .no-list .task-not .task-pus .cc{
	margin-right: 15px;
}
.center-player .left .info .box.zy .no-list .task-not .task-pus .pub-btn-White{
	width: 130px;
}
.center-player .left .info .box.zy .no-list .task-not .task-pus .pub-btn-White .ic-download{
	display: block;
	width: 23px;
	height: 23px;
	background: url(./download-homework.png) no-repeat;
	float: left;
	margin-top: 3px;
}
.center-player .left .info .box.zy .no-list .task-not .task-pus .upload-pro{
	width: 130px;
	background: #f6422a;
}
.center-player .left .info .box.zy .no-list .task-not .task-pus .upload-pro:hover{
	background: #f6422a;
}
.center-player .left .info .box.zy .no-list .task-not .task-pus .upload-pro:hover:before{
	background-position: -156px -894px;
}
.center-player .left .info .box.zy .no-list .task-not .task-pus .upload-pro:hover:after{
	background-position: -161px -894px;
}
.center-player .left .info .box.zy .no-list .task-not .task-pus .upload-pro:before{
	background-position: -142px -894px;
}
.center-player .left .info .box.zy .no-list .task-not .task-pus .upload-pro:after{
	background-position: -147px -894px;
}
.center-player .left .info .box.zy .no-list .task-not .task-pus .upload-pro .ic-upload{
	display: block;
	width: 23px;
	height: 23px;
	background: url(./upload-homework.png) no-repeat;
	float: left;
	margin-top: 3px;
}
.center-player .left .info .box.zy .yes-list{
	overflow: hidden;	
}
.center-player .left .info .box.zy .yes-list li{
	padding: 10px;
	border-bottom: 1px solid #EEEEEE;
}
.center-player .left .info .box.zy .yes-list li p{
	color: #444;
	line-height: 28px;
	overflow: hidden;
	color: #7e7e7e;
	font-size: 14px;
}
.center-player .left .info .box.zy .yes-list li p span{
	padding-right: 20px;
	color: #7e7e7e;
}
.center-player .left .info .box.zy .yes-list li p .fen{
	color: #FF0000;
	font-weight: bold;
	margin: 0 5px;
}
.center-player .left .info .box.ks{
	display: none;
}
.center-player .left .info .box.ks .no-exam,
.center-player .left .info .box.ks .yes-exam{
	overflow: hidden;
}
.center-player .left .info .box.ks .no-exam li{
	padding: 10px;
	border-bottom: 1px solid #EEEEEE;
	overflow: hidden;
}
.center-player .left .info .box.ks .no-exam li .exam-infor{
	width: 80%;
	float: left;
}
.center-player .left .info .box.ks .no-exam li .exam-infor p{
	color: #444;
	line-height: 35px;
}
.center-player .left .info .box.ks .no-exam li .exam-infor p span.exam-time{
	color: #ff8d27;
}
.center-player .left .info .box.ks .no-exam li .exam-infor .jc{
	font-weight: bold;
    max-width: 45%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;	
    line-height: normal;
    margin-bottom: -4px;
}
.center-player .left .info .box.ks .no-exam li .exam-pus{
	float: right;
	margin-right: 10px;
	margin-top: 60px;
}
.center-player .left .info .box.ks .no-exam li .exam-pus .answer-test{
	padding: 0 20px;
	float: right;
	color: #fff;
	background-color: #f6422a;
}
.center-player .left .info .box.ks .no-exam li .exam-pus .answer-test:hover{
	background-color: #f6422a;
}
.center-player .left .info .box.ks .no-exam li .exam-pus .answer-test:hover:before{
	background-position: -156px -894px;
}
.center-player .left .info .box.ks .no-exam li .exam-pus .answer-test:hover:after{
	background-position: -161px -894px;
}
.center-player .left .info .box.ks .no-exam li .exam-pus .answer-test:before{
	background-position: -142px -894px;
}
.center-player .left .info .box.ks .no-exam li .exam-pus .answer-test:after{
	background-position: -147px -894px;
}
.center-player .left .info .box.ks .no-exam li .exam-pus .return-btn{
	background: #aaaaaa;
	padding: 0 20px;
}
.center-player .left .info .box.ks .no-exam li .exam-pus .return-btn:after{
	background-position: -200px -894px;
}
.center-player .left .info .box.ks .no-exam li .exam-pus .return-btn:before{
	background-position: -195px -894px;	
}

.center-player .left .info .box.ks .yes-exam li{
	padding: 10px;
	border-bottom: 1px solid #EEEEEE;
	overflow: hidden;
}
.center-player .left .info .box.ks .yes-exam li .exam-infor{
	float: left;
	width: 80%;
}
.center-player .left .info .box.ks .yes-exam li .exam-infor p{
	color: #7e7e7e;
	line-height: 35px;
	overflow: hidden;
	text-overflow: hidden;
	white-space: nowrap;
}
.center-player .left .info .box.ks .yes-exam li .exam-infor p span.exam-time{
	color: #ff8d27;
}
.center-player .left .info .box.ks .yes-exam li .exam-infor p span.padding{
	padding-left: 20px;
}
.center-player .left .info .box.ks .yes-exam li .exam-infor .jc{
	font-weight: bold;
}
.center-player .left .info .box.ks .yes-exam li .exam-pus{
	float: right;
	margin-right: 10px;
	margin-top: 60px;
}
.center-player .left .info .box.ks .yes-exam li .exam-pus .xq-btn{
	padding: 0 20px;
	float: right;
	color: #fff;
	background-color: #58b2cb;
}
.center-player .left .info .box.ks .yes-exam li .exam-pus .xq-btn:hover{
	background-color: #43a6c1;
}
.center-player .left .info .box.ks .yes-exam li .exam-pus .xq-btn:hover:before{
	background-position: -181px -894px;
}
.center-player .left .info .box.ks .yes-exam li .exam-pus .xq-btn:hover:after{
	background-position: -186px -894px;
}
.center-player .left .info .box.ks .yes-exam li .exam-pus .xq-btn:before{
	background-position: -169px -894px;
}
.center-player .left .info .box.ks .yes-exam li .exam-pus .xq-btn:after{
	background-position: -174px -894px;
}

.center-player .left .info .box.tl{
	padding: 0;
	display: none;
}
.center-player .left .info .box.tl .nav{
	width: 100%;
	background-color: #f8f8f8;
	height: 40px;
	margin-bottom: 20px;
}
.center-player .left .info .box.tl .nav li{
	float: left;
	width: 110px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #000;
	cursor: pointer;
}
.center-player .left .info .box.tl .nav li:hover{
	color: #f6422a;
}
.center-player .left .info .box.tl .nav li.active{
	color: #f6422a;
	cursor: default;
}
.center-player .left .info .box.tl .talk{
	overflow: hidden;
	width: 100%;
}
.center-player .left .info .box.tl .talk .title{
	width: 100%;
	padding: 20px 0;
	overflow: hidden;
}
.center-player .left .info .box.tl .talk .title span{
	padding: 0 50px 0 0;
	color: #737373;
	display: block;
	float: left;
	height: 20px;
}
.center-player .left .info .box.tl .talk .title span i{
	display: block;
	float: left;margin-right: 10px;
}
.center-player .left .info .box.tl .talk .title span i.todayT{
	width: 12px;
	height: 14px;
	background: url(./todayT.png) no-repeat;
}
.center-player .left .info .box.tl .talk .title span i.numT{
	width: 14px;
	height: 16px;
	background: url(./numT.png) no-repeat;
}
.center-player .left .info .box.tl .talk .title span i.myT{
	width: 15px;
	height: 15px;
	background: url(./myT.png) no-repeat;
}
.center-player .left .info .box.tl .talk li {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 10px;
}
.center-player .left .info .box.tl .talk li a{
	display: block;
}
.center-player .left .info .box.tl .talk li a:hover span{
	color: #f6422a;
}
.center-player .left .info .box.tl .talk li span{
	color: #252525;	
}
.center-player .left .info .box.tl .talk li span.name{
	width: 60%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
}
.center-player .left .info .box.tl .talk li span.time{
	float: right;
	width: 35%;
	text-align: right;
}
.center-player .left .info .box.tl .question{
	overflow: hidden;
	width: 100%;
	display: none;
}
.center-player .left .info .box.tl .question .title{
	width: 100%;
	padding: 20px 0;
	overflow: hidden;
}
.center-player .left .info .box.tl .question .title span{
	padding: 0 50px 0 0;
	color: #737373;
	display: block;
	float: left;
	height: 20px;
}
.center-player .left .info .box.tl .question .title span i{
	display: block;
	float: left;margin-right: 10px;
}
.center-player .left .info .box.tl .question .title span i.todayT{
	width: 12px;
	height: 14px;
	background: url(./todayT.png) no-repeat;
}
.center-player .left .info .box.tl .question .title span i.numT{
	width: 14px;
	height: 16px;
	background: url(./numT.png) no-repeat;
}
.center-player .left .info .box.tl .question .title span i.myT{
	width: 15px;
	height: 15px;
	background: url(./myT.png) no-repeat;
}
.center-player .left .info .box.tl .question li {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 10px;
}
.center-player .left .info .box.tl .question li a{
	display: block;
}
.center-player .left .info .box.tl .question li a:hover span{
	color: #f6422a;
}
.center-player .left .info .box.tl .question li span{
	color: #252525;	
}
.center-player .left .info .box.tl .question li span.name{
	width: 60%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
}
.center-player .left .info .box.tl .question li span.time{
	float: right;
	width: 35%;
	text-align: right;
}


.center-player .left .info .box.bj{
	padding: 0;
	display: none;
}
.center-player .left .info .box.bj .nav{
	width: 100%;
	background-color: #f8f8f8;
	height: 40px;
	margin-bottom: 20px;
}
.center-player .left .info .box.bj .nav li{
	float: left;
	width: 110px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #000;
	cursor: pointer;
	overflow: hidden;
}
.center-player .left .info .box.bj .nav li:hover{
	color: #f6422a;
}
.center-player .left .info .box.bj .nav li.active{
	color: #f6422a;
	cursor: default;
}
.center-player .left .info .box.bj .head{
	width: 56px;
	float: left;
	overflow: hidden;
}
.center-player .left .info .box.bj ul.other-note{
	overflow: hidden;
}
.center-player .left .info .box.bj ul.other-note li{
	width: 100%;
	overflow: hidden;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
}
.center-player .left .info .box.bj ul.other-note .head img{
	width: 56px;
	height: 56px;
	border-radius: 50%;
}
.center-player .left .info .box.bj ul.other-note .head p{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}
.center-player .left .info .box.bj ul.other-note .content{
	width: 90%;
	float: right;
}
.center-player .left .info .box.bj ul.other-note .content p.note-con{
	text-align: justify;
	line-height: 1.5em;
}
.center-player .left .info .box.bj ul.other-note .content p.time{
	text-align: right;
	color: #848484;
	line-height: 21px;
}
.center-player .left .info .box.bj ul.other-note .content p.time .like{
	display: block;
	width: 21px;
	height: 21px;
	background: url(./star.png) no-repeat;
	float: right;
	margin-right: 15px;
	cursor: pointer;
}
.center-player .left .info .box.bj ul.other-note .content p.time .like:hover{
	background: url(./starhover.png) no-repeat;
}
.center-player .left .info .box.bj ul.other-note .content p.time .like.active{
	background: url(./starhover.png) no-repeat;	
}
.center-player .left .info .box.bj ul.other-note .content p.time em{
	float: right;
}



.center-player .left .info .box.bj ul.my-note{
	overflow: hidden;
	display: none;
}
.center-player .left .info .box.bj ul.my-note li{
	width: 100%;
	overflow: hidden;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
}
.center-player .left .info .box.bj ul.my-note .head img{
	width: 56px;
	height: 56px;
	border-radius: 50%;
}
.center-player .left .info .box.bj ul.my-note .head p{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}
.center-player .left .info .box.bj ul.my-note .content{
	width: 90%;
	float: right;
}
.center-player .left .info .box.bj ul.my-note li .content p.title{
	margin-bottom: 10px;
	font-size: 16px;
}
.center-player .left .info .box.bj ul.my-note li .content .like{
	display: block;
	width: 21px;
	height: 21px;
	background: url(./star.png) no-repeat;
	float: right;
	margin-right: 15px;
	cursor: pointer;
}
.center-player .left .info .box.bj ul.my-note li .content p .like.active{
	background: url(./starhover.png) no-repeat;	
}
.center-player .left .info .box.bj ul.my-note li .content p.title em{
	margin: 0 5px;
	color: #F89341;
}
.center-player .left .info .box.bj ul.my-note .content p.note-con{
	text-align: justify;
	line-height: 1.5em;
	color: #202020;
}
.center-player .left .info .box.bj ul.my-note .content p.time{
	text-align: right;
	color: #848484;
	line-height: 16px;
	overflow: hidden;
	margin-top: 10px;
}
.center-player .left .info .box.bj ul.my-note .content p.time .delete{
	display: block;
	width: 14px;
	height: 16px;
	background: url(./delete-note.png) no-repeat;
	float: right;
	margin-right: 15px;
	cursor: pointer;
}
.center-player .left .info .box.bj ul.my-note .content p.time .delete:hover{
	background: url(./deletehover.png) no-repeat;
}
.center-player .left .info .box.bj ul.my-note .content p.time .delete.active{
	background: url(./deletehover.png) no-repeat;	
}
.center-player .left .info .box.bj ul.my-note .content p.time em{
	float: right;
}
.center-player .left .info .box.bj ul.my-note li .content p.time{
	line-height: 21px;
}

.center-player .left .info .box.pl{
	width: 100%;
	overflow: hidden;
	display: none;
}
.center-player .left .info .box.pl .eva{
	width: 100%;
	height: 120px;
	background-color: #FBFBFB;
	overflow: hidden;
}
.center-player .left .info .box.pl .eva li{
	float: left;
}
.center-player .left .info .box.pl .eva .grad{
	width: 230px;
	height: 100%;
    padding-top:8px;
	text-align: center;
	position: relative;
}
.center-player .left .info .box.pl .eva .grad .discuss_num{
	color: #6C6C6C;
}
.center-player .left .info .box.pl .eva .grade-#f6422a{
	color: #f56a6a;
	font-size: 36px;
}
.center-player .left .info .box.pl .eva .grade-xin{
	width: 165px;
    height: 22px;
    background: url(./rate.png) no-repeat 0 -27px;
    top: 3px;
    cursor: pointer;
    margin: 5px auto 5px;
}
.center-player .left .info .box.pl .eva .grade-xin01{
	display: block;
    width: 168px;
    height: 22px;
    background: url(./rate.png) no-repeat 0 0;
}
.center-player .left .info .box.pl .eva .grad-to{
	width: 450px;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.center-player .left .info .box.pl .eva .grade-pos{
	margin: 15px 0 0 10px;	
	overflow: hidden;
}
.center-player .left .info .box.pl .eva .grade-pos .grade-pos01{
	margin: 17px 0 0 0;
}
.center-player .left .info .box.pl .eva .grade-pos .grade-pos01 span{
	display: block;
	width: 100px;
	text-align: end;
	margin-right: 10px;
	float: left;
}
.center-player .left .info .box.pl .eva .grade-pos .grade-pos01 .grade-xinl{
	width: 92px;
	height: 13px;
	background: url(./rate.png) no-repeat 0 -87px;
	float: left;
	margin-top: 4px;
	margin-right: 10px;
}
.center-player .left .info .box.pl .eva .grade-pos .grade-pos01 .grade-xinl .grade-xin02{
	display: block;
	width: 94px;
	height: 13px;
	background: url(./rate.png) no-repeat 0 -70px;
}
.center-player .left .info .box.pl .eva .grad-to:after{
	content: "";
	height: 90px;
	width: 1px;
	position: absolute;
	top: 15px;
	right: 0px;
	background-color: #E5E5E5;
}
.center-player .left .info .box.pl .eva .grad-thr{
	width: 200px;
	height: 100%;
}
.center-player .left .info .box.pl .eva .grad-thr .assess-btn{
	width: 120px;
	height: 34px;
	background: url(./my-pj.png) no-repeat;
	text-align: center;
	line-height: 34px;
	cursor: pointer;
	margin: 44px 0 0 55px;
}
.center-player .left .info .box.pl .eva .grad-thr .assess-btn:hover{
	background: url(./my-pj1.png) no-repeat;
	color: #f6422a;
}
.center-player .left .info .box.pl .notes-list{
	overflow: hidden;
	width: 100%;
}
.center-player .left .info .box.pl .notes-list>li{
	width: 100%;
	border-bottom: 1px solid #EAEAEA;
	padding: 30px 0;
	float: left;
	overflow: hidden;
}
.center-player .left .info .box.pl .notes-list .stu-info{
	width: 90px;
	text-align: center;
	float: left;
	font-size: 16px;	
}
.center-player .left .info .box.pl .notes-list .stu-info img{
	border-radius: 50%;
	width: 60px;
	height: 60px;
}
.center-player .left .info .box.pl .notes-list .stu-info p{
	color: #252525;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.center-player .left .info .box.pl .notes-list li .notes-cont{
	width: 730px;
	float: left;
	margin-left: 50px;
}
.center-player .left .info .box.pl .notes-list li .notes-cont .star-area{
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
}
.center-player .left .info .box.pl .notes-list li .notes-cont .star-area>div{
	width: 350px;
	overflow: hidden;
	float: left;
	padding: 6px 0;
}
.center-player .left .info .box.pl .notes-list li .notes-cont .star-area>div span{
	float: left;
	margin-right: 10px;
	width: 90px;
}
.center-player .left .info .box.pl .notes-list li .notes-cont .star-area .grade-xinl{
	width: 92px;
    height: 13px;
    background: url(./rate.png) no-repeat 0 -87px;
    float: left;
    margin-top: 4px;
    margin-right: 10px;
}
.center-player .left .info .box.pl .notes-list li .notes-cont .star-area .grade-xinl em{
	display: block;
    width: 94px;
    height: 13px;
    background: url(./rate.png) no-repeat 0 -70px;
}
.center-player .left .info .box.pl .notes-list li .notes-cont .star-area .grt{
	color: #DD0000;
	position: absolute;
	top: 6px;
	right: 10px;
	font-size: 20px;
}
.center-player .left .info .box.pl .notes-list li .notes-cont p{
	min-height: 65px;
	line-height: 22px;
	padding: 4px 0;
	color: #252525;
}
.center-player .left .info .box.pl .notes-list li .notes-cont .notes-cont-nav{
	color: #4C4C4C;	
}
.center-player .left .info .box.pl .notes-list li .notes-cont .notes-cont-nav .collect-area{
	cursor: pointer;
	float: right;
	display: inline;
}
.center-player .left .info .box.pl .notes-list li.page{
	width: 100%;
	text-align: center;
	border: none;
	margin-top: 65px;
	height: 25px;
}
.center-player .left .info .box.pl .notes-list li.page:hover{
	transform: none;
	-webkit-box-shadow: none;
}
.center-player .left .info .box.pl .notes-list li.page span{
	text-align: center;
	line-height: 25px;
	padding: 4px 9px;
	margin: 0 3px;
	cursor: pointer;
}
.center-player .left .info .box.pl .notes-list li.page span:hover{
	color: #f6422a;
}
.center-player .left .info .box.pl .notes-list li.page span.current{
	background: #f6422a;
	color: #fff;
	cursor: default;
}



.center-player .right{
	float: right;
	width: 363px;
	padding-left: 15px;
	overflow: hidden;
	border-left: 1px solid #e8e8e8;
}
.center-player .right h1{
	line-height: 40px;
	font-size: 18px;
	color: #6C6C6C;
	border-bottom: 1px solid #d8d8d8;
}
.center-player .right .teacher{
	overflow: hidden;
	width: 100%;
	padding: 13px 0;
}
.center-player .right .img{
	width: 80px;
	height: 80px;
	float: left;
}
.center-player .right .img img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.center-player .right .name{
	overflow: hidden;
	width: 270px;
	margin-left: 13px;
	float: left;
}
.center-player .right .name p{
	color: #202020;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 14px 0;
}
.center-player .right .name p.school{
	color: #898989;
	font-size: 14px;
}
.center-player .right .t-info{
	margin: 0 0 18px 0;
	color: #898989;
	line-height: 1.8em;
	padding-bottom: 10px;
	text-align: justify;
	background: none;
}
.center-player .right .t-info span{
	color: #f6422a;
	cursor: pointer;
	margin-left: 20px;
}
.center-player .right ul{
	overflow: hidden;
}
.center-player .right .tea-con{
	width: 100%;
	overflow: hidden;
}
.center-player .right .tea-con .tea-contt{
	width: 333px;
	height: 43px;
	overflow: hidden;
	position: relative;
	float: left;
}
.center-player .right .tea-con .tea-contt ul{
	position: absolute;
	left: 0;
}
.center-player .right .tea-con .left-togg{
	display: block;
	width: 12px;
	height: 22px;
	background: url(./left.png) no-repeat;
	float: left;
	padding: 0;
	margin-right: 3px;
	margin-top: 12px;
	cursor: pointer;
}
.center-player .right .tea-con .right-togg{
	display: block;
	width: 12px;
	height: 22px;
	background: url(./right.png) no-repeat;
	float: right;
	padding: 0;
	margin-right: 3px;
	margin-top: 12px;
	cursor: pointer;
}
.center-player .right li{
	float: left;
	width: 181px;
	overflow: hidden;
}
.center-player .right li .head-img{
	width: 43px;
	height: 43px;
	float: left;
}
.center-player .right li .head-img img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.center-player .right li .t-name{
	float: left;
	margin-left: 5px;
	width: 125px;
}
.center-player .right li .t-name p{
	color: #898989;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.center-player .right li .t-name .name{
	width: 100%;
	margin: 0;
	float: none;
	color: #202020;
	margin-bottom: 5px;
}
.center-player .right .student{
	overflow: hidden;
	width: 100%;
	margin-top: 45px;
}
.center-player .right .student h1{
	line-height: 40px;
	color: #202020;
	position: relative;
}
.center-player .right .student h1 em{
	position: absolute;
	float: right;	
	display: block;
	top: 50%;
	right: 0;
	margin-top: -9.5px;
	cursor: pointer;
}
.center-player .right .student h1 em.prev{
	width: 19px;
	height: 22px;
	right: 24px;
	background: url(./student-prev.png) no-repeat;
}
.center-player .right .student h1 em.prev:hover{
	background: url(./stu-prevhover.png) no-repeat;
}
.center-player .right .student h1 em.prev.active{
	background: url(./stu-prevhover.png) no-repeat;
}
.center-player .right .student h1 em.next{
	width: 19px;
	height: 22px;
	background: url(./next.png) no-repeat;
}
.center-player .right .student h1 em.next.active{
	background: url(./stu-nexthover.png) no-repeat;
}
.center-player .right .student h1 em.next:hover{
	background: url(./stu-nexthover.png) no-repeat;
}
.center-player .right .student li{
	padding: 5px 0;
	overflow: hidden;
	border-bottom: 1px dashed #e8e8e8;
	width: 100%;
}
.center-player .right .student li .head-img{
	float: left;
	width: 43px;
	height: 43px;
}
.center-player .right .student li .cz{
	width: 120px;
	margin-left: 10px;
	float: left;
	padding: 10px 0;
}
.center-player .right .student li .cz .private-info{
	width: 22px;
	height: 16px;
	background: url(./privateInfo.png) no-repeat;
	cursor: pointer;
	display: block;	
	float: left;
}
.center-player .right .student li .cz .private-info:hover{
	background: url(./privateInfohover.png);
}
.center-player .right .student li .cz .join{
	margin-left: 20px;
	width: 22px;
	height: 16px;
	background: url(./playerjoin.png) no-repeat;
	cursor: pointer;
	display: block;	
	float: left;
}
.center-player .right .student li .stu-info{
	float: left;
	width: 180px;
	margin-left: 10px;
}
.center-player .right .student li .stu-info p{
	color: #6c6c6c;
	font-size: 12px;
}
.center-player .right .student li .stu-info p.tit{
	height: 50px;
	overflow: hidden;
	position: relative;
}
/*.center-player .right .student li .stu-info p.after:after{
	bottom: 0;
	right: 0;
	content: '...';
	font-weight: bold;
	position: absolute;
	padding: 0 10px 1px 45px;
	opacity: 0.6;
	color: #000;
	font-size: 16px;
	background: url(./ellipsis_bg.png) repeat-y;
	display: none;
}*/
.center-player .right .student li .stu-info p.title{
	color: #202020;
	overflow: hidden;
	margin-bottom: 10px;
}
.center-player .right .student li .stu-info p.title em{
	display: block;
	float: left;
}
.center-player .right .student li .stu-info p.title em.stu-name{
	max-width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.center-player .right .student li .stu-info p.title em.private-info{
	margin: 3px 0 0 10px;
	width: 14px;
	height: 10px;
	background: url(./private-info.png) no-repeat;
	cursor: pointer;
}
.center-player .right .student li .stu-info p.title em.join{
	width: 17px;
	height: 13px;
	margin-left: 10px;
	background: url(./join.png) no-repeat;
	cursor: pointer;
}
.center-player .right .student li .stu-info p.progress{
	margin-top: 10px;
}
.center-player .right .student li .stu-info p.progress em{
	color: #fa0303;
	font-size: 14px;
	font-weight: bold;
}

/*player over*/







/*newCourselist start*/
.newCoursebanner{
	width: 100%;
	height: 283px;
	background: url(./bannercoursebg.png) no-repeat;
	overflow: hidden;
}
.newCoursebanner .tit{
	width: 1270px;
	height: 220px;
	margin: 16px auto 0 auto;
	padding: 15px;
	background: rgba(255,255,255,0.7);
}
.newCoursebanner .tit .school-logo{
	width: 100%;
	height: 75px;
	float: left;
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.newCoursebanner .tit .school-logo img{
	width: 247px;
	height: 63px;
}
.newCoursebanner .tit .tea-num{
	font-size: 14px;
	color: #45474a;
	font-weight: bold;
	margin-right: 25px;
}
.newCoursebanner .tit .course-num{
	font-size: 14px;
	color: #45474a;
	font-weight: bold;
}
.newCoursebanner .tit span em{
	color: #f6422a;
	font-size: 16px;
}
.newCoursebanner .tit .school-info{
	font-size: 14px;
	color: #45474a;
	line-height: 1.5em;
	margin-top: 15px;
	overflow: hidden;
	position: relative;
	height: 85px;
	text-align: justify;
}
/*.newCoursebanner .tit .school-info::after{
	content:"...";
	font-weight:bold;
	position:absolute;
	bottom:0;
	right:0;
	padding:0 20px 1px 45px;
	background:url(./ellipsis_bg.png) repeat-y;
	opacity: 0.6;
}*/
.newc-type{
	margin-top: 40px;
}
.newc-type .c-type-t{
	border-bottom: 1px solid #ccc;
	padding: 0;
	height: 45px;
}
.newc-type .c-type-t .left{
	float: left;
	width: 100px;
	height: 45px;
	line-height: 45px;
	position: relative;
	text-align: center;
}
.newc-type .c-type-t span{
	width: 100%;
	height: 4px;
	display: block;
	border-bottom: 1px solid #f6422a;
	position: absolute;
	bottom: -1px;
}
.newc-type .c-type-t span em{
	display: block;
	width: 8px;
	height: 3px;
	margin: 0 auto -2px auto;
	background: url(./top.png) no-repeat;
}
/*newCourselist over*/

/*school-list start*/
.school-list{
	width: 100%;
	float: left;
	overflow: hidden;
}
.school-list .title{
	height: 40px;
	border-bottom: 1px solid #e5e5e5;
}
.school-list .left{
	float: left;
	width: 100px;
	height: 40px;
	line-height: 40px;
	position: relative;
	text-align: center;
	font-size: 18px;
}
.school-list .left em{
	display: block;
	width: 4px;
	height: 22px;
	background: #f6422a;
	float: left;
	margin: 9px 15px 0 0;
}
.school-list .search-right{
	float: right;
	overflow: hidden;
}
.school-list .search-right button{
	width: 66px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: none;
	color: #fff;
	cursor: pointer;
	background: url(./search.png) no-repeat;
	float: left;
	margin-left: 20px;
}
.school-list .search-right button:hover{
	background: url(./searchhover.png) no-repeat;
}
.school-list .search-school{
	width: 273px;
}
.school-list .search-school input{
	width: 90%;
	color: #c0c0c0;
}
.school-list .list-con{
	width: 100%;
	float: left;
	margin-top: 30px;
}
.school-list .list-con ul{
	overflow: hidden;
}
.school-list .list-con li{
	background: #fbfcfd;
	border: 1px solid #eaf0f6;
	width: 43%;
	padding: 1% 2%;
	height: 180px;
	float: left;
	margin-bottom: 27px;
}
.school-list .list-con li:hover{
	cursor: pointer;
	box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
}
.school-list .list-con li .school-logo{
	width: 100%;
	border-bottom: 1px solid #eaf0f6;
	margin-bottom: 16px;
	padding: 10px 0;
}
.school-list .list-con li .school-logo h3{
	font-size: 20px;
	color: #6c737d;
}
.school-list .list-con li .school-logo img{
	width: 250px;
	height: 60px;
}
.school-list .list-con li p{
	font-size: 12px;
	color: #6c737d;
}
.school-list .list-con li p .number{
	margin: 0 3px;
}
.school-list .list-con li p .course-num{
	margin-left: 25px;
}
.school-list .list-con li p.shool-tit{
	line-height: 1.5em;
	height: 72px;
	margin-top: 10px;
	overflow: hidden;
	position: relative;
	text-justify: inter-ideograph;
	text-align: justify;
}
/*.school-list .list-con li p.shool-tit::after{
	content:"...";
	font-weight:bold;
	position:absolute;
	bottom:0;
	right:0;
	padding:0 20px 1px 45px;
	background:url(./ellipsis_bg.png) repeat-y;
}*/
/*school-list over*/


/*teacher-list start*/
.teacher-list{
	width: 100%;
	float: left;
	overflow: hidden;
}
.teacher-list .left-box{
	width: 1000px;
	padding-right: 24px;
	border-right: 1px solid #e5e5e5;
	overflow: hidden;
	float: left;
}
.teacher-list .right-box{
	width: 260px;
	float: right;
	overflow: hidden;
}
.teacher-list .title{
	height: 40px;
	border-bottom: 1px solid #e5e5e5;
}
.teacher-list .left{
	float: left;
	width: 100px;
	height: 40px;
	line-height: 40px;
	position: relative;
	text-align: center;
	font-size: 18px;
}
.teacher-list .left em{
	display: block;
	width: 4px;
	height: 22px;
	background: #f6422a;
	float: left;
	margin: 9px 15px 0 0;
}
.teacher-list .search-right{
	float: right;
	overflow: hidden;
}
.teacher-list .search-right button{
	width: 66px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: none;
	color: #fff;
	cursor: pointer;
	background: url(./search.png) no-repeat;
	float: left;
	margin-left: 20px;
}
.teacher-list .search-right button:hover{
	background: url(./searchhover.png) no-repeat;
}
.teacher-list .search-school{
	width: 273px;
	margin-right: 10px;
}
.teacher-list .search-school input{
	width: 90%;
	color: #c0c0c0;
}
.teacher-list .list-con{
	width: 1048px;
	float: left;
	margin-top: 30px;
}
.teacher-list .list-con .teacher_li{
	overflow: hidden;
}
.teacher-list .list-con li{
	background: #fbfcfd;
	border: 1px solid #eaf0f6;
	width: 200px;
	height: 365px;
	padding: 0 10px 10px 10px;
	margin-right: 38px;
	float: left;
	margin-bottom: 27px;
	position: relative;
}
/*.teacher-list .list-con li:nth-child(3n+3){
	margin-right: 0;
}*/
.teacher-list .list-con li:hover{
	cursor: pointer;
	box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
}
.teacher-list .list-con li .head{
	width: 108px;
	height: 108px;
	border-radius: 50%;
	margin: 20px auto 15px auto;
}
.teacher-list .list-con li .head img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.teacher-list .list-con li .best-teacher{
	position: absolute;
	display: block;
	width: 45px;
	height: 45px;
	right: 0;
	top: 0;
	background: url(./bestTeacher.png) no-repeat;
}
.teacher-list .list-con li .best-teacher em{
	color: #fff;
	font-size: 14px;
	display: block;
	margin: 5px 0 0 25px;
}
.teacher-list .list-con li p.tea-name{
	text-align: center;
	font-size: 16px;
	color: #3c3d3f;
	height: 18px;
	line-height: 18px;
}
.teacher-list .list-con li p.tea-name a{
	color: #3c3d3f;
	font-size: 16px;
	display: block;
	width: 89%;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
	text-align: center;
}
.teacher-list .list-con li p.tea-name .private{
	float: left;
	display: block;
	width: 22px;
	height: 16px;
	margin-bottom: -3px;
	background: url(./privateInfo.png) no-repeat;
}
.teacher-list .list-con li p.tea-name .private:hover{
	background: url(./privateInfohover.png) no-repeat;
}
.teacher-list .list-con li p.info{
	font-size: 12px;
	color: #6c737d;
	margin-top: 15px;
	line-height: 1.5em;
	height: 142px;
	position: relative;
	overflow: hidden;
	text-justify: inter-ideograph;
	text-align: justify;
}
/*.teacher-list .list-con li p.info::after{
	content:"...";
	font-weight:bold;
	position:absolute;
	bottom:0;
	right:0;
	padding:0 20px 1px 45px;
	background:url(./ellipsis_bg.png) repeat-y;
}*/
.teacher-list .list-con li p.tit{
	border-top: 1px solid #e5e5e5;
	margin-top: 15px;
	overflow: hidden;
}
.teacher-list .list-con li p .subject{
	float: left;
	color: #706f6f;
	font-size: 12px;
	margin-top: 10px;
}
.teacher-list .list-con li p .course-num{
	float: right;
	color: #706f6f;
	font-size: 12px;
	margin-top: 5px;
}
.teacher-list .list-con li p .course-num em{
	font-size: 18px;
	display: inline-block;
	color: #FF0000;
	padding: 0 5px;
}
.teacher-list .right-box .course-more,
.teacher-list .right-box .praise-more{
	width: 100%;
	overflow: hidden;
}
.teacher-list .right-box .praise-more .score{
	margin-top: 10px;
	font-size: 12px;
	color: #6c737d;
}
.teacher-list .right-box .praise-more .score em{
	color: #FF0000;
}
.teacher-list .right-box .ranking{
	width: 100%;
	margin-top: 15px;
	overflow: hidden;
}
.teacher-list .right-box .ranking li{
	width: 100%;
	overflow: hidden;
	margin-bottom: 23px;
}
.teacher-list .right-box .ranking li span{
	float: left;
	display: block;
}
.teacher-list .right-box .ranking li span.num{
	color: #9099a2;
	font-size: 18px;
	font-weight: bold;
	width: 28px;
	height: 37px;
	text-align: center;
	line-height: 37px;
	margin-top: 20px;
	margin-left: 5%;
}
.teacher-list .right-box .ranking li span.one{
	background: url(./one.png) no-repeat;
}
.teacher-list .right-box .ranking li span.two{
	background: url(./two.png) no-repeat;
}
.teacher-list .right-box .ranking li span.three{
	background: url(./three.png) no-repeat;
}
.teacher-list .right-box .ranking li span.head{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	margin-left: 5%;
}
.teacher-list .right-box .ranking li span.head img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.teacher-list .right-box .ranking li span.tit{
	margin-left: 5%;
	padding-top: 13px;
	width: 42%;
}
.teacher-list .right-box .ranking li span.tit .name{
	font-size: 17px;
	color: #313131;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.teacher-list .right-box .ranking li span.tit .name a {
    font-size: 17px;
    color: rgb(49, 49, 49);
    display: block;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.teacher-list .right-box .ranking li span.tit .c-num{
	margin-top: 10px;
	font-size: 12px;
	color: #6c737d;
}
/*teacher-list over*/



/*pages*/
.pages,.page,.homeWorkPage,.examPage,.CourseMsgPage,.interPage,.notePage{
	width: 100%;
	text-align: center;
	border: none;
	height: 25px;
    margin-top: 65px;	
	overflow: hidden;
}
.pages:hover,
.page:hover,
.homeWorkPage:hover,
.examPage:hover,
.CourseMsgPage:hover,
.interPage:hover,
.notePage:hover{
	transform: none;
	-webkit-box-shadow: none;
}
.pages span,.pages a,
.page span,.page a,
.homeWorkPage span,.homeWorkPage a,
.examPage span,.examPage a,
.CourseMsgPage span,.CourseMsgPage a,
.interPage span,.interPage a,
.notePage span,.notePage a{
	text-align: center;
	line-height: 25px;
	padding: 4px 9px;
	margin: 0 3px;
	cursor: pointer;
	color: #000;
}
.pages span:hover,.pages a:hover,
.page span:hover,.page a:hover,
.homeWorkPage span:hover,.homeWorkPage a:hover,
.examPage span:hover,.examPage a:hover,
.CourseMsgPage span:hover,.CourseMsgPage a:hover,
.interPage span:hover,.interPage a:hover,
.notePage span:hover,.notePage a:hover,{
	color: #f6422a;
}
.pages em.current,
.page em.current,
.homeWorkPage em.current,
.examPage em.current,
.CourseMsgPage em.current,
.interPage em.current,
.notePage em.current{
	line-height: 25px;
	padding: 4px 9px;
	margin: 0 3px;
	text-align: center;
	background: #f6422a;
	color: #fff;
	cursor: default;
}

/*交流讨论区*/
.talk{
	margin: ;
}
.talk .back{
	display: block;
	padding: 0 0 17px 0;
	width: 100%;
	color: #212121;
	cursor: pointer;
}
.talk .back em{
	display: block;
	width: 19px;
	height: 16px;
	background: url(./back.png) no-repeat;
	float: left;
	margin-right: 10px;
}
.talk .talk-list{
	width: 100%;
	overflow: hidden;
}
.talk .talk-list li{
	overflow: hidden;
	padding: 20px 15px;
	border: 1px solid #dcdcdc;
}
.talk .talk-list li+li{
	border-top: none;
}
.talk .talk-list li.page{
	border: none;
	text-align: left;
	margin: 0;
	padding: 30px 15px;
}
.talk .talk-list li.page .pages{
	margin-top: 0;
}
.talk .talk-list li .avatar{
	float: left;
	width: 60px;
}
.talk .talk-list li .avatar img{
	width: 60px;
	height: 60px;
	border-radius: 50%;
}
.talk .talk-list li .avatar p{
	text-align: center;
	color: #212121;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.talk .talk-list li .cont{
	width: 1175px;
	float: left;
	margin-left: 25px;
	overflow: hidden;
}
.talk .talk-list li .cont p{
	line-height: 1.5em;
	color: #212121;
}
.talk .talk-list li .cont p.title{
	margin-bottom: 10px;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 700;
}
.talk .talk-list li .cont .form-box{
	float: right;
}
.talk .talk-list li .cont .form-box span{
	color: #212121;
	font-size: 14px;
	margin-right: 10px;
}
.talk .talk-list li .cont .form-box a{
	margin-right: 10px;
}
.talk .talk-list li .cont .form-box a.one-reply{
	padding: 0 15px;
}
.talk .talk-list .reply-box{
	width: 95.5%;
	background: #f3f3f3;
	padding: 25px 30px;
}
.talk .talk-list .reply-box p{
	font-size: 16px;
	color: #333333;
	text-align: left;
}
.talk .talk-list .reply-box .reply-info{
	width: 97.5%;
	height: 130px;
	padding: 15px;
	margin-top: 25px;
	border: 1px solid #dcdcdc;
	color: #000;
}
.talk .talk-list .reply-box .overflow{
	width: 100%;
	overflow: hidden;
}
.talk .talk-list .reply-box .reply-btn{
	padding: 0 20px;
	float: right;
	margin: 20px 4px 0 0;
}

.talk .talk-list li .list-cont .form-box span.two-reply{
	color: #1c9f94;
	font-size: 14px;
	cursor: pointer;
}
.talk .talk-list li .two-reply-list{
	width: 97%;
	float: right;
	margin-top: 50px;
	background: #f3f3f3;
	padding: 15px;
	display: none;
}
.talk .talk-list li .two-reply-list li{
	width: 100%;
	border: none;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #E0E0E0;
}
.talk .talk-list li .two-reply-list li .avatar{
	width: 50px;
}

.talk .talk-list li .two-reply-list li{
	margin-bottom: 10px;
}
.talk .talk-list li .two-reply-list li img{
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
.talk .talk-list li .two-reply-list li .right-info{
	width: 1064px;
	margin-left: 25px;
	float: left;
}
.talk .talk-list li .two-reply-list li .right-info p{
	font-size: 14px;
	color: #2b2b2b;
}
.talk .talk-list li .two-reply-list li .right-info .two-list-info{
	float: right;
}
.talk .talk-list li .two-reply-list li .right-info .two-list-info span{
	color: #434343;
	font-size: 14px;
	margin-right: 10px;
}
.talk .talk-list li .two-reply-list li .right-info .two-list-info .three-reply{
	color: #1c9f94;
	cursor: pointer;
}
.talk .talk-list li .two-reply-list li .right-info p span{
	color: #1c9f94;
	font-size: 14px;
}
.talk .talk-list li .two-reply-list li.two-reply-input{
	border: none;
}
.talk .talk-list li .two-reply-list li.two-reply-input .two-reply-btn{
	padding: 0 20px;
	float: right;
	margin: 20px 4px 0 0;
}
.talk .talk-list li .two-reply-list li.two-reply-input textarea{
	border: 1px solid #dcdcdc;
	padding: 10px;
	height: 50px;
	width: 98%;
	color: #000;
}
.talk .talk-list .overflow{
	width: 100%;
	overflow: hidden;
}

/*searchCourse start*/
.result{
	width: 100%;
	overflow: hidden;
	padding-bottom: 18px;
	border-bottom: 1px solid #dcdcdc;
}
.result .left{
	float: left;
	font-size: 16px;
	color: #000;
}
.result .left em{
	font-weight: bold;
	color: #f6ba55;
}
.result .right{
	float: right;
	color: #999999;
	font-size: 16px;
}
.result .right em{
	margin: 0 5px;
	color: #FF0000;
}
.result .right .close{
	display: block;
	float: right;
	margin: 4px 0 0 10px;
	cursor: pointer;
	width: 15px;
	height: 15px;
	background: url(./searchClose.png) no-repeat;
}
.result .right .close:hover{
	background: url(./searchCloseHover.png) no-repeat;
}
.result .input{
	float: left;
	overflow: hidden;
	display: none;
}
.result .input .input-bg{
	width: 300px;
}
.result .input input{
	width: 90%;
}
.result .input .button{
    width: 66px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: none;
    color: #fff;
    cursor: pointer;
    background: url(./search.png) no-repeat;
    float: left;
    margin-left: 20px;	
}
.result .input .button:hover{
	background: url(./searchhover.png) no-repeat;
}
.search-error{
	display: none;
	width: 100%;
	text-align: center;
	/*margin-top: 100px;*/
}
.c-list{
	width: 1332.5px;
	overflow: hidden;
	margin-top: 30px;
}
.c-list ul{
	overflow: hidden;
}
.c-list li{
    width: 232px;
    height: 241px;
    background-color: #f7f9fb;
    margin: 0 32.5px 20px 0;
    float: left;
    box-shadow: 2px 2px 5px #ebf1f8;	
    border: 1px solid #ccc;
}
.c-list li:hover{
	box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px 0px;
}
.c-list li a{
    display: block;
    height: 133px;
    overflow: hidden;	
}
.c-list li a:hover img{
    transform: scale(1.1);
}
.c-list li a img{
	width: 232px;
    height: 133px;
    transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1) 0s;
}
.c-list li .course-tit{
	width: 217px;
    height: 76px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #e7edf6;
    padding: 0 7px;
}
.c-list li .course-tit a{
    font-size: 16px;
    color: #000;
    line-height: 28px;
    height: 28px;
    width: 212px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;	
}
.c-list li .time-tit{
	line-height: 20px;
    height: 20px;
}
.c-list li .time-tit span{
	font-size: 12px;
    color: #A0A0A0;
}
.c-list li .ellipsis-name{
	overflow: hidden;
}
.c-list li .ellipsis-name a{
    font-size: 12px;
    color: #666666;
    line-height: 30px;
    float: left;
    display: block;
    width: 100px;	
}
.c-list li .ellipsis-name span{
    font-size: 12px;
    color: #666666;
    display: block;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    line-height: 25px;
    height: 25px;	
}
.c-list li .baoming{
	overflow: hidden;
}
.c-list li .baoming .putton-go{
    float: right;
    margin: 6px 20px 0 0;
    width: 64px;	
}
.c-list li .baoming a{
    display: block;
    height: 133px;
    overflow: hidden;	
}
.c-list li .baoming .putton-go span{
    display: block;
    text-align: center;	
}
.c-list li .baoming .putton-blue{
	display: block;
	text-align: center;
	width: 100%;
	height: 22px;
    line-height: 22px;
    background: #b2b2b2;
    color: #FFFFFF;
    position: relative;
    font-size: 12px;
    background: url(./btnblue-hover.png) no-repeat;	
}
.c-list li .baoming .putton-blue:hover{
	background: url(./btn3.png) no-repeat;
}
.c-list li .baoming .putton-org{
    display: block;
    text-align: center;
    width: 100%;
    height: 22px;
    line-height: 22px;
    color: rgb(255, 255, 255);
    position: relative;
    font-size: 12px;
    background: url(./btn1.png) no-repeat;	
}
.c-list li .baoming .putton-org:hover{
	background: url(./btnorg-hover.png) no-repeat;
}
.c-list li .baoming .putton-gr{
	width: 100%;
	height: 22px;
	line-height: 22px;
	background: #b2b2b2;
	color: #FFFFFF;
	position: relative;
	font-size: 12px;
	background: url(./btn2.png) no-repeat;
}
.c-list li .baoming p{
	margin: 0 10px;
    line-height: 34px;
    font-size: 12px;
    color: #A0A0A0;
    float: left;
}

/*searchCourse over*/


/*searchPerson start*/
.p-list{
	width: 1347.5px;
	overflow: hidden;
	margin-top: 30px;
}
.p-list li{
	width: 366px;
	height: 80px;
	border: 1px solid #ccc;
	padding: 15px 15px;
	float: left;
	margin: 0 47.5px 20px 0;
}
.p-list li:hover{
	box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px 0px;
}
.p-list li a.headImg{
	display: block;
	float: left;
}
.p-list li a img{
	width: 70px;
	height: 70px;
	border-radius: 50%;
}
.p-list li .info{
	width: 283px;
	margin-left: 13px;
	float: left;
}
.p-list li p{
	overflow: hidden;
	margin-bottom: 3px;
	line-height: 20px;
}
.p-list li p a{
	display: block;
	color: #0e0e0e;
	font-size: 14px;
	float: left;
	max-width: 60%;
}
.p-list li p .type{
	display: block;
	width: 30px;
	height: 20px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	float: right;
	font-size: 10px;
}
.p-list li p.school{
	color: #898989;
	font-size: 12px;
	height: 40px;
	text-align: justify;
}
.p-list li p .type.student{
	background: #10ae7e;
}
.p-list li p .type.teacher{
	background: #f39800;
}
.p-list li p .sx{
	display: block;
	width: 18px;
	height: 12px;
	background: url(./searchsx.png) no-repeat;
	cursor: pointer;
	float: right;
	margin-top: 5px;
}
.p-list li p.sx-box{
	margin-bottom: 0;
}
.p-list li p.sx-box .sc{
	width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #898989;
	font-size: 12px;
	float: left;
	height: 20px;
	line-height: 20px;
}
.p-list li p .sx:hover{
	background: url(./searchsx-hover.png) no-repeat;
}
.p-list li p .join{
	display: block;
	width: 17px;
	height: 13px;
	background: url(./join.png) no-repeat;
	cursor: pointer;
	float: right;
	margin: 5px 30px 0 0;
}
.p-list li p .del{
	background: url(./del.png) no-repeat;
}
/*searchPerson over*/


/*teacherDetail start*/
.t-info{
	width: 100%;
	background: #eff3f6;
	border-bottom: 1px solid #e5e5e5;
}
.t-info .center{
	 width: 1300px;
	 height: 90px;
	 /*overflow: hidden;*/
	 margin: 0 auto;
	 position: relative;
	 padding: 20px 0;
}
.t-info .center .icon{
	position: absolute;
	display: block;
	width: 18px;
	height: 10px;
	background: url(./t-infoicon.png);
	left: 40px;
	bottom: -1px;
}
.t-info .center .headImg{
	display: block;
	float: left;
	margin-left: 15px;
}
.t-info .center img{
	width: 75px;
	height: 75px;
	border-radius: 50%;
}
.t-info .center p a{
	color: #3c3d3f;
	font-size: 16px;
	float: left;
	display: block;
	max-width: 100%;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.t-info .center p .sx{
	display: block;
	width: 22px;
	height: 16px;
	float: left;
	margin-left: 2%;
	background: url(./privateInfo.png) no-repeat;
	cursor: pointer;
}
.t-info .center p .sx:hover{
	background: url(./privateInfohover.png) no-repeat;
}
.t-info .center p .s-name{
	max-width: 80%;
	height: 16px;
	line-height: 16px;
	color: #6c737d;
	font-size: 12px;
	float: left;
}
.t-info .center .info{
	float: left;
	margin-left: 25px;
	width: 1185px;
	overflow: hidden;
}
.t-info .center .info p.t-name{
	margin-bottom: 10px;
}
.t-info .center .info p{
	overflow: hidden;
	width: 100%;
}
/*.t-info .center .info p span{
	float: left;
}*/
.t-info .center .s-info{
	margin-top: 10px;
	line-height: 1.58em;
	color: #6c737d;
	font-size: 12px;
	width: 100%;
	height: 36px;
	overflow: hidden;
}
.t-detail{
	width: 100%;
	overflow: hidden;
}
.t-detail .t-h{
	width: 100%;
	padding: 0 0 13px 0;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
}
.t-detail .t-h .left{
	float: left;
	width: 50%;
}
.t-detail .t-h .left span{
	font-size: 16px;
	color: #171717;
	max-width: ;
}
.t-detail .t-h .left span .t-name{
	display: block;
	max-width: 50%;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.t-detail .t-h .left span.c-num{
	margin-left: 3%;
	color: #999999;	
	font-size: 16px;
}
.t-detail .t-h .left span.c-num em{
	margin: 0 5px;
	color: #FF0000;
}
.t-detail .t-h .right{
	float: right;
	width: 50%;
	overflow: hidden;
}
.t-detail .t-h .right .input-bg{
	width: 300px;
	float: right;
}
.t-detail .t-h .right input{
	width: 90%;
}
.t-detail .t-h .right .button{
	float: right;
	width: 66px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: none;
    color: #fff;
    cursor: pointer;
    background: url(./search.png) no-repeat;
    margin-left: 20px;	
}
.t-detail .t-h .right .button:hover{
	background: url(./searchhover.png) no-repeat;
}
.t-detail ul{
	width: 100%;
	overflow: hidden;
}
.t-detail ul li{
	padding: 22px;
	width: 1254px;
	border: 1px solid #e5e5e5;
	margin-top: 25px;
	overflow: hidden;
	position: relative;
}
.t-detail ul li img{
	float: left;
	width: 282px;
	height: 160px;
}
.t-detail ul li .right{
	/*float: left;*/
	/*margin-left: 15px;
	width: 957px;*/
	margin: 0 0 0 297px;
	position: relative;
}
.t-detail ul li .right p.title{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 17px;
}
.t-detail ul li .right p.title a{
	color: #121212;
	font-size: 16px;
}
.t-detail ul li .right p.c-tit{
	color: #999999;
	line-height: 1.5em;
	height: 63px;
	overflow: hidden;
	margin-bottom: 10px;
	text-align: justify;
}
.t-detail ul li .right p.c-time{
	color: #999999;
	font-size: 14px;
	/*margin-bottom: 12px;*/
	line-height: 32px;
}
.t-detail ul li .right p.c-type{
	font-size: 14px;
}
.t-detail ul li .right p.c-type.over{
	color: #FF0000;
}
.t-detail ul li .right p.c-type.start{
	color: #f6422a;
}
.t-detail ul li .btn{
    overflow: hidden;
    width:84px;
    height: 100%;
    top: 0;
    position: absolute;
    right: 22px;
}
.t-detail ul li .putton-blue{
    display: block;
    width: 84px;
    height: 32px;
    background: url(./btn-go.png) no-repeat;
    text-align: center;
    line-height: 32px;
    color: #fff;
    float: right;
}
.t-detail ul li .putton-blue:hover{
	background: url(./btn-gohvoer.png) no-repeat;
}
.t-detail ul li .putton-org{
    display: block;
    width: 84px;
    height: 32px;
    background: url(./btn-gr.png) no-repeat;
    text-align: center;
    line-height: 32px;
    color: #fff;
    float: right;
}
.t-detail ul li .putton-org:hover{
	background: url(./btn-grhover.png) no-repeat;
}
.t-detail ul li .putton-gr{
    display: block;
    width: 84px;
    height: 32px;
    background: url(./btn-over.png) no-repeat;
    text-align: center;
    line-height: 32px;
    color: #fff;
    float: right;
}
/*teacherDetail over*/

/*testTxt*/
.t-title{
	width: 99.5%;
	border: 1px solid #c4d0dc;
	padding: 15px 0;
	overflow: hidden;
}
.t-title .center{
	width: 1300px;
	margin: 0 auto;
	overflow: hidden;
}
.t-title .center a{
	color: #212121;
	float: left;
    line-height: 25px;
    width: 7%;
}
.t-title .center a em{
    display: block;
    width: 19px;
    height: 16px;
    background: url(./back.png) no-repeat;
    float: left;
    margin: 5px 10px 0 0;	
}
.t-title .center span{
	display: block;
	float: left;
	margin-left: 45px;
	font-size: 18px;
	color: #313131;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.test-txt{
	padding: 80px 60px;
	border: 1px solid #c4d0dc;
}
.test-txt h3{
	font-size: 18px;
	padding-bottom: 20px;
	color: #000;
}
.test-txt p{
	font-size: 14px;
	color: #000;
	padding: 20px 0;
}
.test-txt p span{
	color: #FF0000;
	font-weight: bold;
	margin: 0 5px;
}
.test-txt .test-txt-btn{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.test-txt .test-txt-btn .go-btn{
	margin: 50px 0 50px 35%;
	float: left;
	color: #fff;
}
.test-txt .test-txt-btn .close{
	float: left;
	display: block;
	margin: 50px 0 50px 10%;
	padding: 0 20px;
}

/*buildTest*/
.b-title{
	width: 100%;
	border-bottom: 1px solid #c4d0dc;
	padding: 15px 0;
	overflow: hidden;
	position: static;
	background: #FFFFFF;
	padding-top: 100px;
}
.b-title .center{
	width: 1300px;
	margin: 0 auto;
	overflow: hidden;
}
.b-title .center p{
	padding: 0 20px;
	font-size: 18px;
	color: #313131;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 80%;
	float: left;
	line-height: 39px;
}
.b-title .center .time,
.b-title .center .homework-num{
	width: 140px;
	float: right;
}
.b-title .center .time span,
.b-title .center .homework-num span{
	border-radius: 5px;
	text-align: center;
	font-size: 14px;
	color: #4d4d4d;
	display: block;
	background: #fae9da;
	padding: 10px;
}
.b-title .center .homework-num span em{
	color: #FF0000;
	margin: 0 5px;
}
.b-title .center .time span em{
	color: #e46324;
}
.t-cont{
	border: 1px solid #c4d0dc;
}
.t-cont .t-list{
	padding: 33px 30px;
	overflow: hidden;
}
.t-cont .t-list li.type{
	border: 1px solid #c4d0dc;
	padding: 0;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 10px;
	font-size: 16px;
	background: #f0f4f7;
}
.t-cont .t-list li{
	overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 20px;
}
.t-cont .t-list li p{
	line-height: 24px;
	/*overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;*/
}
/*.t-cont .t-list li p>span{
	display: block;
	text-indent: inherit;
	width: 95.5%;
	float: left;
}*/
.t-cont .t-list li p em{
	display: block;
	width: 36px;
	height: 24px;
	background: #eeeeee;
	text-align: center;
	line-height: 24px;
	float: left;
	color: #707070;
	border-radius: 5px;
	margin-right: 15px;
}
.t-cont .t-list li li{
	border: none;
	padding: 0;
	margin-bottom: 0;
}
.t-cont .t-list li:last-child{
	border: none;
}
.t-cont .t-list li.t-radio li{
	margin: 10px 0 0 51px;
	line-height: 32px;
	cursor: pointer;
}
.t-cont .t-list li.t-radio li:hover{
	color: #f6422a;
}
.t-cont .t-list li.t-radio li em{
	padding-right: 10px;
	float: left;
}
.t-cont .t-list li.t-radio li .radio{
	float: left;
	margin: 9px 10px 0 0;
	display: block;
	width: 13px;
	height: 13px;
	background: url(./radio.png) no-repeat;
}
.t-cont .t-list li.t-radio li .radio.active{
	background: url(./radioactive.png) no-repeat;
}

.t-cont .t-list li.t-multi-select li{
	margin: 10px 0 0 51px;
	line-height: 32px;
	cursor: pointer;
}
.t-cont .t-list li.t-multi-select li em{
	padding-right: 10px;
}
.t-cont .t-list li.t-multi-select li:hover{
	color: #f6422a;
}
.t-cont .t-list li.t-rt-multi-selectadio li em{
	padding-right: 10px;
	float: left;
}
.t-cont .t-list li.t-multi-select li .checkbox{
	float: left;
	margin: 9px 10px 0 0;
	display: block;
	width: 13px;
	height: 13px;
	background: url(./t-checkbox.png) no-repeat;
}
.t-cont .t-list li.t-multi-select li .checkbox.active{
	background: url(./t-checkboxactive.png) no-repeat;
}

.t-cont .t-list li.t-completion .bottom-border{
	border: none;
	border-bottom: 1px solid #ccc;
	width: 10px;
	height: 32px;
	padding: 0 15px;
	cursor: pointer;
}
.t-cont .t-list li.t-completion li{
	margin: 10px 0 0 51px;
	line-height: 32px;
}
.t-cont .t-list li.t-completion .czyd{
	width: 350px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #cfcfcf;
	color: #8A8A8A;
	padding: 0 5px;
}
.t-cont .t-list li.t-question .textarea{
	margin: 10px 0 0 51px;
	width: 870px;
	height: 100px;
	padding: 5px;
	color: #8A8A8A;
	border: 1px solid #cfcfcf;
}
.t-cont .t-list .submit-btn,
.detail-cont .detail-list .back-btn{
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 80px;
	padding: 50px 0;
}
.t-cont .t-list .submit-btn span,
.detail-cont .detail-list .back-btn span{
	position: absolute;
	left: 50%;
	display: block;
	width: 118px;
	height: 62px;
	border: 1px solid #efa90b;
	border-radius: 5px;
	background: #f6be43;
	margin-left: -59px;
	color: #924c00;
	text-align: center;
	line-height: 62px;
	font-size: 16px;
	cursor: pointer;
}
.t-cont .t-list .submit-btn span:hover,
.detail-cont .detail-list .back-btn span:hover{
	background: #f9c960;
}

/*ExerciseDetaildetail*/
.detail-title{
	width: 100%;
	border-bottom: 1px solid #c4d0dc;
	padding: 15px 0;
	overflow: hidden;
}
.detail-title .center{
	width: 1300px;
	margin: 0 auto;
	overflow: hidden;
}
.detail-title .center p{
	padding: 0 20px;
	font-size: 18px;
	color: #313131;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.detail-cont{
	border: 1px solid #c4d0dc;
}
.detail-cont .detail-list{
	padding: 33px 30px;
	overflow: hidden;
}
.detail-cont .detail-list li{
	overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 20px;
}
.detail-cont .detail-list li p{
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.detail-cont .detail-list li p em{
	display: block;
	width: 36px;
	height: 24px;
	background: #eeeeee;
	text-align: center;
	line-height: 24px;
	float: left;
	color: #707070;
	border-radius: 5px;
	margin-right: 15px;
}
.detail-cont .detail-list li li{
	border: none;
	padding: 0;
	margin-bottom: 0;
}
.detail-cont .detail-list li:last-child{
	border: none;
}
.detail-cont .detail-list li.type{
	border: 1px solid #c4d0dc;
	padding: 0;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 10px;
	font-size: 16px;
	background: #f0f4f7;
}
.detail-cont .detail-list li.t-radio li{
	margin: 10px 0 0 51px;
	line-height: 32px;
	cursor: pointer;
}
.detail-cont .detail-list li.t-radio li em{
	padding-right: 10px;
	float: left;
}
.detail-cont .detail-list .answer{
	padding: 20px 40px;
	background: #f3f3f3;
	margin-top: 30px;
	overflow: hidden;
}
.detail-cont .detail-list .answer p{
	color: #2d2d2d;	
	font-size: 14px;
	margin-bottom: 15px;
	text-overflow: clip;
	white-space: normal;
}
.detail-cont .detail-list .answer p.jx span{
	font-weight: normal;
}
.detail-cont .detail-list .answer p span{
	font-weight: bold;
	display: inline-block;
	float: left;
	width: 93%;
	text-align: justify;
}
.detail-cont .detail-list .answer p em{
	float: left;
	display: block;
	width: 70px;
	margin: 0;
	color: #2d2d2d;	
	font-size: 14px;
	text-align: left;
}
.detail-cont .detail-list li.t-multi-select li{
	margin: 10px 0 0 51px;
	line-height: 32px;
	cursor: pointer;
}
.detail-cont .detail-list  li.t-multi-select li em{
	padding-right: 10px;
	float: left;
}
.detail-cont .detail-list  li.t-completion .bottom-border{
	border: none;
	border-bottom: 1px solid #ccc;
	width: 10px;
	height: 32px;
	padding: 0 15px;
	cursor: pointer;
}
.detail-cont .detail-list li.t-completion li{
	margin: 10px 0 0 51px;
	line-height: 32px;
}
.detail-cont .detail-list  li.t-completion .czyd{
	width: 350px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #cfcfcf;
	color: #8A8A8A;
	padding: 0 5px;
}
.detail-cont .detail-list li.t-question .textarea{
	margin: 10px 0 0 51px;
	width: 870px;
	height: 100px;
	padding: 5px;
	color: #8A8A8A;
	border: 1px solid #cfcfcf;
}

/*announce*/
.ance-banner,.banner-faq{
	width: 100%;
	height: 150px;
	margin: 0 auto;
	text-align: center;
}
.ance-banner.logo-klmy,.ance-banner.logo-mk,.ance-banner.logo-yuli,.banner-faq.logo-klmy{
	background-color: #add0d6;
}
.ance-banner.logo-mk .img,.banner-faq.logo-mk .img{
	width: 1002px;
	margin: 0 auto;
	height: 150px;
	background: url(./ggbanner.png);
}
.ance-banner.logo-klmy .img,.banner-faq.logo-klmy .img{
	width: 1002px;
	margin: 0 auto;
	height: 150px;
	background: url(./banner-klmy.png);
}
.ance-banner.logo-yuli .img,.banner-faq.logo-yuli .img{
	width: 1002px;
	margin: 0 auto;
	height: 150px;
	background: url(./banner-yuli.png);
}
.ance-banner img{
	width: 1002px;
	margin: 0 auto;
}
.ance-area{
	width: 1300px;
	margin: 0 auto;
}
.ance-area .ance-title{
	width: 70px;
	text-align: center;
	height: 46px;
	line-height: 46px;
	margin-top: 20px;
	font-size: 18px;
	color: #626262;
	border-bottom: 1px solid #10ae7e;
}
.ance-area .ance-list{
	width: 100%;
	border-top: 1px solid #e5e5e5;
}
.ance-area .ance-list li{
	width: 100%;
	height: 44px;
	line-height: 44px;
	border-bottom: 1px solid #eeeeee;
	position: relative;
	padding-left: 20px;
	box-sizing: border-box;
}
.ance-area .ance-list li:hover p{
	color: #f6422a;
}
.ance-area .ance-list li:before{
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	position: absolute;
	top: 20px;
	left: 8px;
	background-image: url(./li_port.png);
}
.ance-area .ance-list li>a{
	display: block;
	width: 100%;
	height: 100%;
}
.ance-area .ance-list .cont{
	float: left;
	color: #626262;
	font-size: 14px;
	max-width: 88%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ance-area .ance-list span{
	display: block;
	width: 28px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	color: #fd5d5d;
	font-size: 12px;
	border: 1px solid #fd5d5d;
	float: left;
	margin: 14px 0 0 20px;
}
.ance-area .ance-list .time{
	position: absolute;
	top: 0;
	right: 10px;
	line-height: 44px;
	color: #626262;
	font-size: 14px;
}

/*announce-detail*/
.ancedetail-area{
	width: 1300px;
	margin: 0 auto;
}
.ancedetail-area .posi{
	line-height: 66px;
	color: #3b3b0d;
	font-size: 14px;
}
.ancedetail-area .posi a{
	color: #aeaeae;
}
.ancedetail-area h2.title{
	font-size: 20px;
	color: #3a3a3a;
	text-align: center;
	line-height: 60px;
}
.ancedetail-area .title span{
	color: #fa9e31;
}
.ancedetail-area h3{
	font-size: 12px;
	color: #434343;
	text-align: center;
	line-height: 30px;
}
.ancedetail-area .cont{
	width: 95.5%;
	border: 1px solid #eeeeee;
	margin-top: 10px;
	padding: 30px 30px;
}
.ancedetail-area .cont .words{
	color: #434343;
	line-height: 26px;
	font-size: 14px;
	text-indent: 2em;
	margin-top: 4px;
	text-align: justify;
}
.ancedetail-area .cont img{
	display: block;
	margin: 14px auto;
	max-width: 1002px;
}

/*load_app*/
.load-banner{
	width: 100%;
	text-align: center;
}
.load-banner.logo-mk,.load-banner.logo-klmy,.load-banner.logo-yuli{
	background-color: #add0d6;
}
.load-banner.logo-mk .img{
	background: url(./ggbanner.png) no-repeat;
	width: 1002px;
	height: 150px;
    margin: 0 auto;	
}
.load-banner.logo-klmy .img{
	background: url(./banner-klmy.png) no-repeat;
	width: 1002px;
	height: 150px;
    margin: 0 auto;	
}
.load-banner.logo-yuli .img{
	background: url(./banner-yuli.png) no-repeat;
	width: 1002px;
	height: 150px;
    margin: 0 auto;	
}
.load-banner img{
	width: 1002px;
}
.load-mobile{
	width: 100%;
}
.load-mobile .load-mp{
	height: 340px;
	width: 1300px;
	margin: 0 auto;
	border-bottom: 1px solid #E5E5E5;
	overflow: hidden;
}
.load-mobile .pic{
	float: left;
	margin-left: 60px;
	margin-top: 32px;
	height: 309px;

}
.load-mobile .load-option{
	float: right;
	margin-right: 60px;
	margin-top: 40px;
}
.load-mobile .load-option .title{
	color: #7C7C7C;
	font-size: 24px;
}
.load-mobile .load-option .cont{
	overflow: hidden;
	margin-top: 40px;
}
.load-mobile .load-option .cont a{
	background-color: #80e186;
	width: 100px;
	height: 40px;
	display: block;
	border-radius: 5px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
	margin: 50px 50px 0 15px;
	padding: 0 10px;
}
.load-mobile .load-option .cont a:hover{
	background-color: #6dcb73;
}
.load-mobile .load-option .cont .tdc{
	margin-left: 25px;
	padding-right: 30px;
}
.load-mobile .load-option .cont .le{
	float: left;
	width: 130px;
	margin-right: 0px;
}
.load-mobile .load-option .cont .ri{
	float: right;
	width: 160px;
}
.load-mobile .load-option .cont .tdc img{
	width: 100px;
	height: 100px;
}
.load-mobile .load-option .cont .tdc .tips{
	color: #626262;
	font-size: 12px;
	margin-top: 6px;
	text-align: center;
}
/*onlineCourse one*/
.onlinebanner{
	position: relative;
	width: 1300px;
	height: 380px;
	margin: 30px auto 0 auto;
}
.onlinebanner .left{
	width: 1036px;
	float: left;
}
.onlinebanner .bd {
	margin: 0 auto;
	position: relative;
	z-index: 0;
	overflow: hidden;
}

.onlinebanner .bd ul {
	width: 100% !important;
}

.onlinebanner .bd li {
	width: 100% !important;
	height: 380px;
	overflow: hidden;
	text-align: center;
	display: none;
}

.onlinebanner .bd li a {
	display: block;
	height: 380px;
}
.onlinebanner .hd {
	position: absolute;
	bottom: 10px;
	left: 40%;
	z-index: 0;
	padding: 4px 10px;
}

.onlinebanner .hd li {
	margin: 0 5px;
	background: url(./dot2.png);
	cursor: pointer;
	display: inline-block;
	float: left;
	height: 12px;
	overflow: hidden;
	width: 12px;
}

.onlinebanner .hd li.on {
	background: url(./online-dot1.png); 
}
.onlinebanner .center{
	/*width: 1300px;
	height: 380px;
	margin: 0 auto;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -650px;*/
}
.onlinebanner .tit{
	float: right;
	height: 379px;
	border: 1px solid #e5e5e5;
	background: rgba(255,255,255,0.6);
	border-top: none;
	width: 244px;
}
.onlinebanner .tit .option{
	width: 100%;
	overflow: hidden;
}
.onlinebanner .tit .option li{
	float: left;
	width: 80px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #000;
	background: rgba(255,255,255,0.5);
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	cursor: pointer;
}
.onlinebanner .tit .option li.active{
	border-bottom: none;
	border-top: 1px solid #f39800;
	background: none;
}
.onlinebanner .tit .option li.last-day{
	border-right: none;
}
.onlinebanner .tit .option-list{
	padding: 5px 0 5px 10px;
	overflow: hidden;
	height: 290px;
}
.onlinebanner .tit .option-list li.today,
.onlinebanner .tit .option-list li.tomorrow,
.onlinebanner .tit .option-list li.lastDay{
	padding-right: 10px;
	overflow: hidden;
	height: 290px;
}
.onlinebanner .tit .option-list li.day{
	overflow-y: auto;
}
.onlinebanner .tit .option-list li.day::-webkit-scrollbar{
	width:5px;
    height:5px;
    right: 0;
    position: absolute;
}
.onlinebanner .tit .option-list li.day::-webkit-scrollbar-thumb{
	background: rgba(225,234,234,1);
    border-radius:4px;
}
.onlinebanner .tit .option-list li.tomorrow,
.onlinebanner .tit .option-list li.lastDay{
	display: none;
}
.onlinebanner .tit .option-list li li{
	padding: 13px 0 0 0;
	border-bottom: 1px dashed #999895;
}
.onlinebanner .tit .option-list li li p{
	color: #000;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.live-list{
	width: 100%;
	overflow: hidden;
}
.live-list .title{
	width: 100%;
	overflow: hidden;
	margin-bottom: 25px;
}
.live-list .title .left{
	float: left;
	color: #000000;
	font-size: 18px;
	line-height: 22px;
}
.live-list .title .left em{
	display: block;
	width: 4px;
	height: 22px;
	background: #f6422a;
	float: left;
	margin-right: 15px;
}
.live-list .title .right-more{
	display: block;
	float: right;
	font-size: 14px;
	color: #838383;
	line-height: 22px;
	cursor: pointer;
}
.live-list .title .right-more:hover{
	color: #f6422a;
}
.live-list .title .right-more:hover em{
	background: url(./moreactive.png) no-repeat;
}
.live-list .title .right-more em{
	display: block;
	width: 13px;
	height: 11px;
	background: url(./more.png) no-repeat;
	float: right;
	margin: 5px 0 0 10px;
}
.live-list .content{
	width: 1360px;
	overflow: hidden;
}
.live-list .content li{
	width: 620px;
	float: left;
	overflow: hidden;
	padding-bottom: 18px;
	border-bottom: 1px solid #e5e5e5;
	margin-right: 60px;
}
.live-list .content li .img{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.live-list .content li .img img{
	width: 100%;
	height: 327px;
}
.live-list .content li .img a{
	display: block;
	width: 93px;
	height: 92px;
	background: url(./live-play.png) no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -46.5px;
	margin-left: -46px;
}
.live-list .content li p{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #808080;
}
.live-list .content li p em{
	float: left;
}
.live-list .content li p.go{
	line-height: 32px;
}
.live-list .content li p.go a span{
	float: right;
	display: block;
	width: 100px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
}
.live-list .content li p.go a span.putton-org{
	width: 84px;
	background: url(./btn-gr.png) no-repeat;
}
.live-list .content li p.go a span.putton-org:hover{
	background: url(./btn-grhover.png) no-repeat;
}
.live-list .content li p.go a .putton-blue{
	background: url(./liveBtn.png) no-repeat;
}
.live-list .content li p.go a .putton-blue:hover{
	background: url(./liveBtn-hover.png) no-repeat;
}
.live-list .content li p.go .putton-gr{
	cursor: default;
	background: url(./liveOver.png);
}
.live-list .content li p.l-time{
	margin-bottom: 20px;
}
.live-list .content li .l-title{
	font-size: 16px;
	margin: 20px 0;
}
.live-list .content li .l-title a{
	color: #34495e;
}
.live-list .content .live-one{
	width: 100%;
	height: 275px;
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.live-list .content .live-one li{
	width: 232px;
	height: 275px;
	padding: 0;
}
.live-list .content .live-one li.cover{
	position: relative;
	float: left;
	margin-right: 32.5px;
}
.live-list .content .live-one li.cover span{
	display: block;
	width: 100%;
	height: 275px;
	background: url(./live-bg1.png) no-repeat 100% 100%;	
}
.live-list .content .live-one li.cover .info{
	position: absolute;
	background: rgba(235,105,65,0.6);
	width: 100%;
	height: 275px;
	top: 0;
	left: 0;
}
.live-list .content .live-one li.cover .info p.name{
	color: #fff;
	font-size: 28px;
	text-align: center;
	margin-top: 70px;
}
.live-list .content .live-one li.cover .info span{
	width: 184px;
	height: 1px;
	background: url(./live-hx.png) no-repeat;
	margin: 18px auto;
}
.live-list .content .live-one li.cover .info p a{
	color: #fff;
	text-align: center;
	font-size: 14px;
	display: block;
	width: 80px;
	margin: 0 auto;
}
.live-list .content .live-one li.cover .info p em{
	display: block;
	background: url(./more2.png);
	float: right;
	width: 13px;
	height: 11px;
	margin: 3px 0 0 0;
}
.live-list .content .live-one li.cover .info p a:hover{
	text-decoration: underline;
}
.live-list .content .live-one li{
	margin-bottom: 10px;
}

.live-list .content .live-two{
	width: 100%;
	height: 275px;
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.live-list .content .live-two li{
	width: 232px;
	height: 275px;
	padding: 0;
}
.live-list .content .live-two li.cover{
	position: relative;
	float: left;
	margin-right: 32.5px;
}
.live-list .content .live-two li.cover span{
	display: block;
	width: 100%;
	height: 275px;
	background: url(./live-bg2.png) no-repeat 100% 100%;	
}
.live-list .content .live-two li.cover .info{
	position: absolute;
	background: rgba(137,171,218,0.6);
	width: 100%;
	height: 275px;
	top: 0;
	left: 0;
}
.live-list .content .live-two li.cover .info p.name{
	color: #fff;
	font-size: 28px;
	text-align: center;
	margin-top: 70px;
}
.live-list .content .live-two li.cover .info span{
	width: 184px;
	height: 1px;
	background: url(./live-hx2.png) no-repeat;
	margin: 18px auto;
}
.live-list .content .live-two li.cover .info p a{
	color: #fff;
	text-align: center;
	font-size: 14px;
	display: block;
	width: 80px;
	margin: 0 auto;
}
.live-list .content .live-two li.cover .info p em{
	display: block;
	background: url(./more2.png);
	float: right;
	width: 13px;
	height: 11px;
	margin: 3px 0 0 0;
}
.live-list .content .live-two li.cover .info p a:hover{
	text-decoration: underline;
}
.live-list .content .live-two li{
	margin-bottom: 10px;
}
.jchf{
	width: 100%;
	overflow: hidden;
	margin-top: 40px;
}
.jchf .title{
	width: 100%;
	overflow: hidden;
	margin-bottom: 25px;
}
.jchf .title .left{
	float: left;
	color: #000000;
	font-size: 18px;
	line-height: 22px;
}
.jchf .title .left em{
	display: block;
	width: 4px;
	height: 22px;
	background: #f6422a;
	float: left;
	margin-right: 15px;
}
.jchf .title .right-more{
	display: block;
	float: right;
	font-size: 14px;
	color: #838383;
	line-height: 22px;
	cursor: pointer;
}
.jchf .title .right-more:hover{
	color: #f6422a;
}
.jchf .title .right-more:hover em{
	background: url(./moreactive.png) no-repeat;
}
.jchf .title .right-more em{
	display: block;
	width: 13px;
	height: 11px;
	background: url(./more.png) no-repeat;
	float: right;
	margin: 5px 0 0 10px;
}
.jchf .content{
	width: 1328px;
	overflow: hidden;
	padding: 0 0 20px 0;
}
.jchf .content a{
	cursor: pointer;
}
.live li.course-one{
	width: 310px;
	/*height: 241px;*/
	box-shadow: 2px 2px 5px #ebf1f8;
	float: left;
	margin: 0 17px 22px 0;
	border: 1px solid #ccc;
	background-color: #f7f9fb;
}
.live li.course-one:hover{
	box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px;
}
.live li.course-one a.pic-link{
	display: block;
	height: 170px;
	overflow: hidden;
}
.live li.course-one a:hover img{
	transform: scale(1.1);
}
.live li.course-one img{
	width: 100%;
	height: 100%;
	transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1) 0s;
}
.live li.course-one .course-tit{
    width: 95%;
    height: 70px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #e7edf6;
    padding: 0 7px;	
}
.live li.course-one .course-tit .title-course{
    font-size: 16px;
    color: #34495e;
    font-family: "微软雅黑";
    text-align: center;
    line-height: 28px;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;	
}
.live li.course-one .course-tit .time-tit{
    line-height: 20px;
    height: 20px;	
}
.live li.course-one .course-tit .time-tit span{
	font-size: 12px;
	color: #A0A0A0;
}
.live li.course-one .course-tit .ellipsis-name{
	overflow: hidden;
}
.live li.course-one .course-tit .ellipsis-name span{
    font-size: 12px;
    color: #666666;
    display: block;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    line-height: 25px;
    height: 25px;	
}
.live li.course-one .baoming{
	overflow: hidden;
}
.live li.course-one .baoming p{
    margin: 0 10px;
    line-height: 34px;
    font-size: 12px;
    color: #A0A0A0;
    float: left;	
}
.live li.course-one .baoming .putton-go{
	color: #595959;
	float: right;
    margin: 6px 20px 0 0;
    width: 64px;	
}
.live li.course-one .baoming .putton-go span{
	display: block;
	text-align: center;
	height: 22px;
	width: 100%;
	text-align: center;
    line-height: 22px;
    color: #FFFFFF;
    position: relative;
    font-size: 12px;
    cursor: pointer;
}
.live li.course-one .baoming .putton-blue{
    background: url(./btnblue-hover.png) no-repeat;
}
.live li.course-one .baoming .putton-blue:hover{
    background: url(./btn3.png) no-repeat;	
}
.live li.course-one .baoming .putton-gr{
	background: url(./btn2.png) no-repeat;
}
.live li.course-one .baoming .putton-org{
	background: url(./btn1.png);
	cursor: pointer;
}
.live li.course-one .baoming .putton-org:hover{
	background: url(./btnorg-hover.png);
}
.live-player .top{
	width: 100%;
	padding: 0 0 25px 0;
	overflow: hidden;
}
.live-player .top span{
	display: block;
	float: left;
}
.live-player .top .back{
	/*display: inline-block;*/
    width: 100%;
    float: left;
    color: #212121;
}
.live-player .top .back em{
    display: block;
    width: 19px;
    height: 16px;
    background: url(./back.png) no-repeat;
    float: left;
    margin-right: 10px;	
}
.live-player .top .menu{
	float: left;
	margin-left: 35px;
	color: #484848;
}
.live-player .top .menu a{
	color: #a0a0a0;
	font-size: 14px;
}
.live-player .top .menu em{
	margin: 0 5px;
	color: #a0a0a0;
}
.live-player .cont{
	width: 100%;
	overflow: hidden;
}
.live-player .cont .player{
	width: 900px;
	height: 560px;
	background: #000;
	float: left;
}
.live-player .cont .evaluate{
	float: right;
	width: 399px;
	height: 558px;
	border: 1px solid #e5e5e5;
	border-left: none;
	position: relative;
}
.live-player .cont .evaluate .overflow{
	padding: 0 10px;
	overflow: hidden;
}
.live-player .cont .evaluate .send-box{
	width: 389px;
	padding-right: 10px;
	height: 40px;
	border-top: 1px solid #e5e5e5;
	position: absolute;
	bottom: 0;
	background: #ededed;
}
.live-player .cont .evaluate .send-box .input{
	border: none;
	background: none;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	width: 315px;
	float: left;
}
.live-player .cont .evaluate .send-box .btn{
	padding: 0 10px;
	float: right;
	margin-top: 4px;
}
.live-player .cont .evaluate h4{
	height: 40px;
	line-height: 40px;
	background-color: #eff4f4;
	padding: 0 10px;
	position: relative;
}
.live-player .cont .evaluate h4 em{
    position: absolute;
    display: block;
    top: 50%;
    right: 0;
    margin-top: -9.5px;
    cursor: pointer;	
}
.live-player .cont .evaluate h4 em.prev{
    width: 19px;
    height: 22px;
    right: 34px;
    background: url(./student-prev.png) no-repeat;	
}
.live-player .cont .evaluate h4 em.next{
	width: 19px;
    height: 22px;
    background: url(./next.png) no-repeat;	
    right: 10px;
}
.live-player .cont .evaluate h4 em.prev:hover{
    background: url(./stu-prevhover.png) no-repeat;	
}
.live-player .cont .evaluate h4 em.next:hover{
    background: url(./stu-nexthover.png) no-repeat;	
}
.live-player .cont .evaluate ul{
	width: 100%;
	height: 478px;
	overflow-y: auto;
}
.live-player .cont .evaluate ul.height{
	height: 518px;
}
.live-player .cont .evaluate ul::-webkit-scrollbar {
    width:10px;
    height:10px;
}
.live-player .cont .evaluate ul::-webkit-scrollbar-thumb{
    background: rgba(225,234,234,1);
    border-radius:4px;
}
.live-player .cont .evaluate li{
	width: 100%;
	overflow: hidden;
	padding: 15px 0;
	border-top: 1px solid #e5e5e5;
}
.live-player .cont .evaluate li:first-child{
	border-top: none;
}
.live-player .cont .evaluate li .headImg{
	width: 45px;
	overflow: hidden;
	float: left;
}
.live-player .cont .evaluate li .headImg img{
	width: 45px;
	height: 45px;
	border-radius: 50%;
}
.live-player .cont .evaluate li .headImg p{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #040404;
	font-size: 12px;
	text-align: center;
}
.live-player .cont .evaluate li .content{
	float: left;
	width: 309px;
	margin-left: 10px;
}
.live-player .cont .evaluate li .content p{
	color: #030303;
	text-align: justify;
	font-size: 12px;
	line-height: 1.5em;
	padding-right: 5px;
}
.live-player .cont .evaluate li .content p.time{
	text-align: right;
	color: #8b8a8a;
}
.live-player .info{
	width: 1268px;	
	border: 1px solid #d2d2d2;
	padding: 25px 15px;
	margin-top: 35px;
	overflow: hidden;
}
.live-player .info .left{
	float: left;
	padding-right: 25px;
	width: 850px;
	border-right: 1px solid #d2d2d2;
}
.live-player .info .left h3{
	font-size: 18px;
	color: #484848;
	font-weight: bold;
}
.live-player .info .left p{
	font-size: 14px;
	color: #484848;
	line-height: 1.5em;
	text-align: justify;
	margin-top: 15px;
}
.live-player .info .right{
	width: 370px;
	float: right;
	padding-left: 20px;
}
.live-player .info .right .tea-info{
	width: 100%;
	overflow: hidden;
}
.live-player .info .right .tea-info img{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	float: left;
}
.live-player .info .right .tea-info .overflow{
	float: left;
	margin-left: 15px;
	width: 305px;
}
.live-player .info .right .tea-info .overflow p{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #484848;
	font-size: 14px;
}
.live-player .info .right .tea-info .overflow p.t-name{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.live-player .info .right p.t-cont{
	margin-top: 15px;
	text-align: justify;
	line-height: 1.5em;
	color: #484848;
	font-size: 14px;
	border: none;
}
.live-player .info .right p.t-cont .more{
    color: #f6422a;
    cursor: pointer;
    margin-left: 20px;	
}

.live-player .cont .evaluate li.live-coming img{
    width: 45px;
    height: 45px;
    border-radius: 50%;
}
.live-player .cont .evaluate li.live-coming .chat-con,.live-player .cont .evaluate li .chat-con{
    float: left;
    margin-left: 10px;
    color: #212121;
    font-size: 12px;
    width: 309px;	
}
.live-player .cont .evaluate li.live-coming .chat-con p,.live-player .cont .evaluate li .chat-con p{
    line-height: 18px;	
}
.live-player .cont .evaluate li.live-coming .chat-con .chatTime,.live-player .cont .evaluate li .chat-con .chatTime{
    text-align: right;
    color: #8b8a8a;
	font-size: 12px;
    line-height: 1.5em;
    padding-right: 5px;    
}
.live-player .cont .evaluate li.live-coming .chat-con .chat-xx{
    overflow: hidden;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;	
}
.live-player .cont .evaluate li.live-coming .chat-con .chat-xx .chatTime{
    color: #8b8a8a;
    float: right;	
}
.live-player .cont .evaluate li.live-coming .chat-con .chatName,.live-player .cont .evaluate li .chat-con .chatName{
	overflow: hidden;
}
.live-player .cont .evaluate li.live-coming .chat-con .chatName span,.live-player .cont .evaluate li .chat-con .chatName span{
	color: #8b8a8a;
	width: 45%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.live-player .cont .evaluate li.live-coming .chat-con .chatName span.time,.live-player .cont .evaluate li .chat-con .chatName span.time{
	width: 52%;
}
.live-player .cont .evaluate li.live-coming .chat-con .chat-xx .xx,.live-player .cont .evaluate li .xx{
    background-image: url(./xx.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 14px;
    float: right;
    margin: 0 10px 0 0;
    cursor: pointer;	
}
.live-player .cont .evaluate li .time .xx{
	margin: 2px 0 0 10px;
}
.live-player .cont .evaluate li.live-coming .chat-con .chat-xx .reply-num,.live-player .cont .evaluate li .chat-con .chat-xx .reply-num{
    width: 20px;
    float: right;
    color: #8b8a8a;
    margin-right: 14px;
    line-height: 14px;
}
.live-player .cont .evaluate li.live-coming .chat_repeat,.live-player .cont .evaluate li .chat_repeat{
    clear: both;
    display: none;	
    background-color: #f5f5f5;
    position: relative;  
    height: auto;  
}

/*live-type*/
#center .live-choose ul li ul#channel_ul{
	position: relative;
	max-height: none;
	min-height: 55px;
	overflow: initial;
}
#center .live-choose>ul>li{
	/*overflow: initial;*/
}
#center .live-choose ul li ul li.slide{
	overflow: initial;
}
#center .live-choose ul li ul li.slide.active em{
	background-position: -78px -834px;
}
#center .live-choose ul li ul li.slide.active:hover em{
	background-position: -78px -834px;
}
#center .live-choose ul li ul li.slide:hover em{
	background-position: -176px -640px;
}
#center .live-choose ul li ul li.slide:hover .two-live li{
	color: #000;
}
#center .live-choose ul li ul li.slide .two-live li{
	color: #000;
}
#center .live-choose ul li ul li.slide .two-live li:hover{
	color: #f6422a;
}
#center .live-choose ul li ul li.slide em{
	display: block;
	float: right;
	margin-top: 7px;
	margin-left: 5px;
}
#center .live-choose ul li ul ul.two-live{
	/*border-top: 1px dashed #e5e5e5;*/
	width: 1180px;
	position: absolute;
	left: 0;
	margin-top: 16px;
	display: none;
}
#center .live-choose ul li ul ul.two-live li.active,#center .live-choose ul li ul ul.two-live li.active:hover,#center .live-choose ul li ul ul.two-live:hover li.active,#center .live-choose ul li ul li.slide:hover li.active{
	color: #fff;
}
#center .live-list .right .list ul.one-show{
	width: 1328px;
}
#center .live-list .right .list ul.one-show li{
	width: 310px;
	margin: 15px 20px 0 0;
}
#center .live-list .right .list ul.one-show li .course-tit{
	width: 296px;
}
#center .live-list .right .list ul.one-show li .title-course {
    font-size: 16px;
    color: #000;
    font-family: "微软雅黑";
    text-align: center;
    line-height: 28px;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#center .live-list .right .list ul.one-show li a{
	height: 170px;
}
 #center .live-list .right .list ul.one-show li .ellipsis-name span.right-sch{
 	float: right;
 	width: 100px;
 }
 
.step-box{
    width: 1000px;
    height: 720px;
    margin: 20px auto;
    border: 1px solid #cfcfcf;
    position: relative;
    text-align: center;
}
.step-box .tab-title{
    height: 50px;
    margin: 20px 0 0 56px;
}
.step-box .tab-title li{
    float: left;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 20px;
    cursor: pointer;
}
.step-box .tab-title li.active{
    border-bottom: 2px solid #4fc190;
}
.step-box-1{
    position: relative;
    height: 612px;
}
.step-box .step_1,
.step-box .step_2{
    position: absolute;
    top: 60px;
    font-size: 18px;
    font-weight: 500;
}
.step-box .step_1{
    left: 230px;
}
.step-box .step_2{
    right: 230px;
    color: #727272;
}
.step-box .step_1 span,
.step-box .step_2 span{
    display: block;
    width: 20px;
    margin-right: 10px;
    height: 24px;float: left;
    background-image: url(./icon.png);
}
.step-box .step_1 span{
    background-position: -110px -861px;
}
.step-box .step_2 span{
    background-position: -145px -861px;
}
.step-box .step_1_cont{
    width: 600px;
    position: absolute;
    top: 110px;
    left: 50%;
    margin-left: -300px;
}
.step-box .step_2_cont{
    width: 450px;
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -225px;
}
.step-box .get-psd-btn{
    padding: 0 40px;
    margin-top:50px;
}
.step-box .input-email{
    font-size: 16px;
    color: #556778;
    text-align: center;
    font-weight: bold;
}
.step-box .input-bg{
    margin: 30px auto;
    /*float: none;*/
}
.step-box .back,
.step-box .next{
    padding: 0 40px;
    margin-top: 50px;
}
.step-box .ic-success3{
    margin: 0px auto 60px;
}
.step-box .email-sended{
    color:#556778;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.step-box .tel-input{
    float: left;
}
.step-box .reget-psd{
    width: 710px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -110px;
    margin-left: -355px;
}
.step-box .reget-psd .tip1{
    font-size: 18px;
    color: #556778;
    line-height: 50px;
    text-align: center;
}
.step-box .reget-psd .tip2{
    font-size: 14px;
    color: #C74A4A;
    line-height: 50px;
    text-align: center;
}
/*code*/
.ver-code{
	width: 250px;
	float: left;
}
.ver-code .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.ver-code .clearfix {
	zoom: 1
}

.ver-code .j_captcha_input {
	border: 1px solid #ccc;
}
 
.ver-code .val_add b,
.ver-code .input_show span,
.ver-code .val_input a b {
	background-image: url(/index.php?s=/Home/CodeVerify/ccVerify);
	background-repeat: no-repeat;
	background-position:  -500px -550px;
	/*background-size: 145px 180px;*/
}
.ver-code .input_show a{
	cursor: pointer;
	display: block;
	line-height: 50px;
}

.ver-code .input_show {
	height: 45px;
	margin-bottom: 5px;
}
.ver-code .ation{
	color: #636563;
}

.ver-code .input_show span {
	background-position: 0 0;
	display: inline-block;
	height: 45px;
	margin-right: 5px;
	vertical-align: middle;
	width: 155px;
}

.ver-code .val_add {
	border: 1px solid #CCC;
	word-break: break-all;
	margin: 0 20px 5px 0;
}

.ver-code .val_add b {
	border-right: 1px solid #ddd;
	height: 34px;
	width: 45px;
	float: left;
}

.ver-code .val_add .delete {
	background: url(http://www.86y.org/upload/images/20140113213531521.png) no-repeat 0 0 #ccc;
	border-right: 0 none;
	cursor: pointer;
	width: 40px;
}

.ver-code .ation i {
	font-style: normal;
	color: #ff0000;
}

.ver-code .val_input {
	width: 190px;
	margin-top: 5px;
}

.ver-code .val_input a {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	width: 54px;
	height: 40px;
	border: 1px solid #e0e0e0;
	border-bottom-color: #bfbfbf;
	outline: 0;
	background: -ms-linear-gradient(top, #fff, #f5f5f5);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
	background: -moz-linear-gradient(top, #fff, #fafafa);
	filter: progid: DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#FFFFFF, endColorStr=#F5F5F5);
	zoom: 1
}

.ver-code .val_input a b {
	width: 54px;
	height: 40px;
	cursor: pointer;
	zoom: 1;
	display: block;
}

.ver-code .val_input #v_0 {
	background-position: 0 -45px
}

.ver-code .val_input #v_1 {
	background-position: -53px -45px
}
/*-56px -41px;*/

.ver-code .val_input #v_2 {
	background-position: -97px -45px
}

.ver-code .val_input #v_3 {
	background-position: 0 -87px
}

.ver-code .val_input #v_4 {
	background-position: -53px -87px
}

.ver-code .val_input #v_5 {
	background-position: -97px -87px
}

.ver-code .val_input #v_6 {
	background-position: 0 -133px
}

.ver-code .val_input #v_7 {
	background-position: -53px -133px
}

.ver-code .val_input #v_8 {
	background-position: -97px -133px
} 
.main-box {
    width: 1300px;
    margin: 0 auto;
    padding-bottom: 350px;
}
/*注册选择*/
.reg-msg{
    padding: 20px 0;
    border-bottom: 1px solid #cfcfcf;
    font-size: 18px;
    color: #272636;
    margin-top: 30px;
}
.reg-item{
    width: 100%;
    margin-top: 68px;
}
.reg-item .reg-label{
    width: 90%;
    max-width: 287px;
    height: 270px;
    border:1px solid #cfcfcf;
    border-radius: 4px;
    background: #fafafa;
    padding: 45px 0 0 0;
    margin: 0 auto;
    text-align: center;
}
.reg-label img{
    clear: both;
    display: block;
    margin: 0 auto 50px auto;
}
.reg-label a{
    color: #fff;
    padding: 0 25px;
}

.reg-item li{
    width: 287px;
    height: 270px;
    border:1px solid #cfcfcf;
    border-radius: 4px;
    margin-right: 65px;
    background: #fafafa;
    padding: 45px 0 0 0;
    float: left;
    text-align: center;
}
.reg-item li.last-child{
    margin-right: 0;
}
.reg-item li img{
    clear: both;
    display: block;
    margin: 0 auto 50px auto;
}
.reg-item li a{
    color: #fff;
}


/*注册*/
.reg-sub-nav{
    padding: 20px 0;
    font-size: 14px;
    color: #000;
    margin-top: 100px;
}
.reg-sub-nav span{
    color: #a0a0a0;
}
.reg-sub-nav a{
    color: #000;
    text-decoration: underline;
}
.reg-cont{
    width:100%;
    border: 1px solid #cfcfcf;
    padding-bottom: 100px;
    /*margin-bottom: 137px;*/
    height: auto;
    overflow: hidden;
    min-height: 586px;
}
.reg-cont .nav-r,
.reg-cont .add-right-nav{
    width: 600px;
    float: left;
}
.reg-cont .dropDownBox,
.reg-cont .dropDownSearch{
    margin-left: 0;
}
.reg-tabtwo{
    width: 890px;
    margin: 42px auto 0 auto;
}
.reg-tabtwo i{
    width: 14px;
    height: 21px;
    display: inline-block;
    padding-right: 10px;
}
.reg-tabtwo a{
    font-size: 18px;
    color: #727272;
    display: inline-block;
    margin:0 160px;
    vertical-align: top;
    padding-bottom: 10px;
}
.reg-tabtwo a.active{
    color: #000;
    border-bottom:2px solid #174531;
}
.reg-tabtwo a.complete{
    color: #000;
}
.reg-tab{
    width: 890px;
    margin: 42px auto 0 auto;
}
.reg-tab i{
    width: 14px;
    height: 21px;
    display: inline-block;
    padding-right: 10px;
}
.reg-tab a{
    font-size: 18px;
    color: #727272;
    display: inline-block;
    *display:inline;
    *zoom:1;
    margin:0 92px;
    vertical-align: top;
    padding-bottom: 10px;
}
.reg-tab a.active{
    color: #000;
    border-bottom:2px solid #174531;
}
.reg-tab a.complete{
    color: #000;
}
.reg-title{
    color: #010101;
    font-size: 16px;
    text-align: center;
    padding: 60px 0 50px 0;
}
.reg-cont li{
    margin-bottom: 35px;
    width: 100%;
    float: left;
}
.reg-cont span{
    width: 230px;
    float: left;
    padding-right: 15px;
    text-align: right;
    color: #556778;
    font-size: 14px;
    line-height: 32px;
}
.reg-cont .dropDownBox .input-bg .drop-down-txt{
    width: 150px;
    text-align: left;
}
.reg-note{
    color: #888888;
    padding-left:10px;
    line-height: 32px;
}
.reg-ok{
    color: #fff;
    margin-left: 250px;
    float: left;
}

.reg-email{
    background: url(./email.png) no-repeat center 49px;
    width: 100%;
    text-align: center;
}
.reg-email h2{
    font-size: 18px;
    color: #000;
    padding: 160px 0;
}
.reg-shenhe{
    background: url(./shenhe.png) no-repeat center 49px;
    width: 100%;
    text-align: center;
}
.reg-shenhe h2{
    font-size: 18px;
    color: #000;
    padding: 178px 0;
}
.reg-email-btn{
    margin-right: 20px;
    width: 110px;
}

.reg-success{
    margin-top: 80px;
}
.reg-success-msg{
    padding: 0 20px;
    margin: 0 auto 75px 0;
    text-align: center;
}
.reg-success-msg p{
    font-size: 18px;
    color: #4fc190;
    padding: 35px 0;
}
.return-index{
    width: 80px;
    float: left;
    margin-left:300px;
}
.goto-center{
    width: 80px;
    float: right;
    margin-right:300px;
}


/*help*/
.choice-back{
	width: 100%;
	border: 1px solid #c4c4c4;
	height: 650px;
	background-color: #f9f9f9;
	border-radius: 10px;
}
.choice-back p{
	margin: 130px 0 80px 60px;
}
.choice-people{
	margin: 0 300px;
	overflow: hidden;
}
.choice-back{
	width: 100%;
	border: 1px solid #c4c4c4;
	height: 550px;
	background-color: #f9f9f9;
	border-radius: 10px;
}
.choice-back p{
	margin: 80px 0 80px 60px;
}
.choice-people{
	margin: 0 230px;
	overflow: hidden;
}
.laoshi_ch{
	float: left;
}
.xuesheng_ch{
	float: right;
}
.choice-laoshi{
	background-image: url(./choice-laoshi.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 150px;
	display: block;
}
.choice-xuesheng{
	background-image: url(./choice-xuesheng.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 150px;
	display: block;
}
.choice-people .laoshi_ch p{
	margin: 20px 0 0 0;
	width: 150px;
	text-align: center;
}
.choice-people .xuesheng_ch p{
	margin: 20px 0 0 0;
	width: 150px;
	text-align: center;
}
.faq-title{
	height: 60px;
	border-bottom: 1px solid #e5e5e5;
	background-color: #fafafa;
	width: 100%;
}
.faq-title p{
	color: #282828;
	font-size: 18px;
	line-height: 60px;
	text-align: center;
}
.faq-ccoo{
	overflow: hidden;
	margin-top: 20px;
}
.faq-menu{
	width: 120px;
	float: left;
	margin-top: 30px;
}
.jiao{
	background-image: url(./jiao.png);
	width: 18px;
	height: 29px;
	display: inline-block;
	position: absolute;
	top: 26px;
    right: -1px;
}
.faq-menu li{
	color: #45b97c;
	font-size: 16px;
	height: 80px;
	line-height: 80px;
	position: relative;
}
.faq-menu li a{
	color: #c0c0c0;
	font-size: 16px;
}
.faq-mainbody01{
	float: left;
	border-left: 1px solid #e9e9e9;
	padding: 0 0 20px 30px;
	overflow: hidden;
}
.studyGroup-pic{
	background: url(./study-group-max.png) no-repeat;
	width: 1128px;
	height: 2286px;	
}
.left-body{
	background-image: url(./left.png);
	width: 32px;
	height: 46px;
	float: left;
	margin-top: 300px;
	cursor: pointer;
}
.middle-body01{
	width: 1034px;
	height: 4300px;
    float: left;
    overflow: hidden;
    margin: 0 15px;
    position: relative;	
}
.middle-content01{
	width: 4136px;
    margin: 0 auto;
    overflow: hidden;	
	position: absolute;
    left: -0px;    
}
.middle-content01 li {
    float: left;	
    width: 1034px;
}
.add_course01 {
    background: url(./addCourse01max.png) no-repeat;
    width: 1034px;
    height: 1289px;
}
.right-body {
    background-image: url(./right.png);
    width: 32px;
    height: 46px;
    float: right;
    margin-top: 300px;
    cursor: pointer;
}
.add_course02{
	background-image: url(./addCourse02max.png);
	background-repeat: no-repeat;
	width: 1034px;
	height: 1821px;
}
.add_course03{
	background-image: url(./addCourse03max.png);
	background-repeat: no-repeat;
	width: 1034px;
	height: 4279px;
}
.add_course04{
	background-image: url(./addCourse04max.png);
	background-repeat: no-repeat;
	width: 1034px;
	height: 747px;
}
.courseCheck-pic{
	background-image: url(./coursecheck_max.png);
	background-repeat: no-repeat;
	width: 1128px;
	height: 3510px;
}
.flo {
    border-bottom: none;
    overflow: hidden;
}
.middle-body {
    float: left;
    width: 1053px;
    height: 1580px;
    overflow: hidden;
    margin: 0 15px;
    position: relative;
}
.middle-content {
    margin: 0 auto;
    overflow: hidden;
    width: 3159px;
    position: absolute;
    left: -0px;
}
.middle-content li{
	width: 1053px;
	float: left;
    margin-top: 20px;
}
.top-body p{
    color: #282828;
    font-size: 14px;
    line-height: 30px;
    margin: 10px 0;	
}
.middle-content span{
    color: #2b724c;
    font-size: 30px;	
}
.signUp01{
    background-image: url(./signUp01.png);
    width: 758px;
    height: 588px;
    margin: 30px auto 15px;	
}
.middle-content li .center-p {
    width: 100%;
    text-align: center;
    line-height: 20px;
    margin: 0 0 20px 0;
}
.signUp02 {
    background-image: url(./signUp02.png);
    width: 758px;
    height: 278px;
    margin: 30px auto 15px;
}
.middle-content li .blue-putton {
    font-size: 14px;
    color: #FFFFFF;
    background-color: #4FB2EB;
    padding: 5px 10px;
    margin-left: 5px;
    white-space: nowrap;
    border-radius: 5px;
}
.signUp03 {
    background-image: url(./signUp03.png);
    width: 758px;
    height: 492px;
    margin: 30px auto 15px;
}
.signUp04 {
    background-image: url(./signUp04.png);
    width: 758px;
    height: 304px;
    margin: 30px auto 15px;
}
.baoming05 {
    background-image: url(./baoming05.png);
    width: 756px;
    height: 278px;
    margin: 30px auto;
}
.news {
    background-image: url(./news.png);
    width: 22px;
    height: 21px;
    display: inline-block;
}
.baoming06 {
    background-image: url(./baoming06.png);
    width: 756px;
    height: 418px;
    margin: 30px auto;
}
.middle-content li .blue-putton {
    font-size: 14px;
    color: #FFFFFF;
    background-color: #4FB2EB;
    padding: 5px 10px;
    margin-left: 5px;
    white-space: nowrap;
    border-radius: 5px;
}
.baoming07 {
    background-image: url(./baoming07.png);
    width: 756px;
    height: 526px;
    margin: 30px auto;
}
.study01 {
    background-image: url(./study01.png);
    width: 758px;
    height: 263px;
    margin: 30px auto;
}
.study_02 {
    background-image: url(./study_02.png);
    width: 758px;
    height: 405px;
    margin: 30px auto;
}
.study03 {
    background-image: url(./study03.png);
    width: 758px;
    height: 1298px;
    margin: 30px auto;
}
.text01 {
    background-image: url(./text01.png);
    width: 757px;
    height: 769px;
    margin: 30px auto;
}
.text02 {
    background-image: url(./text02.png);
    width: 757px;
    height: 1260px;
    margin: 30px auto;
}
.charpter-num {
	display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    background-color: #f39800;
    z-index: 999;
}
@media only screen and (max-width: 1300px){
	#center{
		width: 982px;
		padding: 0 10px;
	}
	.container{
		width: 982px;
		padding: 0 10px;
	}
	#header .navbar .navbar-nav li {
	    float: right;
	    color: #2b2b2b;
	    font-size: 14px;
	    line-height: 85px;
	     padding: 0 10px!important;
	}
	#nav .nav-center,.ance-area,.ancedetail-area{
		width: 982px;
		padding: 0 10px;
	}
	#center .course-choose ul li ul{
		width: 860px;
	}
	#center .course-choose ul li ul ul{
		width: 862px;
	}
	#center .course-list .right{
		width: 744px;
	}
	#center .course-list .right .title{
		width: 704px;
	}
	#center .course-list .right .list li .info p span{
		margin-right: 5px;
	}
	#center .course-list .right .list ul.one-show{
		width: 768px;
	}
	#center .course-list .right .list ul.one-show li{
		margin: 15px 24px 0 0;
	}
	#center .course-list .right .list ul li.page{
		margin-top: 65px;
	}
	#footer .footer-center{
		width: 1002px;
	}
	.teacher-list .left-box{
		width: 707px;
	}
	.teacher-list .right-box{
		width: 230px;
	}
	.teacher-list .right-box .ranking li span.head{
	    margin-left: 5%;
	}
	.teacher-list .right-box .ranking li span.tit{
		margin-left: 5%;
	}
	.newCoursebanner .tit{
        width: 952px;
    }
	.teacher-list .list-con{
		width: 737px;
	}
	.teacher-list .list-con li{
		margin-right: 21px;
	}
	.center-player .left .info .box.zj .wk li .chap-name em{
		/*width: 43%;*/
	}
	.center-player .left .info .box.zj .wk li .chap-name{
		/*width: 40%;*/
	}
	
	/*player*/
	.course-info .center{
		width: 982px;
		padding: 15px 10px;
	}
	.course-player .center{
		width: 982px;
		padding: 25px 10px;
	}
	#center-player{
		width: 982px;
		padding: 0 10px;
	}
	.center-player .left{
		width: 690px;
	}
	.center-player .right{
		width: 259px;
	}
	.center-player .right .name{
		width: 166px;
	}
	.center-player .right li{
		width: 114px;
	}
	.center-player .right li .t-name{
		width: 66px;
	}
	.center-player .right .student li .stu-info{
		width: 120px;
	}
	.center-player .right .student li .cz{
		width: 76px;
	}
	.center-player .right .tea-con .tea-contt{
		width: 229px
	}
	.center-player .left .info .box.zj .chap-list li .chap-tit{
		/*width: 40%;*/
	}
	.center-player .left .info .box.zj .wk li .chap-tit{
		/*width: 57%;*/
	}
	.center-player .left .info .box.zj .chap-list li .chap-tit span{
		/*margin-right: 15px;*/
	}
	.center-player .left .info .box.pl .notes-list li .notes-cont{
		width: 550px;
	}
	.center-player .left .info .box.pl .notes-list li .notes-cont .star-area>div{
		width: 270px;
	}
	.talk .talk-list li .cont{
    	width: 865px;
    }
    .talk .talk-list li .two-reply-list li .right-info{
    	width: 764px;
    }
    .talk .talk-list .reply-box{
    	width: 94%;
    }
    .talk .talk-list .reply-box .reply-info{
    	width: 96.5%;
    }
    .center-player .left .info .box.pl .eva .grad{
    	width: 170px;
    }
    .center-player .left .info .box.pl .eva .grad-to{
    	width: 420px;
    }
    .center-player .left .info .box.pl .eva .grade-pos .grade-pos01 span{
    	width: 85px;
    	text-align: left;
    }
    .center-player .left .info .box.pl .eva .grad-thr{
    	width: 100px;
    }
    .center-player .left .info .box.pl .eva .grad-thr .assess-btn{
    	margin-left: 15px;
    	background: url(./my-pjsmall.png) no-repeat;
    	width: 80px;
    }
    .center-player .left .info .box.pl .eva .grad-thr .assess-btn:hover{
    	background: url(./my-pj1small.png) no-repeat;    	
    }
    /*searchCourse*/
   	.c-list{
   		width: 997px;
   	}
   	.c-list li{
   		margin-right: 15px;
   	}
   	.p-list{
   		width: 1168px;
   	}
   	.p-list li{
   		width: 400px;
   		margin-right: 120px;
   	}
   	/*teacherDetail*/
   	.t-info .center{
   		width: 982px;
   		padding: 20px 10px;
   	}
   	.t-info .center .info{
   		width: 867px;
   	}
   	.t-info .center .icon{
   		left: 50px;
   	}
   	.t-detail .t-h .left span .t-name{
   		width: 45%;
   	}
   	.t-detail ul li{
   		width: 936px;
   	}
   	
   	
   	/*test*/
   	.t-title .center{
   		padding: 0 10px;
   		width: 982px;
   	}
   	.b-title .center{
   		padding: 0 0 0 10px;
   		width: 982px;   		
   	}
   	.detail-title .center{
   		width: 1002px;  
   	}
   	
   	.onlinebanner{
   		width: 982px;
   		padding: 0 10px;
   	}
   	.onlinebanner .left{
   		width: 718px;
   	}
   	
   	.live-list .content{
		width: 1042px;   		
   	}
   	.live-list .content li{
   		width: 461px;
   	}
   	.jchf .content{
   		width: 1000px;
   	}
   	.jchf .content li{
   		margin: 22px 15px 0 0;
   	}
   	.jchf .title{
   		margin: 0;
   	}
   	#center .live-list .right .list ul.one-show{
   		width: 996px;
   	}
   	
   	.live-list .content .live-one li,.live-list .content .live-two li{
   		margin: 0 15px 10px 0;
   	}
   	.live-list .content .live-one li.cover,.live-list .content .live-two li.cover{
   		margin: 0 15px 10px 0;
   	}
   	.load-mobile .load-mp{
   		width: 982px;
   		padding: 0 10px;
   	}
   	.live-player .cont .player{
		width: 700px;
	}
	.live-player .cont .evaluate{
		width: 280px;
	}
	.live-player .cont .evaluate li .content,.live-player .cont .evaluate li.live-coming .chat-con,.live-player .cont .evaluate li .chat-con{
		width: 195px;
	}
	.live-player .cont .evaluate .send-box{
		width: 270px;
	}
	.live-player .cont .evaluate .send-box .input{
		width: 198px;
	}
	.live-player .info{
		width: 952px;
	}
	.live-player .info .left{
		width: 535px;
	}
	#center .live-list .right .title{
		width: 942px;
	}
	.main-box{
		width: 1002px;
	}
	/*help*/
	.middle-body01{
	    width: 736px;
		height: 3200px;
	}
	.middle-content01{
		width: 2944px;
	}
	.middle-content01 li{
		width: 736px;
	}
	.add_course01{
	    width: 736px;
    	height: 1011px;	
	    background-image: url(./addCourse01min.png);
	    background-repeat: no-repeat;    	
	}
	.add_course02{
		background-image: url(./addCourse02min.png);
		background-repeat: no-repeat;
		width: 736px;
		height: 1380px;
	}	
	.add_course03{
		background-image: url(./addCourse03min.png);
		background-repeat: no-repeat;
		width: 736px;
		height: 3182px;
	}
	.add_course04{
		background-image: url(./addCourse04min.png);
		background-repeat: no-repeat;
		width: 736px;
		height: 604px;
	}
	.courseCheck-pic{
		background-image: url(./coursecheck_min.png);
		background-repeat: no-repeat;
		width: 830px;
		height: 2680px;
	}	
	.middle-body{
		width: 757px;
	}	
	.middle-content li{
	    width: 758px;	
	}
	.studyGroup-pic {
	    background-image: url(./study-group-min.png);
	    background-repeat: no-repeat;
	    width: 830px;
	    height: 1754px;
	}
}
.video-wrapper {
	position: relative;
	height: 620px;
}
.video-audio {
    padding-left: 150px;
}
.m-audio {
    position: absolute;
	display: none;
	z-index: 1;
    width: 1300px;
    background-color: #fff;
    padding-bottom: 20px;
    margin: 0 auto;
    background: url(./bg2.jpg) no-repeat;
}
.m-audio .m-top--avatar {
    height: 360px;
    position: relative;
    background-size: cover;
    width: 500px;
    margin: 0 auto;
}
.trans-wrapper {
	position: relative;
	height: 360px;
	width: 500px;
	margin: 0 auto;
}
.m-audio .m-top--avatar .m-top--trans{
    position: absolute;
    height: 300px;
    width: 300px;
    background: url(./trans.png) no-repeat;
    background-size: cover;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -150px;
}
.m-audio .m-top--avatar .m-top--pointer {
   position: absolute;
   width: 201px;
   height: 268px;
   background: url(./pointer.png) no-repeat;
   background-size: cover;
   z-index: 666;
  /* right: 400px;*/
   top: 0px;
   right: 0;
}
.m-audio .m-top--avatar .m-top--pointer.active{
  transform-origin: 180px 30px;
  transform: rotate(-30deg);
}
.m-audio--wrapper {
    padding: 0 70px;
}
.m-audio--wrapper .m-audio--title {
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin: 0  0 30px 0;
}
.m-audio--wrapper .m-audio--line {
    position: relative;
    border:1px solid #cccccc;
    display: block;
    width: 100%;
}
.m-audio--wrapper .m-audio--background {
    display: block;
    width: 0%;
    position: absolute;
    left: -1px;
    height: 10px;
    border-radius: 5px;
    top: -5px;
    background: -webkit-linear-gradient(left, #009af7 , #59f9ff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #009af7, #59f9ff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #009af7, #59f9ff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #009af7 , #59f9ff); /* 标准的语法 */
}
.m-date--left {
    position: absolute;
    left:-20px;
    top: 10px;
    font-size: 14px;
    color: #fff!important;
}
.m-date--right {
    position: absolute;
    right:-20px;
    top: 10px;
    font-size: 14px;
    color: #fff!important;
}
.m-audio--play {
    text-align: center;
}
.m-icon--loading {
    background: url(./loading.png) no-repeat;
   
}
.m-audio--play {
    /*overflow: hidden;*/
    display: table;
    margin:48px auto 0 auto;
}
.m-audio--play i {
    float: left;
    display: block;
    height: 43px;
    width: 21px;
    margin:0 20px;
    cursor: pointer;
    background-position: 50% 50%;
}
.m-icon--right {
  background: url(./m-icon--right.png) no-repeat;
}
.m-icon--left {
  background: url(./m-icon--left.png) no-repeat;
}
.m-icon--next {
  background: url(./m-icon--next.png) no-repeat;
}
.m-icon--pre {
  background: url(./m-icon--pre.png) no-repeat;
}
.m-icon--play {
  background: url(./m-icon--play.png) no-repeat;
  height: 43px!important;
  width: 43px!important;
}
.m-icon--play.active {
  background: url(./m-icon--stop.png) no-repeat;
}
.m-icon--audio {
    background: url(./m-icon--audio.png) no-repeat;
}
.m-icon--audio.active {
    background: url(./lowVoice.png) no-repeat;
    cursor: pointer;
    background-position: 50% 50%;
}
.m-icon--wrapper {
    position: relative;
    display: block;
    float: left;
    top: 21px;
}
.ico-range {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    cursor: pointer;
}
.line-audio {
    border:1px solid #ccc;
    top: 50%;
    position: absolute;
    width: 120px;
    margin-top: -1px;
}
input[type=range] {
    -webkit-appearance: none;
    width: 120px;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}  
input[type=range]::-webkit-slider-runnable-track {
    height: 2px;
    border-radius: 10px; /*将轨道设为圆角的*/
    background-color: #999999;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 10px;
    width: 10px;
    margin-top: -5px; /*使滑块超出轨道部分的偏移量相等*/
    background: #25beff; 
    border-radius: 50%; /*外观设置为圆形*/
}


@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

.Rotation{
-webkit-transform: rotate(360deg);
animation: rotation 3s linear infinite;
-moz-animation: rotation 3s linear infinite;
-webkit-animation: rotation 3s linear infinite;
-o-animation: rotation 3s linear infinite;
}