@charset "utf-8";
.date-empty {display: block;height: 577px;text-align: center;font-size: 14px;color: #bbb;padding: 300px 0px 40px 0px;line-height: 24px;background: url(../common/empty.png) no-repeat 50% 180px;overflow-y: auto;border-right: 1px solid #eee;box-sizing: border-box;}

/*头部教师信息样式*/
/*.courseList{ padding:20px 0 0;}*/
.courseList>ul>li{ margin-bottom:20px; background:#fff;border: 1px solid #eee;box-shadow: 0px 1px 10px #f0f0f0;}
.courseList>ul>li:last-child{ margin-bottom:0;}
.courseList .teacherBox{padding: 34px 56px;position: relative;}
.courseList li .teacherimg{ width:198px;height: 198px;border-radius:198px; border:6px solid #eee;overflow: hidden; float:left;}
.courseList .teacherimg img{ width:100%; height:100%; display:block;}
.teacherinfo {box-sizing:border-box;padding-left: 250px;}
.teacherinfo .t-name{margin-top: 41px;font-size: 22px;letter-spacing: 2px;margin-bottom: 20px;}
.teacherinfo .t-info{margin-bottom: 22px;color: #888;font-size: 14px;}
.teacherinfo .t-info span{ margin-right:26px;}
.teacherinfo .t-intro{ font-size:14px;line-height: 25px; color:#444;}

/*通用样式*/
.icon-angle-left{width:11px;height:17px;overflow:hidden;display:inline-block;background:url(arrow.gif) no-repeat;}
.icon-angle-right{width:11px;height:17px;overflow:hidden;display:inline-block;background:url(arrow.gif) -11px 0px no-repeat;}
.dates-bar .icon-angle-left{background-position:0 -17px;}
.dates-bar .icon-angle-right{background-position:-11px -17px;}

.livebuyBox{ position:relative;}
.jflatTimeline{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

/*年月栏*/

.jflatTimeline .month-year-bar{background-color: #f8f8f8;color:#333;height:45px;padding:5px;-moz-box-sizing: border-box;-webkit-box-sizing:border-box;box-sizing : border-box;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor:default;}
.jflatTimeline .month-year-bar span{font-size: 20px;}
.jflatTimeline .month-year-bar .prev, 
.jflatTimeline .month-year-bar .next{padding:0 12px;cursor : pointer;}

.jflatTimeline .month-year-bar .year{float:left;line-height: 35px;}
.jflatTimeline .month-year-bar .month{float:right;line-height: 35px;}

/*日期切换栏*/
.tab{ border:1px solid #eee; margin-bottom:30px;}
.tabTitle{ border-bottom:1px solid #eee; height:62px; position:relative; padding:0 51px;}
.tabTitle .tabSlider{ overflow:hidden; position:relative; width:100%; height:62px;}
.tabTitle .itabSlider{ position:absolute;top:0;left:0;}
.tabTitle .leftArrow,.tabTitle .rightArrow{ position:absolute; width:50px; height:62px; top:0; text-align:center; line-height:62px; color:#999; font-family:simsun; font-weight:bold; cursor:pointer;font-size: 25px;}
.tabTitle .leftArrow{left:0; border-right:1px solid #eee;}
.tabTitle .rightArrow{right:0; border-left:1px solid #eee;}
.tabTitle span{height:56px;float:left;line-height:40px; border-right:1px solid #eee; margin-right:-1px;color:#666;width: 80px;text-align: center;cursor:pointer;padding: 6px 0 0 0;color: #a2a2a2;}
.tabTitle span:hover {color: #686666;}
.tabTitle span.curr{color: #696969;}
.tabTitle span .date {display: block;font-size: 30px;line-height: 30px;}
.tabTitle span.curr .date {transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);}
.tabTitle span .month {font-size: 13px; display:block; line-height:20px;}


.tabCont .cont{ padding:20px;}
.itabSlider { width:20000000em;}
.day-empty{width: 1076px;line-height: 62px;text-align: center;font-size: 16px;color: #bbb;}


/*每天内部显示内容*/

.jflatTimeline .timeline-wrap{float: left;-moz-box-sizing : border-box;-webkit-box-sizing : border-box;box-sizing : border-box;width: 70%;}
.jflatTimeline .timeline-wrap .event{display: none;}
.jflatTimeline .timeline-wrap .event.selected{display : block;}

.c-bigBox{height:577px;}
.c-bigBox-l{height:577px;overflow-y: auto;border-right: 1px solid #eee;}
.c-bigBox-r{float:right; width:30%; position:relative;height: 577px;}
.c-bigBox-l ul{ padding:0 15px;}
.c-bigBox-l ul li{padding: 35px 0 35px 35px;border-bottom:1px solid #eee; position:relative;}
.c-bigBox-l ul li:last-child{ border-bottom:0;}
.c-big-imgbox{width: 295px;height: 202px; overflow:hidden;float: left;}
.c-big-imgbox img{ width:100%; min-height:100%;}
.c-bigBox-l li .inputBox{ position:absolute; left:0;top:50%; margin-top:-10px;}

.c-bigBox-TabCon li{ padding:20px 0; border-bottom:1px solid #eee;}
.c-bigBox-TabCon li:first-child{ padding-top:0;}
.c-bigBox-TabCon li:last-child{ padding-bottom:0; border-bottom:0;}
.c-big-infobox h3{font-size: 20px;font-weight: normal;margin-bottom:12px;line-height: 30px;overflow: hidden;height: 30px;text-overflow: ellipsis;white-space: nowrap;}
.c-big-infobox .c-liveintro{ line-height:25px; margin-bottom: 25px;font-size:14px; color:#777;max-height:50px;*height:50px;overflow: hidden;}
.c-big-infobox .c-liveinfo{color: #999;margin-bottom: 16px;line-height: 24px;}
.c-big-infobox .c-liveinfo span{ margin-right:24px; display:block;font-size: 14px;line-height: 25px;}
.c-livemoney{font-size: 24px;color: #fb6368;}
.c-livemoney em{ font-size:12px;}
.c-living{ color:#fbbe03;}
.c-bigBox-l .c-lived .c-big-imgbox{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.c-bigBox-l .c-lived .c-livemoney{text-decoration: line-through;color: #bbb;}
.c-st-tabTit dt{float: left;width: 50%;text-align: center;line-height: 54px;font-size: 18px;background: #f8f8f8;border-bottom: 1px solid #eee;color: #999;box-sizing: border-box; cursor:pointer;}
.c-big-infobox{padding-left: 320px;box-sizing:border-box;padding-top: 10px;}
.c-st-Box{ overflow:hidden;}
.c-st-tabTit{margin-right: -1px;margin-left: -1px;}
.c-st-tabTit dt.active{background: #fff;border-bottom: 1px solid #fff;border-left: 1px solid #eee;border-right: 1px solid #eee;}
.c-sb-Box{box-sizing: border-box;width: 100%;height:136px;position: absolute;bottom: 0;left: 0;background: #f8f8f8;border-top: 1px solid #eee;}
.c-sb-Box .buyBtnBox a{display: block;width: 155px;height: 42px;line-height: 42px;text-align: center;background:#0288d1;font-size: 16px;border-radius: 3px;margin: auto;color: #fff;}
.allMoney{text-align: center;margin-top: 24px;font-size: 16px;line-height: 35px;color: #777;margin-bottom: 7px;}
.allMoney .redmoney{ color:#fb6368;font-size: 24px;}
.allMoney .redmoney em{ font-size:12px;}
.c-st-tabCon{ overflow-y:auto;}

.c-st-tabConbox{ display:none;height: 386px;overflow-y: auto;}
.c-tcBox{ padding:0 10px 30px;}
.c-tcBox li{ float:left; width:50%;}
.c-tcBox li .c-tcImg{margin:30px 10px 0;}
.c-tcBox li .c-tc-img{ height:87px;overflow: hidden;box-sizing: border-box;}
.c-tcBox li.curr .c-tc-img{border: 2px solid #ff9f37; height:83px;}
.c-tcBox .c-tcImg img{ width:100%; min-height:100%; display:block;}
.c-tc-tit{font-size: 14px;line-height: 25px;color: #777;margin-top: 10px;/*margin-bottom: 5px;*/ height:25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.c-tc-tit:nth-child(3){ margin-top:0;}
.c-tc-money{ color:#fb6368; font-size:14px; height:21px; line-height:21px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}

.c-dgBox { padding:15px 0;}
.c-dgBox li { padding:15px 15px 15px 45px; position:relative;}
.c-dgBox li .del-icon{ position:absolute; left:15px; top:50%; margin-top:-10px; width:20px; height:20px; background:url(delicon.png) no-repeat center; background-size:20px 20px;}
.c-dgBox li .c-dg-img{ width:50%; height:87px; overflow:hidden;}
.c-dgBox .c-dg-img img{ width:100%; min-height:100%;display: block;}
.c-dg-name{ padding-left:55%;}
.c-dg-name .c-dg-title{ font-size:16px;margin-bottom:8px;height: 23px;line-height: 23px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.c-dg-time{ font-size:14px; color:#999; margin-bottom:8px;line-height: 21px;height: 21px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.c-dg-money{ font-size:18px; color:#fb6368;height: 27px;line-height: 27px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}