.classtop{ padding:5px; width:100%; display:table}
.classtop-math{ float:left;font-size:20px; height:36px;margin-top:7px; margin-left:8px; line-height:36px;}
.classtop-pic{float:left;height:36px; margin-top:7px;line-height:36px;margin-left:10px;}
.mathclass{margin:0 auto; overflow:auto; zoom:1; width:100%;padding-left:10px; border-bottom:solid 1px #CCCCCC;}
.studaycard .mathclass-p{ font-size:14px;  color:#252525;  overflow:hidden;   padding-top:4%; line-height:20px; text-align:left; }
.mathclass-teach{ font-size:14px; color:#363535; margin-top:5px; line-height:20px;}
.mathclass-teach span{ color:#b30000}
.mathclass-teach .camera{ height:32px; width:32px;background:url(../img/classtop_04.png) no-repeat right top; float:left; margin-right:10px; }
.mathclass-teach .camera a{height:22px; width:32px; display:inline-block}
.card-l{ float:left; width:44%; padding:1.2%; margin-top:2%; margin-bottom:1.5%;border:1px solid #CCCCCC; font-size:0px;}
.card-l a img{width:100%; text-align:center;  display:inline-block;}
.card-r{ float:right; width:45%;  margin-right:14px;}

.bk{width:100%; height:60px;}
.footer{ width:100%; height:58px; background:#f7346c; position:fixed; bottom:0px; _position:absolute;_top: expression(documentElement.scrollTop);margin: 0 auto; left:0; margin-top:200px;}
.footer li{width:20%; float:left; }
.b11 {width:100%; padding-top:6px; font-size:12px; color:#fff; display:table; text-align:center;}