﻿/*--- layout ---*/
#wrap_course{ width:980px; margin:0 auto}
#main{ width:100%}
#crumbs{ padding:4px 10px; background:#f5f5f5; color:#8a8a8a}
#crumbs a{color:#8a8a8a}
#crumbs a:hover{color:#f13a09}
.area1{ float:left; width:978px; border:1px solid #e4e4e4}
.area2{ float:left; width:720px;  border:1px solid #e4e4e4}
.area3{ float:left; padding-left:8px; width:250px; background:#fff}

/*--- parent ---*/
.parent01 { margin-bottom:8px}
.parent02 { margin-bottom:20px}

/*--- block ---*/
.blk02 .ttl{ height:40px; line-height:40px; background:url(images/Courselist_v2.png) 0 -50px repeat-x}
.blk02 .ttl h3{ padding-left:10px; font: bold 14px/40px Microsoft YaHei, Simhei; color:#DD3E20; }
.blk03 .ttl{ height:50px; line-height:50px; background:url(images/Courselist_v2.png) 0 -834px no-repeat}
.blk03 .ttl h3{ padding-left:10px; font: bold 16px/45px Microsoft YaHei, Simhei; color:#DD3E20; }
.blk03 .ttl span{ float:left; margin:0 10px; height:50px; width:10px;  background:url(images/Courselist_icon_v2.png) 0 -396px no-repeat}
.blk04 .ttl{ overflow:hidden; padding:0 10px; width:700px; height:50px}
.blk04 .ttl strong{ float:left; padding:12px 6px 0 0; overflow:hidden; width:260px; color:#e21a22; font: bold 14px Microsoft YaHei, Simhei;}
.blk04 .ttl span{ float:left; padding-top:10px; width:340px}
.blk04 .ttl span em{ display:block; width:310px}
.blk04 .ttl small{ float:left; margin-top:16px; padding-left:26px; height:40px; width:60px; background:url(images/Courselist_v2.png) -716px -444px no-repeat}
.blk05{ width:248px;  border:1px solid #e4e4e4}
.blk05 .ttl{  padding:10px 6px 0 10px;  height:29px; line-height:20px;  background:url(images/Courselist_v2.png) 0 -286px repeat-x }
.blk05 .ttl h2{ overflow:hidden; white-space:nowrap; float:left; font: bold 14px Microsoft YaHei, Simhei; width:210px;  padding:0 10px; background:url(images/Courselist_icon_v2.png) 0 -262px no-repeat}
.blk06{}

.blk07{ float:left; height:50px; background:url(images/Courselist_v2.png) 0 -36px repeat-x;}
.blk08{ border-bottom:none}

.blk09 .ttl { float:left; padding:12px 10px; width:700px}
.blk09 .ttl p{ float:right; padding:10px 0 0 160px;}
.blk09 .ttl small{ float:left; padding:10px 0 0 10px; font-weight:bold}
.blk09 .ttl strong{ float:left}
.blk09 .ttl em{ float:left; padding-top:10px}
.blk10{ padding-top:0}
.blk11{ padding-top:10px}

.noborder{ border:none}
	/* 课程列表 title*/
.courselistTitle{ height:34px; font:bold 14px/32px Microsoft YaHei, Simhei; background:url(images/Courselist_v2.png) 0 0 repeat-x; color:#FFF}

.courselistTitle span{ float:left; height:32px; width:124px; text-align:center; background:url(images/Courselist_v2.png) 0 -414px no-repeat}
.courselistTitle em{  padding-left:20px; font-weight:bold; line-height:34px}


/*--- 搜索 ---*/

.searchTitle{ padding:10px 0 8px 10px; border-bottom:1px solid #E8E8E8; background:#F2F2F2}
.searchTitle div{}
.searchTitle div em{ float:left;}
.searchTitle div h2{ float:left; padding:0 10px; font:bold 14px Microsoft YaHei, Simhei}
.searchTitle div span{ float:left}

.searchBlock{ float:right; width:417px; height:24px; background:url(images/Courselist_v2.png) 0 -382px no-repeat}
.searchBlock input.tx { float:left; vertical-align:top; padding:4px 6px 0; border:none; width:288px; height:20px;  color:#999; background:none}
.searchBlock input.bt{ float:left; padding:2px 0 0 45px;  vertical-align:top; cursor:pointer; letter-spacing:20px; width:68px; height:20px; border:none; font:bold 15px Microsoft YaHei, Simhe; background:none; color:#FFF}

	/* 课程 title*/
.productTitle{ position:relative; height:50px; line-height:50px; border-bottom:1px solid #dd3e20; background:url(images/Courselist_v2.png) 0 -50px repeat-x}
.productTitle h1{ float:left; padding:6px 10px 4px; font:bold 20px/40px Microsoft YaHei, Simhei; color:#0077c9; }
.productTitle h1 span{ padding-right:10px; font-size:16px;}
.productTitle h1 span a{ color:#0077C9}
.productTitle p{ float:right; padding-right:20px}
.productTitle p.yoshi{ float:left; padding-left:20px}
.productTitle p.yoshi span{ padding:0 20px; background:url(images/Courselist_icon_v2.png) 0 -636px no-repeat}

.productTitle p span{ padding-right:10px}
.productTitle p span em{ color:#e62713}
.productTitle p span.z1{ padding-left:10px; background:url(images/Courselist_icon_v2.png) 0 -116px no-repeat}
.productTitle p span.z2{ padding-left:16px; background:url(images/Courselist_icon_v2.png) 0 -134px no-repeat}
.productTitle p span.z3{ padding-left:16px; background:url(images/Courselist_icon_v2.png) 0 -95px no-repeat}
.productTitle div strong{ float:left; padding:6px 10px 4px; font: bold 15px/40px Microsoft YaHei, Simhei; color:#0077c9;}
.productTitle div.arrows{ position:absolute; overflow:hidden; left:60px; top:50px;  width:16px; height:6px; background:url(images/Courselist_icon_v2.png) 0 -164px no-repeat}
   /* 免费试听 title*/
.productTitle_red{ border-top:1px solid #E4E4E4; background:url(images/Courselist_v2.png) 0 -782px repeat-x}

	/* 课程详细*/
.productDetailBox{ margin:20px 10px 10px}
.productDetailBox dt{ font-weight:bold; color:#6f6f6f}
.productDetailBox .box1{ float:left; width:333px; border-right:1px solid #e7e7e7;}
.productDetailBox .box1 dl{ margin-bottom:12px; height:22px; line-height:22px}
.productDetailBox .box1 dl.interval{ margin-bottom:6px; height:22px}
.productDetailBox .box1 dl.interval2{line-height:20px}
.productDetailBox .box1 dt, .productDetailBox .box1 dd{ float:left}
.productDetailBox .box1 dt.big{ float:left; font:bold 18px Microsoft Yahei, Tahoma; color:#dd3e20}
.productDetailBox .box1 dd{ color:#767676}
.productDetailBox .box1 dd span del{ padding-right:10px}
.productDetailBox .box1 dd span.z3, .productDetailBox .box1 dd span.z4, .productDetailBox .box1 dd span.z5{ display:inline-block; padding-left:6px; width:16px; height:16px; }
.productDetailBox .box1 dd span.z3{ background:url(images/Courselist_icon_v2.png) 0 0 no-repeat}
.productDetailBox .box1 dd span.z4{ background:url(images/Courselist_icon_v2.png) 0 -24px no-repeat}
.productDetailBox .box1 dd span.z5{ background:url(images/Courselist_icon_v2.png) 0 -50px no-repeat}
.productDetailBox .box1 dd span.z6{ padding:0 10px}
.productDetailBox .box1 dt.pdright{ padding-right:10px}
.productDetailBox .box1 dt.noprice{ padding-right:10px; font-weight:100}
.productDetailBox .box1 dt.noprice strong{ font-weight:bold; color:#CC0033 }
.productDetailBox .box1 dl.team { position:relative; z-index:2}
.productDetailBox .box1 dl.team dd span {display:block; padding-left:8px;  width:84px; height:22px; line-height:22px; cursor:pointer; color:#0177c9; background:url(images/Courselist_v2.png) 0 -462px no-repeat}
.productDetailBox .box1 dl.team dd div{ display:none; position:absolute; z-index:2; cursor:default; width:200px; height:100px; padding:8px; color:#333; border:1px solid #F60; background:#fff}
.productDetailBox .box1 dl.team dd div big { float:left; width:94px; text-align:right}
.productDetailBox .box1 dl.team dd div small { float:left; width:106px}
.productDetailBox .box1 dl.team dd div em { clear:both; color:#e62713}

.productDetailBox .box2{ overflow:hidden; float:left; padding-left:30px;  width:338px; height:102px}
.productDetailBox table{height:100px; border:none}
.productDetailBox .hight{ height:94px}
.productDetailBox .pdddingtop{ padding-top:10px}

.productDetailBox .box2 dl dt{ float:left; padding-right:10px}
.productDetailBox .box2 dl dd{ float:left; width:276px; color:#767676}
.productDetailBox .box2 dl.school{ height:44px; line-height:44px}
.productDetailBox .box2 dl.school dd h2{ font-size:12px; font-weight:100}
.productDetailBox .box2 dl.school dd strong { float:left; padding-right:20px width:88px; height:44px}
.productDetailBox .box2 dl.school dd span{ float:left; padding-left:10px; overflow:hidden; width:160px; height:30px}
.productDetailBox .box2 dl.tj{ padding-top:16px}
.productDetailBox .box2 dl.tj dd{ overflow:hidden; width:276px; height:56px}

	/* bubble-课程评分详细 */
#JT { position:absolute; z-index:10}
#JT .JT_loader{ width:217px; height:114px; border:1px solid; border-color:#ccc #666 #666 #ccc; background:url(../images/GlobalLoading_01.gif) center center no-repeat #fff}
#JT .jq_ratingLineBox { width:190px; padding:12px 12px 12px 15px; background:#fff}
#JT .jq_eatingLineSingleBox { width:200px; padding:12px 2px 12px 15px; background:#fff}
#JT .jq_eatingLineSingleBox li { padding-bottom:2px}
.productDetailBox .box3{ float:left;  padding: 0 0 10px 22px; width:230px; height:92px; border-left:1px solid #e7e7e7  }
	/* 课程筛选 */
.classListFilter ul{}
.classListFilter ul li{ float:left; padding:10px 10px; width:958px; border-bottom:1px dotted #DBDBDB}

.classListFilter ul li.bg{ background:#f4f4f4}
.classListFilter ul li.noborder{ border:none; padding:12px 10px}
.classListFilter ul li strong{ float:left; font-weight:normal; padding:4px 0 0 10px; width:80px; background:url(images/Courselist_icon_v2.png) 0 -258px no-repeat}
.classListFilter ul li span em{ font-weight:bold}
.classListFilter ul li span { float:left; padding:4px 10px; color:#999999 }
.classListFilter ul li div.s1{ float:left; width:810px}
.classListFilter ul li div.s1 span{ overflow:hidden; height:20px; width:90px}
.classListFilter ul li span a{padding:2px 4px; text-decoration:none; white-space:nowrap; color:#0177c9}
.classListFilter ul li span a:hover{ color:#FFF; background:#DD3E20}
.classListFilter ul li span.select a{ color:#FFF; background:#DD3E20}
.classListFilter ul li.w1 span{ float:left; white-space:nowrap; color:#999}
.classListFilter ul li div{ float:left; overflow:hidden; }
.classListFilter ul li div p{ float:left; width:928px; padding-left:30px; height:36px; line-height:36px; border-bottom:1px dotted #E6E6E6}
.classListFilter ul li div p.noborder{ border:none}
.classListFilter ul li div p.b1{background:#FFF}
.classListFilter ul li div p.b2{background:#fff6f7}
.classListFilter ul li div p input{ margin-top:11px}
.classListFilter ul li div p big, .classListFilter ul li div p small, .classListFilter ul li div p input{ float:left }
.classListFilter ul li div p big{ padding:0 20px 0 10px}
.classListFilter ul li div p small{ padding:0 20px}
.classListFilter ul li div p em{ float:right; padding-right:100px}
.classListFilter ul li div p em a{color:#0177C9}
.classListFilter ul li div.date{ float:right; height:30px; width:480px}
.classListFilter ul li div.date q{ float:left; padding:6px 4px 0 0; font-weight:bold; color:#999}
.classListFilter ul li div.date span{ float:left; padding:4px }
.classListFilter ul li div.date span input{ width:94px; height:18px; border:1px solid #CCC; background:url(images/Courselist_icon_v2.png) right -304px no-repeat}
.classListFilter ul li div.date span input.seach{ cursor:pointer; color:#0177C9; height:23px; line-height:23px; border:none; background:url(images/Courselist_v2.png) 0 -500px no-repeat}
   
    /* 预约填写表单 */
.classListFilter ul li.from { height:126px; padding:0 10px; background:#f2f2f2}
.classListFilter ul li div.audition{ float:left; overflow:hidden; padding:4px 0 0 10px; width:600px; }
.classListFilter ul li div.z1{ float:left; width:300px }
.classListFilter ul li div.z1 em{ float:left; height:8px; width:8px; color:#F00}
.classListFilter ul li div.audition dl{ display:block; height:30px; padding:8px 10px}
.classListFilter ul li dl dt,.classListFilter li dl dd{ float:left}
.classListFilter ul li dl dd input{ width:200px; height:24px; line-height:24px; background:url(images/courseinput_bg.png) repeat-x; border:1px solid #CCC}
.classListFilter ul li dl dd textarea{ padding:4px; width:198px; height:42px; font-family:Tahoma,Arial,sans-serif,Simsun; font-size:12px; color:#666; background:url(images/courseinput_bg.png) repeat-x; border:1px solid #CCC}
.classListFilter ul li div.audition dl.z2{ height:54px}

.classListFilter li div.detailed{ float:left; overflow:hidden; padding-left:10px; width:328px; height:120px; border-left:1px solid #EAEAEA}
.classListFilter li div.detailed div.t1{ clear:both; width:328px; padding:2px 0; border-bottom:1px solid #CCC}
.classListFilter li div.detailed div.t1 em{ font-weight:bold; color:#dc1c22}
.classListFilter li div.detailed span{ height:10px; background:url(images/Courselist_icon_v2.png) 0 -320px no-repeat}
.classListFilter li div.detailed dl{ width:328px; height:24px; line-height:24px; border-bottom:1px dotted #CCC}
.classListFilter li div.detailed dl dd em, .classListFilter li div.detailed dl dd strong{ float:left; padding:0; background:none}
.classListFilter li div.detailed dl dt{ width:50px; height:24px; padding-right:10px}
.classListFilter li div.detailed dl dd strong{ overflow:hidden; height:24px; width:178px}
.classListFilter li div.detailed dl dd em{ overflow:hidden; width:80px; height:24px; padding-right:10px}
	
	/* 课程收起 */
.toggle{ float:left; padding-left:300px; width:680px; height:30px; background: url(images/Courselist_v2.png) 0 -925px repeat-x}
.toggle a{ cursor:pointer;}
.toggle span{ float:left; padding-left:20px; font: bold 14px Microsoft YaHei, Simhei; letter-spacing:10px; background:url(images/Courselist_icon_v2.png) 0 -291px no-repeat}
.toggle p{ padding-left:130px; width:202px; height:30px; background: url(images/Courselist_v2.png) 0 -730px no-repeat}

.toggle p.s1{ float:left; padding-left:30px; width:302px; height:30px; background: url(images/Courselist_v2.png) 0 -730px no-repeat}
.toggle p.s1 span{ float:left; padding-left:20px; font: bold 12px Microsoft YaHei, Simhei; letter-spacing:normal; background:url(images/Courselist_icon_v2.png) 0 -306px no-repeat}
.toggle p.s1 span em{ font-size:12px}

	/* 课程提示 */
.classListPrompt_block{ margin-bottom:16px }
.classListPrompt{ margin:0 auto; width:976px; height:48px; line-height:48px; border:1px solid #fab418; background:url(images/Courselist_icon_v2.png) 0 -768px repeat-x}
.classListPrompt_width{ width:690px; height:100%}
.classListPrompt strong{ display:inline-block; padding:0 10px; }
.classListPrompt p, .classListError p{ overflow:hidden; padding:0 10px; white-space:nowrap; width:952px}
.classListPrompt em{ display:inline-block; padding:0 10px}
.classListPrompt small, .classListPrompt span{ color:#666}
.classListPrompt q{ padding-left:40px; display:inline-block; height:48px; background:url(images/Courselist_v2.png) -482px -674px no-repeat}
.classListError{ margin:0 auto; width:976px; height:48px; line-height:48px; border:1px solid #f27799; background:#ffe3e3}
.classListError q{ padding-left:40px;  display:inline-block; font-size:14px; font-weight:bold; height:48px; background:url(images/Courselist_v2.png) -482px -610px no-repeat}


    /* 报名 */
.productBuy{ height:58px; padding:10px 0 20px 350px }
.productBuy p{ float:left}
.productBuy p.tel{ width:139px; height:30px; background:url(images/Courselist_v2.png) -185px -554px no-repeat}
.productBuy p.xuechetel{ width:139px; height:30px; background:url(images/Courselist_v2.png) -350px -554px no-repeat}
.productBuy p.tel01{ width:139px; height:30px; background:url(images/Courselist_v2.png) -185px -584px no-repeat}
.productBuy p a.buy{ display:block; padding:4px 0 0 14px; width:134px; color:#FFF; height:54px; font:bold 16px Microsoft Yahei, Tahoma;  background:url(images/Courselist_v2.png) 0 -556px no-repeat}
.productBuy p a.buy:hover{ color:#EBEBEB}
.productBuy02{ padding:20px 0 0 200px;}

.productBuyfrom{ padding:2px 0 0 100px }
   /* 课程详细内容 */
.articleSuggest. { overflow:hidden; padding:8px 12px; width:696px; color:#FFFFD0}
.articleSuggest div { display:none}
.articleSuggest div div { display:block}
.articleSuggest div ul.s1 li{ float:left; padding:6px 0 }
.articleSuggest div ul.s1 li span{ float:left; width:75px; padding-right:10px; text-align:right}
.articleSuggest div ul.s1 li a{ font-weight:bold; padding-right:10px; color:#a1a1a1}
.articleSuggest div ul.s1 li strong{ float:left; width:605px; font-weight:100; color:#494949 }
.articleSuggest div ul.s1 li strong.z1 a{ color:#494949}
.productInfo div .ttl{ padding:4px 0 0 10px;  height:40px; line-height:40px; background: url(images/Courselist_v2.png) 0 -50px repeat-y}
.productInfo div .ttl strong{ color:#DD3E20}

	/* 班级切换 */
.productTab{  height:40px; line-height:34px; background:url(images/Courselist_v2.png) 0 -286px repeat-y}
.productTab ul{ overflow:hidden; padding:7px 0 0 16px}
.productTab ul li{ float:left; margin-right:22px; background:url(images/Courselist_v2.png) 0 -240px no-repeat}
.productTab ul li em{ float:left; cursor:pointer; padding:0 26px 0 24px; font-weight:bold; color:#333; background:url(images/Courselist_v2.png) right -240px no-repeat}
.productTab ul li.selected{ margin-top:1px; background:url(images/Courselist_v2.png) 0 -188px no-repeat}
.productTab ul li.selected em{ color:#dd3e20; margin-left:3px; background:url(images/Courselist_v2.png) right -188px no-repeat}





	/* 班级详情-课程信息 */
.productInfo { padding:10px 12px 0}
.productInfo dl { padding:4px 0; color:#666}
.productInfo dt { float:left; padding-right:6px; width:85px; text-align:right; color:#999}
.productInfo dd { float:left; width:605px}
.productInfo dd a { display:inline-block; margin-right:20px; color:#666}
.productInfo dd a:hover { color:#f13a09}
	/* 班级详情-课程内容 */
.productText { overflow:hidden; line-height:26px; width:690px; padding:4px 12px}
.productText p { padding:2px 0}
.productText a { color:#0177c9}
.productText a:hover { color:#f13a09}
	/* 发表课程咨询 */
.publishRefer { padding:10px 12px}
.publishRefer dl { padding:4px 0}
.publishRefer dt { float:left; width:100px; text-align:right}
.publishRefer dd { float:left; width:570px}
.publishRefer dd input.txtinput { width:100px}
.publishRefer dd input.s1 { background:#eee}
.publishRefer dd textarea { width:90%; height:80px}
.publishRefer dd small { padding-left:12px; color:#777}
.publishRefer dd small a { text-decoration:underline}
.publishRefer dd a.reg { text-decoration:underline}
.publishRefer dd em { color:#e62713}
.publishRefer .func { padding:5px 100px}
.publishRefer a { color:#0177c9}
.publishRefer a:hover { color:#f13a09}

	/* 发表课程评价 */
.publishReview { padding:10px 8px}
.publishReview h5 { font-size:12px}
.publishReview dl { padding:6px 0}
.publishReview dl.s1 { padding:10px 0 0 0}
.publishReview dt { float:left; width:100px; text-align:right}
.publishReview dd { float:left; width:569px}
.publishReview dd input.txtinput { width:300px}
.publishReview dd textarea { width:96%; height:260px}
.publishReview dd label { margin-right:10px; text-decoration:none}
.publishReview dd big.ratingStar_1 { padding-left:8px}
.publishReview dd big.ratingStar_2 { padding-left:20px}
.publishReview dd big.ratingStar_3 { padding-left:32px}
.publishReview dd big.ratingStar_4 { padding-left:44px}
.publishReview dd span { padding-left:5px; color:#999}
.publishReview dd.verifycode input.txtinput { width:90px}
.publishReview dd.verifycode p { padding-top:10px}
.publishReview dd.verifycode img { margin-right:8px; vertical-align:text-bottom; border:1px solid #eee}
.publishReview dd .pubstar { float:left; width:280px; padding-bottom:4px}
.publishReview dd .pubstar em { padding-right:6px}
.publishReview dd .pubstar a { padding-left:12px; text-decoration:none; background:url(../images/GlobalRate_04.png) 0 -40px no-repeat}
.publishReview dd .pubstar a.selected { background-position:0 0}
.publishReview dd .pubstar a:hover, .publishReview dd .pubstar a.hover { background-position:0 -20px; text-decoration:none}
.publishReview dd .pubstar small { padding-left:4px; color:#999}
.publishReview .notice, .publishReview .alarm { margin:0 4px 10px}
.publishReview .func { padding:5px 100px}
.publishReview .func input { margin-right:10px}
.publishReview a { color:#0177c9}
.publishReview a:hover { color:#f13a09}
	/* 课程咨询 */
.reviewList{ margin-bottom:20px}
.referList .list { padding:8px 12px; border-bottom:1px solid #e7e7e7}
.referList .list.b1 { background-color:#f3f3f3}
.referList .list dl { float:left; width:100%; color:#e62713}
.referList .list dt { float:left; width:56px; text-align:right; background: url(images/Courselist_icon_v2.png) 0 -452px no-repeat}
.referList .list dd { float:left; width:520px}
.referList .list dd.time { width:114px; text-align:right; font-size:11px; color:#999}
.referList .list dl span { padding-left:3px}
.referList .list dl span, .referList .list dl span a { color:#999}
.referList .list dl span a:hover { color:#f13a09}
.referList .list dl.s1 { padding-top:3px; color:#333}
.referList .list dl.s1 dt { background:url(images/Courselist_icon_v2.png) 0 -498px no-repeat}
.referList .referListSum { padding:10px 12px 6px; border-bottom:1px solid #e7e7e7}
.referList .referListSum a { font-weight:bold; color:#0177c9}
.referList .tips div.note { float:left; width:270px; padding:10px 12px}
.referList .tips div.more { float:right; padding:10px 12px}
.referList .tips .pages { float:right; padding:10px 12px}
.referList .status { text-align:center; padding:20px 0; border-bottom:1px solid #e7e7e7}
.referList a { color:#0177c9}
.referList a:hover { color:#f13a09}
	/* 课程评价 */
.reviewList h1 { padding:12px 12px 0; font-size:16px}
.reviewList .reviewSum { padding:10px 12px 6px; border-bottom:1px solid #ffc1b1}
.reviewList .reviewSum a { font-weight:bold}
.reviewList .reviewInfo { padding:8px 0 8px 12px; border-bottom:1px solid #ffc1b1}
.reviewList .reviewInfo .ratingLine01 { float:left; padding:0 0 0 8px}
.reviewList .reviewInfo .ratingLine01 li { padding:2px 0}
.reviewList .reviewInfo .rateTotal { float:left; width:190px; text-align:center; padding-top:15px}
.reviewList .reviewInfo .rateTotal em { padding-right:3px; font:bold 26px Arial; color:#f96808}
.reviewList .reviewInfo .func { float:right; width:280px; height:84px; padding:4px 0 0 16px; border-left:1px solid #ffc1b1}
.reviewList .reviewInfo .func a.btninput02{display:block; padding:2px 0 4px 0; width:100px; text-align:center; text-decoration:none; font-size:12px; color:#FFF; border:0; background: url(images/Courselist_v2.png) 0 -684px}
.reviewList .reviewInfo .func a.btninput02:hover{ color:#FF0}
.reviewList .reviewInfo .func .pnts { display:block; width:269px; height:20px; margin:0 0 2px 0}
.reviewList .reviewInfo .func .pnts img { width:259px; height:13px; background:url(../images/bg_faceClass.png) -400px -320px no-repeat}
.reviewList .reviewInfo .func span { line-height:17px}

.reviewList .list { padding:8px 10px 4px; border-bottom:1px solid #e7e7e7}
.reviewList .list .pic { float:left; width:42px; padding-top:5px}
.reviewList .list .pic img { width:40px; height:40px}
.reviewList .list .txt { float:left; width:636px; padding-left:12px}
.reviewList .list .txt h4 { font-size:12px}
.reviewList .list .txt h4 a { color:#333}
.reviewList .list .txt h4 a:hover { color:#f13a09}
.reviewList .list .txt p { color:#666}
.reviewList .list .txt p span { display:inline-block}
.reviewList .list .txt p a.jqTips01 { display:inline-block; text-decoration:none}
.reviewList .list .txt p q { margin-left:3px; padding-left:8px; background:url(../images/bg_faceClass.png) -520px -390px no-repeat}
.reviewList .list .txt div { padding-top:5px}

.reviewList .list-func { clear:both; overflow:hidden; height:20px; padding:10px 0 4px 56px}
.reviewList .list-func small { float:right; text-align:right}
.reviewList .list-func q { font-size:11px; color:#999}
.reviewList .list-func q img { width:42px; height:18px; margin:0 4px; vertical-align:top; background: url(images/Courselist_v2.png) 0 0 no-repeat}
.reviewList .list-func q.s1_1 img { background-position:-598px -520px}
.reviewList .list-func q.s1_2 img { background-position:-648px -520px}
.reviewList .list-func q.s1_2 a:hover img, .reviewList .list-func q.s1_1 a:hover img { background-position:-698px -520px}
.reviewList .list-func q.s2_1 img { background-position:-598px -540px}
.reviewList .list-func q.s2_2 img { background-position:-648px -540px}
.reviewList .list-func q.s2_2 a:hover img, .reviewList .list-func q.s2_1 a:hover img { background-position:-698px -540px}
.reviewList .list-func em img { width:50px; height:18px; vertical-align:top; background:url(images/Courselist_v2.png) -598px -560px no-repeat}
.reviewList .list-func span { padding-left:12px}
.reviewList .list-func span a { color:#999}

.reviewList .list-sub { padding-left:56px}
.reviewList .list-sub li { padding:8px 0; background:url(../images/GlobalLine_03.gif) left top repeat-x}
.reviewList .list-sub q { float:left; width:24px; height:40px; padding-top:2px; color:#ddd}
.reviewList .list-sub q img { width:24px; height:24px}
.reviewList .list-sub p, .reviewList .list-sub div { float:left; width:600px; padding-left:10px}
.reviewList .list-sub small { float:right; padding-right:8px; color:#999}
.reviewList .list-sub small sup { font-size:11px}
.reviewList .list-sub p { overflow:hidden; height:20px; color:#666}
.reviewList .list-sub p span { padding-right:4px}
.reviewList .list-sub-more { margin-left:56px; padding:8px 0; background:url(../images/GlobalLine_03.gif) left top repeat-x}
.reviewList .tips div.note { float:left; padding:10px 10px}
.reviewList .tips div.pages { float:right}
.reviewList .tips div.more { float:right; padding:10px 10px}
.reviewList .status { text-align:center; padding:20px 0; border-bottom:1px solid #e7e7e7}
.reviewList a { color:#0177c9}
.reviewList a:hover { color:#f13a09}

	/* 校区课表 */
#courseTimetable{display:none}
.timetable{ padding-top:10px; width:100%;}
.timetable dl{ padding-bottom:15px; background: url(images/line_course02.png) 0 bottom repeat-x }
.timetable dl dt{ float:left; width:100%; height:49px; background:url(images/Courselist_v2.png) 0 -122px repeat-x;}
.timetable dl dd{ float:left; width:100%; border-bottom:1px solid #e3e3e3; background:url(images/tabulation01_bg.gif) 0 0 repeat-y}
.timetable dl dt span, .timetable dl dd span{ float:left; width:90px; text-align:center}
.timetable dl dt em, .timetable dl dd em{ float:left; width:170px;  text-align:center }
.timetable dl dt small, .timetable dl dd small{ float:left; width:110px; color:#E21A22;  text-align:center}
.timetable dl dt q, .timetable dl dd q{ float:left; width:110px;  text-align:center }
.timetable dl dt big, .timetable dl dd big, .timetable dl dt strong{ float:left; width:100px; font-weight:bold; color:#E21A22;  text-align:center }
.timetable dl dd a{ float:left; font-weight:bold; width:90px; margin-left:20px; padding:16px 0; background:url(images/Courselist_icon_v2.png) 0 -358px no-repeat; color:#0077C9;  text-align:center}
.timetable dl dd a:hover{ color:#DD3E20}
.timetable dl dt strong{ padding:16px 0; font-weight:100; color:#333333}
.timetable dl dd strong.noprice{ float:left; padding:6px 0 0 18px; color:#FF0000}
.timetable dl dd span, .timetable dl dd em, .timetable dl dd small, .timetable dl dd q, .timetable dl dd big { padding:16px 0; border-right:1px solid #e3e3e3}
.timetable dl dt span, .timetable dl dt em, .timetable dl dt small, .timetable dl dt q, .timetable dl dt big { padding:16px 0; border-right:1px solid #e3e3e3; color:#333333}


	/* 相关资料 */
#ctl00_Content_CourseDatum1_courseInformation{ display:none}
.information .ttl span{ float:right}
.information .ttl h4{ color:#DD3E20; font-size:14px}
.information .ttl span select{ width:200px; height:22px; line-height:22px}
.information .ttl{ float:left; overflow:hidden; padding:20px 10px 10px ; width:700px; height:30px;}
	/* 资料列表 */
.information .list li { float:left; width:100%}
.information .list li .name { float:left; width:520px; padding:0 10px; font-size:14px}
.information .list li .clksum { float:left; width:66px; text-align:center; font-size:12px; color:#999}
.information .list li .time { float:left; width:64px; padding-right:8px; text-align:right; font-size:12px; color:#999}
.information .list ul.hd a { padding-right:9px; background:url(images/bg_article.png) 38px -357px no-repeat}
.information .list ul.ctn li { padding:10px 0 12px; border-bottom:1px dashed #e4e4e4}
.information .list ul.ctn li:hover { background-color:#f3f3f3}
.information .list a { color:#0177c9}
.information .list a:hover { color:#f13a09}
.information .list ul li.hd{ float:left; padding-top:16px; height:34px; background:url(images/Courselist_v2.png) 0 -50px repeat-x; border-top:1px solid #e4e4e4}


	/* 按课程查看列表 */
.courseDemandlist{}
.courseDemandlist .sortby{ height:30px; padding-top:10px}
.courseDemandlist .sortby div{ padding:0 10px}
.courseDemandlist .sortby div.key-sub { float:right; height:20px; vertical-align:middle}
.courseDemandlist .sortby div.key-sub label { margin-right:18px}
.courseDemandlist .sortby div span{ float:left}
.courseDemandlist .sortby div a{ float:left; height:20px; margin:0 4px; padding:0 16px 0 6px; border:1px solid #CCC; background:url(images/Courselist_icon_v2.png) right -562px no-repeat}
.courseDemandlist .sortby div a:hover{ border:1px solid #ffbab0;}
.courseDemandlist .sortby div a.s1{ border:1px solid #ffbab0; color:#DD3E20; background:url(images/Courselist_icon_v2.png) right -742px no-repeat}
.courseDemandlist .sortby div a.s2{ border:1px solid #ffbab0; color:#DD3E20; background:url(images/Courselist_icon_v2.png) right -534px no-repeat}

.courseDemandlist div.list{ padding-bottom:2px; float:left; width:100%; background:url(images/global_bottom.png) 0 bottom repeat-x}
.courseDemandlist div.listTtl{ overflow:hidden; width:720px; height:50px; background: url(images/Courselist_v2.png) 0 -122px no-repeat}
.courseDemandlist div.listTtl h2{float:left; padding:6px 10px 4px; font:bold 16px/40px Microsoft YaHei, Simhei; color:#0077c9;}
.courseDemandlist div.listTtl h2 a{ color:#0077C9}

.courseDemandlist div.listTtl span.z3, .courseDemandlist div.listTtl span.z4, .courseDemandlist div.listTtl span.z5{ position:relative; display:inline-block; padding-left:6px; width:16px; height:16px; }
.courseDemandlist div.listTtl span.z3{ background:url(images/Courselist_icon_v2.png) 0 0 no-repeat}
.courseDemandlist div.listTtl span.z4{ background:url(images/Courselist_icon_v2.png) 0 -24px no-repeat}
.courseDemandlist div.listTtl span.z5{ background:url(images/Courselist_icon_v2.png) 0 -50px no-repeat}


.courseDemandlist div.listTtl p{ float:right; padding-right:10px; width:200px}
.courseDemandlist div.listTtl p.rate{ padding-top:17px}
.courseDemandlist div.listTtl p.c1{ float:left; overflow:hidden; width:100px; padding-top:17px}
.courseDemandlist div.listleft{ float:left; width:526px; border-right:1px solid #e3e3e3}
.courseDemandlist div.listleft div{ padding:10px 10px 0 10px; color:#777676}
.courseDemandlist div.listleft div p{ padding:2px 0 }
.courseDemandlist div.listleft div p a{ color:#777676}
.courseDemandlist div.listleft div p a:hover{ color:#FF3300}
.courseDemandlist div.listleft div p strong{ color:#666}
.courseDemandlist div.listleft div p.t1{ padding:4px 0 6px 20px; background:url(images/Courselist_icon_v2.png) 0 -66px no-repeat}


.courseDemandlist div.listright{ float:left; overflow:hidden; width:193px}
.courseDemandlist div.listright div{ padding:10px 0 0 30px }
.courseDemandlist div.listright p.b1{ padding-left:10px; font:bold 20px Microsoft YaHei, Simhei; color:#F00 }
.courseDemandlist div.listright p.b2{ padding-left:10px;}
.courseDemandlist div.listright p.b3, .courseDemandlist div.listright p.b4{  padding-left:10px; font:bold 14px Microsoft YaHei, Simhei; color:#F00}
.courseDemandlist div.listright p.b4{ color:#666}
.courseDemandlist div.listright p a.heigh1{ height:50px}


	/* 按学校查看列表 */
#schoolDemand { display:block}	
.schoolDemandlist{}
.timetable_school{ padding-top:10px; width:100%;}
.timetable_school dl{ padding-bottom:15px; color:#666 }
.timetable_school dl a{color:#0077C9}
.timetable_school dl a:hover{ color:#dd3e20}
.timetable_school dl dt{ float:left; width:100%; height:49px; background:url(images/Courselist_v2.png) 0 -122px repeat-x;}
.timetable_school dl dd{ float:left; width:100%; border-bottom:1px solid #e3e3e3;}
.timetable_school dl dt span, .timetable_school dl dd span{ float:left; width:300px; text-align:center}
.timetable_school dl dt span a, .timetable_school dl dd span a{  padding-left:5px; overflow:hidden; width:280px; height:20px; }

.timetable_school dl dt small{ float:left; width:110px;  text-align:center}
.timetable_school dl dd small{ float:left; width:110px; font-weight:bold;  text-align:center}
.timetable_school dl dt q, .timetable_school dl dd q{ float:left; width:100px;  text-align:center }
.timetable_school dl dt big, .timetable_school dl dd big, .timetable_school dl dt strong{ float:left; width:100px; font-weight:bold; color:#E21A22;  text-align:center }

.timetable_school dl dd em a{ float:left; font-weight:bold; margin-left:10px; padding:16px 0 16px 20px; background:url(images/Courselist_icon_v2.png) 0 -358px no-repeat; text-align:center}

.timetable_school dl dt strong{ padding:16px 0; font-weight:100; color:#333333}
.timetable_school dl dd span, .timetable_school dl dd small, .timetable_school dl dd q, .timetable_school dl dd big { padding:16px 0; border-right:1px solid #e3e3e3}
.timetable_school dl dt span, .timetable_school dl dt small, .timetable_school dl dt q, .timetable_school dl dt big { padding:16px 0; border-right:1px solid #e3e3e3; color:#333333}

.timetable_school dl dd span del.z3, .timetable_school dl dd span del.z4, .timetable_school dl dd span del.z5{ display:inline-block; margin-left:10px; padding:0 10px; width:16px; height:16px; }
.timetable_school dl dd span del.z3{ background:url(images/Courselist_icon_v2.png) 0 0 no-repeat}
.timetable_school dl dd span del.z4{ background:url(images/Courselist_icon_v2.png) 0 -24px no-repeat}
.timetable_school dl dd span del.z5{ background:url(images/Courselist_icon_v2.png) 0 -50px no-repeat}




.timetable_school dl dd.shrink{ height:39px; background: url(images/Courselist_v2.png) 0 -966px no-repeat; border-bottom:none; text-align:center}
.timetable_school dl dd.shrink p{ padding-top:6px}
.timetable_school dl dd.shrink p a{ padding-left:16px; background:url(images/Courselist_icon_v2.png) 0 -306px no-repeat;}
.timetable_school dl dd.shrink p a.s1{ background:url(images/Courselist_icon_v2.png) 0 -292px no-repeat;}

	/* 右侧边 */
.mod01 { width:100%}
.mod01 ul { overflow:hidden; padding:0 5px}
.mod01 li { margin-top:-1px; padding:7px 3px 6px; background:url(images/GlobalLine_02.gif) repeat-x}
.mod01 li h3 { padding-bottom:2px; font-size:12px; font-weight:normal}
.mod01 li h3 a.s1 { padding-right:4px}
.mod01 li p { line-height:23px; color:#666}
.mod01 li p em { padding-right:8px; font:bold 14px/20px Arial; color:#e62713}
.mod01 li p em dfn { font-size:12px}
.mod01 li p small { float:right; width:55px; height:23px; padding-left:12px; color:#fff; background:url(images/Courselist_v2.png) -354px -500px no-repeat}
.mod01 li a { color:#333}
.mod01 li a:hover { color:#f13a09}

.mod02 { width:100%}
.mod02 ul { overflow:hidden; padding:0 5px}
.mod02 li { margin-top:-1px; padding:5px 3px 4px; background:url(../images/GlobalLine_02.gif) repeat-x}
.mod02 li h3 { font-size:12px; font-weight:normal}
.mod02 li h5 { font-size:12px; font-weight:normal}
.mod02 li h3 a.s1 { padding-right:4px}
.mod02 li p { overflow:hidden; height:20px}
.mod02 li p, .mod02 li p a { color:#666}
.mod02 li p a:hover { color:#f13a09}
.mod02 li p em { padding-right:8px; font:bold 14px/20px Arial; color:#e62713}
.mod02 li p em dfn { font-size:12px}
.mod02 li p small { float:right; color:#418b2d}

.mod03 { width:100%; padding:8px 0}
.mod03 ul.s1 { overflow:hidden; padding:6px 10px 2px}
.mod03 ul.s1 a.pic { display:block; width:72px; height:48px; margin:0 auto; padding:1px; border:1px solid #ccc; background:#fff}
.mod03 ul.s1 a.pic img { width:100%; height:100%; vertical-align:top}
.mod03 ul.s1 a.pic:hover { border-color:#999}
.mod03 ul.s1 li { float:left; width:96px; padding:0 4px; text-align:center}
.mod03 ul.s1 li span { display:block; overflow:hidden; height:20px; padding-top:4px}
.mod03 ul.s2 { padding:5px 10px}
.mod03 ul.s2 li { overflow:hidden; height:20px; padding:1px 0 1px 10px; background:url(../images/GlobalIcon_02.gif) 0 9px no-repeat}
.mod03 ul.s2 li span { float:right; padding-left:16px; color:#999}

.mod04 { width:100%}
.mod04 ul { padding:5px 8px}
.mod04 li { float:left; overflow:hidden; width:100%; height:20px; padding:1px 0}
.mod04 li span { float:left; padding-left:10px; background:url(../images/GlobalIcon_01.gif) 0 9px no-repeat}
	
.mod05{ float:left; overflow:hidden; padding:10px;  height:100%; color:#999; border-top:1px dotted #ccc}
.mod05 p{ float:left; width:700px;}
.mod05 p.line1{ padding:10px 0;  border-bottom:1px dotted #CCC}
.mod05 p.z1{ padding-top:10px}
.mod05 p strong{ font:bold 14px Microsoft YaHei, Simhei;}
.mod05 p a{ float:left; width:150px; padding-right:6px; color:#999; }

#courseTimetable {display:none}
