@charset "utf-8";
/* CSS Document */
/* reset*/
* {
 box-sizing:content-box;
}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;box-sizing:content-box;}
ul,ol{list-style:none; } 
body{font:12px/1.5 微软雅黑,黑体; }
select,input,button{vertical-align:middle;font-size:100%;}
fieldset,img{border:0;}
.clear {clear:both;display:block;height:0; visibility:hidden; font:0/0 arial}
.clearfix:after {content:"."; display: block; height: 0; clear: both; visibility: hidden; font-size:0;}
.clearfix {*zoom:1;}
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
a{text-decoration:none; }
html{ overflow:-moz-scrollbars-vertical;}/*在Firefox浏览器下始终显示滚动条；不同浏览器的显示效果都将一致*/
/* End hide from IE-mac */

/*common*/
.fl{float:left;}
.fr{float:right;}
.Online_Wrapper{width:1200px; margin:0 auto;}
.mb{margin-bottom:20px;}
.ml{margin-left:60px;}






/*container*/
.Online_Current p{font-size:14px; line-height:24px;}
.Online_Content{margin-top:10px;}
/*container-left*/
.OContent_Left{width:200px;}
.OContentL_Title{background:#81046a; text-align:center; color:#fff; letter-spacing:3px; line-height:32px;}
.OContentL_Title h4{font-size:15px;}
.OContentL_subnav{ border:1px solid #dfdfdf; border-top:0 none;}
.OnlineSunbnav_Content{padding:0 14px;}
.OnlineSunbnav_Content ul li{ border-bottom:1px dashed #e4e4e4;padding:10px 0;}
.OnlineSunbnav_Content ul li h5{font-size:14px; color:#81046a; line-height:30px;}
.OnlineSunbnav_Content ul li p a{color:#575757; display:inline-block; min-width:80px; line-height:24px; float:left; padding-right:5px;white-space:nowrap;    }
.OnlineSunbnav_Content ul li p a:hover{color:#81046a; text-decoration:underline;}
/*container-center*/
.OContent_Center{width:600px; overflow:hidden;}
.OSearch_Text{ height:28px; color:#d4d4d4; border:1px solid #c7c7c7;width:556px;padding:0 5px; line-height:28px;}
.OSearch_Btn{ border:0 none; background:url(../images/OSearch_Btn.jpg) no-repeat left center; height:32px; width:22px; cursor:pointer;}
.OnlineCourse_Title{ background:url(../images/OnlineCourse_TitleBG.jpg) repeat-x left bottom; line-height:34px;}
.OnlineCourse_Title span a{ font-size:10px; color:#707070;}
.OnlineCourse_Title h4{ background:url(../images/OnlineCourse_TitleTextBG.jpg) no-repeat left bottom; font-size:15px; line-height:34px;}
.OnlineCourse_List{width:600px; overflow:hidden;}
.OnlineCourse_List .ulList{width:651px; box-sizing:border-box;}
.OnlineCourse_List .ulList li{float:left;width:166px;padding:20px 45px 0 0;}
 
.OnlineCourse_Img img{width:166px; height:94px;  }

.OnlineCourse_List ul li h6{ font-size:12px; color:#404040;line-height:30px; text-align:center;}
.OnlineCourse_List ul li p span{color:#737373; padding-right:8px;}
.OnlineCourse_List ul li p a{ background:#81046a;padding:0 8px; color:#fff;}
/*container-right*/
.OContent_Right{width:280px;}
.OnlineRight_Title h4{color:#81046a; font-size:15px; line-height:30px; border-bottom:2px solid #dcdcdc;}
/*right-热门课程*/
.OnlineRhot_List ul{padding:8px 0;}
.OnlineRhot_List ul li{line-height:30px; height:30px; line-height:30px;width:280px; 
        overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/}
.OnlineRhot_List ul li span{color:#b4b4b4;}
.OnlineRhot_List ul li span img{margin-left:8px;}
.OnlineRhot_List ul li a{color:#646464; height:30px; line-height:30px;width:200px; 
        overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/}
.OnlineRhot_List ul li a em{ width:20px; font-style:normal; color:#646464; display:inline-block;}
.OnlineRhot_List ul li a .Hot_First{color:#fe9204;}
/*right-学习小组*/
.OnlineR_Study{width:280px; overflow:hidden;}
.OnlineR_Study ul{width:306px;}
.OnlineR_Study ul li{float:left; width:76px; padding:15px 26px 0px 0;color:#646464; text-align:center;}
.OnlineRstudy_Img{height:74px; width:74px; border:1px solid #c3c3c3;}
/*right-活跃用户*/
.OnlineR_User{width:280px; overflow:hidden;}
.OnlineR_User ul{width:290px;}
.OnlineR_User ul li{width:135px; padding:20px 10px 0 0; float:left; height:48px; line-height:24px; overflow:hidden;}
.OnlineRuser_Text{width:80px;color:#9c9c9c;}
.OnlineRuser_Text h6 a{font-size:12px; color:#323232; font-weight:normal;}

.OContent_List {width:880px;
}
.OContent_List_Search {  padding-left:200px;
}
/*DicCourse*/
.OnlineDicCourse_Img img{width:120px; height:150px;  }
.OnlineDicCourse_List .ulList li{float:left;width:130px;padding:20px 10px 0 10px;}
.OnlineDicCourse_List ul li h6{ font-size:12px; color:#404040;line-height:30px; text-align:center;}