@charset "utf-8";

body {text-align:center;font-family:\5B8B\4F53,Arial Narrow,arial,serif;font-size:14px;color:#333;background:url(/web/skin/image/common/bg.gif) repeat-x;}
body{background:none}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{font-size:14px;}
li{list-style-type:none;}
table{ margin:0 auto;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}   
caption,th {text-align:left;}  
h1,h2,h3,h4,h5,h6 {font-size:14px;}   
q:before,q:after {content:'';}   
abbr,acronym {border:0;}
address,caption,cite,code,dfn,em,th,var {font-weight:normal; font-style:normal;}   
a {color:#333;text-decoration:none;}
a:hover {color:#ff3300;}
.fB{font-weight:bold;}
.fI{font-style: italic;}
.f12px{font-size:12px;}
.f14px{font-size:14px;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center}
.tl{text-align:left} 
.hidden{display:none;}
.unLine,.unLine a{text-decoration:none;}
li,li a{overflow:hidden;white-space:nowrap;}

.wrap{width:960px;margin:0 auto;}
.twoColLeft{width:732px;float:left;margin-right:8px;}
.threeColLeft{float:left;margin-right:8px;}
.threeColMiddle{width:474px;float:left}
.twoColRight,.threeColRight{width:220px;float:left;font-size:12px;}

.logo{width:200px;height:45px;padding-left:10px;padding-bottom:25px;float:left;}
.topLink{width:400px;font-size:12px;float:right;text-align:right;padding-right:10px;height:80px;padding-top:30px;}
.webLink a{color:#666}
.webLink a:hover{color:#ff3300}
.webLink{height:27px;color:#666}
.serviceLink{height:20px;color:#666;}

.menuOutline{height:38px;line-height:38px;border:#cd1306 1px solid;clear:both;} 
.menuList{background:url(/web/skin/image/common/menuBgA.gif) center;text-align:center;height:38px;}
.menuList li{padding:0 5px;width:85px;background:url(/web/skin/image/common/menuLi.gif) left center no-repeat;float:left;}
.menuList li a{color:#fff;text-decoration:none;display:block;}
.menuList li a:hover{color:#feff00;font-weight:600;}
.menuList .onmousMenu{color:#feff00;font-weight:600;}
.menuList .onmousMenu a{color:#feff00;font-weight:600;}
.menuList .noBg{background:none}

.searchBar{background:#f6f3ea;height:30px;width:958px;line-height:30px;text-align:center;border:#d5d5d5 1px solid;border-top:0;color:#976e2e;font-size:12px;padding:5px 0;margin-bottom:8px;clear:both}
.searchBar a{color:#ec3d04}
.searchBar .inputTxt{height:22px;line-height:22px;width:350px;border:#e1e0de 1px solid;padding-left:5px;color:#666}
.searchBar .inputBtn{height:22px;line-height:22px;width:60px;text-align:center;border:#aa8863 1px solid;color:#a98963;cursor:pointer;background:url(/web/skin/image/index/btnBg.gif)}

.rotateAd{height:260px;border:#d5d5d5 1px solid;padding:6px;margin-bottom:8px;background:#f5f5f5}

.blockTitle{background:url(/web/skin/image/index/titleBg.gif);border:#d5d5d5 1px solid;height:24px;line-height:24px;color:#996d2c;font-weight:600;clear:both;position:relative;z-index:0;}
.blockTitle a{color:#996d2c}
.blockTitle a:hover{color:#ff3300}
.blockTitle .title{padding-left:10px;color:#996d2c;float:left;display:block;}
.blockTitle .more{padding-right:5px;font-size:12px;font-family:'宋体';font-weight:200;width:60px;float:right;display:block;text-align:right;color:#666;}
.noBorder{border-bottom:0;}
.blockTitle ul{position:absolute;left:0}
.blockTitle li{display:block;float:left;border-right:#d5d5d5 1px solid;padding:0 10px;cursor:pointer;font-weight:200;}
.blockTitle .active{background:url(/web/skin/image/index/titleTabBg.gif);font-weight:600;padding:0 10px;border-bottom:0;height:25px;line-height:25px;}

.loginArea{height:148px;color:#666;text-align:left;background:#fdfaf5;}
.loginArea span{display:block;line-height:30px;height:30px;width:198px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.loginArea .inputTxt{height:20px;line-height:20px;width:135px;border:#e1e0de 1px solid;padding-left:5px;background:#fff;color:#666}
.loginArea .btnArea{padding-top:20px;text-align:center}
.loginArea .inputBtn{background:url(/web/skin/image/common/loginBtn.gif);height:34px;line-height:34px;width:111px;border:0;cursor:pointer;}
.loginArea .inputBtn2{background:url(/web/skin/image/common/loginBtn2.gif);height:28px;line-height:28px;width:79px;color:#fff;cursor:pointer;border:0;font-weight:600;font-size:14px;float:left;margin:0 5px;}
.loginArea img{cursor:pointer}

.firstCourse{height:100px;border-bottom:#eff0eb 1px solid;padding-right:10px;}
.teacherPhoto{float:left;width:100px;height:90px;margin-right:5px;background:url(/web/skin/image/index/playBg.gif) no-repeat bottom;}
.teacherPhoto img{width:100px;height:75px;}
.firstCourse h2{float:left;text-align:left;height:30px;line-height:30px;;}
.firstCourse h2 a{color:#996d2c}
.firstCourse h2 a:hover{color:#ff3300}
.firstCourse p{float:left;overflow:hidden;font-size:12px;color:#888;text-align:left;line-height:20px}
.firstCourse p a{color:#888;}

.listBanner{height:100px;margin-bottom:8px;}
.indexLongBanner{height:80px;width:730px;float:left;margin-bottom:8px;}
.leftAd1{height:80px;background:#ccc;width:220px;margin-bottom:8px;}
.leftAd2{height:165px;background:#ccc;width:220px;margin-bottom:8px;}

.listWrap{border:#ddd 1px solid;border-top:0;padding:10px;margin-bottom:8px;text-align:left;background:#fff }
.listWrap:after{content:" ";display:block;clear:both;}
.listWrap{zoom:1;}
.indexList,.subList{padding-top:6px;}
.indexList li,.subList li{padding-left:8px;background:url(/web/skin/image/index/liBg.gif) no-repeat 0 50%;_background:url(/web/skin/image/index/liBg.gif) no-repeat 0 9px;height:24px;line-height:24px;overflow:hidden;text-align:left;}
.indexList em{width:30px;float:right;text-align:right;color:#999;font-size:12px;}
.indexList .name{float:left;overflow:visible}
.rankingList{height:213px;background:#fdfaf5 url(/web/skin/image/common/rankingBg.gif) no-repeat 10px 11px;padding-left:30px;padding-top:6px;overflow:hidden;}
.rankingList li{text-align:left;height:22px;line-height:22px;_height:20px;_line-height:20px;+line-height:20px;+height:20px;color:#666;}
.rankingList a,.rankingList .front3 a{float:left;}
.rankingList em{float:right;text-align:right;color:#999;}
.rankingList .NoNew{background:url(/web/skin/image/common/newsIco.gif) right top no-repeat;}
.rankingList .front3 a,.rankingList .front3 em{color:#ff3402;}

.courseList h2{height:30px;line-height:30px;}
.courseList h2 a{padding-left:15px;font-weight:600;color:#aa8966;float:left; background:url(/web/skin/image/openclass/listIco.gif) 0 center no-repeat; text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.courseList{ border-bottom:#dfdfdf 1px solid; height:110px;padding:10px;}
.courseList span{clear:both; text-align:left; font-size:12px;padding-top:5px;}
.courseList p{padding-left:20px;margin:0;padding-top:5px;font-size:12px;height:60px; position:relative;color:#626262;text-align:left;line-height:22px;width:650px;}
.viewDetail{position:absolute;bottom:0;right:10px; border:0;cursor:pointer; color:#aa8966}
.courseList em,.courseImgList em{color:#aa8966;}

.newpagenation{padding:15px 10px 25px 0px;font-size:12px;clear:both; text-align:right;float:right;}
.newpagenation a:link{color:#666;}
.newpagenation a:hover{color:#666;background:#e6d5c0;border:#cc9966 1px solid;}
.newpagenation a:visited{color:#666;}
.newpagenation a{padding:5px;min-width:10px;margin:0 2px;height:10px;line-height:10px;color:#bbb;text-align:center;border:#ccc 1px solid;display:block;float:left}
.newpagenation .currentPage{background:#e6d5c0;font-weight:bold;color:#ff3300;border:#cc9966 1px solid;}

.courseImg{border:#c9c9c9 1px solid;width:80px;height:80px;margin:10px;float:left;padding-left:0;margin-right:20px;}
.courseImg img{width:80px;height:80px;}
.courseImgList{ border-bottom:#dfdfdf 1px solid; height:110px;padding:10px;}
.courseImgList h2{height:30px;line-height:30px;}
.courseImgList h2 a{padding-left:15px;font-weight:600;color:#aa8966;float:left; background:url(/web/skin/image/openclass/listIco.gif) 0 center no-repeat; text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.courseImgList span{color:#666;text-align:left; font-size:12px;padding-top:5px;display:block;clear:right}
.courseImgList p{margin:0;padding-top:5px;font-size:12px;height:60px; position:relative;color:#666;text-align:left;line-height:22px;}

.autorLable{padding-left:20px;font-size:12px;padding-top:10px;}
.detail .autorLable{text-align:center}
.grown{color:#a78b66;}
.grown a{color:#a78b66;}

.detail dl{margin:30px;border-top:#b9b9b9 2px solid;height:93px;border-left:#ececec 1px solid;}
.detail dt{height:30px;line-height:30px;width:95px;float:left;border:#ececec 1px solid;border-width:0 1px 1px 0;color:#a78b66;text-align:center}
.detail dd{height:30px;line-height:30px;width:217px;float:left;border:#ececec 1px solid;border-width:0 1px 1px 0;padding-left:10px;}
.detail dd{height:30px;line-height:30px;width:217px;float:left;border:#ececec 1px solid;border-width:0 1px 1px 0;padding-left:10px;}
.detail h2{font-size:16px;color:#a78b66;padding:10px 0;border-bottom:#d5d5d5 1px solid;margin:10px 30px;text-align:center}
.detail h3{height:25px;line-height:25px;background:#efe8d8;color:#97702d;padding-left:10px;font-weight:200;margin:10px 30px;}
.detail h4{text-align:left;color:#a78b66;height:30px;line-height:30px;width:700px;}
.detail .twoCol{width:541px;color:#ff0000}
.detail .content{margin:10px 30px;line-height:25px;word-break:break-all;word-wrap:break-word}
.detail .content img{max-width:550px;width:expression(this.scrollWidth>550 ? "550px":"auto")}
.detail .pageBottom{text-align:center;padding-top:10px;height:227px;_height:200px}
.detail .moreList{width:280px;float:left;padding:0;padding-left:20px;margin-right:20px;}
.detail .moreList li a,.detail .moreList li{width:280px;text-overflow:ellipsis;}
.detail .pageBottom button{height:40px;width:125px;cursor:pointer;border:0;font-size:14px;line-height:20px;padding-bottom:2px;color:#755c57}
.detail .closeBtn{background: url(/web/skin/image/common/closeBtn.gif);padding-left:10px;}
.detail .shareBtn{background: url(/web/skin/image/common/shareBtn.gif);padding-left:0px;}
.detailContentLine{height:1px;line-height:1px;border-bottom:#ddd 1px dashed;margin:0 auto;width:98%;overflow:hidden;margin:10px 0;}
.detail .content span,content p,content th,content td,content div,content font{font-size:14px;line-height:25px;}
.detailBottomLine{height:1px;line-height:1px;float:left;width:960px;overflow:hidden;}
.onlineUserBlock{margin:10px;height:110px;}
#bg {
DISPLAY: none; Z-INDEX: 1; BACKGROUND: #666; FILTER: alpha(opacity=70); LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; opacity: 0.7
}
.onlineUserBlock td{font-size:12px}
.onlineUserBlock .nameTd{font-size:12px;font-weight:600;color:#666;text-align:left;width:14%;height:35px;padding-left:10px}
.onlineUserBlock .photograph2{border:#de0301 2px solid;padding:2px;width:80px;height:80px;}
.onlineUserBlock .photograph{border:#ccc 1px solid;padding:1px;height:80px;width:80px;}
.onlineUserBlock .photograph img,.photograph2 img{width:80px;height:80px;cursor:pointer}
.onlineUserBlock .title{color:#996600;background:#f6f6f6;font-size:14px;height:25px;padding-left:10px;font-weight:600;line-height:25px}
.onlineUserBlock .learningCourse{background:url(/web/skin/image/service/userList1.jpg) no-repeat 10px center;height:25px;line-height:25px;width:240px;}
.onlineUserBlock .title a{color:#996600;}
.onlineUserBlock .learnTime{background:url(/web/skin/image/service/userList2.jpg) no-repeat 10px center;height:25px;line-height:25px;width:240px;}

.grade{background:url(/web/skin/image/common/moodTopBg.gif) no-repeat;margin:0 auto;width:637px;text-align:right;height:31px;line-height:31px;padding-top:8px;color:#976e2c;font-size:12px;padding-left:15px;position:relative}
.popGrade{height:130px;width:310px;border:#e6e6e6 1px solid;position:absolute;right:0;top:-165px;background:#f5f3e7;padding:5px;padding-top:25px;}
.popGrade .closeBtn{height:14px;width:14px;background:url(/web/skin/image/common/14x14.gif) no-repeat right;overflow:hidden;cursor:pointer;position:absolute;top:5px;right:5px;}
.popGrade .percent{height:100px;width:230px;float:left;text-align:left;}
.popGrade .percent span{line-height:14px;height:14px;display:block;float:left;margin:3px 0;}
.popGrade .percent .star{width:80px;padding-right:10px;line-height:12px;height:12px;padding-top:2px}
.popGrade .percent .redLine{width:130px;}
.popGrade .percent em{float:left;width:25px}
.popGrade .score{width:70px;height:60px;font-size:15px;font-family:'幼圆';font-weight:600;text-align:left;float:right;padding-top:5px;line-height:16px;}
.popGrade .starScore img{float:left;display:block;margin-bottom:10px;height:100px;}
.popGrade .scoreNum{font-size:25px;line-height:28px;font-family:'黑体';}
.mood{width:637px;padding:15px;font-size:12px;margin:0 auto;clear:both}
.moodList{width:75px;float:left; text-align:center}
.moodImg{height:45px;}
.moodNum{font-weight:600;height:30px;line-height:30px;}
.starScore{float:right;display:block;height:14px;line-height:14px;padding-right:5px}
.starTable{position:absolute;bottom:7px;right:5px}
.moodList span{display:block;height:30px;line-height:30px;font-size:14px;}
.percentbg{position:relative;width:18px;height:100px;margin:10px auto;padding:0}
.percentbg .blue{background:url(/web/skin/image/common/moodBgBlue.gif);position:absolute;bottom:0;left:0;width:18px;font-size:0}
.percentbg .orange{background:url(/web/skin/image/common/moodBgOrange.gif);position:absolute;bottom:0;left:0;width:18px;font-size:0}
.percentbg .percentNum{font-size:12px;position:absolute;texrt-align:center;top:-15px;width:18px;left:0;}

.errArea{height:400px;}
.noPageErr{background:url(/web/skin/image/common/404errBg.gif) no-repeat left; height:145px;width:635px;margin:60px auto;position:relative;}
.noPageErr h2{font-size:16px;color:#b19260;top:5px;right:30px;position:absolute;}
.errBtnArea{bottom:20px;right:130px;text-align:center;position:absolute;}
.errBtn{background: url(/web/skin/image/common/errBtnBg.gif);height:26px;width:90px;cursor:pointer;border:0;margin-right:10px;text-align:center;line-height:26px;color:#755c57}
.loginOutArea{padding-top:40px;padding-left:250px;text-align:left;border:#d5d5d5 1px solid;border-top:0;height:200px;background:#ffffff url(/web/skin/image/common/loginOutBg.gif) 150px 40px no-repeat;}
.loginOutLogin{width:350px;height:110px;float:left}
.loginOutLogin h2{width:330px;height:30px;background:url(/web/skin/image/common/loginOutTit.gif) left center no-repeat;margin-bottom:5px;}
.loginOutLogin .left{width:230px;height:60px;float:left;}
.loginOutLogin .left span{height:32px;line-height:32px;display:block;font-weight:600}
.loginOutLogin p{display:block;clear:both;font-size:12px;padding:5px 20px;}
.loginOutLogin a{color:#666}
.loginOutLogin .inputTxt{height:22px;line-height:22px;border:#d5d5d5 1px solid;color:#666;padding-left:5px;width:150px;}
.loginOutLogin .inputBtn{width:98px;height:60px;background:url(/web/skin/image/common/loginOutBtn.gif);float:left;border:0}
.loginOutInfo{width:270px;height:85px;padding:15px;border:#ededed 1px solid;background:url(/web/skin/image/common/loginOutInfoBg.gif) center center;float:left;}
.loginOutInfo h2{color:#ab3835;font-wieght:600;margin-bottom:15px;}
.loginOutInfo li{color:#95702a;background:url(/web/skin/image/common/loginOutLi.gif) left 5px no-repeat;lien-height:20px;height:20px;padding-left:15px;font-size:12px;}
.bottom{margin-top:5px;padding-top:5px;height:150px;font-size:12px;clear:both;border-top:#d5d5d5 1px solid}
.bottom span{display:block;line-height:25px;}
.bottom .copyRight{color:#343434;font-family:"Arial"}
.bottom .aboutLink{color:#343434}
.bottom a{color:#343434}
.trust{margin-top:5px;}
.topbg {background:url(/web/skin/image/common/topBg.jpg)  left top no-repeat;width:960px; height:110px; margin:0 auto;}
.toprel {width:960px; margin:-110px auto 0; position:relative; height:0; font-size:0; overflow:hidden;}