.online-time {
  font-size: 12px !important;
  color: #444; 
}
.online-table {
	background: #fff;
}
.online-table td .tdProductImg {
    width: 100%;
    height: 180px;
    border-radius: 3px;
    vertical-align: middle; 	 
}
.online-table tbody tr td{
   padding: 20px 8px;
   color: #999;
}
.online-table tbody tr td p {
   width: 100%;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;   
}
.online-table-text {
  height: 50px;
}
.online-color-title {
   font-size: 18px;
   color: #444;
}
.online-color-time {
  color: #444;
  text-align: center;
  text-align: left;
}
.online-red {
  color:#ff0000;
  text-align: left;
}
.online-table-price {
   color: #FE581F;
   font-size: 20px;
   text-align: center;
}
.online-table-btn {
    min-width: 70px;
    border-radius: 2px;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    line-height: 24px;
    cursor: pointer;
    padding: 0;
    background-color: #FE581F;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
}
.online-table-btn:hover {
    color: #fff;
	opacity:0.7;
	filter:alpha(opacity=70);   
}
.online-table-newbtn {
    min-width: 70px;
    border-radius: 2px;
    text-align: center;
    box-sizing: border-box;
    display: block;
    line-height: 24px;
    cursor: pointer;
    padding: 0;
    background-color: transparent;
    font-size: 14px;
    border: 1px solid #69b82d;
    color: #69b82d;
    vertical-align: middle;
	margin: 20px 0;   
}
.online-table-newbtn:hover {
	background-color:#efffe3;
	color:#69b82d;
	border:1px solid #69b82d;
}
.online-redline {
	color:#ff0000;
	border:1px solid #ff0000;   
}
.online-redline:hover {
 	color:#ff0000;
	border:1px solid #ff0000;
	background-color:#ffcccc;  
}
.online-table thead {
    background: #eee;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    color: #626570;   
}
.online-student-head {
   line-height: 30px !important;
   text-align: center !important;
}
.online-student-head td:first-child {
  text-align: left !important; 
  padding-left:20px !important;;
}
.online-student-table td:first-child{
   padding-left: 0;
}
.online-list-container {
  height: auto !important;
   box-sizing:border-box;
   -moz-box-sizing:border-box; /* Firefox */
   -webkit-box-sizing:border-box; /* Safari */   
}
.oline-publish {
   padding-top:120px !important;
   padding-bottom:60px !important;   
}
.online-pubtn {
   min-width:120px;
   border-radius:5px;
   height:35px;
   line-height:35px;
   font-size:16px;   
}
.tdwidth {
  width:370px !important;
}
.color-gray {
  color: #999;
}
.online-colorblack {
  color: #444;
}
.online-studysection {
   padding: 0 15px;
   color: #000; 
}
.online-cover-group {
   width: 450px;
   height: 310px;
}
.online-cover-group img {
  width: 100%;
  height: 100%;
}
.online-cover {
  float: left;
  padding:0;
}
.detail-course .online-course-info {
   width: 710px;
   padding: 20px 20px 0 0;
}
.online-course-info .online-course-desc {
  padding: 13px 0;
  color: #666;
  border-bottom: 1px dashed #ccc;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;    
}
.online-course-info .online-course-descnew {
  overflow: visible !important;
}
.online-course-star {
	 display:inline-block;
	 margin-top: 0; 
	 font-size: 17px;
	 color: #999;  
}
.online-course-midbox {
    padding-top: 15px;
	color: #999; 
}
.online-course-midbox .online-course-desc {
    color: #999;
}
.online-course-info .online-course-price {
   padding-top: 15px;
   color: #ff6600;
   font-size: 24px;
   font-weight: 600;
}

.detail-course .online-buy-now {
   width: 200px;
   font-size: 18px;
   margin-top: 15px;
}
.online-right-btn {
   float: right;
   color:#fff !important;
   margin-right: 11px;
   margin-top: 5px;
}
.online-class-timewrap {
    display: inline-block;
	width: 99%;
	font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}   
