@charset "utf-8";
/* CSS Document 存放不同的页面的css */
body{font: normal 12px/150% '微软雅黑';  	/*color:#999999;  */ 	-webkit-text-size-adjust:none; 	}
/*--用户反馈--*/
.tip-box{ background: url(../images/tip-box.png) no-repeat;}
.feedbackMain{ margin: 20px 0px 30px 0px;}
.feedbackMain td{ padding: 6px 0px;}
.feedbackMain td input{ border: 1px solid #ebebeb;height: 30px; line-height: 30px; float: left; padding: 0px 4px; border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;-mz-border-radius: 4px;-webkit-border-radius: 4px;}
.feedbackMain td input.active{border: 1px solid #ebebeb;}
.feedbackMain td textarea{border: 1px solid #ebebeb; line-height: 30px; float: left; padding: 0px 4px; border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;-mz-border-radius: 4px;-webkit-border-radius: 4px;}
.helpfulHints{width: 136px; padding: 0px 5px; margin-left: 20px; height: auto; line-height: 30px; position:relative; display: none;border: 1px solid #bdd9ff; float: left;}
.helpfulHints i{width: 14px; height: 12px; display: block;  position:absolute;background: url(../images/ico.png) 2px -32px no-repeat; left: -10px; top: 8px;}
.feedbackMain td.focus input,.feedbackMain td.focus .helpfulHints,.feedbackMain td.focus textarea{ border: 1px solid #bdd9ff;}
.feedbackMain td.focus .helpfulHints i{background: url(../images/ico.png) 2px -16px no-repeat;}
.feedbackMain td.error input,.feedbackMain td.error .helpfulHints,.feedbackMain td.error textarea{ border: 1px solid #ff6868;}
.feedbackMain td.error .helpfulHints i{background: url(../images/ico.png) 2px -46px no-repeat;}
.feedbackMain td input.submitFeedback{width: 106px; height: 36px; text-align: center; border: none; margin-top: 10px; cursor: pointer; line-height: 36px; color: #fff; background: #4593fd; font-size: 16px;}
.feedbackUpBox{position: absolute; z-index: 1000; top: 0px; left: 0px; width: 100%; height: 100%; background:rgb(0,0,0); opacity:0.2;filter: alpha(opacity=20);}
.pop-box{width: 610px; height: 510px; padding: 20px; position: absolute; top: 140px; left: 50%; border-radius: 8px; margin-left: -325px;background:rgba(255,255,255,.3); z-index: 2000;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3BFFFFFF
,endColorstr=#3BFFFFFF);}
.pop-main{ width: 100%; height: 100%; background: #fff; overflow: hidden;}
.pop-main-cnt{ background:url(../images/success.png) center 0px no-repeat; width: 100%; height: 262px; }
.downBtn{ background:url(../images/user_teach/xz1.jpg) 0px 0px no-repeat; border: none; cursor: pointer; font-size: 28px; color: #fff; text-indent: 60px;}
.pop-box-close{ width:46px; height: 56px; cursor: pointer; text-align: center; line-height: 40px; position:absolute; left:50%; margin-left: 325px; top: 180px; background:rgba(255,255,255,.3); z-index: 2000;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3BFFFFFF
,endColorstr=#3BFFFFFF); z-index: 2000;border-radius: 0px 8px 8px 0px;}
.pop-box-close img{ display: block; vertical-align: middle; margin: 14px 0px 0px 8px; }


/*******************************查看课程***********************************/
.viewCoureMainWrap1{ background:#e3e5ec; height:310px;}
.courseIcon{ background:url(../images/basic/courseIcon.png) no-repeat; display:inline-block;}
.courseInfo{ height: 330px; padding:15px 0px; *padding-bottom:0; }
.course_state{ display: inline-block; *display: inline; *zoom:1; margin-left: 12px; background: #f40; color: #fff; height: 24px; line-height: 22px; padding: 0px 8px; font-size: 14px;}
/**/
.courseCon p.course_tips{ width: 100%; height: 20px; line-height: 20px; color: #999; font-size: 12px; margin-bottom: 0px; padding: 10px 0px 12px;}
.course_crumbs{ width: 100%; height: auto; overflow: hidden; background: #e3e5ec;}
.coursePic{ position: relative;z-index: 10;}
.courseFeature{ position: absolute; z-index: 20;}
.courseFeature li{ float: left; height: 28px; line-height: 28px; margin-right: 16px; padding: 0px 8px 0px 26px; cursor: pointer; border: 2px solid #cacbcf; background-color: #e3e5ec; background-image: url(../images/course_icon.png); background-repeat: no-repeat;}
.courseFeature li.praise{ background-position: 10px 0px;}
.courseFeature li.collection{background-position: -134px 1px;}
.courseFeature li.share{background-position: -262px 0px; width: 34px; overflow: hidden;}
.courseFeature li span{ margin-left: 8px; display: inline-block; *display: inline; *zoom:1;color: #a8a8a8;}
.courseFeature li.praise span{ margin-left: 14px; }
.courseFeature li.share span.courseIcon{ margin-right: 0px;*margin-right:4px;display: none;}
.courseFeature li.share:hover span.courseIcon{display: inline-block; *display: inline; *zoom:1;}
.courseInfo .icon3{background-position:-26px 0;width:16px;height:16px;position:relative;top:3px; *top:0;margin-right:6px; *margin-right:9px;}
.courseInfo .icon4{background-position:-51px 0; }
.courseInfo .icon5{background-position:-76px 0; }
.courseInfo .icon6{background-position:-26px -20px; }
.courseInfo .icon7{background-position:-51px -20px;}
.courseInfo .icon8{background-position:-76px -20px;}
/**/
.courseCon{ width:580px;margin-left:18px;}
.courseCon li{ width: 100%; height: auto; line-height: 18px; overflow: hidden; float: left;}
.courseCon p{margin-bottom:16px;font-size:14px;overflow: hidden; color: #666;}
.courseCon p.price span{ font-size:30px; }
.courseCon p.price .price2{font-size:14px;text-decoration:line-through; }
/*--评分星星--*/
.starIcon{background-position:-25px -76px;width:59px;height:12px;position:relative;top:1px; *top:-3px;}
.courseCon .starIcon1{background-position:-25px -61px;}
.courseCon .btns input{ background-image: url(../images/course_icon.png); background-repeat: no-repeat;}
.courseCon .btn1{ background-position:15px -44px;background-color:#ff6600; text-indent:30px;width:134px;height:40px;line-height: 30px;border:0;cursor:pointer;font-size:16px;color:#fff;font-family:"微软雅黑";margin:8px 16px 0 0; float: left;}
.courseCon .btn1:hover{background-color:#ff8533;}
.courseCon .btn0{ background-position:-128px -45px;background-color:#0487df;}
.courseCon .btn0:hover{background-color:#43a2e1;}
/*-------组合套餐------*/
.package{ padding: 0px; height: auto; overflow: hidden; margin-top: 20px; background: #fff;}
.package_cont{width: 100%; height: 240px;position: relative; overflow: hidden;}
.package_cont li{width: 160px; height: 240px; float: left; margin-left:16px;}
.package_cont li .tit{ padding: 8px; background: #fafafa; color: #666; line-height: 22px;}
.package_cont_msg{ background: #e3f6ff; color: #333; text-indent: 8px; width: 100%; height: 20px; line-height: 20px; margin-top: 10px;}
.packageMain li.join .package_cont_msg{ background: #ff6600; color: #fff; text-indent: 8px; width: 100%; height: 20px; line-height: 20px; margin-top: 10px;}
.package_foot{width: 100%; height: 40px; line-height: 40px;}
.package_foot_tip{ display: block; height: 26px; line-height: 26px; padding:0px 15px; position: relative; z-index: 10; background: #ff6600; color: #fff; margin-top: 4px;}
.package_foot_tip i{ width: 10px; height: 16px; background: url(../images/basic/mouduleTeacherIcon.png) -193px -187px no-repeat; display: block; position: absolute; top: 50%; margin-top: -6px; right: -10px; z-index: 20;}
.package_foot .btn_template{ padding: 0px 20px; height: 34px; line-height: 34px; display: block; background: #4593fd; color: #fff; font-size: 16px;}
.package_foot .btn_template:hover{ color: #fff;}
/**/
.leftSides{position: relative; }
.courseInfo_item{ border-width: 2px 0px 0px 0px; border-style: solid;}
.package{ border-color: #ff4400;}
.courseCatalog{ border-color: #4593fd;}
.stuAssess{ border-color: #ff4400;}
.school_introduce{ border-color: #caafaf;}
/**/
.courseNews{ background: #fff;}
.newTab{width:100%;height:40px;background:#dcdcdc; position: relative; z-index: 20;}
.newTab li{float:left; width:102px;text-align:center;height:40px;line-height:40px;position:relative; z-index: 10; color: #999; background: url(../images/course_icon.png) -397px 11px no-repeat;}
.newTab li a{color:#2a2a2a;font-size:16px;display:block;}
.newTab li.active{background:#00a1e9;}
.newTab li.active a{color:white;}
.newTab li em.downArrowIcon{position:absolute;z-index:20;left:50%; margin-left:-6px;bottom:-5px;width:12px;height:5px;display:none;background:url(../images/basic/mouduleTeacherIcon.png) no-repeat -24px -152px; }
.newTab li.active em.downArrowIcon{position:absolute;z-index:20;left:50%; margin-left:-6px;bottom:-5px;width:12px;height:5px;display:block;background:url(../images/basic/mouduleTeacherIcon.png) no-repeat -24px -152px; }
.newTab_buy_box{ position: absolute; z-index: 30; top: 4px; right: 8px; width: 160px; height: 28px; border: 1px solid #dfdfdf; text-align: center;}
.newTab_buy_box span{ width: 80px; height: 28px; line-height: 28px; background: #fff; display: block; float: left; color: #ff7e00;}
.newTab_buy_box a{ width: 80px;height: 28px; line-height: 28px; background: #ff7e00; display: block; float: left; color: #fff; font-size: 14px;}

/*--课程资料--*/
.courseMaterials{ background: #fff; padding: 20px;}
.courseMaterials dl{ width: 100%; height: auto; overflow: hidden; margin-bottom: 40px;}
.courseMaterials dt{ width: 100%; height: 30px; line-height: 30px;font-size: 16px; color:#333333; clear: both;}
.courseMaterials dd{ width: 250px; height: 56px; padding: 8px; border: 1px solid #dfdfdf; position: relative; z-index: 10; float: left; margin:8px 0px 8px 48px;}
.courseMaterials dd:hover{ border: 1px solid #4593fd;}
.courseMaterials dd p{ height: 16px; line-height: 16px; margin-top: 8px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.courseMaterials dd p a{ color: #444;}
.courseMaterials dd p a:hover{ color: #4593fd; text-decoration: underline;}
.courseMaterials dd p span{ color: #888; margin-right: 15px;}
.courseMaterials_btn{ height: 24px; line-height: 24px; padding: 0px 15px; background: #4593fd; color: #fff; display: block; position: absolute; z-index: 20; right: 8px; bottom: 10px;}
.courseMaterials_btn:hover{ color: #fff;}
.generate_main{ width: 100%; height: auto; overflow: hidden; margin-top: 8px;}
.generate_main img{ /*width: 100%; display: block;*/height: auto; }
.generate_main p{ padding: 8px 0px; height: auto; line-height: 24px; text-indent: 2em; width: 100%;}

.courseMaterialsNull{ width: 100%; height: 300px; background: url(../images/basic/tanhao.png) 200px 100px no-repeat; position: relative; z-index: 10;}
.courseMaterialsNull span{ position: absolute; z-index: 20; top: 110px; left: 250px; font-size: 16px; color: #666;}
/*--老师资料--*/
.teacherMaterials{ padding: 10px; background: #fff;}
.teacherMaterials li{ padding: 20px 8px; border-bottom: 1px solid #e5e5e5; height: auto; overflow: hidden;}
.teacherMaterials li img{ display: block;}
.teacherMaterials li span{ color: #888; margin-right: 15px;}
.teacherMaterials li p{ width: 100%; height: auto; line-height: 22px; color: #333;}

/******************/
.courseCatalog dt{ width: 100%; height: 40px; line-height:40px;}
.courseCatalog dd{ height: auto; overflow: hidden;padding: 0 15px;}
.courseCatalog dd .info-title{height: 40px;line-height: 40px;  border-top: 1px solid #e5e5e5; background: url(../images/basic/info.png) no-repeat right -19px; position: relative;}
.courseCatalog dd .addBgcolor{background:#e3f6ff url(../images/basic/info.png) no-repeat right -64px;}
.courseCatalog dd .info-title .sta1{position: absolute;top: 0;right: 30px;height:40px;}
.courseCatalog dd .info-title .sta1 a{color: #08aaf3;}
.courseCatalog dd .info-title .sta2{position: absolute;top: 6px;right: 26px;width: 100px;height: 30px;}
.courseCatalog dd .info-title .sta2 input{height: 28px;width: 100px;border: 0;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;behavior:url(ie-css3.htc); position: relative; z-index: 999;background: #4593fd;color: #fff;font-size: 12px;cursor: pointer;}
.courseCatalog dd .info-title span{padding-right: 30px; color:#666;}
.courseCatalog dd .info-title span.info-time{padding-right: 20px;background-image: url(../images/basic/info.png);background-repeat:no-repeat; }
.courseCatalog dd .info-title span.info-time-on{padding-right: 24px;background-position:right 0px;height: 34px;}
.courseCatalog dd .info-title span.info-time-un{padding-right: 24px;background-position:right -123px;}/*线下*/
.courseCatalog dd .info-title span.info-time-doc{padding-right: 24px;background-position:right -230px;}/*文档*/
.courseCatalog dd .info-title span.info-time-ado{padding-right: 24px;background-position: right -180px;}/*直播*/
.courseCatalog dd .cour-info{background: #f7f7f7;padding: 20px;}
.courseCatalog dd .cour-info p{text-indent: 2em;line-height: 24px;}
.courseCatalog dd .cour-info table{border: 1px solid #ebebeb;border-collapse:collapse;background: #fff;width: 650px;}
.courseCatalog dd .cour-info table th{background: #e0e0e0;}
.courseCatalog dd .cour-info table th,.courseCatalog dd .cour-info table td{border: 1px solid #ebebeb;height: 35px;line-height: 35px;text-align: center;}
.courseCatalog dd .cour-info table td a.had-join{color: #01a4ee;}
.viewAll{ background: #ffa17f; color: #fff; width: 100%; height: 40px; line-height: 40px; text-align: center;}
.viewAll a{ width: 100%; height: 100%; display: block; overflow: hidden;}
.viewAll span{padding-left: 24px; height: 40px; display: inline-block; background: url(../images/course_icon.png) -271px -40px no-repeat;}

.userCommentsT{width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #a4cbea;}
.userCommentsT span{ display: block; padding-left:20px;background: url(../images/Learning/icon.png) -6px -236px no-repeat; }
textarea.textInput {border: 1px solid #dbdbdb; height: 100px;overflow: auto;width:678px; padding: 5px;}
.userComments .btn1 { border: medium none;color: white;cursor: pointer;height: 30px;line-height: 30px;padding: 0px 8px 0px 32px; background: url(../images/Learning/icon.png) 6px -211px no-repeat #4593fd;}
.AllCommentsT{width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #a4cbea;}
.AllCommentsT span{ display: block; padding-left:20px;background: url(../images/Learning/icon.png) -6px -280px no-repeat; }
.AllCommentsC li{ width: 100%; height: auto; overflow: hidden; padding: 15px 0px; border-bottom: 1px dotted #dfe2e5;}

.school_introduced .goBtn{ height: 28px; line-height: 28px; border: 0; padding: 0px 26px 0px 8px;*padding: 0px 13px 0px 0px; background:url(../images/course_icon.png) -415px -45px no-repeat #ff4400; color: #fff; cursor: pointer;}
.school_introduced .kefuIcon{margin-left:10px;background-position:-20px -42px;width:77px; height:17px;position:relative;top:2px; *top:0;}
.school_introduced .kefuIcon1{background-position:-12px -403px;}
.commend_C{ margin-top: -8px;}
.commend_C li{width: 100%; height: auto; overflow: hidden; padding: 14px 0px 14px; border-bottom: 1px dotted #dfe2e5; position: relative; z-index: 10;}
.commend_C li p{ line-height: 16px;}
.commend_C li span{ position: absolute; z-index: 20;left: 108px; bottom: 12px;}
.materialsMore{ display: block; height: 20px; line-height: 20px; padding: 0px 10px; margin-top:10px;background: url(../images/Learning/icon.png) 0px -180px no-repeat; }
.materialsMore:hover{background: url(../images/Learning/icon.png) 0px -152px no-repeat;}

/*良师劵*/
.photo1{background:  url(../images/teacher_1.png); }
.photo2{background:  url(../images/teacher_2.png);}
.photo3{background:  url(../images/teacher_3.png);}
.photo4{background:  url(../images/teacher_4.png);}
.photo5{background:  url(../images/teacher_5.png);}
.photo6{background:  url(../images/teacher_6.png);}
.photo7{background:  url(../images/teacher_7.png);}
.photo8{background:  url(../images/teacher_8.png);}
.photo9{background:  url(../images/teacher_9.png);}
.photo10{background: url(../images/teacher_10.png);}
.photo11{background: url(../images/teacher_11.png);}

.related_comm li{ padding-bottom: 10px;}
.related_comm p{ height: auto; margin-top: 3px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.Incommunity_btn{ width: 80px; height: 26px; display: block; text-align: center; line-height: 26px; background: #4593fd; color: #fff; font-size: 14px;}
.Incommunity_btn:hover{ color: #fff;}


.leftSides .boutWrap{ height:324px; }
.leftSides .boutCourse{height:324px;}

/************************列表*****************************/
.columnMenu{ padding: 0px 12px; height: auto; overflow: hidden; background: #fff;}
.columnMenu dl{ width: 100%; height: auto; overflow: hidden; padding-bottom: 12px;}
.columnMenu dt{ float: left; width: 60px; height: 30px; line-height:30px; margin-top: 12px;}
.columnMenu dd{ float: left; height:30px; line-height: 30px;  margin:12px 12px 0px 0px; border: 1px solid #e2e2e2;background: #fff; border-radius: 6px;-webkit-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;-moz-border-radius: 6px;behavior:url(ie-css3.htc); position: relative; z-index: 10; }
.columnMenu dd:hover{ border: 1px solid #4593fd;}
.columnMenu dd a{ width: 100%; height: 100%; display: block;padding: 0px 15px;}
.columnMenu dd.column_on{ border:1px solid #4593fd; background: #4593fd;}
.columnMenu dd.column_on a{color: #fff;}
.columnMenuT{ border-bottom: 1px dotted #dfe2e5;}
.state_sorting{ width: 100%; height: auto; overflow: hidden; background: #fff;}
.state_sorting li{ float: left; background: url(../images/dotted.png) right center no-repeat;}
.state_sorting li a{ display: block;padding: 10px 20px; color: #333;}
.state_sorting li .state_price{ background: url(../images/icon1.png) 44px 7px no-repeat; padding-right: 38px;}
.state_sorting li.state_on a,.state_sorting li.state_on1 a{ background: #fd8b0b; color: #fff;}
.state_sorting li.state_on .state_price{ background: url(../images/icon1.png) 44px -44px no-repeat #fd8b0b;}
.state_sorting li.state_on1 .state_price{ background: url(../images/icon1.png) 44px -219px no-repeat #fd8b0b;}
.state_page li{ background: none;padding: 10px 4px;}
.state_page li a{background-image: url(../images/arrowIco.png);background-repeat: no-repeat;display: block;height: 18px;width: 10px; padding: 0;}
.state_page li a.link_prev{background-position: 0 -20px;}
.state_page li a.link_prev:hover{background-position: 0 1px;}
.state_page li a.link_next{background-position: -16px -20px;}
.state_page li a.link_next:hover{background-position: -16px 1px;}
.learnMainL{ width: 712px; height: auto; overflow: hidden; float:left;}
.excellentCourse { width: 100%; }
.excellentCourseC { height: auto;overflow: hidden; width: 233px; }
.excellentCourseC_item{height: auto; overflow: hidden; padding:15px 15px 10px 5px; margin-bottom: 15px; position: relative; z-index: 10; background: #fff; }
.excellentCourseC_item dl{ margin-left:9px;}
.excellentCourseC_item .eicon{background:url(../images/img.png) no-repeat 0px 0px; z-index:100;position:absolute; top:0px; left:0px; width:100px; height:100px;}
.excellentCourseC_item{ border: 2px solid #fff;}
.excellentCourseC_item:hover{ border: 2px solid #ddd;}
.excellentCourseC_item dt{ font-size: 14px; color: #2a2a2a; height: 30px; line-height: 38px; overflow: hidden; width:200px;}
.excellentCourseC_item dt span{ padding: 2px 4px; color: #fff; background: #f40; margin-left: 15px;}
.excellentCourseC_item dd{ height: 22px; line-height: 32px; color: #2a2a2a; overflow: hidden;}
.excellentCourseC_item dd span{ display: inline-block; *display: inline;*zoom: 1; margin-right: 5px; color:#cccccc;}
.excellentCourseC_item dd span.price{ font-size: 14px; color: #f40;}
.excellentCourseC_item_btn{ height: 28px; bottom: 15px; right: 0; z-index: 20; padding-top:8px; margin-left:6px;}
.excellentCourseC_item_btn li{float: left; width: 90px; height: 28px; line-height: 28px;}
.excellentCourseC_item_btn a{ display: block;  }
.excellentCourseC_sx_btn{ height: 28px; line-height: 28px; padding-left: 26px; float:left; color: #2a2a2a; background: url(../images/Learning/icon.png) 0px -432px no-repeat;}
.excellentCourseC_xq_btn{width: 80px; height: 28px; line-height: 28px; text-indent: 18px; color: #fff; background:url(../images/Learning/icon.png) 76px -489px no-repeat #4593fd;}
.excellentCourseC_xq_btn:hover{ color: #fff;}
.state_time{ background: url(../images/icon1.png) -6px -112px no-repeat; padding-left: 20px; color: #4593fd;}
.state_address{ background: url(../images/icon1.png) -6px -172px no-repeat; padding-left: 20px; color: #888;}
.list_page{ padding: 10px; height: auto; overflow: hidden; background: #fff;}
/**星星**/
.excellentCourseC_item .starIcon{ height: 11px; width: 70px; display: inline-block;*display: inline;*zoom: 1;background-image:url(../images/basic/courseIcon.png); background-repeat: no-repeat;}
.starIcon{background-position:-25px -76px;}
.starIcon5{background-position:-25px -211px;}
.starIcon10{background-position:-25px -283px;}
.starIcon15{background-position:-25px -223px;}
.starIcon20{background-position:-25px -235px; }
.starIcon25{background-position:-25px -247px;}
.starIcon30{background-position:-25px -295px;}
.starIcon35{background-position:-25px -259px;}
.starIcon40{background-position:-25px -307px;}
.starIcon45{ background-position:-25px -271px;}
.starIcon50{ background-position:-25px -319px; }
.learnMainR_title{ width: 100%; height: 38px; line-height: 40px; color: #333; font-size: 16px; overflow: hidden;}
.materialsItem{ padding: 8px 0px;border-bottom: 1px dotted #dfe2e5;}
.latestProblem li{ width: 100%; height: 26px; line-height: 26px;  background: url(../images/Learning/icon.png) -2px -29px no-repeat; }
.latestProblem a{ padding-left: 12px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; color: #333;}
.latestProblem a:hover{ color: #f90; text-decoration: underline;}
.institutionsItem{ padding: 10px; background: #eff1f7;}
.user_dynamic_main{ width: 100%; height: 300px; overflow: hidden; position: relative; z-index: 10;}
.user_dynamic_main dl#userdongtai {border-left: 1px solid #dcdcdc;left: -1px;position: absolute; z-index:20;top: 0;width: 100%;}
.user_dynamic_main dl#userdongtai dd {padding:0px 0px 20px 20px; position: relative;}
.user_dynamic_main dl#userdongtai dd  span.quan {background: url(../images/hschool/E_03.png) no-repeat scroll left center #fff;height: 90px;left: 0px;position: absolute;top: 2px;width: 13px;z-index: 500; }
.user_dynamic_main dl#userdongtai dd  span.showtime{ color: #4593fd;}














/**************************已报名学习课程*******************************/
.haveLearnContent{ padding: 15px; background: #fff;}
.haveLearnMain p{ height: auto; overflow: hidden; font-size: 14px; color: #333; margin-top: 10px;}
.haveLearnMain p.title{ font-size: 18px; margin:5px 0px 12px 0px; line-height: 22px;}
.haveLearnMain{ position: relative; z-index: 10; height: 174px; border-bottom: 1px dotted #dfe2e5;}
.haveLearnFeature{ width: 190px; height: 40px; top: 0px; right: -10px; position: absolute; z-index: 20;}
.haveLearnFeature li{ float: left; border-style: solid; border-width: 2px; cursor: pointer; margin-right: 10px; font-size: 16px; height: 28px; line-height: 28px; }
.haveLearnFeature li i{background-image: url(../images/course_icon.png); background-repeat: no-repeat; font-style: normal; display: block;padding: 0px 10px 0px 32px;}
.haveLearnFeature li.praise{ border-color: #ff4400;  }
.haveLearnFeature li.praise i{ background-position: 2px -97px;color: #ff4400; }
.haveLearnFeature li.share{ border-color: #4593fd;  position: relative; z-index: 20;}
.haveLearnFeature li.share i{ background-position: 6px -150px; background-color: #fff; color: #4593fd; display: block; height: 28px; position: relative; z-index: 50;}
.share_box{ position: absolute; right: -2px; top:34px; width: 130px; padding-left: 8px; border: 2px solid #4593fd; z-index: 10; display:none; }
.haveLearnFeature li.share span.courseIcon{ margin-right: 0px;*margin-right:4px; display: inline-block;*display: inline;*zoom: 1;}
.haveLearnFeature .icon3{background-position:-26px 0;width:16px;height:16px;position:relative;top:2px; *top:0;margin-right:6px; *margin-right:9px;}
.haveLearnFeature .icon4{background-position:-51px 0; }
.haveLearnFeature .icon5{background-position:-76px 0; }
.haveLearnFeature .icon6{background-position:-26px -20px; }
.haveLearnFeature .icon7{background-position:-51px -20px;}
.haveLearnFeature .icon8{background-position:-76px -20px;}
.haveLearnState{ width: auto; height: 84px; position: absolute; z-index: 20; right: 0px; top: 76px;}
.haveLearnState li{ float: right; width: 84px; height: 84px;margin-left: 15px; border-radius: 42px;-o-border-radius: 42px;-ms-border-radius: 42px;-moz-border-radius: 42px;-webkit-border-radius: 42px;behavior:url(ie-css3.htc); position: relative; z-index: 9999;}
.haveLearnState li p{ width: 100%; height: 18px; line-height: 18px; text-align: center; color: #fff; margin: 0px;}
.haveLearnState li p.t{ margin: 24px 0px 0px 0px;}
.haveLearnState li.haveLearnState_1{ background:#4593fd; }
.haveLearnState li.haveLearnState_2{ background: #ff8a00;}
.haveLearnState li.haveLearnState_3{ background:#14a314;}
.learnState{ width: 100%; clear: both; height: 78px; margin-top: 15px;}
.learnState_T{ width: 100%; height: auto; overflow: hidden; }
.learnState_B{ width: 100%; height: auto; position: relative; z-index: 10;}
.learnStateBar{width:846px;height: 24px; background: #f7f7f7; margin-top: 4px; float: left;}
.learnStateBar span{ display: block; float: left; width: 50%; height: 24px; background: #4593fd;}
.learnState_T a.learnState_btn{ width:90px; height: 30px; line-height: 30px; float: right; text-align: center; margin-bottom: 12px; display: block; background: #fff; border: 1px solid #4593fd; color: #4593fd;}
.learnState_T a.learnState_btn:hover{ background: #4593fd; color: #fff;}
.learnStateMsg{ width: auto; height: 26px; line-height: 26px; float: left;}
.learnStateMsg a{ color: #4593fd; text-decoration: underline;}
.learnStateMsg a:hover{ color: #f40;}
.learnState_B a.learn_evaluation_btn{ width:90px; height: 30px; line-height: 30px; float: right; text-align: center; margin-bottom: 12px;background: #fff; border: 1px solid #4593fd; color: #4593fd;}
.learnState_B a.learn_evaluation_btn:hover{ background: #4593fd; color: #fff;}
.learnState_B p{ font-size: 14px;}
.learnState_B p em{ cursor: pointer;}
.learnState_popup{ width: 340px; height: 210px; padding: 5px; position: absolute; z-index: 9999; top: 38px; right: -5px;}
.learnState_popup_t{padding: 0px 6px 0px 15px; height: 30px; line-height: 30px; background: #4ca6ff; color: #fff; border: 1px solid #2883e2;}
.learnState_popup_t em{ color: #fdff48;}
.learnState_popup_close{ width: 20px; height: 20px; margin-top: 4px; cursor: pointer; background: url(../images/client/close.png) no-repeat; display: block;}
.learnState_popup_c{ padding:0px 15px 15px; height: 160px; overflow: hidden; background: #fff; box-shadow: 0px 0px 10px 2px rgba(0,0,0,.2);-ms-box-shadow: 0px 0px 10px 2px rgba(0,0,0,.2);-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,.2);-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,.2);-o-box-shadow: 0px 0px 10px 2px rgba(0,0,0,.2);behavior: url(pie.htc); position: relative; z-index: 9999;}
.learnState_popup_c p{ width: 100%; height: auto; overflow: hidden; margin-top:6px;}
.learnState_popup_c p .courseIcon{ width:62px;}
.learnState_popup_c p .courseIcon i{ float:left; width:12px; height:14px; display:block;}
.learnStateTextarea{ width: 300px; height: 60px; padding: 4px;}
.haveLearnTabMain{ padding:15px; height: auto; overflow: hidden; background: #fff; margin-top: 20px;}
.haveLearnTabNav{ width: 100%; height: 34px; clear: both; }
.haveLearnTabNav span{ float: left; display: block; padding:0px 20px; height: 34px; line-height: 34px; background: #e2e6f0; color: #333; cursor: pointer; margin-right: 15px;behavior: url(pie.htc); position: relative; z-index: 10; border-radius: 4px;-webkit-border-radius: 4px;-ms-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;}
.haveLearnTabNav span.on{ background: #4593fd; color: #fff;}
.haveLearnTabBox{ width: 100%; height: auto; overflow: hidden; margin-top: 8px;}
.courseCatalogList i{ font-style: normal; margin-right: 15px;}
.courseCatalogList dl{ width: 100%; height: auto; clear: both; }
.courseCatalogList dt{ padding-left: 15px; height: 32px; line-height: 32px; background: #e2e6f0; color: #4593fd; border-bottom: 1px solid #fff;}
.courseCatalogList dd{padding-left: 15px; height: 32px; line-height: 32px; clear: both; background: #f2f4ff; color: #333; border-bottom: 1px solid #fff;}
.courseCatalogList dd em.course_learn{ width:20px; height: 20px; display: block; float: left; margin: 6px 15px 0px 0px;}
.courseCatalogList dd em.course_has_learn{ background: url(../images/course_icon.png) 0px -220px no-repeat;}
.courseCatalogList dd span.course_T{ width: 620px; height: 32px; line-height: 32px; float: left; margin-right: 15px;}
.courseCatalogList span.info-time{padding-left: 26px;background-image: url(../images/basic/info.png);background-repeat:no-repeat; float: left;}
.courseCatalogList span.info-time-on{padding-right: 24px;background-position:left 7px;height: 34px;}
.courseCatalogList span.info-time-un{padding-right: 24px;background-position:left -115px;}/*线下*/
.courseCatalogList span.info-time-doc{padding-right: 24px;background-position:left -223px;}/*文档*/
.courseCatalogList span.info-time-ado{padding-right: 24px;background-position: left -172px;}/*直播*/
.courseCatalogList_btn{ float: right; margin-right: 2px; width: 100px; height: 30px; text-align: center; line-height: 30px; background: #4593fd; color: #fff; display: none;}
.courseCatalogList_btn:hover{ color: #fff;}
.courseData{ width: 100%; height: auto; overflow: hidden; }
.courseData dl{ width: 100%; height: auto; overflow:hidden;margin: 10px 0px 20px;}
.courseData dt{ width: 100%; height: auto; overflow: hidden;}
.courseData dt span{ height: 30px; line-height: 30px; padding: 0px 20px; border: 1px solid #e9ebf4; float: left; display: block;}
.courseData dd{ width: 290px; height: 56px; padding: 8px; border: 1px solid #dfdfdf; position: relative; z-index: 10; float: left; margin:15px 15px 0px 0px;}
.courseData dd:hover{ border: 1px solid #4593fd;}
.courseData dd p{ height: 16px; line-height: 16px; margin-top: 8px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.courseData dd p a{ color: #444;}
.courseData dd p a:hover{ color: #4593fd; text-decoration: underline;}
.courseData dd p span{ color: #888; margin-right: 15px;}
.courseMaterials_btn{ height: 24px; line-height: 24px; padding: 0px 15px; background: #4593fd; color: #fff; display: block; position: absolute; z-index: 20; right: 8px; bottom: 10px;}
.courseMaterials_btn:hover{ color: #fff;background: #f60;}
.courseDataNull{ width: 100%; height: 400px; overflow: hidden; background: url(../images/tip1.jpg) center 100px no-repeat;}
.courseDataNull p{ margin-top: 236px; width: 100%; height: 30px;line-height: 30px; text-align: center; font-size: 16px; color: #666;}
.courseNotesMainNull{ width: 100%; height: 400px; overflow: hidden; background: url(../images/tip2.jpg) center 100px no-repeat;}
.courseNotesMainNull p{ margin-top: 236px; width: 100%; height: 30px;line-height: 30px; text-align: center; font-size: 16px; color: #666;}
.courseNotesMainNull p a{ text-decoration: underline; color: #4593fd;}
.courseNotesMainNull p a:hover{ color: #f60;}
.courseAnswerNull_c{ width: 100%; height: 400px; overflow: hidden; background: url(../images/tip3.jpg) center 100px no-repeat;}
.courseAnswerNull_c p{ margin-top: 236px; width: 100%; height: 30px;line-height: 30px; text-align: center; font-size: 16px; color: #666;}
.courseNotes{ width: 100%; height: auto; overflow: hidden;}
.courseNotesNav{ width: 100%; height: auto; overflow: hidden;}
.courseNotesNav a{ float: left; height:30px; line-height: 30px; display: block;padding: 0px 15px; margin:8px 10px 0px 0px; border: 1px solid #e2e2e2;background: #fff; border-radius: 6px;-webkit-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;-moz-border-radius: 6px;behavior:url(ie-css3.htc); position: relative; z-index: 9998; }
.courseNotesNav a:hover{ border: 1px solid #4593fd;}
.courseNotesNav a.column_on{ border:1px solid #4593fd; background: #4593fd;color: #fff;}
.courseNotesNavAll{ width: 44px; background: url(../images/course_icon.png) 40px -311px no-repeat;float: left;margin:8px 10px 0px 0px; cursor: pointer; height:30px; line-height: 30px;padding: 0px 15px; border: 1px solid #e2e2e2;border-radius: 6px;-webkit-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;-moz-border-radius: 6px;behavior:url(ie-css3.htc); position: relative; z-index: 9999;}
.courseNotesNavAll_hide{background: url(../images/course_icon.png) 40px -275px no-repeat;}
.courseNotesMain{ width: 100%; height: auto; overflow: hidden;}
.courseNotesMain dl{ width: 100%; height: auto; overflow: hidden; margin-top: 8px; border-bottom: 1px dotted #dfe2e5; padding-bottom: 8px;}
.courseNotesMain dt{ width: 100%; height:30px; line-height: 30px;}
.courseNotesMain dt em{ padding-left: 24px; margin-left: 8px; color: #deb6a0; background: url(../images/course_icon.png) 0px -384px no-repeat;}
.courseNotesMain dd{ width: 100%; height: auto; overflow: hidden; margin-bottom: 4px;}
.courseNotesMain dd p{ width: 770px; height: auto; overflow: hidden; float: left; color: #555; line-height: 22px;}
.courseNotesMain dd p span.courseNotesAn { padding-right: 16px; cursor: pointer; background: url(../images/course_icon.png) 26px -444px no-repeat;}
.courseNotesTimes{ color: #bdc1cc;}
.courseAnswer{ width: 100%; height: auto; overflow: hidden;}
.courseAnswer ul{width: 476px; height: auto; overflow: hidden;}
.courseAnswer li{ width: 100%; height: auto; overflow: hidden; margin-top:15px; border-bottom:1px dotted #dfe2e5; padding-bottom:15px;}
.courseAnswer_tip{ width: 50px; height: 50px; margin-right: 10px; overflow: hidden; background: url(../images/course_icon.png) -2px -562px no-repeat; float: left; }
.courseAnswer_tip1{ width: 50px; height: 50px; margin-right: 10px; overflow: hidden; background: url(../images/course_icon.png) -1px -483px no-repeat; float: left;}
.courseAnswer_tip span{ width: 100%; height: 18px; line-height: 18px; display: block; color: #384460; text-align: center;}
.courseAnswer_tip1 span{color:#fff;}
.courseAnswer li p{ height: 16px; line-height: 16px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.courseAnswer li p.t a{ color: #333;}
.courseAnswer li p.t a:hover{ color: #f60; text-decoration:underline;}
.courseAnswer li p.b span{ color: #00c0ac; margin-right: 20px;}
.courseAnswer li p.b em{ color: #ff7e00; margin-right: 20px;}
.courseAnswer li p.b i{ color: #666; margin-right: 20px; font-style: normal;}
.courseAnswer_box{ padding:10px; border:1px solid #e4e8f1; position:relative; z-index:10; margin-top:20px;}
.courseAnswer_box i{ width:16px; height:10px; display:block; position:absolute; left:16px; top:-10px; z-index:20; background:url(../images/course_icon.png) 0px -678px no-repeat;}
.courseAnswer_box dt{ font-size:14px; color:#4593fd; width:100%; height:auto; overflow:hidden; line-height:20px;}
.courseAnswer_box dd{color:#666; margin-top:6px;}
.courseAnswerNull{ width:100%; height:auto; overflow:hidden;}
.courseAnswerNull_menu{ width:100%; height:auto; overflow:hidden;}
.courseAnswerNull_menu a{float: left; height:30px; line-height: 30px; display: block;padding: 0px 15px; margin:8px 10px 0px 0px; border: 1px solid #e2e2e2;background: #fff; border-radius: 6px;-webkit-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;-moz-border-radius: 6px;behavior:url(ie-css3.htc); position: relative; z-index: 9998;}
.courseAnswerNull_menu a:hover{ border: 1px solid #4593fd;}

/******************************播放页面*******************************/
.outer{position: relative; z-index: 10;}
.playMain{ width: 100%; height: 100%; clear: both; position: relative; z-index: 10;}
.playMain_t{ width: 100%; height: 96px; position: relative; z-index: 30;}
.playMain_tl{ position: absolute; left: 0px; top: 0px; z-index: 40; width: 260px; height: 96px; background: url(../images/playMain_t.jpg) 0px 0px no-repeat;}
.playMain_tr{ position: absolute; right: 0px; top: 0px; z-index: 40; width: 280px; height: 96px; background: url(../images/playMain_t.jpg) right 0px no-repeat;}
.playMain_tc{  margin: 0px 164px 0px 190px; height: 96px; background: url(../images/playMain_tc.jpg) repeat-x; }
.blackboard_buy{width: 677px; height: 52px; overflow: hidden; position: relative; z-index: 1000; background: url(../images/blackboard.png) -8px -21px no-repeat; margin: 0px auto;}
.blackboard_buy p{ color: #ffe777; margin: 10px 0px 0px 44px; height: 20px; line-height: 20px; float: left; }
.blackboard_buy p em{ color: #f60;}
.blackboard_buy p a{ color: #4593fd; margin-left: 8px;}
.blackboard_buy p a:hover{  text-decoration: underline;}
.blackboard_buy_close{ float: right;margin: 10px 44px 0px 0px; cursor: pointer; width: 20px; height: 20px; background: url(../images/playMain_icon.png) no-repeat;}
.playMain_b{ width: 100%; height:20px; position: relative; z-index: 30;}
.playMain_bl{ position: absolute; left: 0px; top: 0px; z-index: 40; width: 250px; height: 20px; background: url(../images/playMain_b.jpg) 0px bottom no-repeat;}
.playMain_br{ position: absolute; right: 0px; top: 0px; z-index: 40; width: 250px; height: 20px; background: url(../images/playMain_b.jpg) right bottom no-repeat;}
.playMain_bc{  margin: 0px 130px 0px 130px; height: 20px; background: url(../images/playMain_bc.jpg) 0px bottom repeat-x; overflow: hidden;}
.platform_icon{ display: none;}
.playMain_c{ width: 100%; position: relative; z-index: 10;}
.playMain_cl{ width:70px; height:100%;background: url(../images/playMain_c.jpg) left 0px repeat-y; position: absolute; z-index: 20; left: 0px; top: 0px;}
.playMain_cr{ width:70px; height:100%;background: url(../images/playMain_c.jpg) right 0px repeat-y;position: absolute; z-index: 20; right: 0px; top: 0px;}
.playMain_cc{ margin:0px 30px; height: 100%; background: #949494; position: relative; z-index: 100; overflow: hidden;}
.playerMain{ position: relative; z-index: 10;}
.playVideo{ padding:0px 0px 0px 0px;overflow: hidden;overflow-y: auto; position: relative; z-index: 10;}
.leftPlayVideo{ width: 100%; height:auto; clear: both; }
.playVideo_div{ width: 100%; height: 800px; overflow: hidden;background:url(/static/common/images/loading.gif) no-repeat center;}
.wordControl{ width: 100%; height: 32px; line-height: 32px; text-align: center; position: absolute; z-index: 100; left: 0px; bottom: 52px; background: #c7c7c7; opacity: .6;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
.wordControl:hover{ opacity: 1;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.wordControl li{ display: inline-block; *display: inline; *zoom: 1; height: 32px; overflow: hidden; margin: 0px 4px;}
.control_text{ width: 30px; text-align: center; height: 18px; line-height: 18px; border: 1px solid #adadad;}
.control_prev,.control_next{ display: block; width: 23px; height: 20px; margin-top: 7px; background-image: url(../images/playMain_icon.png); background-repeat: no-repeat;}
.control_prev{ background-position: -1px -791px;}
.control_next{ background-position: -124px -791px;}
.playMainCurCourse{ position: absolute; width: 100%; height: 34px; z-index: 100; left:0px; top:54px; background: url(../images/playMain_icon.png) 0px -649px no-repeat;}
.playMainCurCourse_back{ width: 120px; height: 34px; line-height: 34px; display: block;float: left; text-indent: 34px; color: #999;}
.playMainCurCourse_back:hover{ color: #666;}
.playMainCurCourse_title{ height: 34px; line-height: 34px; float: left; margin-left: 70px; color: #fff; font-size: 14px;}
.playMainCurCourse_title em{ font-size: 16px; font-family: "Book Antiqua"; color: #fff; margin-right: 15px;}

video {width: 100%;height: 100%;outline: none;}
#flashContent {height: 90%;}
#flashContent .content-width{height: 90%;}
.playMain_c {height: 100% !important;}


/*--function--*/
.playMainFunction{ position: absolute; z-index: 2000; left: 0; bottom: 0; background: #f5f5f5; width: 100%; height: 52px;}
.playMainFunctionBox{ width: 100%; height: 100%; position: relative;z-index: 200;background: #f5f5f5;}
.playMainFunctionMenu{ height: 32px; margin: 10px 0px 0px 14px; border-left: 1px solid #dfdfdf;}
.playMainFunctionMenu li{ height: 30px; line-height: 30px; cursor: pointer; border:1px solid #dfdfdf; border-left: 0; background: #fff; float: left; background-image: url(../images/playMain_icon.png); background-repeat: no-repeat; position: relative; z-index: 10;}
.playMainFunctionMenu li span{ display: block;padding: 0px 15px 0px 39px;}
.playMainFunctionMenu li.mainPoints{ background-position: -265px 3px;}
.playMainFunctionMenu li.courseDown{ background-position: -265px -47px;}
.playMainFunctionMenu li.praise{ background-position: -265px -100px;}
.playMainFunctionMenu li.has_praise{ background-position: -265px -262px; color: #ccc;}
.playMainFunctionMenu li.collection{ background-position: -265px -149px;}
.playMainFunctionMenu li.has_collection{ background-position: -264px -318px; color: #ccc;}
.playMainFunctionMenu li.share{ background-position: -265px -201px;}
.mainPointsBox{ width: 310px; height: 150px; overflow: hidden;overflow-y: auto; border: 1px solid #c3c3c3; background: #fff; position: absolute; z-index: 20; left: 0px; bottom: 34px;}
.mainPointsBox dt{ width: 100%; height:34px; line-height: 34px; background: #f6f6f6; font-size: 14px; color: #333;}
.mainPointsBox dd{ padding: 8px; height: auto; overflow: hidden; }
.mainPointsBox dd p{ line-height: 24px; color: #666;}
.courseDownBox{ width: 310px; height: 200px;overflow: hidden;overflow-y: auto; border: 1px solid #c3c3c3; background: #fff; position: absolute; z-index: 20; left: 0px; bottom: 34px;}
.courseDownBox dt{ width: 100%; height:34px; line-height: 34px; background: #f6f6f6; font-size: 14px; color: #333;}
.courseDownBox dd{ padding: 8px; width: 266px; height: 54px; margin: 8px auto 0px; border: 1px solid #dfdfdf; overflow: hidden; position: relative; z-index: 10;}
.courseDownBox dd:hover{ border: 1px solid #4593fd;}
.courseDownBox dd p{ height: 16px; line-height: 16px; margin-top: 8px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.courseDownBox dd p a{ color: #444;}
.courseDownBox dd p a:hover{ color: #4593fd; text-decoration: underline;}
.courseDownBox dd p span{ color: #888; margin-right: 15px; padding-left: 0px;}
.courseDownBox dd .courseMaterials_btn{ height: 24px; line-height: 24px; padding: 0px 15px; background: #4593fd; color: #fff; display: block; position: absolute; z-index: 20; right: 8px; bottom: 6px;}
.courseDownBox dd .courseMaterials_btn:hover{ background: #f60;}
.courseDownBox dd.courseDownNull{ border: 0; height: 120px;}
.courseDownBox dd.courseDownNull p{ height: 44px; line-height: 44px; margin-top: 40px; font-size: 14px; background: url(../images/playMain_icon.png) -210px -400px no-repeat;}
.courseDownBox dd.courseDownNull p span{ margin-left: 100px;}


.playMainFunctionNav{ height: 32px; margin: 10px 14px 0px 0px; border-left: 1px solid #dfdfdf;}
.playMainFunctionNav li{  height: 30px; line-height: 30px; cursor: pointer; border:1px solid #dfdfdf; border-left: 0; background: #fff; float: left;}
.playMainFunctionNav li a{ display: block; width: 100%; height: 100%;padding: 0px 15px;}
/*--right--*/
/*.playMain_r{ width: 320px; height: 100%; position: absolute; z-index: 1000; top: 0px; right: 0px;margin-top: 103px;}*/
.playMain_r{ width: 320px; height: 100%; position: absolute; z-index: 1000; top: 0px; right: 0px;}
.foldIcon{ width: 23px; height: 30px; display: none; cursor: pointer; position: absolute; top: 28px; left: -23px; z-index: 3000; background: url(../images/playMain_icon.png) -277px -725px no-repeat;}
.foldIconL{ background: url(../images/playMain_icon.png) 0px -725px no-repeat;}
.playMain_rm{ width: 100%; height: 100%; background: #d9dbdc; position: absolute; z-index:2100; box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.4); }
.playMainCourseInfo{ padding: 20px 8px 20px 15px; height: auto; overflow: hidden;}
.playMainCourseInfo p{ height: 16px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.playMainCourseInfo p.t{ color: #666; font-size: 16px;margin-top: 17px;}
.playMain_menu{ width: 100%;height: 30px; border-top:1px solid #cacbcb; border-bottom: 1px solid #eaeaea;}
.playMain_menu li{float: left; width: 105px; height: 29px; cursor: pointer;  border-right: 1px solid #c3c3c3;border-left: 1px solid #eaeaea;border-bottom: 1px solid #c3c3c3;}
.playMain_menu li span{ margin-left: 16px; display: block;height: 29px; line-height: 28px; font-size: 14px; padding-left: 20px;background-image: url(../images/playMain_icon.png); background-repeat: no-repeat;}
.playMain_menu li.directory span{ background-position: 0px -40px;}
.playMain_menu li.discuss span{ background-position: 0px -99px;}
.playMain_menu li.notes span{ background-position: 0px -156px;}
.playMain_menu li.questions span{ background-position: 0px -216px;}
.playMain_menu li .selected{  color: #4593fd;}
.playMain_menu li.directory .selected{ background-position: -84px -40px;}
.playMain_menu li.discuss .selected{ background-position: -84px -99px;}
.playMain_menu li.notes .selected{ background-position: -84px -156px;}
.playMain_menu li.questions .selected{ background-position: -84px -216px;}
.playMainTab{ overflow: hidden;overflow-y: auto;}
.playMainTab_box{ width: 100%; height: auto; overflow: hidden; }
.playMainTab_box p.t1{color: #999; font-size: 14px; height: 30px;line-height: 30px; padding: 8px 15px;}
/*--目录--*/
.directoryBox dt{ padding: 0px 15px; height: 26px; line-height: 26px; font-size: 14px; color: #666; background: #babbbb;}
.directoryBox dd{ height: 42px; line-height: 42px; padding: 0px 15px;}
.directoryBox dd i{ color: red; font-style: normal;}
.directoryBox dd:hover,.directoryBox dd.current{ background: #4593fd; position: relative; z-index: 20;}
.directoryBox dd:hover a,.directoryBox dd.current a{ color: #fff;}
.directoryBox dd:hover em,.directoryBox dd.current em{background: url(../images/playMain_icon.png) -3px -295px no-repeat;}
.directoryBox dd:hover span,.directoryBox dd.current span{ color: #ccc;}
.directoryBox dd em{ float: left; display: block; position: relative; z-index: 10; width: 26px; height: 42px; font-family: "Book Antiqua"; font-size: 16px; color: #999; text-align: center; line-height: 42px; background: url(../images/playMain_icon.png) -71px -295px no-repeat;}
.directoryBox dd a{ float: left; margin-left: 8px; width: 200px; height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; margin-top: 8px;}
.directoryBox dd span{ display: block;height: 26px; line-height: 26px;margin-top: 8px; color: #999;}
/*--评论--*/
.discussTextareaBox{ padding: 20px 15px; height: auto; overflow: hidden;}
.discussTextareaBox p{  height: auto; overflow: hidden;}
.discussTextarea{padding: 5px; background: #fff; overflow: hidden; border: 1px solid #c3c3c3;  height: 70px;}
.discussTextarea textarea{ width: 100%; height: 60px; border: 0; font-size: 12px; color: #999;}
.discussBtn{ height: 30px; line-height: 30px; padding: 0px 15px; color: #fff; background: #4593fd; border: 0; cursor: pointer; margin-top: 6px;}
.playMainTab_box_c,.playMainTab_box_c1,.playMainTab_box_c2{ width: 100%; height: auto; /*overflow: hidden; overflow-y: auto;*/}
.discussBoxList{ padding:8px 8px 0px 15px; height: auto; overflow: hidden;border-bottom: 1px solid #c4c4c4;}
.discussBoxList ul{ }
.discussBoxList li{ border-bottom: 1px solid #cacbcb; padding-bottom: 15px; margin-bottom: 15px;}
.discussBoxList li p{height: auto; overflow: hidden; }
.discussBoxList li p em{height: 24px;line-height: 24px; display: block;}
.discussBoxList li p em.replyBtn{  background: #2284D4; color: #fff; padding: 0px 12px; cursor: pointer;margin-top: 5px;}
.discussBoxList_more{ width: 100%; height: 40px; border-top: 1px solid #fff; position: relative; z-index: 10;}
.discussBoxList_more span{ width: 80px; height: 26px; display: block; text-align: center; line-height: 22px; color: #666; cursor: pointer; display: block; position: absolute; z-index: 20; top: 0px; left: 50%; margin-left: -40px; background: url(../images/playMain_icon.png) -4px -409px no-repeat;}
.discussBoxLister{ margin-top:15px; padding-top:8px;border-top: 1px solid #cacbcb;}
.discussBoxLister li{margin:0px 0px 8px 40px; padding-bottom:8px; }
/*--笔记--*/
.notesBoxMenu{ padding:0px 15px; height:40px; overflow:hidden;}
.notesBoxMenu li{ width:145px; height:38px; line-height:38px; border-bottom:1px solid #cacbcb; float:left; text-align:center; cursor:pointer; position:relative; z-index:10;}
.notesBoxMenu li i{ width:8px; height:4px; display:none; background: url(../images/playMain_icon.png) 0px -476px no-repeat; position:absolute; z-index:20; bottom:0px; left:50%; margin-left:-4px;}
.notesBoxMenu li.cur{ color:#ff7e00; border-bottom-color:#ee9743;}
.notesBoxMenu li.cur i{ display:block;}
.notesBoxTabs1 li{ width: 100%; height: auto;}
.notesBoxTabs1 li:hover{ background: #d3e2f6;}
.notesBoxTabs1 li:hover .notesBoxTabs_tips{ display: block;}
.notesBoxTabs1 li dl{ padding: 15px 8px 0px 15px;}
.notesBoxTabs1 li dt{ width: 100%; height: 22px; line-height: 22px;}
.notesBoxTabs1 li dt span{ display: block; float: left; height: 22px; margin-right: 8px;}
.notesBoxTabs1 li dt em{display: block; float: left; padding-left: 26px; height: 22px; background: url(../images/playMain_icon.png) 0px -504px no-repeat;}
.notesBoxTabs1 li dd{border-bottom: 1px solid #cacbcb; padding-bottom: 15px;}
.notesBoxTabs_tips{width: 100%; height: 38px; background:#4593fd; display: none;}
.notesBoxTabs_tips a{ width: 50%; height: 38px; line-height: 38px; text-align: center; color: #fff; float: left; display: block;}
.classmatesNotes li dt span{ width: 50px; display: block; float: left; height: 22px; margin-right: 8px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*--问答--*/
.questionsBoxList dl{ padding: 0px 8px 0px 15px; height: auto; overflow: hidden;}
.questionsBoxList dt{ width: 100%; height: 34px; line-height: 34px; font-size: 14px; color: #666; font-weight: bold; border-bottom: 2px solid #cacbcb;}
.questionsBoxList dd{ width: 100%; height: auto; border-bottom: 1px solid #cacbcb; overflow: hidden; padding: 15px 0px; background: url(../images/playMain_icon.png) 0px -544px no-repeat;}
.questionsBoxList dd p{ padding-left: 32px;height: 18px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.questionsBoxList dd p.t a{ color: #666;}
.questionsBoxList dd p.t a:hover{ color: #f60; text-decoration: underline;}
.questionsBoxList dd p.b a{ color: #4593fd;}
.questionsBoxList dd p.b a:hover{ color: #f60; text-decoration: underline;}

/*--学习资讯--*/
.learnMainL{ width: 712px; height: auto; overflow: hidden;float: left;}
.learnMainL_title{ width: 100%; height: 40px; line-height: 40px; background: #4593fd; color: #fff; font-size: 16px;}
.learnMainL_title span{ padding-left: 15px;}
.learnMainL_item{width: 310px; height: 122px; margin: 16px 0px 0px 16px; float: left; padding: 10px; position: relative; z-index: 10; border: 1px solid #eef0f7; overflow: hidden; border-radius: 8px;-webkit-border-radius: 8px;-ms-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px;}
.learnMainL_item:hover{ border-color: #4593fd;}
.learnMainL_itemT dl{width: 220px; height: auto; overflow: hidden;}
.learnMainL_itemT dt{ font-size: 14px; width: 100%; height: 22px; line-height: 22px;}
.learnMainL_itemT dt a{ color: #333;}
.learnMainL_itemT dd{ color: #666; width: 100%; height: auto; overflow: hidden; line-height: 20px;}
.learnMainL_itemB{width: 310px; height: 30px; line-height: 30px; overflow: hidden; position: absolute; z-index: 20; left: 10px; bottom: 10px;}
.learnMainL_itemB span{ float: left; display: block; height: 30px; line-height: 30px; padding-left: 30px; color: #4593fd; background: url(../images/Learning/icon.png) 0px 5px no-repeat;}
.learnMainL_itemB a{ height: 30px; line-height: 30px; background: #4593fd; color: #fff; font-size: 14px; display:block; float: right; padding: 0px 16px;  border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;}
.learnMainR{ border-top: 2px solid #caafaf; float: right; height: auto; overflow: hidden; padding-bottom: 15px;}
.learnmain_R{ float: right; height: auto; overflow: hidden;}
.learnMainR_titles{ width: 100%; height: 38px; line-height: 40px; color: #333; font-size: 16px; overflow: hidden;}
.learnMainR_titles span{ margin-left: 15px;}
.learnmain_R .learnMainR_titles span{ padding-left: 0px;}
.favorableCourseBox .favorableCourse{width: 240px; overflow: hidden; position: relative; z-index: 10;}
.favorableCourseBox .favorableCourse a{ padding-left: 0px;}
.favorableCourseBox .favorableCourse .favorableCourseT{ display: none;}
.favorableCourseBox .favorableCourse .favorableCourseC{ display: block;}
.favorableCourse_bg{ width: 100%; height:30px ; position: absolute; z-index: 20; left: 0px; bottom: 0px; background: #000; opacity: .4;filter:alpha(opacity=40);}
.favorableCourse_txt{ width: 100%; height: 30px; line-height: 30px; text-align: center; position: absolute; z-index: 30; left: 0px; bottom: 0px; color: #fff; font-weight: bold;}
.favorableCourseBox dd{ width: 100%; height: 26px; line-height: 26px;  background: url(../images/Learning/icon.png) 0px -29px no-repeat; }
.favorableCourseBox dd p.favorableCourseT{ display: block;}
.favorableCourseT a{ padding-left: 15px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}




/**********分页**********/
.page{text-align:center;padding:20px 0px; }
.page a{border:1px solid #ededed;margin-right:-4px; padding:7px 13px;display:inline-block;margin: 0px 2px;}
.page a:hover,.page a.cur{background:#fafafa;color:#a5a5a5;text-decoration:none; }


.scoreSpan{
    display:inline-block;
    width:60px;
    height:12px;
    line-height:12px;
    background:url(../images/basic/Score.png) no-repeat -2px -3px;
    position:relative;
}
.scoreSpan a{
    width:11px;
    height:12px;
    display:block;
    top:0px;
    left:0px;
    position:absolute;
}
.scoreSpan a.one-star{
    width:11px;
    z-index:5;
    background-position:-2px -18px;
}
.scoreSpan a.two-star{
    width:23px;
    z-index:4;
    background-position:-2px -35px;
}
.scoreSpan a.three-star{
    width:35px;
    z-index:3;
    background-position:-2px -52px;
}
.scoreSpan a.four-star{
    width:47px;
    z-index:2;
    background-position:-2px -68px;
}
.scoreSpan a.five-star{
    width:60px;
    z-index:1;
    background-position:-2px -86px;
}
.active-star{
    background:url(../images/basic/Score.png) no-repeat;
}
.course_hint{background: #fff;margin-top: 20px;padding: 15px ;font-size: 16px;color:#666;line-height: 25px;}