body{ background:#f1f3f6;}
.c-btn-gray {border: 1px solid #eee; background-color: #f8f8f8; border-radius: 2px; color:#666;}
.c-btn-gray:hover {color:#333; background-color: #f1f1f1; }
.icon{ display:inline-block; background:url(../images/live/live-icon.png) no-repeat; vertical-align:middle;margin-right: 5px;}
.direct-left{ width:450px; height:400px; background:#fff; float:left; box-shadow:0 0 5px #edeff2;}
.dirl-top{ background-size: cover; position:relative; min-height:80px; padding:20px 20px 20px 120px; color:#fff;text-shadow: 1px 1px 5px #aaa; -moz-text-shadow:1px 1px 5px #aaa;-webkit-text-shadow:1px 1px 5px #aaa;}
.dtimg{ width:80px; height:80px; position:absolute; left:20px; top:20px;}
.dtimg img{ width:100%; height:100%; border-radius:50%;}
.dirl-top h4{ font-size:14px; padding-right:80px; color:#fff; margin-top:5px;}
.dirl-top p{ margin-top:6px;}
a.dtswitch{ position:absolute; right:20px; top:25px; color:#fff;}
.icon-switch{ width:18px; height:18px; background-position:-40px -110px; margin:0 5px 3px 0;}
.icon-authe{ width:16px; height:16px; background-position:0 -110px; margin:0 5px 3px 0;}
.icon-authe.checked{ background-position:-20px -110px;}
.authebq{ font-size:12px; color:#fff; font-weight:normal; margin-left:15px;}
.c-f29113{ color:#f29113;}
.dirl-tit{ background:#fff; padding:15px 20px 10px 20px; border-top:1px solid #eee; border-bottom:1px solid #eee; line-height:30px;}
.icon-build{ width:15px; height:18px; background-position:-60px -110px; margin:0 5px 3px 0;}
.icon-refresh{ width:14px; height:14px; background-position:-80px -110px; margin:0 5px 3px 0;}
.dirl-tit .c-btn{ padding-top:0; padding-bottom:0; line-height:28px !important; margin-left:5px;}
.dirl-list{ background:#fff;}
.dirl-list ul{ display:block; padding:0 20px;}
.dirl-list li{ border-bottom:1px solid #eee; padding:20px 0;}
.dlimg{ width:130px; height:90px; position:relative; float:left; margin-right:20px; _display:inline;}
.dlimg img{ width:100%; height:100%; border-radius:4px;}
.dlbox{ margin-left:140px;}
.lm-state{ display:inline-block; height:20px; line-height:20px; overflow:hidden; color:#fff; font-size:12px; border-radius:2px; vertical-align:middle; margin:0 5px 2px 0;}
.st-being{ background:#1ccda6; padding:0 6px;}
.st-coming{ background:#ffe6cc; padding-right:6px; color:#ff8100;}
.st-coming label{ display:inline-block; background:#ff8100; height:20px; padding:0 5px; border-radius:2px; margin-right:6px; color:#fff;}
.st-past{ background:#74b5f1; padding:0 6px;}
.st-end{ background:#e1e1e1; padding:0 6px; color:#666;}
.icon-eyes{ width:18px; height:13px; background-position:-100px -110px; margin:0 5px 3px 0;}
.c-888{ color:#888;}
.c-0c93e4{ color:#0c93e4;}
.mb3{ margin-bottom:3px;}
.dlmess{ min-height:70px; _height:70px;}
.dlmess h4{ font-size:14px; color:#666; font-weight:normal; cursor:pointer;}
.dlmess h4:hover{ color:#333;}
.dp-state{ display:inline-block; height:20px; line-height:20px; overflow:hidden; color:#666; font-size:12px; border-radius:10px; padding:0 10px; background:#f2f2f2;}
.icon-dept{ width:10px; height:10px; background-position:-120px -110px; margin:0 3px 3px 0;}
.icon-hosp{ width:10px; height:10px; background-position:-140px -110px; margin:0 3px 3px 0;}
.operahold{ width:118px; background:#fff; border:1px solid #ddd; position:absolute; bottom:20px; right:-10px; display:none;}
.operahold a{ display:block; line-height:35px; color:#888; text-align:center;}
.operahold a:hover{ background:#4db2ee; color:#fff;}
.ct-state{ display:block; width:40px; height:18px; line-height:18px; text-align:center; color:#fff; position:absolute; left:0; bottom:0; border-bottom-left-radius:4px;}
.st-free{ background:rgba(46,174,145,.66);}
.st-pay{ background:rgba(77,142,181,.66);}
.switchdir{ display:block; background:#f8f8f8; padding-bottom:5px;*width: 400px;}
.switchdir li{ background:#fff; font-size:14px; position:relative; padding:10px 20px 10px 80px; min-height:50px; color:#333; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; border-bottom:1px solid #f2f2f2;}
.switchdir li.sdtit{ line-height:50px; background:#f8f8f8; padding:0 20px; margin-bottom:0; min-height:10px; color:#666;}
.sdimg{ width:50px; height:50px; position:absolute; left:20px; top:10px;}
.sdimg img{ width:100%; height:100%; border-radius:50%;}
.icon-choose{ width:30px; height:30px; background-position:-60px -20px; position:absolute; right:20px; top:50%; margin-top:-15px; display:none;}
.switchdir li.curr .icon-choose{ display:block;}
.maxh550{ max-height:550px; overflow:auto;}
.direct-right{ margin-left:460px; background:#fff;}
.dirr-lab{ height:36px; background:#f4f5f7; border:1px solid #e0e3ec;}
.dirr-lab li{ min-width:170px; _width:170px; height:30px; padding:3px; float:left; border-right:1px solid #e0e3ec; position:relative;}
.dirr-lab li a{ display:block;*width: 170px; height:30px; line-height:30px; font-size:14px; color:#666; padding:0 13px;}
.dirr-lab li a.curr{ background:#40d0a7; color:#fff;}
.dirr-lab li a:hover{ background:#40d0a7; color:#fff;}
.icon-labdel{ width:10px; height:10px; background-position:-40px -130px; position:absolute; right:10px; top:50%; margin-top:-5px;}
.icon-labdel:hover{ background-position:-20px -130px;}
.no-direct{ text-align:center; font-size:14px; color:#666; padding:80px 10px 10px 10px;}
.icon-nodirect{ display:inline-block; width:390px; height:133px; background:url(../images/live/nodirt.png) no-repeat; margin-bottom:5px;}
/*课程列表及观看*/
.course-wrap { width: 640px; border-right: 1px solid #eee;}
.course-hd .info{ background-color: #f8f8f8; padding: 10px 20px;}
.course-hd img{ width:100%;}
.icon-see { width: 24px; height: 18px; background-position: 0 0;}
.course-bd .tit { font-size: 14px; color: #333; padding: 10px 20px;}
.icon-lecturer, .icon-summary { width: 28px; height: 28px; margin-right: 10px;}
.icon-lecturer {background-position: 0 -20px;}
.icon-summary {background-position: -30px -20px;}
.course-bd .con { padding: 10px 20px; font-size: 14px; color: #666;}
.course-hd .info,
.course-bd .tit,
.course-bd .con,
.course-ft { padding: 10px 20px; border-bottom: 1px solid #eee; font-size: 14px; color: #333;}
.icon-person { width: 16px; height: 16px; background-position: -30px 0;}
.course-btn{ border-top:1px solid #ddd; border-bottom:1px solid #ddd;padding: 20px 0;text-align: center;}
.course-btn .disable-btn {font-size: 16px;color: #999;width: 70px;padding: 6px 18px;cursor: default;}
.btn-w100 {width: 70px;}
.course-mess li{ border-bottom:1px solid #eee; line-height:50px; padding-left:20px; padding-right:20px; font-size:14px;}
.course-mess li:last-child{ border-bottom:none;}
/* 回看页面 */
.lback-box{ width:650px; margin:0 auto; padding:70px 0 20px 0;}
.lback-box h4{ font-size:18px; color:#666; font-weight:normal;}
.lback-video{ width:650px; height:365px; background:#000; margin-top:20px;}
.lback-video p {color: #fff;font-size: 14px;position: relative;top: 50%;text-align: center;}
/* 新建课程 */
.dir-step{}
.dir-step li{ display:table-cell; width:1%; text-align:center; font-size:14px; color:#666;*float: left;*width: 33.3333%;}
.dir-step li label{ display:block; height:5px; background:#e1e1e1; position:relative; margin-top:10px;}
.dir-step li label i{ display:block; width:14px; height:14px; background:#e1e1e1; border-radius:50%; position:absolute; left:50%; margin-left:-7px; top:50%; margin-top:-7px;}
.dir-step li.finish label,.dir-step li.finish label i{ background:#40d0a7;}
.textarea-w480 {width: 478px;}
.textarea-mh130 {min-height: 130px;}
.c-btn-w100 {width: 100px;padding: 9px 14px;}
.ml200 {margin-left: 200px;}
.pl90 {padding-left: 90px;}
.dir-con>li{padding:40px 0 20px;/* border-top:1px dashed #ddd; */}
.dir-con>li:first-child{border-top:none;}
.dir-con .tit{font-weight:700;font-size:14px;}
.select-tag{margin:0 -5px 5px;}
.select-tag li{float:left;margin:5px;padding:0 10px;height:30px;border:1px solid #ddd;border-radius:3px;color:#999;white-space:nowrap;font-size:12px;line-height:30px;}
.select-tag li .close{margin-left:15px;color:#999;font-size:18px;line-height:1;}
.select-tag li .icon-close{width:10px;height:10px;background-position:-20px -130px;}
.select-tag li:hover{border:1px solid #4db2ee;background-color:#4db2ee;color:#fff;}
.select-tag li:hover .icon-close{background-position:-40px -130px;}
.icon-add{margin-right:10px;width:16px;height:16px;background-position:0 -130px;}
.upload-wrap img{width:200px;height:140px;*float: left;}
.upload-wrap .upload-btn{display:inline-block;*float: left;margin-left:20px;}
.upload-btn a{display:block;width:196px;height:136px;border:2px dashed #ddd;color:#e1e1e1;text-align:center;font-weight:700;font-size:60px;line-height:136px;cursor:pointer;}
.upload-wrap-rds img{width:80px;height:80px;border-radius:50%;}
.c-4db2ee {color: #4db2ee;}
#complete-btn a {transition: color .3s;-webkit-transition: color .3s;-moz-transition: color .3s;-ms-transition: color .3s;}
#complete-btn a:hover {color: #1aa1f1;}
.input-text-w380 {width:358px;}
.input-text-w110 {width: 88px;}
/*进入直播*/
.c-btn-startup{padding:17px 0;width:300px;font-size:18px;}
.bgc-f8f8f8{background-color:#f8f8f8;}
.startup-step{margin:30px auto;padding:15px;width:540px;color:#666;font-size:14px;}
.startup-step li{position:relative;padding:0 25px 20px;border-left:1px solid #e1e1e1;}
.startup-step .step-hd{padding-bottom:20px;line-height:30px;}
.step-num{position:absolute;top:-5px;left:-20px;display:inline-block;padding:5px;width:30px;height:30px;background-color:#fff;}
.step-num i{display:inline-block;width:30px;height:30px;border-radius:50%;background-color:#83c44e;color:#fff;text-align:center;font-size:14px;line-height:30px;}
.startup-step .step-bd{padding:0 10px;border:1px solid #f1f3f6;background-color:#f8f8f8;}
.startup-step .step-bd p{margin:15px 0;color:#999;line-height:50px;}

/*历史总收益*/
.ptb140{padding-top:140px;padding-bottom:140px;}
.c-line-33{line-height:33px;}
.icon-income{width:24px;height:24px;background-position:0 -150px;}
.data-wrap .data-hd{padding:29px 20px;border-bottom:1px solid #eee;background-color:#f8f8f8;font-size:14px;}
.data-bd .tit{padding:12px 20px;border-bottom:1px solid #eee;}
.data-bd .tit-border{border-top:1px solid #eee;}
.data-chart{position:relative;background-color:#f8f8f8;}
.data-chart .date-wrap{position:absolute;top:15px;right:20px;}
/*未创建课程*/
.c-83c44e{color:#83c44e;}
.ml60{margin-left:60px;}
.no-found{margin:10px auto;width:640px;border:1px solid #eee;background-color:#fff;color:#666;font-size:14px;}
.icon-advantage,.icon-found,.icon-promise{width:30px;height:30px;}
.icon-found{background-position:-150px -20px;}
.icon-advantage{background-position:-90px -20px;}
.icon-promise{background-position:-120px -20px;}
.found-btn{padding:14px 60px;font-size:18px;}
.found-list li{line-height:2.2;}
.icon-error {
	width: 16px;
	height: 16px;
	background-position: -90px -130px;
}
/*应用管理*/
.icon-manage{width:18px;height:18px;background-position:-50px -130px;}
.manage-hd{padding:20px 30px;border-bottom:1px solid #eee;font-weight:700;font-size:14px;}
.manage-bd{padding:15px 30px;color:#666;font-size:12px;}
.manage-bd .tit{margin-top:40px;border-top:1px solid #eee;}
.manage-bd .tit span{position:relative;top:-19px;display:inline-block;padding:10px 12px;border-radius:100px;background-color:#eee;}
.manage-bd .con{margin:0 -20px;}
.manage-bd .con li{position:relative;float:left;margin:10px 20px;}
.manage-bd .con a.item{display:block;padding:20px;color:#666;text-align:center;font-size:12px;}
.hover-con{position:absolute;top:-24px;left:95px;z-index:1001;display:none;padding:15px 20px;min-width:220px;border:1px solid #c4c4c4;background-color:#fff;box-shadow:0 0 5px #c4c4c4;}
.manage-bd .con li:hover .hover-con{display:block;}
.hover-con p{line-height:2.2;}
.conceal-btn,.recovery-btn{padding:9px 21px;border-radius:3px;color:#fff;}
.conceal-btn{background-color:#f58686;}
.conceal-btn:hover{background-color:#f06868;}
.recovery-btn{background-color:#64d9b8;}
.recovery-btn:hover{background-color:#48c9a5;}
.hover-con .c-arrow-l{position:absolute;top:50%;left:-14px;margin-top:-7px;}
/*未创建课程-未认证*/
.plr65{padding-right:65px;padding-left:65px;}
.icon-rights{width:16px;height:16px;background-position:-70px -130px;}
/*课堂设置*/
.over-fix {position: relative;}
.over-fix label {position: absolute;left: 0;}
.over-fix label.sec {left: 73px;*left: 69px;}
.over-fix .control-hlep {padding-left: 150px;*padding-left: 143px;}
.fileinput-button {position: relative;overflow: hidden;display: inline-block;}
.fileinput-button input {height: 100%;position: absolute;top: 0;right: 0;margin: 0;opacity: 0; -ms-filter: 'alpha(opacity=0)';direction: ltr;cursor: pointer;}
/*404*/
.c-org {color: #eb6100;}
.c-ae {color: #aeaeae;}
.hidden {overflow: hidden; _zoom: 1;}
.error-box { padding:190px 0px 175px 460px; background:url(../images/live/404.jpg) 190px 150px no-repeat; }
.icon-404 { width:40px; height:40px; display:inline-block; overflow:hidden; zoom:1; background-position: 0 -180px; margin: 10px 10px 0 0;}
.link-555 a {color: #555;}
.link-555 a:hover {color: #ff8100;}
/* 播放选择 */
.playcheck-wrap { margin-left: 180px;}
.playcheck-box { position: relative; display: inline-block; vertical-align: top; width: 258px; height: 306px; border: 1px solid #dddddd; padding-top: 15px; margin: 0 6px; cursor: pointer;}
.playcheck-box .item-tit { height: 52px; line-height: 52px; text-align: center; font-size: 18px; color: #333;}
.playcheck-list { width: 200px; margin: auto;}
.playcheck-list li { display: block; width: 100%; height: 110px; line-height: 110px; text-align: center; font-size: 14px; color: #333; margin-bottom: 5px;}
.playcheck-list li:first-child { background: #ebf8ff;}
.playcheck-list li:last-child { background: #fafafa; margin-bottom: 0;}
.playcheck-list .play { display: inline-block; vertical-align: middle; width: 36px; height: 36px;}
.playcheck-list li.list-kj { position: relative;background: #fafafa;}
.playcheck-list .list-kj .kj-video { position: absolute; right: 0; bottom: 0; z-index: 1; width: 69px; height: 42px; background: url('../images/live/icon-play2.jpg') no-repeat;}
.playcheck-box.curr { border-color: #4fc1e9;}
.playcheck-box.curr:after { content: ''; position: absolute; right: 0; bottom: 0; z-index: 1; width: 30px; height: 30px; background: url('../images/live/icon-hook.png') no-repeat right bottom;}