.blue {
    color: #008CC6;
}
.lesson{ float:left; color:#008CC6; font-size:18px; font-family:Î¢ÈíÑÅºÚ,Arial, Helvetica, sans-serif; width:200px;}


.hot{
    float: left;
    font-size: 14px;
    font-weight: bold;
	font-family:Î¢ÈíÑÅºÚ,Arial, Helvetica, sans-serif;
    width: 180px;
	color: #ff0000;
}
.right{float:right;width:320px;}
.conU{padding:5px;}
h2 {
    color: #006600;
    font: 14px Arial,Helvetica,sans-serif;
    padding:0 0 6px 12px;
}

h4{
    color: #0090B3;
    font: 14px Arial,Helvetica,sans-serif;
    padding:0 0 6px 12px;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
}

.col3 li {
    border-bottom: 1px dashed #DDDDDD;
    padding: 3px 0;
}

.col3 .rank {
    float: left;
    padding: 0 6px;
    text-align: center;
    width: 14px;
}
.col3 .entry {
    color: #666666;
    float: left;
    margin: 0;
    width: 280px;
}

.col3 .entry a:link, .col3 .entry a:visited, .col3 .entry a:active{
    color:#336699;
}

.relate_con{float:left;width:618px; padding-top:12px;}
.right_con{float:left;width:320px; padding-top:12px;}


.left {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DEDDDB;
    float: left;
    padding: 20px 5px 20px 15px;
    width: 600px;
}
.selectBox {
    padding-bottom: 10px;
    width: 100%;
}
.selectBox ul {
    color: #888888;
    font-size: 12px;
    margin-bottom: 15px;
    text-align: left;
}
.selectBox ul h1 {
    color: #3893CD;
    display: inline;
    font-family: Î¢ÈíÑÅºÚ;
    font-size: 20px;
    margin-right: 30px;
}
.selectBox ul font {
    color: #F44C00;
    font-size: 12px;
}
.selectBox dl {
    border-bottom: 1px dotted #DEDDDB;
    line-height: 28px;
    padding: 10px 0;
    text-align: left;
    width: 100%;
}
.selectBox dt {
    color: #333333;
    float: left;
    width: 6em;
}
.selectBox dd {
    float: left;
    width: 600px;
}
.selectBox dd a {
    color: #666666;
    display: inline-block;
    padding: 0 5px;
    word-wrap: break-word;
}
.selectBox dd a:hover {
    color: #F49000;
    text-decoration: none;
}
.selectBox dd .cur {
    background: none repeat scroll 0 0 #008CC6;
    color: #FFFFFF;
    font-weight: normal;
    padding: 3px 5px;
}
.selectBox p {
    float: left;
    margin: 10px 0;
    width: 100%;
}
.selectBox p span {
    color: #666666;
    cursor: pointer;
    float: right;
    height: 18px;
    line-height: 18px;
    padding-left: 20px;
}
#open span {
    background: url("/klass/images/klassicon1.gif") no-repeat scroll 0 -15px transparent;
}
#close span {
    background: url("/klass/images/klassicon1.gif") no-repeat scroll 0 4px transparent;
}
.selectBox img {
    float: left;
}
.clear {
    clear: both;
}
.list {
}
.list .listtop {
    height: 64px;
}
.list .listtop img {
    margin-top: 5px;
}
.list .listtop .tab {
    width: 100%;
}
.list .listtop h2 {
    font-size: 14px;
    font-weight: bold;
}
.list .listtop .tab span {
    font-size: 12px;
    text-align: center;
}
.list .listtop .tab span a {
    background: url("/klass/images/klassicon2.gif") no-repeat scroll -1px -32px transparent;
    color: #666666;
    display: block;
    float: left;
    height: 29px;
    line-height: 32px;
    margin-right: 10px;
    width: 102px;
}
.list .listtop .tab span a:hover {
    background: url("/klass/images/klassicon2.gif") no-repeat scroll -1px -65px transparent;
    color: #666666;
    display: block;
    float: left;
    height: 29px;
    line-height: 32px;
    margin-right: 10px;
    text-decoration: none;
    width: 102px;
}
.list .listtop .tab .Tabcur {
    background: url("/klass/images/klassicon2.gif") no-repeat scroll -1px 0 transparent;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 29px;
    line-height: 32px;
    margin-right: 10px;
    width: 102px;
}
.list .listtop .tab .check {
    color: #666666;
    float: right;
    margin-top: 7px;
}
.list .listtop .tab .check input {
}
.list .listtop .tols {
    background: url("/klass/images/klasstolsbk.gif") repeat-x scroll 0 0 transparent;
    height: 39px;
    width: 100%;
}
.list .listtop .tols .tolsleft {
    float: left;
    padding: 10px;
}
.list .listtop .tols .tolsleft a {
    background: url("/klass/images/klassicon2.gif") no-repeat scroll 0 -100px transparent;
    color: #666666;
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-left: -1px;
    width: 102px;
}
.list .listtop .tols .tolsleft a:hover {
    text-decoration: none;
}
.list .listtop .tols .tolsleft .Tolscur {
    background: url("/klass/images/klassicon2.gif") no-repeat scroll 0 -127px transparent;
    color: #666666;
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-left: -1px;
    width: 102px;
}
.list .listtop .tols .tolsright {
    color: #FFFFFF;
    float: right;
    height: 20px;
    line-height: 20px;
    padding: 10px;
}
.list .linebk {
    background: none repeat scroll 0 0 #F8F8F8;
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
}
.bankA {
    background: url("/klass/images/klassstar.gif") no-repeat scroll 0 6px transparent;
    height: 20px;
}
.bankB {
    background: url("/klass/images/klassstar.gif") no-repeat scroll 0 -10px transparent;
    height: 20px;
}
.bankC {
    background: url("/klass/images/klassstar.gif") no-repeat scroll 0 -26px transparent;
    height: 20px;
}
.bankD {
    background: url("/klass/images/klassstar.gif") no-repeat scroll 0 -45px transparent;
    height: 20px;
}
.bankE {
    background: url("/klass/images/klassstar.gif") no-repeat scroll 0 -62px transparent;
    height: 20px;
}
.bankF {
    background: url("/klass/images/klassstar.gif") no-repeat scroll 0 -79px transparent;
    height: 20px;
}
.bankG {
    background: url("/klass/images/klassstar.gif") no-repeat scroll 0 -95px transparent;
    height: 20px;
}
.bankH {
    background: url("/klass/images/klassstar.gif") no-repeat scroll 0 -110px transparent;
    height: 20px;
}
.bankI {
    background: url("/klass/images/klassstar.gif") no-repeat scroll 0 -125px transparent;
    height: 20px;
}
.bankJ {
    background: url("/klass/images/klassstar.gif") no-repeat scroll 0 -140px transparent;
    height: 20px;
}
.list .listtop_school {
    height: 29px;
}
.list .listtop_school .tab {
    border-bottom: 3px solid #50A5DB;
    width: 100%;
}
.list .listtop_school h2 {
    font-size: 14px;
    font-weight: bold;
}
.list .listtop_school .tab span {
    font-size: 12px;
    text-align: center;
}
.list .listtop_school .tab span a {
    background: url("/klass/images/klassicon2.gif") no-repeat scroll -1px -32px transparent;
    color: #666666;
    display: block;
    float: left;
    height: 29px;
    line-height: 32px;
    margin-right: 10px;
    width: 102px;
}
.list .listtop_school .tab span a:hover {
    background: url("/klass/images/klassicon2.gif") no-repeat scroll -1px -65px transparent;
    color: #666666;
    display: block;
    float: left;
    height: 29px;
    line-height: 32px;
    margin-right: 10px;
    text-decoration: none;
    width: 102px;
}
.list .listtop_school .tab .Tabcur {
    background: url("/klass/images/klassicon2.gif") no-repeat scroll -1px 0 transparent;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 29px;
    line-height: 32px;
    margin-right: 10px;
    width: 102px;
}
.list .listtop_school .tab .check {
    color: #666666;
    float: right;
    margin-top: 7px;
}
.list .listtop_school .tab .check input {
}

.teacher{
	width:610px;
	clear:both;
	padding-top:8px;
	padding-bottom:10px;
	float:left;
}
.teacher .pic {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DEDEDE;
    cursor: pointer;
    float: left;
    height: 135px;
    width: 240px;
}

.teacher .info {
	float:right;
	width:352px;
	line-height:25px;
}


.teacherinfo {
    padding-top:0px;
}
.teacherinfo li {
    color: #333333;
    line-height: 30px;
	height:30px;
    text-align: left;
}
.teacherinfo li a {
    color: #056CAE;
    display: inline-block;
    padding-right: 22px;
}
.teacherinfo .gray {
    color: #666666;
}