.online-partutcon {
   padding:10px 20px 20px 20px;  
   min-height: 300px; 
}
.online-course-edit {
   padding: 40px 20px 20px 20px;
}
.online-task-task-listlive {
     margin: 10px 0 20px; 
    width: 100%;
    float: left;
    margin-left: 10px;
    border-bottom: 1px #ddd solid; 
	height: 60px;
	line-height: 60px;  
}
.online-task-task-listlive .online-partutcon-wrap {
   width: 88%; 
   margin-bottom: 20px;  
}
.online-task-task-listlive .online-partutcon-wrap a {
  margin-left:25px;    
}
.online-partutcon-wrap a img {
   width: 50px;
   height: 50px;
   vertical-align:middle;
}
.online-partutcon-wrap a span {
   display:inline-block;
   vertical-align: middle;
   line-height: 40px;   
}
.online-partutconin {
  margin-bottom:10px;   
}
.online-partutconin-img {
   width: 35px;
   height: 35px;
   margin-right: 6px;
}
.online-partutconin-name {
  font-size: 14px;
}
.online-partutco .online-partutconin-namep {
   margin-left:20px;   
}
.online-partutco .online-partutconin-namep span {
  font-size: 14px;
  -webkit-transform: scale(0.96);
  color: #666;
  display: block;    
}
.online-task-listlive {
  border-bottom: 0 #fff solid;
}
.online-course-edit .online-task-listlive .online-task-listdeit {
   min-height: 150px;
   width: 100%;
   border-radius:5px;  
}
.task-task-listfn .onlinetask-task-itemf {
   margin-left: 0; 
   padding: 10px 15px; 
   color: #444; 
}
.intro-role-panel .online-newbt-7 {
   margin:30px auto;
}
.online-classintro-title {
   margin-bottom: 35px; 
}
.online-classintro-title h2 {
	font-size: 14px;
	text-align: center;
	background-color: #69b82d;
	line-height: 20px;
	border: 1px solid #69b82d;
	color: #fff;
	padding: 5px 20px;
	min-width: 100px;
	float:left;	   
}
.online-clear {
	clear:both;
	zoom:1;
}
.online-clear:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	zoom:1;
}
.online-classintro-left {
    width: 242px;
    height: 180px;
	float: left;   
}
.online-classintro-wrap-dashne .online-classintro-leftne {
   width: 142px;
}
.online-classintro-left img {
   width: 100%;
   height: 100%;
   border-radius: 2px;
}
.online-list-container .online-classintro-right {
  float: right;
  width: 575px; 
}
.online-classintro-wrap-dashne .online-classintro-rightne {
   width: 675px; 
} 
.online-classintro-wrap-dashne .online-classintro-rightnew {
   width: 983px;

} 
.online-classintro-right .online-classintro-right-title {
    color: #333;
    font-size: 20px;
    height: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;   
}
.online-classintro-right .online-classintro-right-time {
    height: 50px;
}
.online-classintro-right .online-classintro-right-name {
    height: 50px;
	color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.online-classintro-right .online-classintro-right-price {
     color: #FE581F;
    font-size: 20px; 
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;   
}
.online-classintro-right .online-he {
   height: 35px;
}
.online-classintro-right .online-height {
  margin-top:20px; 
}
.online-list-container .online-classintro-wrap-dash {
    border-bottom: 1px dashed #ccc;
	padding-bottom: 35px;
   box-sizing:border-box;
   -moz-box-sizing:border-box; /* Firefox */
   -webkit-box-sizing:border-box; /* Safari */ 	
}
.online-list-container .online-classintro-wrap-dashne {
    padding: 0;
	padding-bottom: 35px;
}
.online-classintro-titlebold {
   box-sizing:border-box;
   -moz-box-sizing:border-box; /* Firefox */
   -webkit-box-sizing:border-box; /* Safari */
    font-size: 18px;
	padding-left: 20px;
    line-height: 21px;
    color: #000;
	font-weight: 600;
    background: url(../images/online-img/line.png) 0 center no-repeat;
	background-size: auto 21px;
    margin-bottom: 30px;
    overflow: hidden;
	border: none;    
}
.online-classintro-headwrap {
   margin: 35px 0 25px;
}
.online-classintro-wrap-dash .online-classintro-conwrap {
  /* line-height: 16px; */
   color: #666;
}
.online-classintro-wrap-dash .online-classintro-conwrap p {
  /* line-height: 25px; */
   text-indent: 2em;
}
.online-classintro-wrap-dash{
    word-wrap: break-word;
}
.online-classintro-wrap-dash .online-classintro-conwrap-img {
   width: 100%;
   margin: 20px 0;
   text-align: center;
} 
.online-classintro-wrap-dash .online-classintro-conwrap img {
  max-width: 100%;
  height: 250px;
  text-align: center;
}
.online-classintro-wrap-dash .icon-onlineclass-roles {
    display: block;
    width: 82px;
    height: 82px;
    background: url(../images/online-img/user.png) no-repeat;
	background-size: 82px;
}
.online-classintro-wrap-dash .icon-onlineclass-goals {
    display: block;
    width: 82px;
    height: 82px;
    background: url(../images/online-img/object.png) no-repeat;
	background-size: 82px;   
}
.online-list-container .online-classintro-wrap-btn {
	text-align: center;
}
.online-list-container .online-classintro-wrap-btn a {
    margin: 20px;
}
/*------------------老师点击滚动效果------------------------*/
.online-class-teacher-scroll {
  position: relative;
}
.online-classintro-teachwrap {
   box-sizing:border-box;
   -moz-box-sizing:border-box; /* Firefox */
   -webkit-box-sizing:border-box; /* Safari */ 
   width: 100%;    
}	 
.online-class-teacher-innerbox li {  
    display:block;  
    float:left;  
    margin-right:8px;  
    width:88px;  
    height:66px;  
    background:#BBB;  
    font-size:50px;  
    color:#ccc;  
    line-height:66px;  
    text-decoration:none;  
    text-align:center;  
    cursor:pointer;  
    }  
.online-class-teacher-innerbox li:hover {  
    color:#999;  
    }  
.online-class-teacher-innerbox li.active {  
    background-position:-174px 0;  
    color:#555;  
    cursor:default;  
    }
.online-class-teacher-outbox {
   overflow: hidden; 
   position: relative; 
   visibility: visible; 
   width: 740px;
   margin: o auto;
   min-height: 100px;	
} 
.online-class-teacher-outbox .online-class-teacher-innerbox {
   position: absolute; 
   width: 200000em; 
   left: 0px;   
} 
a.teacher-scroll-prev , a.teacher-scroll-next {  
    background:url(../images/online-img/arrowleft.png) 0 center no-repeat; 
    display:inline-block;  
    width:23px;  
    height:43px;  
    float:left;  
    margin:15px 0 0 0;  
    cursor:pointer;  
	text-indent: -99999;
    } 
a.teacher-scroll-height {
   margin-top: 50px;
} 	 
a.teacher-scroll-next {  
    background:url(../images/online-img/arrowright.png) 0 center no-repeat;
	float: right;
    }  
 #scrollable {  
    background-color:#efefef;  
    border:1px solid #ddd;  
    padding:10px 8px;  
    width:523px;  
    height:65px;  
    margin-top:30px;  
    }  
 .online-scroll-demo {
    position: absolute;
    min-width: 200000em; 
	left: 0px;	
	}
 div.online-items {  
    height:130px;
	min-height: 130px;  
    float:left;  
    width: 788px; 
    overflow: hidden; 
	position: relative; 
	visibility: visible;
	box-sizing:border-box;
   -moz-box-sizing:border-box; /* Firefox */
   -webkit-box-sizing:border-box; /* Safari */ 
    }
.clearfloat{clear:both;height:0;font-size: 1px;line-height: 0px;}  
div.online-items-width {
   width: 789px;
}
div.online-items-widthbig {
  width: 1094px;
}	 
 div.online-items li {  
    display:inline-block;  
    float:left;  
    width: 197px; 
	text-align: center; 
  /*  height:130px;  */    
    font-size:16px;  
    color:#111;  
    line-height:35px;  
    text-decoration:none;  
    text-align:center;padding: 0 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */	  
  }
div.online-scroll-demo-width li {
  width: 263px; 
  padding: 0 10px;
  box-sizing:border-box;
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */	  
 } 
div.online-items-widthbig li {
   width: 273.5px;
}
 .online-scroll-name {
 /*    width: 190px;   */
	text-align: center;     
    font-size:16px;  
    color:#111;   
    text-decoration:none;  
    text-align:center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; 
 } 
div.online-scroll-introduce {
   white-space: normal; 
   font-size: 14px;
   line-height: 18px;
   color: #6A6A6A;
} 
 /*div.online-items li:hover {  
    color:#999;  
  } */ 
 /*div.online-items li.active {  
    background-position:-174px 0;  
    color:#555;  
    cursor:default;  
  } */
 .online-scroll-teacher img {
   width: 82px;
   height: 82px;
   border-radius: 50%;
   
 } 
/*------------------------在线课堂详情页---------------------*/
.online-detailclass-time {
  width: 100%; 
  float: left; 
  text-align: center; 
  margin-top:25px;
  margin-bottom: -5px;   
}
.online-detailclass-setting-name {
  width:70px;
  height:25px;
  line-height:25px;
  font-size:10px;
  margin-bottom:0px;
  margin-right:10px;  
}
.live-tbodynere .online-detailclass-act {
   display:block;
   text-align:center;
   margin-bottom: 10px;
}
.live-table .online-live-theadtrre td {
  text-align: center;
}
.live-table .online-live-tbodynere td {
  color: #444;
}
.online-class-plan {
  padding: 36px 0 20px;
}
.online-class-plan-box {
 border-left: solid 1px #e7e9ed;
 padding: 0 20px;
 position: relative;
}
.online-class-plan-box .online-class-plan-boximg {
   position: absolute;
   top: 0;
   left: -6px;
   width: 10px;
   height: 10px;
}
.online-class-plan-box .online-class-plan-boxtitle div.online-class-plan-boxtitle-word {
   font-size: 17px;
   color: #444;
}
.online-class-plan-boxtitle {
   height: 22px;
   line-height: 10px;
}
.online-class-plan-box .online-class-plan-boxtitle div {
   color: #69b82d;
   font-size: 14px;
   display: inline-block;
}
.online-class-plan-statusbox {
   color: #999;
   padding: 0 0 40px;
}
.online-class-plan-statusbox .online-class-plan-statusbox-name {
   display: inline-block;
   margin-right: 5px;
   min-width: 60px;
   text-align: center;
   border-radius: 10px;
   height: 22px;
   line-height: 22px;
   padding: 0 5px;
   background: #B4B3B1;
   font-size: 14px;
   color: #fff;
   box-sizing:border-box;
   -moz-box-sizing:border-box; /* Firefox */
   -webkit-box-sizing:border-box; /* Safari */ 
}
.online-class-plan-statusbox .status-color-red {
   background: #ff0000;
}
.online-class-plan-statusbox .status-color-blue {
   background: #35AAB7;
}
.online-class-plan-statusbox .status-color-review {
   background: #FFA446;
}
.online-class-plan-statusbox  p.online-class-plan-statusbox-time {
   display: inline-block;
}
.online-course-desc p.online-course-desc-name {
  display:inline-block;
  width: 560px; 
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;      
}
/*--------------------课程评论---------------------------*/
.online-class-item-left img {
   width: 50px !important;
   height: 50px !important;
}
.online-comment-bd-name {
  display: inline-block;
  min-width: 50px;
  max-width: 300px;
  margin-right: 20px;
}
.online-item-left-box { 
  width: 735px;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  margin-bottom: 10px;
}
.online-item-right-box {
   width: 300px;
  display: inline-block;
  text-align: right;
}
.online-comment-content div {
  line-height: 20px;
  margin: 15px 0 20px;    
}
.online-item-left-box div .online-comment-content-reply {
   color: #417597;
   margin: 0 5px 0 15px;
}
.online-item-left-box div.online-comment-content-replycon {
   display: inline-block;
}
.online-comment-ft {
  line-height: 40px;
  white-space: nowrap;
}
.online-comment-ft  span {
  display: inline-block;
  color: #666;
}
.online-comment-ft .online-comment-ft-width {
   max-width: 100px;
   display: inline-block;
/*   white-space:nowrap;
   overflow:hidden;
   text-overflow: ellipsis;  */
}
.online-item-left-box .online-comment-content {
   font-size: 15px;
   color: #333;
   padding-top: 5px;
}
.comment-list .online-comment-item {
   border-top: 1px #e5e5e5 solid !important;
}
.online-comment-content-input {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    border: #ccc 1px solid;
    padding: 0 5px;      
	width: 550px;
	margin-right: 10px;
	border-radius: 2px;
}
/*新加在线课堂样式*/
.online-class-plan .online-class-plan-box-bt {
   border-bottom: 1px solid #eee;
   border-left: 0;
   padding: 0 10px;
   position: static;
   margin-bottom: 30px;
}
.online-class-plan-box-bt .online-class-plan-statusbox-hg {
  padding-bottom: 25px;
}
.online-classintro-titlebold-study {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 18px;
    padding: 10px 10px 10px 20px;
    line-height: 35px;
    color: #000;
    font-weight: 600;
    background: url(../images/online-img/line.png) 0 center no-repeat;
    background-size: auto 21px;
    margin: 20px 0 30px;
	border-bottom: 1px solid #eee;   
}
.online-classintro-student {
   
}
.online-classintro-student .online-classintro-student-info {
   float: left;
   width: 100px;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   text-align: center; 
    margin-right: 47px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 20px;	  
}
.online-classintro-student .online-classintro-student-info:nth-child(6n) {
   margin-right: 0;
}
.online-classintro-student .online-classintro-student-info img {
    width: 100px;
	height: 90px;
	border-radius: 1px;
}
.online-classintro-student .online-classintro-student-info p {
   text-align: center; 
   color: #333;
   font-size: 14px; 
   line-height: 40px; 
   	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;   
}
.live-tbodynere .live-sourcepnew {
   overflow:hidden;
   text-overflow:ellipsis;  
}
.live-pricewe {
   color: #FF0000;
   font-size: 18px !important;
}
.online-classintro-titlebold .online-classintro-titlebold-more {
   font-size: 14px;
   color: #999;
   margin-left: 15px;
}
.online-classintro-wrap-dashne .online-clear-fl {
   width: 280px;
}
.online-classintro-wrap-dashne .online-clear-fl .online-classintro-rightnew {
   width: 145px;
   padding-right: 10px;
}
.online-clear-fl  .online-classintro-right .online-classintro-right-name {
   font-size: 14px;
   color: #666;
   margin-top: 2px;
}
.online-clear-fl .online-classintro-right .online-he-title {
    height: 41px; 
	overflow:hidden; 
	word-wrap: break-word;
	word-break:break-all;
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	font-size: 14px;
    color: #666;
	line-height: 20px;    
}
.online-classintro-wrap-dashne .online-clear-fl .online-classintro-leftne {
   width: 125px;
} 
.online-classintro-wrap-dashne .online-clear-fl-re {
   width: 380px;
}
.online-classintro-wrap-dashne .online-clear-fl-re  .online-classintro-left {
  width: 142px;
  height: 180px;
}
.online-classintro-wrap-dashne .online-clear-fl-re .online-classintro-rightnew {
   width: 210px;
   margin-right: 15px;
   padding-right: 0;
}
.online-table-text-h {
  height: 41px !important;
}
p.online-color-title-h {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: pre-wrap !important;
    font-size: 18px;
    color: #444;
    height: 60px !important;
    line-height: 30px;
    margin-bottom: 12px;
    margin-top: -10px;
}